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

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