2.《网页设计与制作（HTML+CSS）》实践课程教学大纲.docxVIP

XXX学院

-学年度第学期

《网页设计与制作（HTML+CSS）》实践教学大纲

编写单位：

使用单位：

使用教师：

编写时间：

本科实验、实践、实习课程教学大纲

网页制作与网站设计

WebpageMakingandWebsiteDesign

填写说明：

1适用于课内实验、独立设置的实验课程、集中实践性环节课程和实习课程。

2.请用单倍行距，每一大项和后一项之间空一行，大项内段落间不空行。

3.如无额外说明，请删除整个第八大项。

4.模板中的相关红色文字说明一律删除。

适用专业：

课程编号：

学分：

2

开课系（部、院）：

总学时/实验学时：

34/20

课程类别：

课程性质：

必修

注：适用专业是指培养方案中本课程支撑的相关专业；课程编号与学分需与培养方案保持一致；开课系（部、院）需填写学院全名称；课内实验、独立设置的实验课程填写“总学时/实验学时”（同时删除“周数”），集中实践性环节课程和实习课程填写“周数”（同时删除“总学时/实验学时”）；课程类别是指通识教育课/专业基础课/专业课；课程性质是指必修/限选/任选。

一、课程性质

本实验是理论课程配套实验设置的实验课,是《网页制作与网站设计》课程的实践教学环节之一。本课程具有较强的操作性、实践性和实用性，同时它必须结合一定的理论知识并运用其他学科的一些知识，因此要求理论和实践相结合。本课程以Dreamweaver网页设计与制作软件为重点讲解，系统地介绍了Macromedia公司的Dreamweaver中文版的使用方法和技巧。不仅要讲述网站设计人员应该掌握的网页制作的基本理论知识，而且更要注重学生综合应用能力的培养。通过本课程的学习，学生可以制作出有一定专业水准的个人网站。

二、课程目标

本实验的教学目标是：

1.理解和掌握网页制作的基础知识和相关概念，深入认识电子商务专业。

2.理解和熟悉掌握HTML语言的作用、PS技术、Dreamweaver工具开发环境、Flash技术，以及相关应用开发，提升实践操作能力。

3.养成善于思考、深入研究的良好自主学习习惯。同时形成具有吃苦耐劳、团队协作精神，善于沟通和解决问题的能力，提升专业素养。

课内实验、独立设置的实验课程：

三、实验内容、学时分配及基本要求

编号

项目名称

类型

内容及要求

每组人数

学时

选

做

必

做

备注

1

站点的建立

综合

见附录1

3

2

√

2

Dreamweaver处理文字和图片

综合

见附录2

3

2

√

3

用表格和布局模式布局网页

综合

见附录3

5

2

√

4

创建超链接

综合

见附录4

5

2

√

5

创建登录注册页面

综合

见附录5

5

2

√

6

CSS+DIV创建信息网站

综合

见附录6

10

4

√

注：类型指演示、验证、综合和设计。综合性、设计性实验内容及要求另附大纲，表中“实验内容及要求”处标明“见附录X”。

四、课程教学内容与课程目标对应关系矩阵

列表说明实验/实践/实习课程各实验项目或模块与课程目标对应支撑关系。如：

课程目标

课程内容

目标1

目标2

目标3

实验一站点的建立

掌握建立新站点的方法

理解设置站点参数

掌握管理站点的方法

实验二Dreamweaver处理文字和图片

理解文本的概念和基本操作

理解图片的常见格式

握图片的基本操作

实验三用表格和布局模式布局网页

理解布局表格和布局单元格的基本知识

掌握创建布局表格和布局单元格

掌握布局表格和布局单元格的移动

实验四创建超链接

理解链接的基本知识

掌握使用“属性”面板创建链接

掌握创建锚记链接

实验五创建登录注册页面

理解注册页的基本知识

理解登录页的基本知识

掌握数据库的连接

实验六CSS+DIV创建信息网站

理解代码片断的基本知识

掌握网页的整体排版

五、主要仪器设备

硬件：机房计算机

软件：DreamweaverCS6、浏览器

六、建议教材和教学参考资料

实验教学大纲中应列出使用的教材和教学参考资料名录。教材选用必须以质量为首要原则，尽量选用优秀教材等。教学参考资料包括教学指导书、案例集、习题集等，应当尽量齐全。

参考书目一般2—6种，选用自编讲义的，应注明讲义名称、编者。