第1章　网页和网站制作流程

1.1认识网页

1.1.1网页和网站

1.1.2网页的基本构成元素

1.2什么是网页设计

1.3网页设计所涵盖的内容

1.3.1网页中的视听元素

1.3.2网页版式设计

1.4如何设计网页

1.4.1网页设计的基本原则

1.4.2网站设计成功要素

1.4.3网页设计风格及色彩搭配

1.5网站的制作流程

1.5.1前期策划

1.5.2页面细化及实施

1.5.3后期维护

1.6掌握Dreamweaver的基本操作

1.6.1创建本地站点

课堂练习——创建本地站点

1.6.2在网页中为Div定义CSS样式

课堂练习——在网页中插入Div并设置CSS样式

1.6.3 Div+CSS的优势

1.7本章小结

第2章　HTML入门

2.1 HTML基础

2.1.1 HTML概述

2.1.2 HTML的基础结构

2.2 HTML标签

2.2.1基本标签

2.2.2格式标签

2.2.3文本标签

2.2.4超链接标签

2.2.5图像标签

2.2.6表格标签

2.2.7分区标签

2.3 XHTML介绍

2.3.1什么是XHTML

2.3.2 HTML与XHTML的区别

2.3.3 html转换成xhtml的方法

课堂练习——制作一个HTML页面

2.4 HTML 5

2.4.1 HTML 5标签

2.4.2 HTML 5事件属性

2.4.3 HTML标准属性

2.5 HTML 5的设计目的

课堂练习——使用HTML 5实现视频和音频播放

2.6本章小结

第3章　CSS样式表入门

3.1 CSS的基本概念

3.1.1 CSS的特点

3.1.2 CSS的基本语法

3.1.3 CSS样式表规则

3.1.4 CSS选择器

3.2在网页中应用CSS样式

课堂练习——嵌入样式

课堂练习——链接外部样式

3.3单位和值

3.3.1 CSS定义颜色值

3.3.2定义字体

3.3.3长度单位

课堂练习——制作简单的育儿网站

3.4 CSS 3常用新增属性

3.5本章小结

第4章　使用Div+CSS布局页面

4.1定义Div

4.1.1什么是Div

4.1.2插入Div

4.1.3 Div的嵌套和固定格式

4.2 CSS布局定位

4.2.1浮动定位

课堂练习——浮动定位

4.2.2 position定位

4.3可视化盒模型

4.3.1盒子模型

4.3.2视觉可视化模型

4.3.3空白边叠加

课堂练习——空白边叠加

4.4常用的布局方式

4.4.1居中布局设计

4.4.2浮动布局设计

4.4.3高度自适应布局

课堂练习——制作卡通个性网站页面

4.5 CSS 3中有关盒模型的新增属性

4.6本章小结

第5章　使用CSS控制网页中的背景

5.1背景颜色

5.1.1设置页面背景颜色

5.1.2设置块背景颜色

5.2背景图片

5.2.1为页面设置背景图片

5.2.2设置背景图片的重复方式

课堂练习——定义背景图片的重复方式

5.2.3设置背景图片的位置

5.2.4设置背景滚动

课堂练习——设置背景滚动

5.3 CSS 3中有关背景的新增属性

5.3.1 background-size属性

课堂练习——设置背景图像的大小

5.3.2 background-origin属性

5.3.3 background-clip属性

5.4本章小结

第6章　使用CSS控制页面文字样式

6.1控制文字样式

6.1.1字体和大小

6.1.2定义字体颜色

6.1.3定义字体的粗细

6.1.4定义字体样式

6.1.5下划线、顶划线和删除线

6.1.6英文字母大小写

课堂练习——设置英文字母大小写

6.2控制段落样式

6.2.1段落水平对齐

6.2.2段落垂直对齐

6.2.3行间距和字间距

6.2.4首字下沉

课堂练习——设置首字下沉

6.3 CSS样式的功能及冲突

6.3.1使用CSS对Flash中的文字进行控制

6.3.2 CSS样式冲突

6.4 CSS 3中有关文字的新增属性

6.4.1 text-shadow属性

6.4.2 text-overflow属性

6.4.3 word-wrap属性

课堂练习——控制文本换行

6.4.4 font-size-adjust属性

6.5本章小结

第7章　使用CSS控制图片样式

7.1图片样式

7.1.1 图片边框设置

课堂练习——定义图片边框

7.1.2图片缩放

7.2图片对齐

7.2.1水平对齐设置

7.2.2垂直对齐设置

7.3图文混排

7.3.1文本混排

课堂练习——设置图文混排

7.3.2设置混排间距

7.4 CSS 3中有关边框的新增属性

7.4.1 border-image属性

课堂练习——设置图像边框

7.4.2 border-radius属性

7.4.3 box-shadow属性

7.5本章小结

第8章　使用CSS控制列表样式

8.1列表控制概述

8.1.1列表控制原则

8.1.2列表的类型及使用

课堂练习——定义ul无序列表样式

8.1.3改变项目样式

8.1.4图片符号

8.2使用列表制作实用菜单

8.2.1使用CSS样式创建竖向导航菜单

课堂练习——使用CSS样式创建竖向导航菜单

8.2.2菜单的横竖转换

8.3 CSS中的内容和透明度属性

8.3.1 content属性

课堂练习——设置内容

8.3.2 opacity属性

8.4本章小结

第9章　使用CSS控制表单样式

9.1表单设计概述

9.1.1表单的设计原则

9.1.2表单应用分类

9.2表单的设计

9.2.1表单

9.2.2使用CSS控制表单样式

课堂练习——控制文本框的样式

9.2.3使用CSS控制列表与跳转菜单

9.2.4使用CSS定义圆角文本字段

9.3 CSS 3中新增的多列布局属性

9.3.1 column-width属性

课堂练习——设置列宽

9.3.2新增多列设置属性

课堂练习——多列属性的设置

9.4本章小结

第10章　使用CSS美化浏览器效果

10.1使用CSS控制超链接

10.1.1认识超链接

10.1.2关于链接路径

10.1.3超链接属性控制

10.1.4图像映射

课堂练习——图像映射

10.1.5定义链接的打开方式

10.2超链接特效

10.2.1按钮式超链接

10.2.2浮雕式超链接

课堂练习——为超链接添加背景

10.3鼠标特效

10.3.1 CSS控制鼠标箭头

10.3.2鼠标变化的超链接

课堂练习——使用CSS定义鼠标变幻效果

10.4 CSS 3中有关用户界面的新增属性

10.4.1 box-sizing属性

10.4.2 resize属性

10.4.3 outline属性

10.4.4 nav-index属性

10.5本章小结

第11章　应用CSS中的滤镜

11.1了解CSS滤镜

11.1.1 Alpha滤镜

课堂练习——Alpha滤镜

11.1.2 Blur滤镜

11.1.3 Dropshadow滤镜

11.1.4 Shadow滤镜

11.1.5 Flip滤镜

课堂练习——Flip滤镜

11.1.6 Glow滤镜

11.1.7 Gray滤镜

11.1.8 Invert滤镜

11.1.9 Xray滤镜

11.1.10 Mask滤镜

11.1.11 Wave滤镜

11.2 CSS 3中其他模块的新增属性

11.2.1 @media属性

课堂练习——设置@media属性

11.2.2 @font-face属性

11.2.3 speech属性

11.3本章小结