《网页设计与制作》实验大纲20100220.docVIP

《网页设计与制作》实验大纲 课程编号： 04008 课程名称：网页设计与制作 实验总学时数：14 适用专业：计算机、信科、信管、电商、艺术类 承担实验室：信息科学与工程系 实验教学的目的和要求 教学目的：本课程是与《网页设计与制作》课程相结合而开设的一门基础应用实验课。通过本课程的学习,学生能够更深入的理解和掌握Web站点配置、网页设计与制作的基础知识和基本理论，熟练掌握以Dreamweaver、Photoshop和Flash为开发平台的网页制作基本技能，并能够独立操作、开发应用, 完成从传统网页布局设计向DIV+CSS标准网页布局设计理念的转变，为今后从事与网页和站点开发有关的工作打下基础。 实验要求： （1）上机前应掌握与实验有关的基本理论知识，明白每次实验的实验平台和实验内容，做到有的放矢。 （2）按步骤完成站点配置与网页的设计开发，合理有序的保存好各网页元素和实验结果。 （3）按规定的格式和要求完成大作业并提交站点和网页的源文件。 二、实验项目名称和学时分配 序号 实验项目名称 学时数 必/任选 01 HTML综合实验及跳转特效 2 必选 02 Dreamweaver基础应用与超链接 2 必选 03 Dreamweaver布局设计与特效应用 2 必选 04 CSS选择符定义与布局 2 必选 05 CSS美化网页元素 2 必选 06 Flash动画创作 2 必选 07 Photoshop网页元素制作 2 必选 单项实验的内容和要求（包括实验分组人数要求） 实验环境： PC机+WindowsXP以上系统 Dreamweaver CS3+Fireworks CS3+Flash CS3 实验一 HTML综合实验及跳转特效 实验目的：学习如何编写HTML文档，并学习HTML的一些基本标记，包括标题、背景图片、图像、水平线、字体编辑、超链接、背景音乐等使用方法及http-equiv属性“网页过渡”效果。 实验内容：利用记事本编辑一个带有文本、图像、背景和超链接标记的简单网页。 实验要求：网页要求风格简洁，能综合利用图像、背景、超链接等HTML标记，超链接页面要求使用“网页过渡”效果。 实验分组：每组一人 实验二 Dreamweaver基础应用与超链接 实验目的：掌握利用Dreamweaver设计网页的流程，包括建立站点、插入文字、图像、背景等网页元素，能设计图文混排、交互图像、复杂超链接及基本网页布局。 实验内容：利用Dreamweaver设计一个带有文字、图像、超链接的网页。 实验要求：保证超链接的正确链接 实验分组：每组一人 实验三 Dreamweaver布局设计与特效应用 实验目的：掌握利用布局表格、AP Div及Spry构件创建网页的方法和技巧，能在网页中灵活利用多媒体、行为、Spry特效等网页元素。 实验内容：利用Dreamweaver的布局表格、AP Div及Spry构件分别创建一个网页，要求网页中利用到多媒体、行为和Spry特效。 实验要求：能综合利用声音、动画、行为和特效网页元素。 实验分组：每组一人 实验四 CSS选择符定义与布局 实验目的：掌握利用CSS完成常见的二列式布局及三列式布局技巧，能熟练应用CSS规则定义对话框定义需要的CSS选择符及CSS规则，通过实践理解Float及Position属性的设置及应用技巧。 实验内容：利用Dreamweaver的CSS样式面板设计完成二列式布局及三列式布局网页各一个。 实验要求：二列式布局要求右列固定、左列自适应宽度；三列式布局要求左右固定、中间宽度自适应。实验素材自行确定。 实验分组：每组一人 实验五 CSS美化网页元素 实验目的：掌握利用CSS美化网页元素的技巧，包括网页上的文字、图案、背景、滤镜、导航及超链接等，能综合利用所学CSS技巧完整的美化网页。 实验内容：利用CSS美化一个带有文字、滤镜图案及超链接的网页文档。 实验要求：超链接要有效，CSS美化网页元素的代码要求独立存放。 实验分组：每组一人 实验六 Flash动画创作 实验目的：掌握利用Flash设计基础动画的方法和技巧，能综合利用所学flash知识设计制作一个flash相册及flash导航效果。 实验内容：设计一个至少带有3个flash的网页，要求网页的banner、导航和广告均为flash完成。 实验要求：动画连贯、活泼、生动，能体现动画的特征。 实验分组：每组一人 实验七 Photoshop网页元素制作 实验目的：利用Photoshop完成图像的优化及处理，能综合利用所学Photoshop知识完成所需网页元素的设计及制作。 实验内容：利用Photoshop对一幅照片进行合成与美化，完成一个网站的LOGO图像的设计与制作。 实验要求：保留优化前后的图像效果并进行比较；网站logo要