《网站设计与开发》实验教学大纲

《网页设计与制作》实验教学大纲（WebsiteDesignandDevelopment）课程代码：0620049实验学时：24先修课程：《图形图像处理》、《C语言程序设计》、《色彩》一、目的要求目的：《网页设计与制作》课程主要讲授网页制作知识的理解和实践应用，该课程的实践内容配合理论教学进行。通过大量的实例加强实践环节训练，做到理论和实践的统一，使学生掌握网页制作与发布的技能。要求：学习掌握本课程的各项能力，逐渐掌握创建站点和网页文档、文本和图像、表格和布局、多媒体元素、超级链接、框架、表单、层、时间轴和行为、站点资源和库项目、CSS样式表、模板、网站的管理和上传、网页制作综合训练等各项功能。能独立构建简单网站或通过协作方式完成较复杂网站的建设，培养学生将理论知识应用于实践并解决实际问题的能力，为今后的进一步学习打下坚实基础。二、实验项目内容及学时分配实验一、创建网站(2学时)1.目的要求目的：（1）掌握在本地创建网站的方法。（2）编辑网站的方法。要求：熟练掌握创建网站、编辑网站的方法和流程，并且创建本地目录。2.主要内容（1）熟悉DreamweaverCS6的工作界面（2）创建站点（3）删除站点、导入站点、复制站点操作（4）在站点里创建首页3.实验类别：专业基础4.实验类型：验证5.实验要求：必做6.主要仪器：微型计算机实验二、在网页中插入图像、音频、动画、视频操作(2学时)⒈实验目的（1）掌握在网页中插入各种音频文件的操作（2）掌握在网页中插入Flash文件的操作（3）掌握在网页插入视频文件的操作⒉实验主要内容（1）掌握使用Flash动画制作,并与网页结合。（2）选择音频片段，尝试加入网页中，使网页更加完善。（3）选择视频文件，加入网页合适的位置中，使网页更加完善。⒊实验类别：专业基础⒋实验类型：验证⒌实验要求：必做⒍主要仪器：微型计算机实验三、超链接的使用(2学时)⒈实验目的主要是熟练掌握超链接的使用方法和利用超链接将网页之间链接起来。⒉实验主要内容（1）熟悉网页中的超级链接（2）在图像中利用“热点”制作超链接（3）学会设计锚点链接⒊实验类别：专业基础⒋实验类型：验证⒌实验要求：必做⒍主要仪器：微型计算机实验四、利用表格布局页(4学时)⒈实验目的（1）掌握用表格整体布局网页（2）掌握表格的属性设置和编辑表格（3）利用嵌套表格定位网页⒉实验主要内容（1）利用表格进行文本的整齐排列和自由的图文混排（2）在整个表格内使用背景图像和色彩（3）单元格的合并和拆分⒊实验类别：专业基础⒋实验类型：设计⒌实验要求：必做⒍主要仪器：微型计算机实验五、使用CSS样式表美化网页(4学时)⒈实验目的(1)掌握三种CSS样式表的创建、删除、编辑(2)掌握CSS规则的属性列表⒉实验主要内容利用CSS定义鼠标的形状，利用CSS滤镜增加页面效果。(1)建立一个本地站点,包括2-3个网页(2)鼠标样式的设置(3)ＣＳＳ滤镜的使用(4)设置超链接将站点中的网页链接起来。⒊实验类别：专业基础⒋实验类型：设计⒌实验要求：必做⒍主要仪器：微型计算机实验六、创建框架网页(2学时)⒈实验目的（1）熟悉框架和框架集的创建（2）掌握框架中的HTML代码⒉实验主要内容创建框架集和框架，测试使用框架结构的网页的浏览速度和表格布局的网页的浏览速度。（1）建立一个本地站点,包括2-3个网页（2）制作嵌套框架和浮动框架（3）编辑框架，在框架中插入图像和表格⒊实验类别：专业基础⒋实验类型：设计⒌实验要求：必做⒍主要仪器：微型计算机实验七、使用Div+CSS布局网页(4学时)⒈实验目的掌握Div+CSS的概念学会网页中“层”的使用使用APDiv掌握“盒子”的操作技巧⒉实验主要内容（1）把网页划分多个Div区域，导入外部链接CSS样式表（2）在Div块里创建主导航和辅助导航，并且进行超链接设置（3）为Div设计“footer”演示，并且输入相应文字⒊实验类别：专业基础⒋实验类型：设计⒌实验要求：必做⒍主要仪器：微型计算机实验八、使用模板和库(2学时)⒈实验目的学会创建模板和从现有网页中创建模板熟练使用模板和更新模板内容⒉实验主要内容（1）新建网页创建模板（2）在现有网页中创建模板（3）网页从模板中分离的操作（4）更新模板及模板内容⒊实验类别：专业基础⒋实验类型：设计⒌实验要求：必做⒍主要仪器：微型计算机实验九、交换图像网页效果的设计(2学时)⒈实验目的要求目的：(1)添加内置的行为。(2)设置触发行为的事件。要求：实验前认真预习，熟练掌握有关行为和事件的概念和知识。实验过程中记录发生的现象并分析原因。实验完毕将所有文件打包交给老师。⒉实验主要内容利用Dreamweaver添加内置行为和设置触发事件，为网页增加页面效果。(1)建立一个本地站点,包括2-3个网页(2)为每网页添加一种行为.(