网页设计与制作PDF电子书下载

第1章 HTML与CSS网页设计概述 1

1.1 WWW的基本概念 1

1.2 浏览器 2

1.3 网页制作入门 2

1.3.1 HTML简介 2

1.3.2 CSS简介 4

1.4 HTML文件的编写方法 4

1.4.1 使用记事本手工编写HMTL文件 4

1.4.2 使用Dreamweaver编写HTML文件 6

1.5 HTML基本语法 11

1.5.1 标记语法 11

1.5.2 属性语法 12

1.6 HTML的基本结构 12

1.6.1 ＜html＞标签 12

1.6.2 ＜head＞标签 12

1.6.3 ＜body＞标签 15

1.6.4 ＜！-- --＞标签 15

1.6.5 HTML5语法的变化 15

1.7 综合案例——第一个网页 17

小结 18

习题 18

第2章 HTML网页文档结构 23

2.1 页面布局元素 23

2.1.1 换行标签＜br＞ 24

2.1.2 强制不换行标签＜nobr＞ 25

2.1.3 自动换行标签＜wbr＞ 25

2.1.4 分段控制标签＜p＞ 27

2.1.5 原样显示文字标签＜pre＞ 28

2.1.6 居中对齐标签＜center＞ 29

2.1.7 引文标签＜blockquote＞ 29

2.1.8 水平分隔线标签＜hr＞ 30

2.1.9 署名标签＜address＞ 31

2.1.10 特殊字符 32

2.2 字体属性 34

2.2.1 标题文字标签＜hn＞ 34

2.2.2 文字格式控制标签＜font＞ 35

2.2.3 特定文本标签 36

2.3 HTML5结构元素 37

2.3.1 header元素 38

2.3.2 nav元素 39

2.3.3 aside元素 39

2.3.4 article元素 40

2.3.5 section元素 41

2.3.6 footer元素 42

2.4 综合案例 43

小结 44

习题 44

第3章 HTML网页中元素和属性 45

3.1 列表元素 45

3.1.1 无序列表＜ul＞ 45

3.1.2 有序列表＜ol＞ 47

3.1.3 描述性列表＜dl＞、＜dt＞、＜dd＞ 49

3.2 图像标记 50

3.2.1 背景图案的设定 50

3.2.2 网页中插入图像 51

3.2.3 ＜img＞标签属性的使用 51

3.3 HTML5中的页面元素及属性 54

3.3.1 分组元素 54

3.3.2 页面交互元素 57

3.3.3 文本层次语义元素 59

3.3.4 全局元素 61

3.4 综合案例 64

小结 67

习题 67

第4章 用HTML建立超链接 69

4.1 初步认识超链接 69

4.2 初步认识超链接的标记 69

4.2.1 超链接的基本标记 70

4.2.2 创建文本超链接 70

4.2.3 超链接的目标页面 72

4.2.4 内部链接 72

4.3 书签链接 74

4.3.1 建立书签 75

4.3.2 同一页面的书签链接 76

4.3.3 不同页面的书签链接 78

4.4 设置不同的链接对象 79

4.4.1 设置外部链接：链接HTTP页面 79

4.4.2 设置电子邮件、FTP和Telnet的链接 80

4.5 网页中的锚点 82

4.5.1 设定锚点 82

4.5.2 链接到锚点 83

4.6 综合案例 89

小结 90

习题 90

第5章 HTML5中的音频和视频 92

5.1 ＜audio＞标签概述 92

5.1.1 ＜audio＞标签概述 92

5.1.2 ＜audio＞标签的属性 93

5.1.3 audio标签浏览器的支持情况 93

5.2 在网页中添加音频文件 94

5.2.1 添加自动播放音频文件 94

5.2.2 添加带有控件的音频文件 94

5.2.3 添加循环播放的音频文件 95

5.2.4 添加预播放的音频文件 96

5.3 ＜video＞标签概述 97

5.3.1 ＜video＞标签概述 97

5.3.2 ＜video＞标签的属性 98

5.3.3 浏览器对＜video＞标签的支持情况 99

5.4 在网页中添加视频文件 99

5.4.1 添加自动播放的视频文件 99

5.4.2 添加带有控件的视频文件 100

5.4.3 添加循环播放的视频文件 101

5.4.4 添加预播放的视频文件 101

5.4.5 设置视频文件的高度与宽度 102

5.5 综合案例 103

小结 104

习题 104

第6章 用HTML建立表格 106

6.1 创建表格 106

6.1.1 表格的基本构成＜table＞、＜tr＞、＜td＞ 106

6.1.2 设置表格的标题＜caption＞ 108

6.1.3 表头＜th＞ 109

6.2 表格基本属性 111

6.2.1 表格宽度width 111

6.2.2 表格高度height 111

6.2.3 表格对齐方式align 111

6.3 表格的边框 113

6.3.1 表格边框宽度border 113

6.3.2 表格边框颜色bordercolor 113

6.3.3 内框宽度cellspacing 113

6.3.4 表格内文字与边框间距cellpadding 113

6.4 表格背景 114

6.4.1 表格背景颜色bgcolor 114

6.4.2 表格背景图像background 115

6.5 表格的行属性 116

6.5.1 高度控制height 116

6.5.2 边框颜色bordercolor 117

6.5.3 行背景bgcolor、background 117

6.5.4 行文字的对齐方式align、valign 117

6.6 单元格属性 118

6.6.1 单元格大小width、height 118

6.6.2 水平跨度colspan 118

6.6.3 垂直跨度rowspan 118

6.6.4 对齐方式aling、valign 120

6.6.5 单元格的背景色bgcolor 120

6.6.6 单元格的边框颜色bordercolor 120

6.6.7 单元格的亮边框bordercolorlight 120

6.6.8 单元格的暗边框bordercolordark 120

6.6.9 单元格的背景图像background 121

6.7 表格的结构 122

6.7.1 表格的表首标记＜thead＞ 122

6.7.2 表格的表主体标记＜tbody＞ 122

6.7.3 表格的表尾标记 122

6.8 综合案例 124

小结 126

习题 126

第7章 浮动与定位 130

7.1 元素的浮动 130

7.1.1 元素的浮动属性float 130

7.1.2 清除浮动 135

7.2 overflow属性 137

7.3 元素的定位 139

7.3.1 元素的定位属性 139

7.3.2 静态定位static 139

7.3.3 相对定位relative 140

7.3.4 绝对定位absolute 142

7.3.5 固定定位fixed 143

7.3.6 z-index层叠等级属性 144

7.4 元素的类型与转换 144

7.4.1 元素的类型 144

7.4.2 ＜span＞标记 145

7.4.3 元素的转换 145

7.5 综合案例——制作产品列表效果 146

小结 148

习题 148

第8章 表单的应用 150

8.1 认识表单 150

8.1.1 表单的构成 151

8.1.2 表单属性 151

8.2 input元素及属性 152

8.2.1 input元素的type属性 152

8.2.2 input元素的其他属性 153

8.3 其他表单元素 154

8.3.1 单行文本域text 154

8.3.2 多行文本域textarea 154

8.3.3 密码域password 154

8.3.4 单选按钮radio 154

8.3.5 复选框checkbox 155

8.3.6 列表／菜单select 155

8.3.7 普通按钮button 155

8.3.8 提交按钮submit 155

8.3.9 重置按钮reset 155

8.3.10 输入框的选项列表datalist 156

8.3.11 密钥生成器keygen 156

8.3.12 output元素 157

8.4 综合案例——用户注册表单 158

小结 161

习题 161

第9章 框架的应用 163

9.1 框架概述 163

9.2 框架的基本结构 163

9.3 设置框架 164

9.3.1 设置框架源文件属性src 165

9.3.2 添加框架名称name 165

9.3.3 设置框架边框frameborder 165

9.3.4 显示框架滚动条scrolling 165

9.3.5 调整框架尺寸noresize 165

9.3.6 设置框架边缘宽度与高度marginwidth、marginheight 165

9.3.7 添加不支持框架标记noframes 166

9.4 设置框架集＜frameset＞ 167

9.4.1 左右分割边框cols 167

9.4.2 上下分割边框rows 168

9.5 浮动框架＜iframe＞ 168

9.5.1 设置浮动框架源文件属性src 168

9.5.2 添加浮动框架名称name 168

9.5.3 设置浮动框架的宽度和高度width、height 169

9.6 在框架上建立链接 169

9.6.1 普通框架添加链接 170

9.6.2 浮动框架添加链接 171

9.7 综合案例——框架网页 172

小结 174

习题 175

第10章 CSS样式表 176

10.1 CSS概述 176

10.1.1 CSS发展历史 176

10.1.2 CSS的特点 177

10.1.3 CSS3浏览器支持情况 177

10.2 CSS核心基础 178

10.2.1 CSS样式规则 178

10.2.2 引入CSS样式表 180

10.2.3 CSS选择器 184

10.3 CSS文本样式属性 188

10.3.1 字体样式属性 188

10.3.2 文本属性 192

10.4 综合案例——使用CSS布局网页 194

小结 195

习题 195

第11章 CSS3选择器 198

11.1 属性选择器 198

11.1.1 E［att∧＝value］属性选择器 198

11.1.2 E［att$＝“value”］属性选择器 199

11.1.3 E［*＝“value”］属性选择器 200

11.2 关系选择器 201

11.2.1 子代选择器（＞） 202

11.2.2 兄弟选择器（＋、～） 202

11.3 结构化伪类选择器 205

11.3.1 :root选择器 205

11.3.2 :not选择器 206

11.3.3 :only-child选择器 207

11.3.4 :first-child和:last-child选择器 208

11.3.5 :nth-child（n）和:nth-last-of-child（n）选择器 209

11.3.6 :nth-of-type（n）和:nth-last-of-type（n）选择器 210

11.3.7 :empty选择器 211

11.3.8 target选择器 212

11.4 伪元素选择器 214

11.4.1 :before选择器 214

11.4.2 :after选择器 214

11.5 ＜／html＞链接伪类 215

11.6 综合案例——CSS选择器应用 215

小结 217

习题 217

第12章 CSS盒子模型 219

12.1 盒子模型概述 219

12.1.1 认识盒子模型 219

12.1.2 ＜div＞标记 220

12.1.3 盒子的宽与高 221

12.2 盒子模型相关属性 222

12.2.1 边框属性 222

12.2.2 边距属性 223

12.2.3 box-shadow属性 224

12.2.4 box-sizing属性 225

12.3 背景属性 226

12.3.1 background-color设置背景颜色 226

12.3.2 background-image设置背景图像 226

12.3.3 opacity背景与图像不透明度的设置 226

12.3.4 background-repeat设置背景图像平铺 228

12.3.5 background-position设置背景图像的位置 229

12.3.6 background-attachment设置背景图像固定 229

12.3.7 background-size设置背景图像的大小 230

12.3.8 background-origin设置背景的显示区域 231

12.3.9 background-clip设置背景图像的裁剪区域 232

12.3.10 设置多重背景图像 234

12.3.11 背景复合属性 235

12.4 CSS3渐变属性 235

12.4.1 ＜html＞标签 236

12.4.2 径向渐变 236

12.4.3 repeating gradient重复渐变 237

12.5 综合案例 239

小结 240

习题 240

第13章 CSS3高级应用 243

13.1 CSS3过渡 243

13.1.1 transition-property属性 244

13.1.2 transition-duration属性 245

13.1.3 transition-timing-function属性 246

13.1.4 transition-delay属性 248

13.1.5 transition属性 248

13.2 CSS3动画 249

13.2.1 @keyframes 249

13.2.2 animation-name属性 250

13.2.3 animation-duration属性 251

13.2.4 animation-timing-function属性 252

13.2.5 animation-delay属性 253

13.2.6 animation-direction属性 254

13.2.7 animation-iteration-count属性 255

13.2.8 animation属性 255

13.3 CSS3变形 255

13.3.1 transform属性 255

13.3.2 2D转换方法 256

13.3.3 3D转换方法 262

13.4 综合实例 264

小结 267

习题 267