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

《《网页设计与制作基础》实验报告》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、---------------------------------------------装------------------------------------------订-----------------------------------------线----------------------------------------班级11级物流1班姓名：林妙花-广东商学院答题纸（格式二）课程网页设计与制作基础2012－2013学年第一学期课程代码119492课程班级及班号11级物流1班11250104125成绩　评阅人评语（）评价项目好一般差评分标准主题素材选择每

2、项10分。好（8-10分）;一般（6-7分）;差（6分以下）网站环境与站点管理网页布局设计内容组织与导航设计样式与外观设计设计报告撰写好（15-20分）;一般（10-14分）;差（9分以下）页面元素的插入及设置文字每项5分。好（4-5分）;一般（3分）;差（3分以下）图片超链接多媒体元素表格表单总成绩12＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝（题目）《网页设计与制作基础》课程设计要求:设计目的u掌握本地站点的创建和管理以及熟悉网页文件的基本操作；u善于运用各种网页布局设计方法；u熟悉在网页中基本的网页元素（如文字、图片、超链接、多

3、媒体元素、表格和表单等）的插入和相关的设置；u掌握CSS样式表的使用；u掌握模板的使用。设计环境uWindowsXP操作系统，DreamweaverCS3软件，以及相关图像、动画等制作软件。设计要求u遵循如下设计流程：²确立主题；²规划网站以及网页架构；²素材准备；²制作网页及撰写设计报告；²修改完善及刻录光盘；²提交设计报告、光盘；²现场操作考核。u网站设计作品不得与他人雷同。----------------------------------------------------------------------------------------------------

4、--------------------------------12《网页设计与制作基础》课程设计----------------------------------------------------------------------------------------------------------------------一、设计目的及使用技术这次课程设计的目的是：u掌握本地站点的创建和管理以及熟悉网页文件的基本操作；u善于运用各种网页布局设计方法；u熟悉在网页中基本的网页元素（如文字、图片、超链接、多媒体元素、表格和表单等）的插入和相关的设置；u掌握CSS样式表的

5、使用；u掌握模板的使用。使用的技术：在网页制作中使用表格、表单、链接导航、层、CSS、行为、时间轴、模板等技术，使用音频、视频、图像处理等多媒体技术、文本处理等技术。二、设计环境运用WindowsXP操作系统，内部组成局域网，外连Internet互联网。DreamweaverCS3软件，以及相关图像、动画等制作软件。三、设计流程首先，围绕“我的祖国”的主题，设计我的构思。我的具体题目是“爱我中华”，内容为四大模块;1、爱我中华的历史，2、爱我中华的文化3、爱我中华的英雄人物4、爱我中华大好河山。接下来大概找一下图片和文字素材，再根据在创作网页的过程中的需要来搜索其他资料。在主

6、页中，有四大链接，这四大链接就是四大模块。题目：“爱我中华”运用了过滤器的效果。四大模块的标题运用有关诗歌来替代乏味的文字。。在“历史”这一块，在二级网页中，我做了“历史的主页”：将历史比作一条河流，搜索了黄河的照片，蜿蜒崎岖，象征着历史的进程，然后在河流的各个角落又链接历史的宝贵文物和历史遗迹。在接下来的三级网页中，有图片和对应的说明。这里运用了层、三级链接、模板和css样式，样式用于历史遗迹的说明，模板的下面可以看到是一个以闪亮的天安门为背景，用层，并在层中写上“爱我中华，哎我中华的悠久历史”，整个模板中的可编辑区域是文字说明的背景和样式，天安门背景。在“12文化"这一块

7、，先插入一个图片作为页面背景，又来一个三级链接，接着，我运用到了层、表格、行为。将中华文化用貌似魔术的方法表现出。表格是插入一个3列3行的，然后设置了各个表格单元的背景颜色，再用层将9个图片和9个数字放进到每个层中，一个一个地设计行为，每一个文字所设计的行为都不一样，虽然都是“隐藏-现实隐藏层”。在“英雄人物”这一块，运用了层、时间轴、插入视频等技术。先用层引进了7位英雄，有古代的，也有近代的，然后再中间写下英雄的精神，在引进5科五角星每个五角星都加了4-5个关键帧，设置是自动播放和循环播放，时间轴的作