《网页设计与制作(HTML+CSS)》课程教学大纲
课程时间：30天-60天，学会为止
学 时：讲课学时：2/天 上机学时： 不限 ）
相关课程：网站优化、网站高级运营、多媒体处理
后续课程：UI设计 javascript网页特效
试用人群：学习能力强，欲从事相关行业，有计算机基础
一、课程的性质与目标
《网页设计与制作(HTML+CSS)》是面向计算机相关专业的一门专业基础课，涉及计算机基础、互联网等内容，通过本课程的学习，学生能够了解网页web发展历史及其未来方向，熟悉网页设计流程、掌握网络中常见的网页布局效果、学会制作各种企业，门户，电商类网站。
二、课程的主要内容及基本要求
第一章 HTML与CSS网页设计概述（4学时）
[知 识 点]
|
Ø Web的基础知识 |
|
Ø HTMLl简介 |
|
Ø CSS简介 |
|
Ø 常用浏览器介绍 |
|
Ø Dreamweaver 工具使用 |
|
Ø 利用Dreamweaver创建第一个页面 |
[基本要求]
Ø 了解HTML版本的发展历程
Ø 掌握Dreamweaver工具的使用，能够使用Dreamweaver创建一个包含html结构和CSS样式的简单网页。
第二章 HTML入门（6学时）
[知 识 点]
|
Ø HTML基本语法结构 |
|
Ø HTML 标记属性 |
|
Ø HTML 常用文本控制标记 |
|
Ø HTML 文本格式化标记 |
|
Ø HTML 图像标记 |
|
Ø HTML 相对路径和绝对路径 |
|
Ø HTML 图文混排技巧 |
|
[基本要求]
Ø 掌握HTML基本语法结构
Ø 掌握HTML中常用的文本标记
Ø 区分什么是相对路径和绝对路径
Ø 掌握HTML图像标记的使用
Ø 掌握图片混排常用技巧
第三章 CSS 入门（8学时）
[知 识 点]
|
Ø CSS入门知识 |
Ø CSS样式规则
Ø CSS样式表书写位置
Ø CSS基础选择器
Ø CSS字体样式属性
Ø CSS样式外观属性
Ø CSS复合选择器
Ø CSS层叠性和优先级 |
[基本要求]
Ø 理解CSS语法结构
Ø 了解CSS在网页中的重要性
Ø 熟悉CSS书写的位置
Ø 掌握CSS基础和复合选择器
Ø 掌握CSS层叠性和优先级
第四章 盒子模型（6学时）
[知 识 点]
Ø 盒子模型理论知识
Ø CSS盒子模型属性
Ø 元素类型的分类
Ø 元素类型的相互转换
Ø 盒子外边距合并问题
|
[基本要求]
Ø 理解盒子模型
Ø 掌握盒子模型属性
Ø 掌握盒子模型中复合属性的写法
Ø 掌握元素类型及其转换方法
第五章 列表与超链接（4学时）
[知 识 点]
Ø 有序列表
Ø 无序列表
Ø 自定义列表
Ø CSS控制列表样式
Ø 超链接
Ø 锚点链接
Ø CSS控制链接样式
|
[基本要求]
Ø 掌握列表的三种分类
Ø 熟悉列表的嵌套
Ø 熟练掌握CSS控制列表样式
Ø 掌握链接标记的使用
Ø 掌握结构与样式相分离的写法
第六章 表格与表单（4学时）
[知 识 点]
Ø 表格标记
Ø 表格结构
Ø CSS控制表格
Ø 表单标签
Ø 表单控件
Ø CSS控制表单
|
[基本要求]
Ø 掌握表格标记的使用
Ø 了解表格结构
Ø 掌握表单标记的使用
Ø 掌握CSS控制表单标记
第七章 浮动与定位（8学时）
[知 识 点]
Ø 元素的浮动
Ø 清除浮动
Ø Overflow属性
Ø 元素的定位
Ø z-index属性
|
[基本要求]
Ø 掌握元素浮动
Ø 熟悉清除浮动的方法
Ø 掌握元素定位及其分类
Ø 熟悉z-index设置层的叠放次序
第八章 CSS高级技巧（6学时）
[知 识 点]
Ø CSS精灵技术
Ø CSS滑动门技术
Ø margin负值的应用
|
[基本要求]
Ø 掌握精灵图的制作
Ø 掌握利用CSS对精灵图片进行背景设置
Ø 掌握常见滑动门布局
Ø 掌握利用margin负值进行布局技巧
第九章 CSS布局与浏览器兼容性（6学时）
[知 识 点]
Ø 常见CSS网页布局
Ø 通栏布局
Ø CSS hack 分类
Ø IE条件注释
Ø 常见IE6 BUG
Ø 盒子外边距合并
|
[基本要求]
Ø 熟悉网页常见的布局
Ø 掌握网页通栏布局技巧
Ø 掌握 CSS hack
Ø 熟悉 IE6 下常见的BUG
第十章 实战训练—设计首页（6学时）
[知 识 点]
Ø 建立站点
Ø 页面分析
Ø 首页切图
Ø 制作头部
Ø 制作banner
Ø 制作主体
Ø 制作底部版权
|
[基本要求]
Ø 了解一个网站制作流程
Ø 熟悉根据效果图分析页面布局
Ø 掌握切图技巧
Ø 掌握首页布局
[实战开发]
综合运用HTML与CSS的基础知识，制作首页，效果如下图所示。
第十一章 实战训练—设计页面（6学时）
[知 识 点]
Ø 利用Dreamweaver制作模板文件
Ø 使用模板文件
Ø 引用模板文件
Ø 利用模板文件制作列表文件
|
[基本要求]
Ø 掌握利用Dreamweaver制作模板文件
Ø 熟悉模板文件引用
Ø 掌握利用模板文件生成其他页面
课程介绍详情页面效果图
三、学时分配
|
章目 |
讲课 |
实验 |
上机 |
合计 |
|
第一章 概述 |
3学时 |
|
1学时 |
4学时 |
|
第二章 HTML入门 |
4学时 |
|
2学时 |
6学时 |
|
第三章 CSS入门 |
6学时 |
|
2学时 |
8学时 |
|
第四章 盒子模型 |
4学时 |
|
2学时 |
6学时 |
|
第五章 列表与超链接 |
3学时 |
|
1学时 |
4学时 |
|
第六章 表格和表单 |
3学时 |
|
1学时 |
4学时 |
|
第七章 浮动和定位 |
6学时 |
|
2学时 |
8学时 |
|
第八章 CSS高级技巧 |
4学时 |
|
2学时 |
6学时 |
|
第九章 CSS布局与兼容性 |
4学时 |
|
2学时 |
6学时 |
|
第十章 实战开发1 |
4学时 |
|
2学时 |
6学时 |
|
第十一章 实战开发2 |
4学时 |
|
2学时 |
6学时 |
|
合计 |
45学时 |
|
19学时 |
64学时 |
四、考核模式与成绩评定办法
本课程为实战学习课程，学习最终将根据课程进度及学习质量，安排实战网页制作，根据完成质量评估学生学习成果。
五、大纲说明
本课程的授课模式为：课堂授课+上机，其中，课堂主要采用多媒体的方式进行授课，并且会通过测试题阶段测试学生的掌握程度；上机主要是编写程序，要求学生动手完成指定的程序设计或验证。
本文关键词：
html+css 未经允许不得转载：郑州网站建设|郑州网站制作|荥阳网站建设|巩义网站建设|网站优化-全栈网络
