2013计算机多媒体技术《HTML+CSS网页设计》课程标准0

《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、掌握网页的色彩搭配 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