《详细完整网页制作教程【适合新手】》由会员分享,可在线阅读,更多相关《详细完整网页制作教程【适合新手】(96页珍藏版)》请在金锄头文库上搜索。
1、v主主 讲:计算机系副教授讲:计算机系副教授 知识就是力量,而这知识就是力量,而这力量又来自于我们对知识力量又来自于我们对知识的渴求!的渴求!v1、为什么学习本课程?v2、我怎么教你们?v3、你们怎么学?v4、如何获得学分又获得知识?基本概念基本概念v1、什么是网页?、什么是网页?v2、网页有哪些构成要素?、网页有哪些构成要素?v3、常用网页设计工具有哪些?、常用网页设计工具有哪些?v4、网站怎么做?、网站怎么做?教学、教室安排:教学、教室安排:v周二班:周二班:时间:下午时间:下午5、6节(节(2:304:10)v理论课:单周(瑞樟理论课:单周(瑞樟4-305)v实验课:双周(瑞樟实验课:双
2、周(瑞樟6-306) v周三班:周三班:时间:晚上时间:晚上9、10节(节(7:008:40)v理论课:单周(瑞樟理论课:单周(瑞樟4-305)v实验课:双周(瑞樟实验课:双周(瑞樟6-306)要求:要求:严格按照老师安排的实验内容上实验,严格按照老师安排的实验内容上实验,不允许玩游戏等,一旦发现取消上机资格,实不允许玩游戏等,一旦发现取消上机资格,实验成绩为零分。验成绩为零分。周周次次讲讲授内容授内容时时数数作作业业内容内容周周次次讲讲授内容授内容时时数数作作业业内容内容1 1学生学生选课选课- - -1111FlashFlash动动画制作、画制作、动动画修画修饰饰和插入和插入2 2Flas
3、hFlash动动画制作、画制作、动动画修画修饰饰和插入和插入2 2学生学生选课选课- - -1212期中上机考期中上机考试试2 2设计设计一个有一个有动动画的画的网网页页3 3FrontPage 2003 FrontPage 2003 应应用,用,编辑编辑、修、修饰饰网网页页、按、按钮钮2 2简单简单网网页页制作制作1313网站建网站建设设方案方案设计设计、网、网站管理站管理2网站管理与网站管理与维护维护4 4实验实验2 2文档的文档的录录入、入、编辑编辑、修修饰饰网网页页、按、按钮钮1414实验实验2 2网站管理与网站管理与维护维护、网站管理网站管理5 5图图片管理和片管理和热热点点链链接、
4、接、动动态态字幕字幕2 2在网在网页页中中图图片管理片管理和和热热点点链链接接1515配置配置IISIIS服服务务器、器、动态动态网网页页制作、数据制作、数据库库网网页页制制作作2 2配置配置IISIIS服服务务器器过过程、程、动态动态网网页页制作制作6 6实验实验2 2实现实现网网页动态页动态字幕、字幕、层层和表格和表格1616实验实验2 2配置配置IISIIS服服务务器、器、动态动态网网页页制作、数制作、数据据库库网网页页7 7层层、表格、框架网、表格、框架网页页制作制作2 2层层、表格、框架网、表格、框架网页页制作制作1717网站管理与网站管理与维护维护2 2实现实现网站网站设计设计、管
5、、管理、理、维护维护、上、上传传8 8实验实验2 2网网页页的的层层、表格、表格、框架制作框架制作1818实验实验2实现实现网站网站设计设计、管、管理、理、维护维护、上、上传传9 9FlashFlash动动画制作、画制作、动动画修画修饰饰2 2FlashFlash动动画制作、修画制作、修饰饰和插入和插入1919网站网站综综合合设计设计2网站网站综综合合设计设计和和课课程程设计设计1010实验实验2 2FlashFlash动动画制作、修画制作、修饰饰和插入和插入2020期末上机考期末上机考试试2 2设计设计一个一个动态动态的个的个性化网站性化网站v第一部分:第一部分: MS FrontPage
6、2003 MS FrontPage 2003 应用应用v第二部分:第二部分: Flash 2004 Flash 2004 动画制作动画制作v第三部分:网站建设一条龙第三部分:网站建设一条龙v第四部分:实际技能训练第四部分:实际技能训练v第五部分:第五部分:DreamweaverDreamweaver简单应用简单应用v第六部分:免费网页空间申请第六部分:免费网页空间申请观看教观看教学网站学网站第一部分:第一部分:Microsoft Office FrontPage 2003 应应 用用 1、开机:开机:进入进入windows(2000/2003/XP)2、进入:进入:用鼠标左键单击用鼠标左键单击
7、“开始开始”按钮,选择按钮,选择“程序程序”下面的下面的“MicrosoftOffice”/“MicrosoftOfficeFrontPage2003”v3、新建:新建:单击命令菜单栏中的单击命令菜单栏中的“文件文件”,选,选择择“新建新建”,在屏幕的右面出现一个,在屏幕的右面出现一个“新建新建”工具栏,选择工具栏,选择“新建网页新建网页”下的下的“空白网空白网页页”,于是一个新的网页,于是一个新的网页“new_page_1.htm”就产生了。就产生了。一、如何启动一、如何启动FrontPage20031、输入汉字:输入汉字:在新建的在新建的“new_page_1.htm”页页面上输入汉字信息
8、,并进行面上输入汉字信息,并进行字体、字号、颜字体、字号、颜色色等相关修饰。等相关修饰。2、插入图片:插入图片:在当前页面上在当前页面上“插入插入”图片,请图片,请单击单击“命令菜单命令菜单”下的下的“插入插入”/“图片图片”/“来自文件(或剪贴画)来自文件(或剪贴画)”,选择一张图选择一张图片,单击片,单击“确定确定”。二、编辑网页二、编辑网页二、编辑网页二、编辑网页3、预览:预览:单击屏幕左下角的单击屏幕左下角的“预览预览”按钮,于是新按钮,于是新网页在浏览器下的显示效果就出现了。再单击网页在浏览器下的显示效果就出现了。再单击“设设计计”返回页面设计状态,可以继续修改。也可以单返回页面设计
9、状态,可以继续修改。也可以单击菜单栏击菜单栏“文件文件”下的下的“在浏览器中预览在浏览器中预览/MicrosoftInternetExplorer”或直接按或直接按键可键可以在以在IE下预览制作的网页。下预览制作的网页。4、保存:保存:单击单击“文件文件”/“保存保存”,为文件起个名字,为文件起个名字,并修改并修改“保存位置保存位置”为为D盘上盘上“座号姓名座号姓名”文件夹,文件夹,然后单击然后单击“确定确定”。这样所有网页使用的文件都放。这样所有网页使用的文件都放在这个文件夹中,便于使用和管理。在这个文件夹中,便于使用和管理。例如:例如:888张三张三三、修饰网页三、修饰网页v1、网页标题:
10、、网页标题:选定一个网页,单击选定一个网页,单击“格式格式/背景背景/常规常规/标题标题”,在文本框中输入网页标题。,在文本框中输入网页标题。v2、背景音乐:、背景音乐:为网页添加背景音乐,可以单为网页添加背景音乐,可以单击击“格式格式/背景背景/常规常规/背景音乐背景音乐”,再单击,再单击“浏浏览览”找到你喜欢的音乐。找到你喜欢的音乐。v3、超链接:、超链接:选择一段文字,单击右键,选择选择一段文字,单击右键,选择“超链接超链接”,选定要链接的网页,确定。,选定要链接的网页,确定。v4、网页过渡:、网页过渡:从一个网页过渡到另一个网页从一个网页过渡到另一个网页的效果,可以单击的效果,可以单击
11、“格式格式/网页过渡网页过渡/过渡效果过渡效果”。三、修饰网页三、修饰网页v5、主题:、主题:选择选择“格式格式/主题主题”,从右侧选择一,从右侧选择一种样式,会改变整体网页的背景效果。种样式,会改变整体网页的背景效果。v6、动态字幕:、动态字幕:在网页上选定一个位置,单击在网页上选定一个位置,单击“插入插入/WEB组件组件/组件类别组件类别/选择一种效果选择一种效果/字字幕幕”,单击,单击“完成完成”,在文本框中输入文字。,在文本框中输入文字。也可以添加背景图片。也可以添加背景图片。v7、交互按钮:、交互按钮:单击单击“插入插入/交互式按钮交互式按钮”,可,可以自制特色按钮。以自制特色按钮。
12、v8、多媒体:、多媒体:单击单击“插入插入/图片图片/flash影片影片(swf类型文件)或视频(类型文件)或视频(rm、mp3)”,然,然后链接到相应文件即可。后链接到相应文件即可。四、图片热点链接四、图片热点链接v1、单击、单击“视图视图”/“工具栏工具栏”/“图片图片”,弹出图,弹出图片修饰工具栏;片修饰工具栏;v2、选中页面上要进行热点链接的图片;、选中页面上要进行热点链接的图片;v3、单击图片工具栏上的、单击图片工具栏上的“多边形热点多边形热点”,用鼠标,用鼠标画出要进行热点链接的区域,并使其封闭画出要进行热点链接的区域,并使其封闭v4、在弹出的、在弹出的“插入超链接插入超链接”对话
13、框的对话框的“地址地址”栏栏中输入要热点链接的网页地址即可。中输入要热点链接的网页地址即可。v5、小技巧:使热点区域具有文字提示功能:在、小技巧:使热点区域具有文字提示功能:在“插入超链接插入超链接”对话框中的对话框中的“要显示的文字要显示的文字”栏后面栏后面有个有个“屏幕提示屏幕提示”按钮,然后输入要出现的提示文按钮,然后输入要出现的提示文字。字。五、制作滚动字幕制作滚动字幕v1、插入:、插入:在网页空白处:单击:在网页空白处:单击:“插入插入/web组件组件/滚动字幕滚动字幕”,输入要显示的信息。,输入要显示的信息。v2、修改代码修改代码(红色是要添加的代码!红色是要添加的代码!)vv这是
14、我的滚动字幕这是我的滚动字幕v这是第二行字幕这是第二行字幕v这是第三行字幕这是第三行字幕vv思考:如果想让文字自上向下滚动怎么办?思考:如果想让文字自上向下滚动怎么办?downv3、鼠标悬停:如何在滚动字幕上实现:当、鼠标悬停:如何在滚动字幕上实现:当鼠标悬在鼠标悬在上面时就停止滚动,按下时就实现超级链接,离开上面时就停止滚动,按下时就实现超级链接,离开时继续滚动,下面粉色代码为实现代码。也可以直时继续滚动,下面粉色代码为实现代码。也可以直接用下面代码替换原来的代码。接用下面代码替换原来的代码。vv这是我的滚动字幕这是我的滚动字幕v这是第二行字幕这是第二行字幕v这是第三行字幕这是第三行字幕v五
15、、制作滚动字幕制作滚动字幕4、滚动图片:、滚动图片:利用滚动字幕制作滚利用滚动字幕制作滚动图片,并实现超级链接。动图片,并实现超级链接。vvvv动态滚动图片动态滚动图片vvvv第第5个单元格个单元格vv第第7个单元格个单元格v第第8个单元格个单元格vv第第10个单元格个单元格vvv浏览效果浏览效果六、使用书签六、使用书签v1、制作书签:、制作书签:在网页中选中某一段落的开头在网页中选中某一段落的开头作为书签的起始入口地址,然后单击作为书签的起始入口地址,然后单击“插入插入”/“书签书签”,确定。,确定。v2、制作目录:、制作目录:将各个做好的书签名字以目录将各个做好的书签名字以目录方式做好。方
16、式做好。v3、使用标签:、使用标签:选中目录某一项,超链接到书选中目录某一项,超链接到书签上就可以了。签上就可以了。七、插入层七、插入层v1、层:、层:在网页中选择适当的位置,单击菜单栏上在网页中选择适当的位置,单击菜单栏上的的“插入插入/层层”v2、输入数据:、输入数据:单击层,便可以向其中输入文字,单击层,便可以向其中输入文字,插入图片、动画等等信息。插入图片、动画等等信息。v3、移动:、移动:拖动层的左上角控制柄,就可以任意移拖动层的左上角控制柄,就可以任意移动层到任何位置。动层到任何位置。v4、重叠层:、重叠层:可以将多个层重叠,以达到一定的效可以将多个层重叠,以达到一定的效果。果。v
17、5、改变层次:、改变层次:双击双击“层控制柄层控制柄”,可以用鼠标拖,可以用鼠标拖动相应的层到任何位置,到达改变层的次序。动相应的层到任何位置,到达改变层的次序。八、使用超级链接八、使用超级链接v使用超级链接技术可以使多个网页相互链接在一起,使用超级链接技术可以使多个网页相互链接在一起,方便浏览。方便浏览。v1、分别按照前面的方法做好主、分别按照前面的方法做好主(首首)页和与其链接的页和与其链接的子页文件(子页文件(*.htm),并保存在一个文件夹中。),并保存在一个文件夹中。v2、在主页上输入提示进入子页的文字,作为超链接、在主页上输入提示进入子页的文字,作为超链接的按钮文字。的按钮文字。v
18、3、选中按钮文字,再单击、选中按钮文字,再单击“插入插入/超链接超链接”,找到,找到要链接的文件,确定。要链接的文件,确定。v【主页主页】【】【框架网页框架网页】【】【滚动新闻滚动新闻】【】【热点链接热点链接】【布局表格布局表格】【网页主题网页主题】【】【留言薄留言薄】 九、使用表格九、使用表格v法一:法一:自动生成表格自动生成表格v1、制表:在网页中选择适当的位置,单击菜、制表:在网页中选择适当的位置,单击菜单栏上的单栏上的“表格表格”/“插入插入”/“表格表格”v2、设置:修改、设置:修改“插入表格插入表格”属性,设置行数属性,设置行数和列数,单击和列数,单击“确定确定”。v3、数据:单击
19、某个表格,便可以向表格中输、数据:单击某个表格,便可以向表格中输入文字、图片、动画等等信息。入文字、图片、动画等等信息。v法二:法二:布局表格和单元格布局表格和单元格 v1、当需要将一张网页分成几、当需要将一张网页分成几块显示不同的子网页时,可块显示不同的子网页时,可以采用框架网页。以采用框架网页。v2、“文件文件/新建新建/新建网页新建网页/其其它网页模板它网页模板/框架网页框架网页”下的下的“标题、页脚和目录标题、页脚和目录”,并,并确定。确定。v3、出现空白的框架网页后,、出现空白的框架网页后,就可以向里面添加做好的网就可以向里面添加做好的网页。(页。(实例实例)十、框架网页设计十、框架
20、网页设计v在网页中加入下面一段代码:在网页中加入下面一段代码:vv其中其中756519678是网页上预留的是网页上预留的QQ号。号。十一、在网页中插入十一、在网页中插入QQ对话对话v1、在、在D盘上建立一个以你自己的盘上建立一个以你自己的“座号姓名座号姓名”为名为名字的文件夹。例如:字的文件夹。例如:88张三张三v2、启动、启动FrontPage2003,新建一个网页,并以,新建一个网页,并以index.htm为名保存在形如为名保存在形如“88张三张三”的文件夹里的文件夹里面,内容为介绍自己简历,并加图片。面,内容为介绍自己简历,并加图片。v3、按照前面介绍的网页制作技术分别建立不同的网、按照
21、前面介绍的网页制作技术分别建立不同的网页页(例如求职意向、成绩单、爱好特长例如求职意向、成绩单、爱好特长),并利用超,并利用超级链接技术链接到主页级链接技术链接到主页index.htm上。上。v4、实现网页间过渡效果设计。、实现网页间过渡效果设计。实验训练一:个人求职网站实验训练一:个人求职网站v5、在主页、在主页index.htm上增加图片热点链接到上增加图片热点链接到三个子页上。三个子页上。v6、在主页、在主页index.htm上增加滚动字幕,并有上增加滚动字幕,并有三张不同的图片链接到三子页上。三张不同的图片链接到三子页上。实验训练一:个人求职网站实验训练一:个人求职网站index.ht
22、m求职意向求职意向.htm成绩单成绩单.htm能力展示能力展示.htm实验训练一之实验训练一之问题回顾:v1、到实验室不知道做什么?、到实验室不知道做什么?不做笔记,不认不做笔记,不认真听课的结果。真听课的结果。v2、知道了做什么却不会做:、知道了做什么却不会做:缺少课前预习。缺少课前预习。v3、文件超链接不能用:、文件超链接不能用:没有保存好就链接了没有保存好就链接了v4、文件在哪里找不到:、文件在哪里找不到:保存时没有看位置。保存时没有看位置。v5、滚动字幕:、滚动字幕:不能上下滚动,无超链接。不能上下滚动,无超链接。v6、图片热点:、图片热点:应选中图片后点击应选中图片后点击“图片编辑器
23、图片编辑器”v7、测试:、测试:按按F12第二部分:Flash 2004 动画制作动画制作v1、启动、启动flash:“新建新建/flash文档文档/确定确定”。v2、绘制:、绘制:在右侧在右侧“工具工具”下面找到下面找到“椭圆工具椭圆工具”或或“铅笔铅笔工具工具”等开始作画,在不同的层画出一要表现的图形。等开始作画,在不同的层画出一要表现的图形。v3、关键帧:、关键帧:在在“时间轴时间轴”上选择一个相邻的帧,右点鼠标,上选择一个相邻的帧,右点鼠标,选择选择“插入关键帧插入关键帧”。v4、变化:、变化:选择选择“任意变形工具任意变形工具”或或“箭头工具箭头工具”,改变你,改变你所画图形的样子,
24、使其与上个帧的动作有稍许变化。所画图形的样子,使其与上个帧的动作有稍许变化。v5、插入关键帧:、插入关键帧:重复重复3、4动作,通过移动或改变图形的形动作,通过移动或改变图形的形状、大小、颜色等制作出多幅图片。状、大小、颜色等制作出多幅图片。v6、补间:、补间:选择某一祯区间,在选择某一祯区间,在“窗口窗口”找到找到“属性属性/补间补间/形形状状”,当出现,当出现“”箭头时就可以连续动作起来了。箭头时就可以连续动作起来了。v7、播放:、播放:控制控制/测试影片(测试影片(ctrl+enter)。)。二、制作二、制作flash动画(动画(1)v1、启动、启动flash:“新建新建/flash文档
25、文档/确定确定”,如图。,如图。v2、绘制:、绘制:在右侧在右侧“工具工具”下面找到下面找到“椭圆工具椭圆工具”或或“铅笔铅笔工具工具”等开始作画,画出一个完整的图形。等开始作画,画出一个完整的图形。v3、组合:、组合:有时需要将图像进行组合后进行变化,以免分散有时需要将图像进行组合后进行变化,以免分散开。利用箭头工具选中要组合的图像,单击开。利用箭头工具选中要组合的图像,单击“修改修改/组合组合”。v4、变化:、变化:再选择再选择“任意变形工具任意变形工具”改变你所画图形的样式。改变你所画图形的样式。v5、插入关键帧:、插入关键帧:在在“时间轴时间轴”上右点鼠标,选择上右点鼠标,选择“插入关
26、插入关键帧键帧”,并重复,并重复3、4动作,移动或改变图形的形状、大小、动作,移动或改变图形的形状、大小、颜色等。颜色等。v6、补间:、补间:选择某一祯区间,在选择某一祯区间,在“窗口窗口”找到找到“属性属性/补间补间/动动作作”,当出现,当出现“”时就可以连续动作起来了。时就可以连续动作起来了。v7、播放:、播放:控制控制/测试影片(测试影片(ctrl+enter)。)。一一、制作、制作flash动画(动画(2)v1、启动:进入开始、启动:进入开始/程序下启动程序下启动flash动画。动画。v2、测试:利用上节的办法制作动画,并测试、测试:利用上节的办法制作动画,并测试好。好。v3、发布设置
27、:单击、发布设置:单击“文件文件/发布设置发布设置”,在,在“格式格式”中选择中选择“GIF图像图像”复选框,并立即复选框,并立即为它命名,然后单击弹出的为它命名,然后单击弹出的“GIF”选项卡,选项卡,在在“回放回放”中选择中选择“动画动画”。v4、发布:单击、发布:单击“发布发布”按钮,一个按钮,一个gif动画动画就做成了。就做成了。三、制作三、制作gif图片动画图片动画gif动画图片效果动画图片效果四、将动画插入网页四、将动画插入网页v1、选择位置:、选择位置:在网页中选择的合适位置,准在网页中选择的合适位置,准备插入做好的动画。备插入做好的动画。v2、插入:、插入:单击单击“插入插入/
28、图片图片/flash动画动画/”,找,找到你的动画素材,确定。到你的动画素材,确定。v3、预览:、预览:单击单击“预览预览”,看一下大小、样式,看一下大小、样式是否合适,通过边框调节钮改变大小。是否合适,通过边框调节钮改变大小。v4、插入声音:、插入声音:在动画的适当位置插入在动画的适当位置插入“库库”中的声音或其他的声音文件,到时会自动播中的声音或其他的声音文件,到时会自动播放。放。五、制作按钮动画五、制作按钮动画v1、做好一个动画:、做好一个动画:在按照前面的办法做好一个动画,在按照前面的办法做好一个动画,并在第一帧上插入并在第一帧上插入“stop()”动作,使动画开始时动作,使动画开始时
29、不要自动播放,待按钮按下时开始动作。不要自动播放,待按钮按下时开始动作。v2、再做好一个按钮:、再做好一个按钮:单击单击“插入插入/新建元件新建元件”,给个,给个名称,在行为中选名称,在行为中选“按钮按钮”,并确定。,并确定。v3、加入按钮:、加入按钮:在动画场景中加一个层,并从菜单栏在动画场景中加一个层,并从菜单栏“窗口窗口/库库”中将做好的按钮拖入场景中。中将做好的按钮拖入场景中。v4、按钮行为:、按钮行为:为按钮添加行为,单击按钮,选择为按钮添加行为,单击按钮,选择“动作动作/影片控制影片控制/on”,并添加事件,程序如下:并添加事件,程序如下:von(release)play();注释
30、:按下后放开开始播放动画注释:按下后放开开始播放动画von(press)stop();注释:按下后不放开就暂停播放注释:按下后不放开就暂停播放(示例(示例-打球)打球)六、制作影片动画六、制作影片动画v1、新建文档:、新建文档:命名当前层为命名当前层为“背景层背景层”,颜色为绿色,颜色为绿色,大小为大小为800X600,并画上一些图案,右击第,并画上一些图案,右击第60帧选择帧选择“插入帧插入帧”。v2、创建影片剪辑元件:、创建影片剪辑元件:单击单击“插入插入/新建元件新建元件”,元件,元件名称名称”狐狸狐狸”,在行为中选,在行为中选“影片剪辑影片剪辑”,确定。,确定。v3、脸层:、脸层:在元
31、件编辑区,命名当前层为在元件编辑区,命名当前层为“脸脸”,利用,利用画笔工具选择一种颜色开始画脸。画笔工具选择一种颜色开始画脸。v4、眼身脚:、眼身脚:新建眼睛层,绘制眼睛。同样方法新建其新建眼睛层,绘制眼睛。同样方法新建其他层,并画出身脚等部分。他层,并画出身脚等部分。v5、拼合:、拼合:调整各层上下顺序,用变形工具改变各部分调整各层上下顺序,用变形工具改变各部分的大小、角度,拼合成一个完整图形。的大小、角度,拼合成一个完整图形。v6、插关键帧:、插关键帧:在每个层的第在每个层的第3帧都插入关键帧,并适当帧都插入关键帧,并适当改变各层图像的大小、位置、角度。同样分别在各层的改变各层图像的大小
32、、位置、角度。同样分别在各层的第第5、7、9帧按照相同的方法改变动作,实现元件的动帧按照相同的方法改变动作,实现元件的动画效果。画效果。(示例(示例-狐狸)狐狸)六、制作影片动画六、制作影片动画v7、“狐狸狐狸”层:回到层:回到场景场景1中,新建层并命名为中,新建层并命名为“狐狸狐狸”,从菜单栏的,从菜单栏的“窗口窗口/库库”中将做好的中将做好的“狐狸狐狸”影片剪辑拖入场景中狐狸层内并放在适影片剪辑拖入场景中狐狸层内并放在适当位置。当位置。v8、移动:、移动:在狐狸层的第在狐狸层的第60帧创建关键帧,并移帧创建关键帧,并移动元件到相应位置,可以改变大小、角度。通过动元件到相应位置,可以改变大小
33、、角度。通过复制可以同时出现多个元件,但要组合后才统一复制可以同时出现多个元件,但要组合后才统一行动,不然就要在不同层做。行动,不然就要在不同层做。v9、补间:、补间:在选中狐狸层的第在选中狐狸层的第1帧,在属性面板中帧,在属性面板中设置设置“补间补间”为为“动作动作”,产生运动渐变动画。,产生运动渐变动画。v10、测试:、测试:按按Ctrl+Enter键观看效果。键观看效果。(示例(示例-狐狸)狐狸)七、动画导出七、动画导出v1、视频文件、视频文件AVI:单击单击“文件文件/导出影片导出影片”,文,文件类型选择件类型选择“windowsAvi”,生成可以在视频播,生成可以在视频播放器播放的文
34、件。放器播放的文件。v2、图片、图片gif动画:动画:单击单击“文件文件/导出影片导出影片”,文件,文件类型选择类型选择“gif动画(动画(*.gif)”,生成可以具有,生成可以具有动画效果的图片文件。动画效果的图片文件。实验训练二:动画制作实验训练二:动画制作v1、利用、利用flash制作一幅制作一幅swf和和gif动画。动画。v2、利用、利用frontpage制作一个制作一个“个人求职网站个人求职网站”网站,并做好网站,并做好3个子页个子页1个主页和链接。个主页和链接。v3、将制作好的动画插入到网站的首页中,并、将制作好的动画插入到网站的首页中,并与首页的主题相适应。与首页的主题相适应。v
35、1、在、在D盘上建立一个以你自己的盘上建立一个以你自己的“座号姓名座号姓名”为名为名字的文件夹。例如:字的文件夹。例如:88张三张三v2、启动、启动FrontPage2003,新建一个网页,并以,新建一个网页,并以index.htm为名保存在形如为名保存在形如“88张三张三”的文件夹里的文件夹里面,内容为介绍自己简历,并加图片。面,内容为介绍自己简历,并加图片。v3、按照前面介绍的网页制作技术分别建立不同的网、按照前面介绍的网页制作技术分别建立不同的网页页(例如求职意向、成绩单、爱好特长例如求职意向、成绩单、爱好特长),并利用超,并利用超级链接技术链接到主页级链接技术链接到主页index.ht
36、m上。上。v4、实现网页间过渡效果设计。、实现网页间过渡效果设计。实验训练二:个人求职网站实验训练二:个人求职网站v5、在主页、在主页index.htm上增加图片热点链接到上增加图片热点链接到三个子页上。三个子页上。v6、在主页、在主页index.htm上增加滚动字幕,并有上增加滚动字幕,并有三张不同的图片链接到三子页上。三张不同的图片链接到三子页上。实验训练二:个人求职网站实验训练二:个人求职网站index.htm求职意向求职意向.htm成绩单成绩单.htm能力展示能力展示.htm第三部分:网站建设一条龙网站建设一条龙一一、制作个人网站、制作个人网站v1、建文件夹:、建文件夹:在在D盘下以自
37、己的座号为名建立盘下以自己的座号为名建立一个新文件夹,用来存放网站文件。一个新文件夹,用来存放网站文件。如如“web88”v2、建站:、建站:在在FrontPage2003界面界面单击单击“文件文件/新建新建”,在右面的,在右面的“新建新建”面板栏里面,选择面板栏里面,选择“新建网站新建网站/其他网站模板其他网站模板”,在弹出的,在弹出的“网站网站模版模版”中选择中选择“个人网站个人网站”v3、找位置:、找位置:单击单击“指定新网站位置指定新网站位置”下面的下面的“浏览浏览”,在,在“查找范围查找范围”下拉框中找到下拉框中找到D盘下第盘下第一步建立的一步建立的“web88”文件夹。文件夹。一、
38、制作个人网站一、制作个人网站v4、确定:、确定:单击单击“网站模版网站模版”中中“确定确定”,于是,于是一个一个“个人网站个人网站”建成了。建成了。v5、修饰:、修饰:对新建的网站的对新建的网站的主页和主页和各个子页可以各个子页可以采用学过的方法进行必要的修饰、修改,使它采用学过的方法进行必要的修饰、修改,使它变成你自己的个性网站,其中变成你自己的个性网站,其中index.htm为默为默认的主页文件。认的主页文件。v6、保存:、保存:当修改好后,就可以保存了!当修改好后,就可以保存了!v7、预览:、预览:按按F12在在IE下预览所制作的网站,下预览所制作的网站,测测试一下各种功能,如果不满意还
39、可以继续在试一下各种功能,如果不满意还可以继续在FrontPage环境下修改完善,直到满意。环境下修改完善,直到满意。一、制作个人网站一、制作个人网站v8、网站导航:在、网站导航:在FrontPage编辑状态下,单编辑状态下,单击击“网站网站”在左下角有个在左下角有个“导航导航”选项卡,单选项卡,单击可以看到一个直观的网页结构布局,如图所击可以看到一个直观的网页结构布局,如图所示。示。v9、测试:、测试:退出退出FrontPage,找到自己刚建立,找到自己刚建立的网站,双击的网站,双击“index.htm”文件,于是你刚文件,于是你刚刚建立的网站便打开了刚建立的网站便打开了!由于未设置成网站服
40、务由于未设置成网站服务器,所以器,所以“反馈反馈”网页不能正常使用。网页不能正常使用。二、添加新的子站点二、添加新的子站点v1、添加:、添加:如果想在已有网站上如果想在已有网站上“添加添加”新的子新的子站点,可以打开已有网站,再选择站点,可以打开已有网站,再选择“添加到当添加到当前网站前网站”。于是新站点就会出现在原来网站的同于是新站点就会出现在原来网站的同一个目录下面,如图。一个目录下面,如图。v2、建立链接:、建立链接:为了将新加的站点添加到原来的为了将新加的站点添加到原来的网站中,需要建立超级链接。单击网站中,需要建立超级链接。单击“网站网站/导航导航”,右点主页下的子页,选择右点主页下
41、的子页,选择“添加已有网页添加已有网页”,找到新建立的子页,确定,并用鼠标拖放到,找到新建立的子页,确定,并用鼠标拖放到想要的位置。想要的位置。v3、测试后保存、测试后保存。三、制作动态数据库网站三、制作动态数据库网站v如何制作具有动态数据处理的网站这是本如何制作具有动态数据处理的网站这是本课的教学难点,也是制作网站的最高境界。它课的教学难点,也是制作网站的最高境界。它将用到数据库的知识和网站服务器建立的知识。将用到数据库的知识和网站服务器建立的知识。v动态网站的建立将使你的网站具有用户访动态网站的建立将使你的网站具有用户访问留言功能、表单提交功能,拉近和浏览者的问留言功能、表单提交功能,拉近
42、和浏览者的距离。距离。v下面以下面以“班级通讯录班级通讯录”为例,讲解制作数据为例,讲解制作数据库网站的过程。它可以实现数据的浏览、添加、库网站的过程。它可以实现数据的浏览、添加、修改、删除等功能。修改、删除等功能。三、制作动态数据库网站三、制作动态数据库网站v1、建文件夹:、建文件夹:在在D盘下以自己的座号为名建立盘下以自己的座号为名建立一个新文件夹,用来存放网站文件。一个新文件夹,用来存放网站文件。如如“web888”v2、建站点:、建站点:进入进入FrontPage界面界面单击单击“文件文件/新新建建”,在右面的,在右面的“新建新建”面板栏里面,选择面板栏里面,选择“新建网站新建网站/其
43、他网站模板其他网站模板”,在弹出的在弹出的“网站模版网站模版/常规常规”中选择中选择“数据库界面向导数据库界面向导”。v3、找位置:、找位置:单击单击“指定新网站位置指定新网站位置”下面的下面的“浏览浏览”,在,在“查找范围查找范围”下拉框中找到下拉框中找到D盘下刚盘下刚建立的建立的“web888”文件夹。文件夹。v4、确定:、确定:单击单击“确定确定”。三、制作动态数据库网站三、制作动态数据库网站v5、修饰:、修饰:启动启动“数据库界面向导数据库界面向导”,默认各种,默认各种选项,直接单击选项,直接单击“下一步下一步”,由于要链接到一,由于要链接到一个新建的数据库,于是出现个新建的数据库,于
44、是出现“请输入数据库连请输入数据库连结名称结名称”的输入框,请输入:的输入框,请输入:“tongxunlu”。三、制作动态数据库网站三、制作动态数据库网站v6、制作数据表:、制作数据表:修改数据库的列名称、数据类型、修改数据库的列名称、数据类型、表单域类型等,如图。表单域类型等,如图。v7、编辑:、编辑:双击双击“名称名称”,将,将“列名称列名称”改为改为“姓姓名名”,确定。依此类推,将其他名称全修改了。,确定。依此类推,将其他名称全修改了。但主键不要改动。可以添加,顺序可以上下移动。但主键不要改动。可以添加,顺序可以上下移动。三、制作动态数据库网站三、制作动态数据库网站v8、制作数据表:对、
45、制作数据表:对数据库各列都修改好后,点数据库各列都修改好后,点击击“下一步下一步”两次,出现:两次,出现:“数据库界面网页数据库界面网页”,请将,请将“数据库编辑器数据库编辑器”复选框也选中,再复选框也选中,再单击单击“下一步下一步”。三、制作动态数据库网站三、制作动态数据库网站v9、设置管理员:、设置管理员:输入用于访问输入用于访问“数据库编辑器数据库编辑器”的用户名和密码,以防止被其他人任意修改的用户名和密码,以防止被其他人任意修改数据。当然也可以选择数据。当然也可以选择“不使用用户名和密码不使用用户名和密码保护数据库编辑器保护数据库编辑器”选项,这样就允许大家都选项,这样就允许大家都能改
46、。能改。都输入都输入1三、制作动态数据库网站三、制作动态数据库网站v10、完成:、完成:单击单击“完成完成”。于是整个数据库网站。于是整个数据库网站建立完毕。但是这个网站并不能直接使用,还需建立完毕。但是这个网站并不能直接使用,还需要进行要进行WEB服务器(服务器(IIS)设置才可以。)设置才可以。三、制作动态数据库网站三、制作动态数据库网站v11、测试:、测试:找到找到web888网站文件夹,在网站文件夹,在IE下下打开打开“index.htm”文件,看到文件,看到“数据库界面数据库界面”网站。点击网站。点击“结果网页结果网页”等均不好用,因为目等均不好用,因为目前你的电脑还没有设置成前你的
47、电脑还没有设置成WEB服务器。需要进服务器。需要进行行IIS配置。配置。点击试试看点击试试看四、配置四、配置IISv前言:前言:IIS(InternetInformationServer,互联网信息服务)是一种互联网信息服务)是一种Web(网页)服务组(网页)服务组件件,其中包括其中包括Web服务器、服务器、FTP服务器、服务器、NNTP服务器和服务器和SMTP服务器,分别用于网页浏览、服务器,分别用于网页浏览、文件传输、新闻服务和邮件发送等方面。文件传输、新闻服务和邮件发送等方面。v要想把你的电脑配置成要想把你的电脑配置成WEB服务器,在网服务器,在网络(包括互联网和局域网)上发布信息或让别
48、络(包括互联网和局域网)上发布信息或让别人看到你的网站,就要进行人看到你的网站,就要进行IIS设置。设置。v确认确认IIS:右键单击右键单击“我的电脑我的电脑/管理管理”,弹出,弹出“计算机管理计算机管理”界面,双击界面,双击“服务和应用程序服务和应用程序”,如果里面没有,如果里面没有“Internet信息服务信息服务”,则说,则说明你的电脑没有安装明你的电脑没有安装IIS程序。程序。四、配置四、配置IISv将光盘放入电脑将光盘放入电脑中,单击中,单击“开始开始/程序程序/控制面板控制面板”中的中的“添添加或删除程序加或删除程序”中的中的“添加添加/删除删除windows组件组件”,出现,出现
49、“windows组件向导组件向导”,在组件框中选中在组件框中选中“Internet信息服务信息服务(IIS)”,并单击并单击“下一下一步步”。v安装安装IIS:如果你在电脑中找不到如果你在电脑中找不到“信息服务管理器信息服务管理器”(IIS),说明你的电脑没有安装,说明你的电脑没有安装IIS,这可能需要你提,这可能需要你提供供windows安装光盘才能安装成功。如图。安装光盘才能安装成功。如图。四、配置四、配置IISv如果想还使你的如果想还使你的电脑具有文件传输的电脑具有文件传输的功能,请选中功能,请选中“文件传文件传输协议输协议(FTP)服务服务”复复选框。并单击选框。并单击“确定确定”,完
50、成添加,完成添加IIS的工作。的工作。电脑需重启后方能生电脑需重启后方能生效。效。v安装安装FTP:如果你要了解如果你要了解“Internet信息服务信息服务(IIS)”的详细信息的详细信息,请单击请单击“详细信息详细信息”按钮。如图。按钮。如图。四、配置四、配置IISv1、启动、启动IIS:如果你的电脑有如果你的电脑有IIS,则启动之。右,则启动之。右键单击键单击“我的电脑我的电脑”选择选择“管理管理”,弹出,弹出“计算计算机管理机管理”界面,双击界面,双击“服务和应用程序服务和应用程序”,再双,再双击击“Internet信息服务信息服务”,找到,找到“网站网站/默认网默认网站站”,开始进行
51、,开始进行IIS设置。设置。v2、建立虚拟目录:、建立虚拟目录:右点右点“默认网站默认网站/新建新建/虚拟目虚拟目录录”,在目录名框内输入虚拟名字:例如:,在目录名框内输入虚拟名字:例如:88(你的座号),单击(你的座号),单击“下一步下一步”,输入你的网站,输入你的网站的位置,也可以通过的位置,也可以通过“浏览浏览”找到自己建立的站找到自己建立的站点文件夹,直到点文件夹,直到“完成完成”,你的电脑就变成一台,你的电脑就变成一台网站服务器了。网站服务器了。注意:一定要在默认网站下的一注意:一定要在默认网站下的一级目录建立,二级以下建立不好用。级目录建立,二级以下建立不好用。四、配置四、配置II
52、Sv3、本机测试:、本机测试:双击双击“88”虚拟目录,虚拟目录,在右面窗口找到在右面窗口找到index.htm文件,并文件,并右击之,选择右击之,选择“浏浏览览”,这时就可以,这时就可以对动态数据库网站对动态数据库网站的各个网页进行数的各个网页进行数据的浏览、添加、据的浏览、添加、修改、删除等操作修改、删除等操作测试。测试。四、配置四、配置IISv4、完善:、完善:如果发现网站有需要修改完善的地方,如果发现网站有需要修改完善的地方,就再次进入就再次进入frontpage修改,并保存。修改,并保存。v5、记住自己的、记住自己的IP:右点右点“默认站点默认站点/属性属性”,查看你所用电脑的查看你
53、所用电脑的“IP地址地址”是多少,如果写的是多少,如果写的是是“全部未分配全部未分配”,请点击下拉钮查看并选中,请点击下拉钮查看并选中之。之。v例如:例如:192.168.41.200v6、局域网测试:、局域网测试:在其他计算机上测试你的网站,在其他计算机上测试你的网站,在在IE地址栏中输入你的地址栏中输入你的IP地址并回车。地址并回车。vhttp:/192.168.41.200/88/index.htm四、配置四、配置IISv7、完成:、完成:如果能够正确出现你本机测试时见到如果能够正确出现你本机测试时见到的网页,各种功能正常,说明你的网站建设成的网页,各种功能正常,说明你的网站建设成功。功
54、。v注意事项一:注意事项一:你的电脑一定要链接在互联网或你的电脑一定要链接在互联网或局域网上。局域网上。v注意事项二:注意事项二:你建立的数据库网站一定要在你建立的数据库网站一定要在“默认网站默认网站”的一级目录下,否则可能无法对数的一级目录下,否则可能无法对数据库进行读写操作。据库进行读写操作。v如果经过上述的配置后,在如果经过上述的配置后,在win2000下应该就下应该就好用了。好用了。四、配置四、配置IISv8、注意事项:、注意事项:在在win2003下还需要进一步配置下还需要进一步配置IIS:右点:右点“默认网站默认网站”,选择属性,选择属性/主目录下的主目录下的“配置配置”按钮,选择
55、按钮,选择“启用父路径启用父路径”选项才可选项才可以。以。五、文件传输五、文件传输FTPv1、FTP:文件传输协议文件传输协议FTP(FileTransferProtocol)是是Internet传统的服务之一。传统的服务之一。FTP使用户能在两个联网的计算机之间传输文件,使用户能在两个联网的计算机之间传输文件,它是它是Internet传递文件最主要的方法。使用匿传递文件最主要的方法。使用匿名名(Anonymous)FTP,用户可以免费获取用户可以免费获取Internet丰富的资源。丰富的资源。 v2、使用、使用FTP:在在IE的地址栏内打入的地址栏内打入FTP服务器服务器的的IP地址,将你的
56、文件(夹)复制到里面就地址,将你的文件(夹)复制到里面就可以了。用此方法可以将个人网站上传到互可以了。用此方法可以将个人网站上传到互联网服务器上。联网服务器上。六、制作高质量网站需要的技术六、制作高质量网站需要的技术v要有较好的审美观;要有较好的审美观;v要有较好的文字功底;要有较好的文字功底;v要有较好的色彩和图画水平;要有较好的色彩和图画水平;v要有较好的社会学、心理学、人文学等知识;要有较好的社会学、心理学、人文学等知识;v要有较好的计算机程序设计技术;要有较好的计算机程序设计技术;v要有较好的法律法规知识。要有较好的法律法规知识。实验训练三:动态网站建立实验训练三:动态网站建立v1、建
57、站:、建站:按照个人网站建设方法,建立一个按照个人网站建设方法,建立一个“个人求职网站个人求职网站”v2、网站包括:、网站包括:主页、个人简历、学习成绩单、主页、个人简历、学习成绩单、兴趣、就业方向、特长、兴趣、就业方向、特长、意见反馈意见反馈共共7个网页。个网页。v3、功能:、功能:网页间有过度,动态文字,个性化网页间有过度,动态文字,个性化图片,图片,“意见反馈意见反馈”页是用人单位意见反馈,页是用人单位意见反馈,要求使用动态数据库技术完成。要求使用动态数据库技术完成。第四部分:第四部分:实际技能训练实际技能训练v理论测试理论测试v技能测试技能测试v综合测试综合测试v课程设计课程设计v技能
58、鉴定技能鉴定1、如何在、如何在D盘上以自己的盘上以自己的“座号座号”为名建立一个为名建立一个文件夹?文件夹?2、怎样将你的计算机的、怎样将你的计算机的IP修改成:修改成:192.168.43.135,默认网关和子网掩码是什么,默认网关和子网掩码是什么?3、如果你计算机的、如果你计算机的IP目前是目前是192.168.43.135,要想用要想用IE浏览器访问本局域网内浏览器访问本局域网内IP是:是:192.168.41.210的计算机,你的计算机应该重的计算机,你的计算机应该重新设置?新设置?v回答下列问题:回答下列问题:4、如何将文件(或文件夹)复制到、如何将文件(或文件夹)复制到IP是:是:
59、192.168.41.210的的FTP服务器上去?服务器上去?5、如何从、如何从IP是:是:192.168.41.210的的FTP服务器服务器上下载文件到你自己的计算机上?上下载文件到你自己的计算机上?6、如何在、如何在D盘上的一个文件夹里面利用盘上的一个文件夹里面利用FrontPage建立一个建立一个“个人站点个人站点”?7、如何在已经建立好的个人站点上添加一个用、如何在已经建立好的个人站点上添加一个用“数据库界面向导数据库界面向导”创建的创建的“学生通信录学生通信录”?8、如何利用、如何利用IIS(Internet服务管理器)将建服务管理器)将建立好的站点架设成站点服务器?立好的站点架设成
60、站点服务器?9、怎样测试自己的站点服务器网页能否打开?、怎样测试自己的站点服务器网页能否打开?如果无法打开,可能是什么原因?怎么解决如果无法打开,可能是什么原因?怎么解决?10、当你的站点服务器建好之后,如何在别人、当你的站点服务器建好之后,如何在别人的计算机上看到你的网站?的计算机上看到你的网站?11、想在主页上加一个动态的滚动字幕怎么办、想在主页上加一个动态的滚动字幕怎么办?12、如何将一个已有的图片插入到主页中?、如何将一个已有的图片插入到主页中?13、如何将一个、如何将一个FLASH动画图片添加到主页中动画图片添加到主页中?14、如何在自己的主页上做一个超级链、如何在自己的主页上做一个
61、超级链接到老师接到老师192.168.41.210的主页上?的主页上?15、制作一个、制作一个Flash动画,并插入到网动画,并插入到网页的首页中,动画演示的是一个皮球页的首页中,动画演示的是一个皮球自由落下的过程以及你的座号和名字自由落下的过程以及你的座号和名字摆动的情景。摆动的情景。v试写出完成下列实验的试写出完成下列实验的步骤和方法步骤和方法1、在、在D盘上建立一个以你自己的盘上建立一个以你自己的“座号座号+姓名姓名”为名字为名字的文件夹。的文件夹。2、使用、使用FrontPage2003的的“网站模版网站模版”在建好的文件在建好的文件夹里面建立一夹里面建立一个个“个人网站个人网站”。3
62、、修改网站主页的标题为自己的、修改网站主页的标题为自己的“系系-班级班级-座号座号-姓名姓名”4、在、在“收藏夹收藏夹”子页下建立两个子页:子页下建立两个子页:“歌曲收藏夹歌曲收藏夹”、“小品收藏夹小品收藏夹”,并使两个子页的网页框架与父页相同。,并使两个子页的网页框架与父页相同。5、修改两个子页的导航栏,使其能够完成返回主页和浏、修改两个子页的导航栏,使其能够完成返回主页和浏览同级子页的功能。览同级子页的功能。6、设计一个从主页到、设计一个从主页到“收藏夹收藏夹”子页的子页的“网页过渡网页过渡”效果为效果为“随机溶解随机溶解”。7、在主页上添加一个、在主页上添加一个“动态滚动字幕动态滚动字幕
63、”,上书,上书“我我学会做网页啦!学会做网页啦!”。8、将主页的主题设置为、将主页的主题设置为“山花烂漫山花烂漫”、“收藏夹收藏夹”子页的主题设置为子页的主题设置为“如梦花季如梦花季”9、利用画图工具用手工绘制一个、利用画图工具用手工绘制一个“自画像自画像”,然后,然后插入到主页上面。插入到主页上面。10、为网站添加一个背景音乐,写出查找音乐文件的、为网站添加一个背景音乐,写出查找音乐文件的办法。办法。试卷样式试卷样式课程名称:网页制作课程名称:网页制作作业内容:写出建立并修饰网站的步骤作业内容:写出建立并修饰网站的步骤学生姓名:学生姓名:系部专业:系部专业:学学号:号:内容:内容:1、写出在
64、、写出在D盘上建立一个以你自己的盘上建立一个以你自己的“学号学号+姓名姓名”为名字的文件夹的步骤。为名字的文件夹的步骤。答:答:2、3、写出你在学习本课程后的感受,并提出建议和意见,以便我们今后更好的提高教学质量。、写出你在学习本课程后的感受,并提出建议和意见,以便我们今后更好的提高教学质量。校选课校选课网页制作网页制作课程设计课程设计(样)(样)课程设计名称:设计一个个性化网站课程设计名称:设计一个个性化网站设计人员信息:姓名、系别、班级、学号、序号设计人员信息:姓名、系别、班级、学号、序号指导教师:曲巨宝指导教师:曲巨宝副教授副教授设计任务:利用本课程所学的知识,设计一个个性化网站设计任务
65、:利用本课程所学的知识,设计一个个性化网站,并完并完成下列任务。成下列任务。一、写出利用一、写出利用FrontPage创建你个性化网站的步骤创建你个性化网站的步骤;v(提示:结合你写好的那个网站写、现场做)(提示:结合你写好的那个网站写、现场做)二、写出将该网站架设成服务器的方法二、写出将该网站架设成服务器的方法;v(提示:结合你写好的那个网站写、现场做)(提示:结合你写好的那个网站写、现场做)三、写出你参加本次课程学习的感受,意见和建议(三、写出你参加本次课程学习的感受,意见和建议(50字以上)字以上)四、设计一个网站;四、设计一个网站;v(附加上你设计好的网站)(附加上你设计好的网站)网页
66、制作员网页制作员资格证书资格证书 v证书证书:由劳动部职业技能鉴定中心统一核发的:由劳动部职业技能鉴定中心统一核发的全全国计算机信息高新技术考试合格证书国计算机信息高新技术考试合格证书v相应等级:相应等级:网页制作员、高级网页制作员网页制作员、高级网页制作员v网页制作员网页制作员:1.1知识要求知识要求掌握因特网、站点相关知识;掌握因特网、站点相关知识;掌握一种中文平台的基本使用方法和知识;掌握一种中文平台的基本使用方法和知识;掌握一种网页制作相关软件的基本使用知识;掌握一种网页制作相关软件的基本使用知识;1.2技能要求技能要求具有熟练的操作系统使用能力;具有熟练的操作系统使用能力;具有熟练的
67、网页制作相关软件的使用能力;具有熟练的网页制作相关软件的使用能力; 第五部分:第五部分:1、开机:开机:进入进入windows(2000/2003/XP)2、进入:进入:用鼠标左键单击用鼠标左键单击“开始开始”按钮,选择按钮,选择“程序程序”下面的下面的“Macromedia”的的“MacromediaDreamweaverMX2004”一、启动一、启动Dreamweaverv3、新建网页:新建网页:v单击命令菜单栏中的单击命令菜单栏中的“文件文件”,选择,选择“新新建建”,在屏幕的右面出现一个,在屏幕的右面出现一个“新建文档新建文档”界界面:选择面:选择“基本页基本页”下的下的“html”,
68、单击,单击“创建创建”按钮,一个新网页就产生了。按钮,一个新网页就产生了。v4、插入图片查看器:、插入图片查看器:v单击菜单栏下的单击菜单栏下的“插入插入/媒体媒体/图片查看器图片查看器”,出现出现“保存保存flash元素元素”对话框,输入文对话框,输入文件名。记住文件的保存路径、位置。件名。记住文件的保存路径、位置。图片查看器制作:图片查看器制作:v5、编辑数据组:、编辑数据组:v单击选中单击选中“图片查看器图片查看器”控件,在右侧的控件,在右侧的“标签标签object”下的下的“flash元素元素”选项卡下选项卡下找到找到“imageURLs”项,并单击项,并单击“编辑数据组编辑数据组”按
69、钮向图片查看器输入图片。按钮向图片查看器输入图片。v6、添加图片:、添加图片:v单击菜单栏下的单击菜单栏下的“插入插入/媒体媒体/图片查看器图片查看器”,出现出现“保存保存flash元素元素”对话框,输入文对话框,输入文件名。记住文件的保存路径、位置。件名。记住文件的保存路径、位置。图片查看器制作:图片查看器制作:v7、测试:、测试:v单击选中单击选中“图片查看器图片查看器”控件,在右侧的控件,在右侧的“标签标签object”下的下的“flash元素元素”选项卡下选项卡下找到找到“imageURLs”项,并单击项,并单击“编辑数据组编辑数据组”按钮向图片查看器输入图片。按钮向图片查看器输入图片
70、。v8、修饰属性:、修饰属性:v修改控件的播放属性。如自动播放功能:修改控件的播放属性。如自动播放功能:单击菜单栏下的单击菜单栏下的“slideAutoPlay”为为“是是”。v修改修改“slideDelay”可以改变时间;可以改变时间;“slideLoop”可以改变是否循环显示图片。可以改变是否循环显示图片。图片查看器制作:图片查看器制作:v9、插入网页:、插入网页:v如果想将这个如果想将这个“动画图片器动画图片器”放入某个网放入某个网页中,就先打开该网页文件,复制代码:页中,就先打开该网页文件,复制代码:vobjectclassid.vparamname=.v.vembedsrc=.vv然
71、后将这段代码放到另一个网页的然后将这段代码放到另一个网页的“层层”代代码里面,并同时将图片文件夹一起复制到该码里面,并同时将图片文件夹一起复制到该网页的文件夹中。网页的文件夹中。v注意:在代码中使用了绝对地址,如果想变成相对地址,就注意:在代码中使用了绝对地址,如果想变成相对地址,就要先做第要先做第10步做,然后再做第步做,然后再做第9步。步。v10、相当地址、相当地址使用建立网站法使用建立网站法v在启动系统后,使用右下脚的在启动系统后,使用右下脚的“管理站点管理站点”,按照图片给出的顺序,从,按照图片给出的顺序,从1-6新建一个站点。新建一个站点。v(见下图)(见下图)v然后再按照前面的第然
72、后再按照前面的第3步开始往下做,就建立步开始往下做,就建立了一个具有网站功能的图片管理器了。了一个具有网站功能的图片管理器了。第六部分:第六部分:申请免费空间网站v 在IE浏览器的地址栏输入“申请免费空间”,然后开始试着寻找可以申请免费空间的网站。v1、http:/ v2、http:/ 9:24:19教学网站教学网站(见教学课件见教学课件)校选课校选课网页制作网页制作课程设计课程设计课程设计名称:网站名称课程设计名称:网站名称(你自己实际设计的个性化网站名)(你自己实际设计的个性化网站名)设计人员信息:设计人员信息:姓名、系别、班级、学号、座位号姓名、系别、班级、学号、座位号指导教师:曲巨宝指
73、导教师:曲巨宝副教授副教授设计任务:利用本课程所学的知识,设计一个个性化网站设计任务:利用本课程所学的知识,设计一个个性化网站,并完并完成下列任务。成下列任务。一、写出利用一、写出利用FrontPage创建你个性化网站的步骤创建你个性化网站的步骤;v(提示:结合你写好的那个网站写、现场做)(提示:结合你写好的那个网站写、现场做)二、写出将该网站架设成服务器的方法二、写出将该网站架设成服务器的方法;v(提示:结合你写好的那个网站写、现场做)(提示:结合你写好的那个网站写、现场做)三、写出你参加本次课程学习的感受,意见和建议,是否达到三、写出你参加本次课程学习的感受,意见和建议,是否达到最初想参与本课程学习时的效果?最初想参与本课程学习时的效果?(50字以上)字以上)四、设计一个网站;四、设计一个网站;v(附加上你设计好的网站)(附加上你设计好的网站)