《网页设计与制作基础》实验报告

1、-装- - 订 -线- 班级 11级物流1班 姓名： 林妙花 - 广 东 商 学 院 答 题 纸（格式二）课程 网页设计与制作基础 20122013学年第一学期课程代码 119492 课程班级及班号 11级物流1班11250104125 成绩 评阅人 评语（ ）评价项目好一般差评分标准主题素材选择每项10分。好（8-10分）;一般（6-7分）;差（6分以下）网站环境与站点管理网页布局设计内容组织与导航设计样式与外观设计设计报告撰写好（15-20分）;一般（10-14分）;差（9分以下）页面元素的插入及设置文字每项5分。好（4-5分）;一般（3分）;差（3分以下）图片超链接多媒体元素表格表单总成

2、绩 （题目）网页设计与制作基础课程设计要求:设计目的u 掌握本地站点的创建和管理以及熟悉网页文件的基本操作；u 善于运用各种网页布局设计方法；u 熟悉在网页中基本的网页元素（如文字、图片、超链接、多媒体元素、表格和表单等）的插入和相关的设置；u 掌握CSS样式表的使用；u 掌握模板的使用。设计环境u WindowsXP操作系统，Dreamweaver CS3软件，以及相关图像、动画等制作软件。设计要求u 遵循如下设计流程： 确立主题； 规划网站以及网页架构； 素材准备； 制作网页及撰写设计报告； 修改完善及刻录光盘； 提交设计报告、光盘； 现场操作考核。u 网站设计作品不得与他人雷同。-网页设

3、计与制作基础课程设计-一、 设计目的及使用技术 这次课程设计的目的是：u 掌握本地站点的创建和管理以及熟悉网页文件的基本操作；u 善于运用各种网页布局设计方法；u 熟悉在网页中基本的网页元素（如文字、图片、超链接、多媒体元素、表格和表单等）的插入和相关的设置；u 掌握CSS样式表的使用；u 掌握模板的使用。使用的技术： 在网页制作中使用表格、表单、链接导航、层、CSS、行为、时间轴、模板等技术，使用音频、视频、图像处理等多媒体技术、文本处理等技术。 二、 设计环境 运用WindowsXP操作系统，内部组成局域网，外连Internet互联网。Dreamweaver CS3软件，以及相关图像、动画

4、等制作软件。三、 设计流程 首先，围绕“我的祖国”的主题，设计我的构思。我的具体题目是“爱我中华”，内容为四大模块;1、爱我中华的历史，2、爱我中华的文化3、爱我中华的英雄人物4、爱我中华大好河山。 接下来大概找一下图片和文字素材，再根据在创作网页的过程中的需要来搜索其他资料。在主页中，有四大链接，这四大链接就是四大模块。题目：“爱我中华”运用了过滤器的效果。四大模块的标题运用有关诗歌来替代乏味的文字。在“历史”这一块，在二级网页中，我做了“历史的主页”：将历史比作一条河流，搜索了黄河的照片，蜿蜒崎岖，象征着历史的进程，然后在河流的各个角落又链接历史的宝贵文物和历史遗迹。在接下来的三级网页中，

5、有图片和对应的说明。这里运用了层、三级链接、模板和css样式，样式用于历史遗迹的说明，模板的下面可以看到是一个以闪亮的天安门为背景，用层，并在层中写上“爱我中华，哎我中华的悠久历史”，整个模板中的可编辑区域是文字说明的背景和样式，天安门背景。在“文化这一块，先插入一个图片作为页面背景，又来一个三级链接，接着，我运用到了层、表格、行为。将中华文化用貌似魔术的方法表现出。表格是插入一个3列3行的，然后设置了各个表格单元的背景颜色，再用层将9个图片和9个数字放进到每个层中，一个一个地设计行为，每一个文字所设计的行为都不一样，虽然都是“隐藏-现实隐藏层”。在“英雄人物”这一块，运用了层、时间轴、插入视

6、频等技术。先用层引进了7位英雄，有古代的，也有近代的，然后再中间写下英雄的精神，在引进5科五角星每个五角星都加了4-5个关键帧，设置是自动播放和循环播放，时间轴的作用使原本静止的五角星动了起来，在毛主席的三级链接中，我插入了毛主席的讲话，表现出主席的英雄气概。另外还连接了狼牙山五壮士的简单事件介绍。在“大好河山”这一块，我运用了框架、表单、插入音频等技术。框架是“左侧和嵌套的下方框架”，在左侧的点击链接中就可以看到相应的图片在在主框架中出现，祖国的河山真的是很秀丽啊！所以，表单的内容主要是让光看者有一个心里评价，有多选，有单选按钮组，有文本区域。而插入的音频是背景音乐，是宋祖英的“黄山黄河中国

7、人”。当然，在整个设计中都有插入图片。总的来说，一切都严格按照要求来完成。四、设计结果一、历史悠久二、文化三、大好河山四、英雄人物五、总结通过这次的实验，总体上回顾了一个学期来的所学所用，让我感觉到我没有白学。当然在创作过程中，也遇到了不少困难，但后来都解决了。如：1、 搞不清楚模板的制作，一开始是用框架来做的，但是得到的模板只是一个小框架里面的，根本不是我要的结果。后来我看了一下书，发觉书是用表格做的，所以，我也用表格，最后做出来了。2、 搞不清楚样式的制作中的表格的定位。在那个样式中，一些文字在表格中被遮住了，但不知道如何定位才能让全部内容都被看到。后来弄了很久，最终决定将样式的字号该小，这样就可以看得到全部内容了。3、 做行为的时候一开始是急躁的。因为一开始用框架做，也就是用了9个框架，但发现框架的大小很难把握，就改用表格。糟糕的是层是不可以复制粘贴的，所以要全部从头来过，因为工程量比较大，所以真的有