使用HTML和CSS开发Web网站

目录

理 论 部 分


第1章HTML概述与基本标签

1.1Web概述

1.2HTML超级文本标记语言

1.2.1HTML简介

1.2.2HTML发展

1.2.3基本结构

1.2.4编辑工具

1.3页面主体背景设置

1.3.1设置网页的背景颜色

1.3.2设置网页的背景图片

1.4常用的HTML标签

1.4.1换行标签

1.4.2字体标签

1.4.3段落排版标签

1.4.4字体样式标签

1.4.5水平线标签

1.4.6标题标签

1.4.7图像标签

1.4.8超链接标签

总结

课后习题

第2章表格与列表

2.1表格基础

2.1.1为什么要使用表格

2.1.2表格的基本结构

2.1.3表格的基本语法

2.2跨行跨列的表格

2.2.1跨列

2.2.2跨行

2.2.3跨行、跨列

2.3表格的高级用法

2.4列表

2.4.1无序列表

2.4.2有序列表

2.4.3定义列表

2.4.4菜单列表

2.4.5目录列表

2.5制作滚动效果

2.5.1滚动文字

2.5.2设置滚动方向

2.5.3设置滚动其他属性

2.5.4滚动图片

2.6层

2.6.1层的基本概念

2.6.2插入层

总结

课后习题

第3章表单与表单元素

3.1表单

3.1.1表单的组成

3.1.2表单标签form/form

3.2表单元素

3.2.1 input /标签

3.2.2textarea/textarea标签

3.2.3select/select及option/option

3.2.4button/button标签

3.2.5label/label标签

3.2.6fieldset/fieldset及legend/legend标签

3.3表单的属性与表单的提交

3.3.1表单的属性

3.3.2表单的提交

总结

课后习题

第4章框架集与框架

4.1框架与框架集的关系

4.1.1为何使用框架

4.1.2框架集的基本结构

4.1.3框架集的属性

4.1.4框架的属性

4.2框架集的嵌套

4.3窗口间的关联

4.4iframe内嵌框架

4.4.1iframe的用法

4.4.2iframe的属性

总结

课后习题

第5章CSS层叠样式表

5.1CSS样式表

5.1.1CSS是什么

5.1.2CSS的作用

5.2CSS样式规则声明

5.3选择器的分类

5.3.1标签选择器

5.3.2类选择器

5.3.3ID选择器

5.3.4伪类选择器

5.3.5伪元素选择器

5.3.6上下文选择器

5.3.7群组选择器

5.4如何应用样式

5.4.1三种样式表写法

5.4.2CSS样式表的优先级

总结

课后习题

第6章常用的CSS样式

6.1颜色与背景

6.2文本

6.3字体

6.4边框

6.5列表

6.6其他杂项

总结

课后习题

第7章Web标准与页面布局基础

7.1Web标准

7.1.1结构标准

7.1.2表现标准

7.1.3行为标准

7.1.4CSS的验证

7.2XHTML

7.3CSS中的盒状模型

7.3.1盒状模型

7.3.2margin(外边距)

7.3.3border(边框)

7.3.4padding(内边距)

7.3.5宽高及实际占位

7.3.6溢出

7.4元素的定位

7.4.1CSS定位的原理

7.4.2绝对定位

7.4.3相对定位

7.4.4固定定位

7.5层次堆叠

总结

课后作业

第8章CSS实现典型布局

8.1浮动

8.2清除浮动

8.3实现典型布局

8.3.1一列式布局

8.3.2两列式布局

8.3.3三列式布局

8.3.4三行三列式布局

8.4典型的局部布局

8.4.1divulli局部布局

8.4.2divdldtdd局部布局

总结

课后习题

第9章使用Dreamweaver制作网页

9.1Dreamweaver简介

9.1.1DreamWeaver CS4的功能和特点

9.1.2Dreamweaver CS4的工作界面

9.2站点的创建与管理

9.2.1新建站点

9.2.2管理站点文件

9.3创建和编辑常见的网页元素

9.4表格及列表操作

9.5表单及表单元素操作

总结

课后习题

第10章使用Dreamweaver管理样式和模板

10.1管理样式

10.2管理模板

总结

课后习题

上 机 部 分


上机1HTML概述与基本标签

第1阶段指导

指导1使用文本编辑器创建和编写简单的网页

指导2使用标题标签和段落标签

指导3使用图像标签

第2阶段练习

练习1使用字体样式标签

练习2使用超链接标签

练习3使用图像成为超链接

上机2表格与列表

第1阶段指导

指导1创建简单的表格

指导2单元格的合并

指导3无序列表

第2阶段练习

练习1使用表格

练习2使用无序列表和有序列表嵌套

练习3使用复杂表格

上机3表单和表单元素

第1阶段指导

指导1form和input标签的简单使用

指导2使用各种类型的input元素

第2阶段练习

练习1使用列表框和多文本框

练习2使用fieldset和legend标签

上机4框架集与框架

第1阶段指导

指导1实现简单的框架集

指导2实现嵌套的框架集

第2阶段练习

练习1使用框架的属性

练习2使用浮动框架

练习3实现复杂的框架集嵌套

上机5CSS层叠样式表

第1阶段指导

指导1使用HTML标签选择器

指导2使用类选择器

第2阶段练习

练习1使用ID选择器和上下文选择器

练习2使用伪类选择器

上机6常用的CSS样式

第1阶段指导

指导1使用颜色与背景属性

指导2使用文本和字体属性

指导3使用边框属性

指导4使用无序列表实现简单的菜单

第2阶段练习

练习1设置超链接的装饰线

练习2熟悉常用的CSS样式属性

上机7Web标准与页面布局

第1阶段指导

指导1模拟城市选择器

指导2模拟扫描码下载提示

第2阶段练习

练习模拟职能类别选择器

上机8CSS实现典型布局

第1阶段指导

指导1实现多行多列的复杂布局

指导2模拟构建网站

第2阶段练习

练习实现典型的局部布局

上机9使用Dreamweaver制作网页

第1阶段指导

指导1使用Dreamweaver创建表格

指导2使用Dreamweaver创建表单及表单元素

第2阶段练习

练习使用Dreamweaver创建页面

上机10使用Dreamweaver管理样式和模板

第1阶段指导

第2阶段练习

练习使用Dreamweaver创建模板