第1章 网页制作的准备工作

1.1认识几个基本概念

1.1.1网页和网站

1.1.2网页类型

1.1.3网页构成

1.2制作网站应该学习的知识

1.2.1学习HTML语言

1.2.2学习DIV构建网页结构

1.2.3学习CSS设置样式

1.2.4学习JavaScript控制动态效果

1.3提高自身的设计修养

1.3.1了解网页设计任务

1.3.2了解网页设计原则

1.3.3了解网页设计流程

1.3.4了解网页配色基本方法

1.4熟悉网站开发的基本流程

1.5准备上手的开发工具

1.5.1安装Dreamweaver

1.5.2使用Dreamweaver

1.5.3 Dreamweaver工作方式

1.5.4在Dreamweaver中编写CSS样式代码

1.6综合训练

1.6.1实训1：使用Dreamweaver定义一个本地站点

1.6.2实训2：使用Dreamweaver设计DIV结构

1.6.3实训3：使用Dreamweaver设计网页样式

1.7上机练习

第2章 HTML和XHTML基础

2.1认识HTML和XHTML

2.2 HTML基础

2.2.1 HTML概述

2.2.2 HTML文档结构

2.2.3 HTML基本语法

2.2.4 HTML标签

2.2.5 HTML属性

2.3 XHTML基础

2.3.1 XHTML概述

2.3.2 XHTML文档结构

2.3.3 XHTML基本语法

2.3.4 XHTML文档类型分类

2.3.5 XHTML文档类型详解

2.3.6 XHTML名字空间

2.4综合训练

2.4.1实训1：设计一个自我介绍简单页面

2.4.2实训2：解决网页乱码现象

2.4.3实训3：把HTML转换为XHTML

2.5上机练习

第3章 CSS基础

3.1 CSS概述

3.1.1什么是CSS样式

3.1.2为什么学习CSS

3.1.3 CSS的特点

3.2 CSS语法和用法

3.2.1 CSS基本结构

3.2.2 CSS基本用法

3.2.3 CSS样式表

3.2.4导入外部样式表

3.2.5 CSS注释和版式

3.3 CSS属性、属性值和单位

3.3.1 CSS属性

3.3.2 CSS单位

3.4基本选择器

3.4.1标签选择器

3.4.2类选择器

3.4.3 ID选择器

3.4.4通配选择器

3.5复合选择器

3.5.1子选择器

3.5.2相邻选择器

3.5.3包含选择器

3.5.4多层选择器嵌套

3.5.5属性选择器

3.5.6伪选择器和伪元素选择器

3.5.7选择器分组

3.6 CSS继承性、层叠性和特殊性

3.6.1 CSS继承性

3.6.2 CSS层叠性

3.6.3 CSS优先级

3.6.4 CSS特殊性

3.7综合训练

3.7.1实训1：设计个人网站菜单

3.7.2实训2：设计网站登录页面

3.8上机练习

第4章 设置字体和文字样式

4.1设置字体样式

4.1.1定义字体类型

4.1.2定义字体大小

4.1.3定义字体颜色

4.1.4定义字体粗细

4.1.5定义斜体字体

4.1.6定义下划线

4.1.7定义字体大小写

4.2设置文本样式

4.2.1定义文本对齐

4.2.2定义垂直对齐

4.2.3定义字距和词距

4.2.4定义行高

4.2.5定义缩进

4.3综合训练

4.3.1实训1：设计英文版式

4.3.2实训2：设计中文版式

4.4上机练习

第5章 设置超链接样式

5.1定义超链接样式

5.1.1认识超链接和路径

5.1.2认识伪类和伪对象

5.1.3定义超链接样式

5.2综合训练

5.2.1实训1：设计下划线样式

5.2.2实训2：设计立体样式

5.2.3实训3：设计滑动样式

5.3上机练习

第6章 定义图片和背景图像样式

6.1了解网页中的图像

6.2定义图片样式

6.2.1定义图片大小

6.2.2定义图片边框

6.2.3定义图片透明度

6.2.4定义图片对齐方式

6.3控制背景样式

6.3.1定义背景颜色

6.3.2定义背景图像

6.3.3定义背景图像显示方式

6.3.4定义背景图像显示位置

6.3.5定义背景图像固定显示

6.4综合训练

6.4.1实训1：设计项目图标

6.4.2实训2：设计图文混排版式

6.4.3实训3：设计博客主页

6.4.4实训4：设计电子相册主页

6.5上机练习

第7章 定义表格样式

7.1设计表格结构

7.1.1搭建表格基本结构

7.1.2设计表格附加结构

7.1.3表格结构分组

7.2定义表格样式

7.2.1定义表格边框样式

7.2.2定义单元格间距样式

7.2.3定义空单元格样式

7.3设计复杂表格样式

7.3.1使用CSS定义表格结构

7.3.2定义表格列和行的样式

7.3.3定义表格标题样式

7.3.4表格内样式的层叠顺序

7.4综合训练

7.4.1实训1：设计清新悦目的表格样式

7.4.2实训2：设计结构清晰的表格样式

7.5上机练习

第8章 定义表单样式

8.1设计表单结构

8.1.1定义表单框

8.1.2定义输入域

8.1.3定义选择域

8.1.4优化表单结构

8.2定义表单样式

8.2.1定义输入域样式

8.2.2定义选择域样式

8.2.3定义列表域样式

8.3综合训练

8.3.1实训1：设计用户登录表单

8.3.2实训2：设计用户注册表单

8.3.3实训3：设计搜索框

8.4上机练习

第9章 定义列表样式

9.1设计列表结构

9.1.1无序列表

9.1.2有序列表

9.1.3自定义列表

9.2定义列表样式

9.2.1设计项目符号类型

9.2.2设计项目符号显示位置

9.2.3自定义项目符号

9.2.4使用背景图像定义项目符号

9.3综合训练

9.3.1实训1：设计垂直导航菜单

9.3.2实训2：设计水平导航菜单

9.3.3实训3：设计滑动门菜单

9.3.4实训4：设计Tab分类展示面板

9.4上机练习

第10章 CSS网页布局和定位

10.1认识网页布局

10.1.1定义显示属性

10.1.2定义定位属性

10.1.3网页布局方式

10.2 CSS盒模型

10.2.1认识盒模型

10.2.2定义边界大小

10.2.3定义边框样式

10.2.4定义补白大小

10.3浮动布局

10.3.1浮动布局的基本用法

10.3.2清除浮动

10.4定位布局

10.4.1定位布局的基本用法

10.4.2定义定位层叠顺序

10.5综合训练

10.5.1实训1：设计网页居中显示

10.5.2实训2：设计自适应的网页定位布局

10.5.3实训3：设计等高网页布局

10.5.4实训4：设计负边界网页布局

10.6上机练习

第11章 DIV+CSS网页布局综合演练

11.1两列结构布局

11.1.1设计固定宽度布局

11.1.2设计宽度自适应布局

11.1.3设计自定义宽度布局

11.1.4设计多列等高布局

11.2多列结构布局

11.2.1设计两列定宽中间自适应布局

11.2.2设计右侧定宽左侧及中间自适应布局

11.2.3设计三列宽度自适应布局

11.3综合训练

11.3.1实训1：设计儿童博客首页

11.3.2实训2：设计新闻正文页

11.3.3实训3：设计企业宣传页面

11.4上机练习

第12章 DIV+CSS网页布局疑难杂症解惑

12.1解决CSS布局问题的一般方法

12.1.1使用过滤器

12.1.2使用IE条件语句

12.2常见CSS布局疑难问题解决方法

12.2.1了解浏览器默认样式

12.2.2列表序号无效了

12.2.3列表序号丢失了

12.2.4列表序号乱了

12.2.5列表项间距莫名其妙地增大了

12.2.6项目内容老错行显示

12.2.7定义元素高度无效

12.2.8元素宽度和高度计算错误

12.2.9不支持最小和最大尺寸

12.2.10看不到超链接中的图标了

12.2.11让超链接块状显示

12.2.12包含框没有被撑开

12.2.13包含框没有高度了

12.2.14部分栏目找不到了

12.2.15栏目为什么总是错行显示

12.2.16浮动元素为什么不能并列显示

12.2.17栏目之间多出了三个像素

12.2.18页面中突然多出了一个字符

12.2.19不能准确定位元素位置

12.2.20无法调整定位元素的层叠顺序

12.2.21找不到定位元素了

12.3综合训练

12.3.1实训1：设计幻灯片效果

12.3.2实训2：设计Tab选项卡效果

12.3.3实训3：设计CSS相册效果

12.4上机练习

第13章 企业&公司类型网站

13.1产品策划

13.2设计图

13.3切图

13.4网站重构

13.5网站布局

第14章 时尚娱乐类型网站

14.1产品策划

14.2设计图

14.3切图

14.4网站重构

14.5网站布局