《HTML+CSS网页设计》课程标准
课程名称：HTML+CSS网页设计
课程编码：11812001
课程类型：理实一体化
开课部门：信息工程系
规定课时：64
一、前言
1．课程性质
本课程是计算机多媒体技术专业必修课程，是完成计算机多媒体技术专业培养目标所必需的重要理实一体化教学环节，是一门综合性和实践性都很强的课程。它对于培养学生的职业能力和软件素质，培养学生独立思考和科学的工作方法，提高学生的网站开发能力具有重要的意义。
2．课程定位
本课程是计算机多媒体技术专业核心课程，该课程的核心技能是使学生掌握使用HTML语言和Dreamweaver设计网站，使用DIV+CSS设计网页布局，使学生掌握网站的开发技能。HTML+CSS网页设计课程是根据计算机多媒体技术专业人才培养方案中职业岗位及职业能力分析表中的网页设计工作任务来设置的。
前导课程：《图形图像处理技术》、《计算机应用基础》
后续课程：《JavaScript网页客户端设计》、《Web应用系统开发》
3．课程设计思路
本课程内容设计重在培养学生静态网站设计能力，围绕静态网站设计特点和能力要求，通过HTML语言和网页设计工具Dreamweaver、CSS对网页元素样式的控制、CSS对DIV的页面布局的控制以及CSS的网页特效制作等能力入手，组织学生开发完成一个实际静态网站项目，培养学生网站项目开发的实践能力。
为充分体现任务引领、项目导向课程思想，本课程根据计算机多媒体技术专业人才培养方案中职业岗位及职业能力分析表中的网页设计技能为主要的教学内容，选择具有代表性的一个静态网站的整体设计过程为载体组织项目课程内容。
本课程对计算机多媒体技术专业计算机多媒体技术方向共开设64课时，其中实践课时占32课时。
二、课程目标
1．知识目标
经过本课程的学习，使学生理解网页设计的相关概念，掌握网页设计工具Dreamweaver的使用，掌握CSS的基本语法，理解CSS样式中的相关属性和单位值，理解CSS的继承性、层叠性和特殊性，掌握CSS对页面控制的几种方式，掌握CSS对网页元素（文字、图片、超链接等）的样式控制属性的设置，理解盒子布局的原理，掌握DIV+CSS布局的一般流程。
2．能力目标
经过本课程的学习，使学生能运用网页设计的相关原理和理念进行网页设计，能使用Dreamweaver实现对网页元素的熟练控制，能灵活运用CSS的基本语法，编写CSS程序，能利用CSS对页面进行控制，能灵活运用CSS样式的相关属性和单位值，对网页元素的样式进行合理的设置，能够利用盒子布局原理对DIV进行合理的布局与定位，能熟练地应用DIV+CSS对网页页面进行布局。
3．素质目标
经过本课程的学习，培养学生勤奋学习的态度，严谨求实、创新的工作作风，使学生具有良好的心理素质和职业道德素质，具有高度责任心和良好的团队合作精神，具有一定的科学思维方式和判断分析问题的能力，具有较强的网页设计创意思维、艺术设计素质，较强的自我知识及技术更新能力。
4．职业资格证书考核目标
全国计算机专业人才考试（网页设计）
三、课程内容及参考学时
教学单元
教学内容
学习目标
参考学时
1、Dreamwe aver网页制作基础
1、Dreamweaver 8工作环境
文档的基本操作
2、HTML标记语言
3、站点的创建与管理
4、插入文本与使用列表
5、插入图像与多媒体元素
6、创建超级链接
1、熟悉Dreamweaver 8工作环境
文档的基本操作
2、学会使用HTML标记语言
3、掌握站点的创建与管理
4、掌握插入文本与使用列表
5、掌握插入图像与多媒体元素
6、掌握创建超级链接
12
项目1：网站需求分析
网站需求分析
1、理解网站需求分析的作用
2、掌握网站需求分析的内容
3、能进行实际的网站需求分析
4
2、网页的彩搭配
1、网页彩基础知识
2、彩的象征情感
3、彩的主题印象
1、 掌握网页的彩搭配html网页设计css
2
项目2：网站配方案设计
1、网站配方案设计内容
2、网站配方案设计方法
1、能进行实际网站配方案设计
4
3、页面布局设计
1、页面布局概述
2、表格布局
3、层布局
4、框架布局
1、理解页面布局
2、掌握表格布局设计
3、掌握层布局设计
4、掌握框架布局设计
6
项目3：网站界面设计
1、界面设计的内容
2、界面设计的方法
1、能进行实际的网站界面设计
6
4、CSS基本语法
1、CSS语法与用法
2、CSS属性、属性值和单位
3、CSS选择器
4、CSS继承性、层叠性和特殊性
1、掌握CSS的基本语法结构
2、掌握CSS相关的属性和属性值以及单位的概念
3、掌握CSS选择器的作用
4、掌握CSS复合选择器的编写方法以及各种选择器的相互关系
4
5、CSS样式应用
1、CSS对文字的样式控制
2、CSS对图片的样式控制
3、CSS对超链接样式的控制
4、CSS设置网页中的列表结构和样式
5、CSS设置表格和表单的结构和样式
1、掌握CSS对文字的样式控制
2、掌握CSS对图片的样式控制
3、掌握CSS对超链接样式的控制
4、掌握CSS设置网页中的列表结构和样式
5、掌握CSS设置表格和表单的结构和样式
4
项目4：网站网页制作
1、常见网页制作技巧和方法
1、运用HTML+CSS进行网页制作
14
6、CSS布局设计
1、CSS盒子模型
2、CSS对网页元素的定位方法
3、CSS的布局模型
4、CSS控制网页背景图片
1、掌握CSS盒子模型
2、掌握CSS对网页元素的定位方法
3、掌握CSS的布局模型
4、掌握CSS控制网页背景图片
4
项目5：网站的测试与发布
1、网站测试的内容和方法
2、网站发布的过程和方法
1、能进行实际的网站测试
2、能实现网站的发布
4
四、课程实施建议
1．参考教材及教学参考书建议
参考教材：《Dreamweaver 8网页制作与网站开发》　杨志殊、吴俊海编　清华大学出版社
教学参考书：《DIV+CSS网站布局从入门到精通》  朱印红  北京希望电子出版社
2．教学方法建议
针对具体的教学内容和教学过程，采用项目教学方法、情景教学法、案例教学法、任务驱动教学法等。
3．教学评价建议
本课程采用多元性的评价，结合课堂提问、课程作业、学生互评、项目答辩等方式，对学生项目完成情况进行考核。
考核项目
考核方式
比例
过程考核
学习态度
根据作业完成情况、学生出勤情况，由教师综合评定学生的学习态度得分。
10%
单元实践
根据学生实践情况、由学生自评、他人评价和教师评价相结合的方式评定成绩。
20%
综合
由教师根据学生项目完成程度进行评分。
40%
项目答辩
    由教师对学生进行答辩，根据答辩表现评分
30%
合计
100%
五、课程教学资源
1．实验实训教学条件建议
序号
实验实训项目名称
所需设备名称
1
网站需求分析
安装必需软件（Dreamweaver）、能上网的电脑、投影仪等
2
网站配方案设计
安装必需软件（Dreamweaver）、能上网的电脑、投影仪等
3
项目3：网站界面设计
安装必需软件（Dreamweaver）、能上网的电脑、投影仪等
4
项目4：网站网页制作
安装必需软件（Dreamweaver）、能上网的电脑、投影仪等
5
项目5：网站的测试与发布
安装必需软件（Dreamweaver）、能上网的电脑、投影仪等
2．师资条件
担任本课程的主讲教师需要熟练掌握HTML标记语言和CSS及Dreamweaver软件，具备运用HTML+CSS网页设计进行网站设计的能力，同时应具备较丰富的教学经验。在教学组织能力方面，本课程的主讲教师应具备基本的设计能力，即根据本课程标准制定详细的授课计划，对每一堂课的教学过程精心设计；还应具备较强的施教能力、课堂掌控能力和应变能力。
承担本课程教学的兼职教师应具备中、高级职称，主要承担CSS样式应用模块、CSS布局设计模块的教学，总计20课时。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。