HTML+CSS网页设计与布局实用教程PDF电子书下载

第1章 网页设计基础知识 1

1.1 认识网页 1

1.1.1 网页分类 1

1.1.2 常见网站类型 1

1.1.3 HTML、CSS、JavaScript 2

1.2 网页中的基本概念 3

1.3 网页制作工具 4

1.3.1 记事本 4

1.3.2 Dreamweaver 5

1.4 网站制作基本流程 7

第2章 HTML基础 9

2.1 HTML简介 9

2.1.1 创建第一个HTML文件 9

2.1.2 HTML文件结构 10

2.2 网页文件的获取 11

2.2.1 直接查看源文件 11

2.2.2 保存网页 13

2.3 HTML基本标记 14

2.3.1 标题标记 14

2.3.2 字体标记 15

2.3.3 标记的属性 15

2.3.4 换行标记和空格标记 18

2.3.5 综合实例——诗两首 19

2.4 HTML文本与图像标记 21

2.4.1 源文件中的文本内容与浏览器解析的内容 21

2.4.2 段落标记＜p＞ 23

2.4.3 文字修饰标记 24

2.4.4 网页中的特殊字符 25

2.4.5 列表标记 26

2.4.6 图像标记 28

2.5 HTML表格标记 33

2.5.1 表格基本结构（＜table＞） 33

2.5.2 合并单元格 34

2.5.3 表格的常用属性 37

2.6 HTML表单标记 42

2.6.1 表单简介 42

2.6.2 表单控件 43

2.6.3 文本输入框 44

2.6.4 单选按钮 44

2.6.5 复选按钮 45

2.6.6 密码输入框 46

2.6.7 按钮 48

2.6.8 多行文本框 49

2.6.9 列表框 50

第3章 CSS概述 53

3.1 CSS介绍 53

3.1.1 CSS简介 53

3.1.2 HTML的不足 53

3.1.3 CSS的引入 55

3.1.4 CSS的编辑 55

3.2 CSS的基本语法 57

3.3 CSS选择器 57

3.3.1 标记选择器 58

3.3.2 id选择器 59

3.3.3 类别选择器 60

3.3.4 后代选择器 61

3.3.5 分组选择器 62

3.3.6 伪类 63

3.3.7 选择器的优先级 65

3.4 在HTML中使用CSS的方法 66

3.4.1 行内样式 66

3.4.2 内嵌式CSS样式 67

3.4.3 链接式CSS样式 68

3.4.4 应用样式的优先级 69

3.5 综合实例——古诗排版 70

第4章 使用CSS设置文本样式 73

4.1 长度单位和颜色定义 73

4.1.1 长度单位 73

4.1.2 颜色值 74

4.2 字体属性 74

4.2.1 字体属性（font-family） 74

4.2.2 字号属性（font-size） 75

4.2.3 字体样式属性（font-style） 77

4.2.4 字体加粗属性（font-weight） 80

4.2.5 英文字母大小写转换属性（font-variant） 83

4.2.6 字体颜色属性（color） 84

4.3 段落属性 85

4.3.1 单词间隔属性（word-spacing） 85

4.3.2 字符间隔属性（1etter-spacing） 86

4.3.3 文字修饰属性（text-decoration） 87

4.3.4 垂直对齐属性（vertical-align） 89

4.3.5 文本转换属性（text-transform） 92

4.3.6 水平对齐属性（text-align） 94

4.3.7 文本缩进属性（text-indent） 96

4.3.8 文本行高属性（1ine-height） 97

4.4 综合实例——公司联系方式 99

第5章 用CSS设置图片效果 101

5.1 设置图片边框 101

5.1.1 边框宽度（border-width）的设置 102

5.1.2 边框颜色（border-color）的设置 105

5.1.3 边框样式（border-style）的设置 107

5.1.4 边框属性（border）的设置 109

5.2 图文混排 111

5.2.1 文字环绕 111

5.2.2 设置图片与文字的间距 112

5.3 设置图片与文字的对齐方式 115

5.3.1 横向对齐方式 115

5.3.2 纵向对齐方式 116

5.4 综合实例——诺贝尔奖 118

5.4.1 HTML结构设计 118

5.4.2 CSS样式设置 121

第6章 用CSS设置网页背景 124

6.1 设置颜色 124

6.2 设置背景颜色 125

6.3 设置背景图像 127

6.4 设置背景图像平铺 128

6.5 设置背景图像显示位置 131

6.6 设置背景图像位置固定 133

6.7 综合实例——CSS设置背景的综合应用 135

6.7.1 HTML结构设计 135

6.7.2 CSS样式设置 136

第7章 用CSS美化表格和表单 139

7.1 用CSS美化表格 139

7.2 用CSS美化表单 143

7.2.1 表单内字体样式（font）的美化应用 143

7.2.2 背景颜色和图像样式的应用 147

7.3 综合实例——用CSS美化表格和表单 152

第8章 用CSS设置链接与导航菜单 157

8.1 用CSS美化文字超链接 157

8.2 使用CSS美化图片超链接 158

8.3 用CSS设置列表导航 161

8.3.1 HTML中的列表 161

8.3.2 列表的CSS属性 162

8.3.3 创建导航菜单 165

8.4 综合实例——网页中的二级导航 168

第9章 DIV+CSS布局基础 178

9.1 什么叫DIV+CSS 178

9.1.1 初识DIV 178

9.1.2 DIV与SPAN的区别 179

9.2 盒子模型 180

9.2.1 什么是盒子模型 180

9.2.2 边框（border） 181

9.2.3 内边距（padding） 182

9.2.4 外边距（margin） 184

9.3 页面元素的定位和布局 187

9.3.1 块级元素与行内元素 187

9.3.2 position定位 189

9.3.3 float定位 193

9.4 CSS页面基本布局 196

9.4.1 固定宽度布局 196

9.4.2 自适应宽度布局 204

9.5 综合实例——旅游网站 210

9.5.1 版面结构设计 210

9.5.2 HTML结构设计 210

9.5.3 各板块内容制作 213

第10章 DIV+CSS布局实战 216

10.1 综合实例——公司网站 216

10.1.1 网页布局设计 216

10.1.2 HTML结构设计 217

10.1.3 各板块内容制作 218

10.2 综合实例——小型购物网站 224

10.2.1 网页布局设计 225

10.2.2 HTML结构设计 226

10.2.3 各板块内容制作 229

主要参考书目 237