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

《《网站设计与开发》实验教学大纲.docx》由会员分享，可在线阅读，更多相关《《网站设计与开发》实验教学大纲.docx（3页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、网页设计与制作实验教学大纲(Website Design and Development)课程代码：0620049实验学时：24先修课程：图形图像处理、C语言程序设计、色彩一、目的要求目的：网页设计与制作课程主要讲授网页制作知识的理解和实践应用，该课程 的实践内容配合理论教学进行。通过大量的实例加强实践环节训练，做到理论和实践 的统一，使学生掌握网页制作与发布的技能。要求：学习掌握本课程的各项能力，逐渐掌握创建站点和网页文档、文本和图像、 表格和布局、多媒体元素、超级链接、框架、表单、层、时间轴和行为、站点资源和 库项目、CSS样式表、模板、网站的管理和上传、网页制作综合训练等各项功能。能独立

2、构建简单网站或通过协作方式完成较复杂网站的建设，培养学生将理论知 识应用于实践并解决实际问题的能力，为今后的进一步学习打下坚实基础。二、实验项目内容及学时分配实验一、创建网站(2学时)1 .目的要求目的：(1)掌握在本地创建网站的方法。(2)编辑网站的方法。要求：熟练掌握创建网站、编辑网站的方法和流程，并且创建本地目录。2 .主要内容(1)熟悉Dreamweaver CS6的工作界面(2)创建站点(3)删除站点、导入站点、复制站点操作(4)在站点里创建首页3 .实验类别：专业基础4 .实验类型：验证5 .实验要求：必做6 .主要仪器：微型计算机实验二、在网页中插入图像、音频、动画、视频操作(2

3、学时).实验目的(1)掌握在网页中插入各种音频文件的操作(2)掌握在网页中插入Flash文件的操作(3)掌握在网页插入视频文件的操作1 .实验主要内容(1)掌握使用Flash动画制作，并与网页结合。(2)选择音频片段，尝试加入网页中，使网页更加完善。(3)选择视频文件，加入网页合适的位置中，使网页更加完善。2 .实验类别：专业基础3 .实验类型：验证4 .实验要求：必做5 .主要仪器：微型计算机实验三、超链接的使用(2学时)1 .实验目的主要是熟练掌握超链接的使用方法和利用超链接将网页之间链接起来。2 .实验主要内容(1)熟悉网页中的超级链接(2)在图像中利用“热点”制作超链接(3)学会设计锚

4、点链接3 .实验类别：专业基础4 .实验类型：验证5 .实验要求：必做6 .主要仪器：微型计算机实验四、利用表格布局页(4学时)1 .实验目的(1)掌握用表格整体布局网页(2)掌握表格的属性设置和编辑表格(3)利用嵌套表格定位网页2 .实验主要内容(1)利用表格进行文本的整齐排列和自由的图文混排(2)在整个表格内使用背景图像和色彩(3)单元格的合并和拆分3 .实验类别：专业基础.实验类型：设计4 .实验要求：必做.主要仪器：微型计算机实验五、使用CSS样式表美化网页(4学时).实验目的(1)掌握三种CSS样式表的创建、删除、编辑(2)掌握CSS规则的属性列表1 .实验主要内容利用CSS定义鼠标

5、的形状，利用CSS滤镜增加页面效果。(1)建立一个本地站点，包括2-3个网页(2)鼠标样式的设置2 3) C S S滤镜的使用(4)设置超链接将站点中的网页链接起来。3 .实验类别：专业基础.实验类型：设计4 .实验要求：必做.主要仪器：微型计算机实验六、创建框架网页(2学时).实验目的(1)熟悉框架和框架集的创建(2)掌握框架中的HTML代码1 .实验主要内容创建框架集和框架，测试使用框架结构的网页的浏览速度和表格布局的网页的浏 览速度。(1)建立一个本地站点，包括2-3个网页(2)制作嵌套框架和浮动框架(3)编辑框架，在框架中插入图像和表格.实验类别：专业基础2 .实验类型：设计.实验要求

6、：必做3 .主要仪器：微型计算机实验七、使用Div+CSS布局网页(4学时)1 .实验目的(1)掌握Div+CSS的概念(2)学会网页中“层”的使用(3)使用 AP Div(4)掌握“盒子”的操作技巧.实验主要内容(1)把网页划分多个Div区域，导入外部链接CSS样式表(2)在Div块里创建主导航和辅助导航，并且进行超链接设置(3)为Div设计“footer”演示，并且输入相应文字.实验类别：专业基础2 .实验类型：设计.实验要求：必做3 .主要仪器：微型计算机实验八、使用模板和库(2学时)1 .实验目的(1)学会创建模板和从现有网页中创建模板(2)熟练使用模板和更新模板内容.实验主要内容(1

7、)新建网页创建模板(2)在现有网页中创建模板(3)网页从模板中分离的操作(4)更新模板及模板内容2 .实验类别：专业基础.实验类型：设计3 .实验要求：必做.主要仪器：微型计算机实验九、交换图像网页效果的设计(2学时).实验目的要求目的：(1)添加内置的行为。(2)设置触发行为的事件。要求：实验前认真预习，熟练掌握有关行为和事件的概念和知识。实验过程中记 录发生的现象并分析原因。实验完毕将所有文件打包交给老师。1 .实验主要内容利用Dreamweaver添加内置行为和设置触发事件，为网页增加页面效果。(1)建立一个本地站点，包括2-3个网页(2)为每网页添加一种行为.设置超链接将站点中的网页链接起来。2 .实验类别：专业基础.实验类型：设计3 .实验要求：必做.主要仪器：微型计算机Dreamweaver三、考核方式实验成绩：预习10%、操作40%、实验报告40%、原始记录10%