网页设计与制作HTMLCSS教学大纲.docx
《网页设计与制作HTMLCSS教学大纲.docx》由会员分享，可在线阅读，更多相关《网页设计与制作HTMLCSS教学大纲.docx（18页珍藏版）》请在冰点文库上搜索。
网页设计与制作HTMLCSS教学大纲
《网页设计与制作（）》课程教学大纲
（课程英文名称）
课程编号：
2
学分：
5学分
学时：
64学时（其中：
讲课学时：
45上机学时：
19）
先修课程：
计算机基础、计算机网络、计算机应用
后续课程：
设计网页特效
适用专业：
信息及其计算机相关专业
开课部门：
计算机系
一、课程的性质与目标
《网页设计与制作（）》是面向计算机相关专业的一门专业基础课，涉及计算机基础、互联网等内容，通过本课程的学习，学生能够了解网页发展历史及其未来方向，熟悉网页设计流程、掌握网络中常见的网页布局效果、学会制作各种企业，门户，电商类网站。
二、课程的主要内容及基本要求
第一章与网页设计概述（4学时）
[知识点]
Ø的基础知识
Ø简介
Ø简介
Ø常用浏览器介绍
Ø工具使用
Ø利用创建第一个页面
[重点]
Ø简介
Ø工具使用
[难点]
Ø工具创建第一个页面
[基本要求]
Ø了解版本的发展历程
Ø掌握工具的使用，能够使用创建一个包含结构和样式的简单网页。
第二章入门（6学时）
[知识点]
Ø基本语法结构
Ø标记属性
Ø常用文本控制标记
Ø文本格式化标记
Ø图像标记
Ø相对路径和绝对路径
Ø图文混排技巧
[重点]
Ø基本语法结构
Ø常用文本控制标记
Ø图像标记
Ø相对路径和绝对路径
[难点]
Ø标记属性的使用
Ø相对路径和绝对路径
[基本要求]
Ø掌握基本语法结构
Ø掌握中常用的文本标记
Ø区分什么是相对路径和绝对路径
Ø掌握图像标记的使用
Ø掌握图片混排常用技巧
[阶段案例]
使用文本控制标记、图像标记及相关标记的属性实现网页中常见的图文混排效果，如下图所示。
第三章入门（8学时）
[知识点]
Ø入门知识
Ø样式规则
Ø样式表书写位置
Ø基础选择器
Ø字体样式属性
Ø样式外观属性
Ø复合选择器
Ø层叠性和优先级
[重点]
Ø样式规则
Ø基础和复合选择器
Ø层叠性和优先级
[难点]
Ø复合选择器
Ø优先级
[基本要求]
Ø理解语法结构
Ø了解在网页中的重要性
Ø熟悉书写的位置
Ø掌握基础和复合选择器
Ø掌握层叠性和优先级
[阶段案例]
通过文本样式属性控制网页中的文本，制作网页中常见的新闻页面，效果如下图所示。
第四章盒子模型（6学时）
[知识点]
Ø盒子模型理论知识
Ø盒子模型属性
Ø元素类型的分类
Ø元素类型的相互转换
Ø盒子外边距合并问题
[重点]
Ø盒子模型属性
Ø元素类型分类
Ø元素类型相互转换
[难点]
Ø盒子模型复合属性
Ø盒子模型总的宽度和高度
Ø元素类型及其转换
[基本要求]
Ø理解盒子模型
Ø掌握盒子模型属性
Ø掌握盒子模型中复合属性的写法
Ø掌握元素类型及其转换方法
[阶段案例]
综合运用盒子模型的相关属性，制作网页中常见的盒子效果，如下图所示。
第五章列表与超链接（4学时）
[知识点]
Ø有序列表
Ø无序列表
Ø自定义列表
Ø控制列表样式
Ø超链接
Ø锚点链接
Ø控制链接样式
[重点]
Ø无序列表
Ø自定义列表
Ø控制列表样式
[难点]
Ø控制列表样式
[基本要求]
Ø掌握列表的三种分类
Ø熟悉列表的嵌套
Ø熟练掌握控制列表样式
Ø掌握链接标记的使用
Ø掌握结构与样式相分离的写法
[阶段案例]
使用列表与超链接标记组织页面，并通过控制列表与超链接的样式实现网页中常见的新闻列表效果，如下图所示。
新闻列表效果展示
鼠标以上链接文本效果
第六章表格与表单（4学时）
[知识点]
Ø表格标记
Ø表格结构
Ø控制表格
Ø表单标签
Ø表单控件
Ø控制表单
[重点]
Ø表格标签
Ø控制表格和表单
Ø表单标签
[难点]
Ø表单标签
Ø控制表单
[基本要求]
Ø掌握表格标记的使用
Ø了解表格结构
Ø掌握表单标记的使用
Ø掌握控制表单标记
[阶段案例]
使用表格与表单组织页面，并通过控制表格与表单的显示样式，制作网页中常见的注册界面，效果如下图所示。
第七章浮动与定位（8学时）
[知识点]
Ø元素的浮动
Ø清除浮动
Ø属性
Ø元素的定位
Ø属性
[重点]
Ø元素浮动
Ø元素定位
[难点]
Ø清除浮动
Ø元素定位的分类
[基本要求]
Ø掌握元素浮动
Ø熟悉清除浮动的方法
Ø掌握元素定位及其分类
Ø熟悉设置层的叠放次序
[阶段案例]
综合运用元素的浮动与定位，制作传智播客设计学院首页，效果如下图所示。
第八章高级技巧（6学时）
[知识点]
Ø精灵技术
Ø滑动门技术
Ø负值的应用
[重点]
Ø精灵技术
Ø滑动门技术
Ø负值的应用
[难点]
Ø精灵原理分析
Ø滑动门原理分析与切图
Ø运用负值综合运用
[基本要求]
Ø掌握精灵图的制作
Ø掌握利用对精灵图片进行背景设置
Ø掌握常见滑动门布局
Ø掌握利用负值进行布局技巧
[案例实战1]
使用精灵，制作精品课程模块，效果如下图所示。
[案例实战2]
使用滑动门，制作梯形网站导航，效果如下图所示。
[案例实战3]
应用的负值，制作压线效果，如下图所示。
第九章布局与浏览器兼容性（6学时）
[知识点]
Ø常见网页布局
Ø通栏布局
Ø分类
Ø条件注释
Ø常见6
Ø盒子外边距合并
[重点]
Ø通栏布局
Ø
Ø常见6
[难点]
Ø
[基本要求]
Ø熟悉网页常见的布局
Ø掌握网页通栏布局技巧
Ø掌握
Ø熟悉6下常见的
第十章实战开发（上）—传智播客设计学院首页面（6学时）
[知识点]
Ø建立站点
Ø页面分析
Ø首页切图
Ø制作头部
Ø制作
Ø制作主体
Ø制作底部版权
[重点]
Ø制作页面首页
[难点]
Ø制作页面首页
[基本要求]
Ø了解一个网站制作流程
Ø熟悉根据效果图分析页面布局
Ø掌握切图技巧
Ø掌握首页布局
[实战开发]
综合运用与的基础知识，制作传智播客设计学院首页，效果如下图所示。
第十一章实战开发（下）—传智播客设计学院子页面（6学时）
[知识点]
Ø利用制作模板文件
Ø使用模板文件
Ø引用模板文件
Ø利用模板文件制作列表文件
[重点]
Ø利用制作模板文件
Ø利用模板文件生成列表页面
[难点]
Ø利用制作模板文件
[基本要求]
Ø掌握利用制作模板文件
Ø熟悉模板文件引用
Ø掌握利用模板文件生成其他页面
[实战开发]
综合运用与的基础知识，制作关于我们页面、课程介绍页面、课程介绍详情页面，效果图分别如下。
关于我们页面效果图
课程介绍页面效果图
课程介绍详情页面效果图
三、学时分配
章目
讲课
实验
上机
合计
第一章概述
3学时
1学时
4学时
第二章入门
4学时
2学时
6学时
第三章入门
6学时
2学时
8学时
第四章盒子模型
4学时
2学时
6学时
第五章列表与超链接
3学时
1学时
4学时
第六章表格和表单
3学时
1学时
4学时
第七章浮动和定位
6学时
2学时
8学时
第八章高级技巧
4学时
2学时
6学时
第九章布局与兼容性
4学时
2学时
6学时
第十章实战开发1
4学时
2学时
6学时
第十一章实战开发2
4学时
2学时
6学时
合计
45学时
19学时
64学时
四、考核模式与成绩评定办法
本课程为考试课程，期末考试采用百分制的闭卷考试模式。
学生的考试成绩由平时成绩（30%）和期末考试（70%）组成，其中，平时成绩包括出勤（5%）、作业（5%）、实验和上机成绩（20%）。
五、选用教材和主要参考书
本大纲是根据教材《网页设计与制作（）》所设计的。
六、大纲说明
本课程的授课模式为：
课堂授课+上机，其中，课堂主要采用多媒体的方式进行授课，并且会通过测试题阶段测试学生的掌握程度；上机主要是编写程序，要求学生动手完成指定的程序设计或验证。
撰写人：
审定人：
批准人：
执行时间：
升级会员 