《网页制作大作业+网页制作实验报告.pdf》由会员分享,可在线阅读,更多相关《网页制作大作业+网页制作实验报告.pdf(6页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、华北科技学院计算机系综合性实验华北科技学院计算机系综合性实验实实 验验 报报 告告课程名称课程名称网页制作网页制作实验学期实验学期 2009 2009至至 2010 2010学年学年 第第一一学期学期学生所在系部学生所在系部计算机系计算机系年级年级 08 08 级级专业班级专业班级计算机应用技术一班计算机应用技术一班学生姓名学生姓名冀小伟冀小伟学号学号 200807013126 200807013126任课教师任课教师邵铁君邵铁君实验成绩实验成绩计算机系制计算机系制华北科技学院计算机系综合性实验报告网页制作网页制作课程综合性实验报告课程综合性实验报告开课实验室:信息楼基础六开课实验室:信息楼基
2、础六0909年年 1111 月月 3030 日日实验题目一、实验目的综合网站的规化、设计与制作运用已经掌握的知识完成网站。通过此次设计可以达到全面理解、运用网页制作的知识,并使之得以融会贯通,在掌握运用Dreamweaver8flash 8fireworks 8 制作网页的基础上再加以实践,进一步提高、加强自身的综合能力。二、设备与环境1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。2、安装 Windows XP 操作系统;建立 IIS 服务器环境,支持 ASP。3、安装网页三剑客(Dreamweaver 8;Flash 8;Fireworks 8)等网页设计软件;三、实验内容(一
3、)、网站名字:我的网站(二)、实验原理利用 Dreamweaver 8 建立网站,用 Dreamweaver 8、Flash 8 进行制作。(三)、网页大体结构网页大体的结构如下:第一步主要设计网站的主页第二步 主要是主页所包含的子网页进行设计包含 日志、相册、留言板、收藏、友情宣言、好友、音乐盒、爱好、图片等其中主页设计是整个网站的主题结构如下所示:第 1 页华北科技学院计算机系综合性实验报告其中结构图如下:第 2 页华北科技学院计算机系综合性实验报告1、建立站点站点1)执行“站点管理站点”命令,在弹出的“管理站点”对话框中单击“新建”按钮,在弹出的快捷菜单中选择“站点”命令。2)在弹出的“
4、站点定义为”对话框中单击“高级”选项卡。3)在“站点名称”文本框中输入站点名称,在“默认文件夹”文本框中选择所创建的站点文件夹。在“默认图象文件夹”文本框中选择存放图象的文件夹,完成后单击“确定”按钮,返回“管理站点”对话框。4)在“管理站点”对话框中单击“完成”按钮,站点创建完毕。2、页面设置页面设置利用软件 Fireworks 8 制作网页格式 主要是表格的插入,1)在文档中,单击表格“”按钮,在对话框中将“单元格间距”设置为“1”。2)选中插入的表格,将“背景颜色”设置为“黑色”(#0000000)。3)在表格中选中所有的单元格,在“属性”面版中将“背景颜色”设置为“白色”(#FFFFF
5、F)。4)设置完毕,保存页面,按下“F12”键预览。3、美化页面通过 Dreamweaver 8 表格 和 图层美化网页并在网页中插入文字等相关信息 用Fireworks 8制作图片 和 导航图并用 flash 8 制作动画插入网页中。主要是插入 flash 动画1)在页面中插入表格,并在表格中插入 Flash 动画和两个表单按钮。第 3 页华北科技学院计算机系综合性实验报告2)分别选择两个表单按钮,在“行为”面板中单击“”按钮,在弹出的快捷菜单中选择“控制 Shockwave 或 Flash”命令,打开“控制 Shockwave 或 Flash”对话框,分别设置。3)保存页面,按下“F12”
6、键预览。单击“播放”按钮时,开始播放 Flash 动画;当单击“停止”按钮时,则停止播放 Flash 动画。4、创建锚点链接创建锚点链接1)在页面中插入 1 行 4 列的表格,并在各单元格中输入导航文字。2)分别选中各单元格的文字,单击“”按钮,在弹出的“超级链接”对话框上的“链接”文本框分别输入“#01”“#02”“#03”“#04”。3)在文档中输入文字并设置锚记名称“01”,按下“Enter”键换行,输入一篇文章。4)在文章的结尾处换行,输入文字并设置锚记名称“02”,按下“Enter”键换行,输入一篇文章。5)同样的方法在页面下文分别输入文字和命名锚记为“03”和“04”,并输入文章。6)保存页面,按下“F12”键预览。5、子网页制作模仿主网页 制作需要的子网页突出主次结构四、实验结果及分析评定项目评定项目A AB BC CD D第 4 页评定项目评定项目界面美观,布局合理操作熟练解析完整文字流畅题解正确A AB BC CD D教教师师评评价价算法正确程序结构合理语法、语义正确实验结果正确报告规范华北科技学院计算机系综合性实验报告其他:评价教师签名:年月日第 5 页