CSS/HTML网页设计PDF电子书下载

第一部分 HTML语法 3

第1章 认识HTML 3

1-1 WWW的基本概念 4

1-2 网页开发技术概况 5

1-2-1 网页技术概况 5

1-2-2 静态网页HTML 5

第2章 HTML的基本概念 7

2-1 HTML简介 8

2-2 HTML的标记与组件的概念 9

2-3 HTML的结构概念 9

2-4 如何制作HTML文件 10

2-5 HTML标记的使用方法 15

2-5-1 HTML标记的完整语法 15

2-5-2 文件注释标记＜！— —＞ 15

2-5-3 文件开始标记＜HTML＞ 16

2-5-4 文件信息标记＜HEAD＞ 16

2-5-5 ＜TITLE＞文件标题标记 17

2-5-6 ＜BODY＞文件主体标记 18

第3章 文字版面的编辑 19

3-1 版面控制标记 20

3-1-1 取消文字换行标记＜NOBR＞ 20

3-1-2 换行标记＜BR＞ 21

3-1-3 段落标记＜P＞ 22

3-1-4 保留原始排版方式标记＜PRE＞ 25

3-1-5 水平分隔线标记＜HR＞ 26

3-1-6 空格符号＆nbsp； 28

3-1-7 居中对齐标记＜CENTER＞ 29

3-1-8 向右缩进标记＜BLOCKQUOTE＞ 30

3-2 标题文字的建立 31

3-2-1 标题文字标记＜Hn＞ 31

3-2-2 标题文字的对齐方式 32

3-3 文字格式标记 33

3-3-1 文字格式控制标记＜Font＞ 33

3-3-2 特定文字样式标记 38

3-3-3 其他特殊文字样式标记 45

3-3-4 特殊符号的表示方法 47

3-4 控制＜BODY＞标记的属性 48

3-4-1 BODY标记的属性 48

3-4-2 设置网页背景颜色 48

3-4-3 设置网页文字颜色 51

第4章 文字列表的设计 53

4-1 编号列表的设计 54

4-1-1 编号列表标记＜OL＞＜／OL＞ 54

4-1-2 设置编号的形式——type属性 55

4-1-3 设置编号的开始序号——start属性 56

4-2 项目符号列表的设计 57

4-2-1 项目符号列表标记＜UL＞＜／UL＞ 57

4-2-2 设置项目符号的形式——type属性 58

4-2-3 其他项目符号的列表标记MENU与LH 60

4-3 说明项目标记 63

4-4 高级列表的设计 64

4-4-1 使用UL/OL标记设计高级列表 64

4-4-2 列表文字颜色的控制 66

第5章 表格的建立 67

5-1 四种建立表格的标记 68

5-2 表格外框的控制 69

5-2-1 表格外框的控制属性 69

5-2-2 边框宽度的设置——border属性 69

5-2-3 内框宽度——cellspacing属性 71

5-2-4 表格内文字与边框距离——cellpadding属性 72

5-3 表格的控制 73

5-3-1 表格高度——HEIGHT属性 73

5-3-2 表格宽度——WIDTH属性 74

5-3-3 表格边框颜色——BORDERCOLOR属性 74

5-3-4 表格背景颜色——BGCOLOR属性 75

5-3-5 表格水平对齐方式——ALIGN属性 76

5-4 表格行的控制 77

5-4-1 行高度的控制——HEIGHT属性 77

5-4-2 行的外框颜色——BORDERCOLOR属性 79

5-4-3 行的背景颜色——BGCOLOR属性 80

5-4-4 行的文字水平对齐方式——ALIGN属性 81

5-4-5 行的文字垂直对齐方式——VALIGN属性 82

5-5 单元格的设置 83

5-5-1 单元格的边框颜色——BORDERCOLOR属性 83

5-5-2 单元格的背景颜色——BGCOLOR属性 85

5-5-3 单元格文字的水平对齐——ALIGN属性 86

5-5-4 单元格文字的垂直对齐—VALIGN属性 88

5-5-5 水平延伸单元格——COLSPAN属性 89

5-5-6 垂直延伸单元格——ROWSPAN属性 91

5-5-7 单元格的宽度——WIDTH属性 93

5-6 表格标题标记CAPTION 94

5-7 表格高级设计 97

5-7-1 嵌套表格的建立 97

5-7-2 环绕表格文字格式的控制 98

第6章 图片的使用 101

6-1 使用IMG标记插入图片 102

6-2 IMG标记属性的使用 103

6-2-1 图片高度——HEIGHT属性 103

6-2-2 图片宽度——WIDTH属性 104

6-2-3 图片边缘宽度——BORDER属性 105

6-2-4 图片水平空间——HSPACE属性 106

6-2-5 图片垂直空间——VSPACE属性 107

6-2-6 图片相对于文字基准线的水平对齐——ALIGN属性 108

6-2-7 图片低分辨率——LOWSRC属性 111

6-2-8 图片的取代文字——ALT属性 112

第7章 建立超链接 115

7-1 相对路径与绝对路径的概念 116

7-2 网页超链接的建立 117

7-2-1 超链接标记的基本语法 117

7-2-2 建立文件超链接 118

7-2-3 特定目标超链接 120

7-2-4 建立图片超链接 122

7-2-5 超链接颜色的设置 124

7-3 超链接到其他位置的设置 125

7-3-1 通过HTTP协议 125

7-3-2 通过FTP协议 126

7-3-3 通过TELNET链接 127

第8章 窗口框架的建立 129

8-1 窗口框架简介 130

8-1-1 什么是窗口框架 130

8-1-2 窗口框架的基本结构 130

8-2 窗口框架的控制 131

8-2-1 窗口的水平分割——ROWS属性 131

8-2-2 窗口的垂直分割——COLS属性 133

8-2-3 窗口框架的高级设计 135

8-2-4 窗口架框的宽度——BORDER属性 136

8-2-5 框架的隐藏——FRAMEBORDER属性 137

8-3 子窗口的设置 138

8-3-1 指定子窗口显示网页——SRC属性 138

8-3-2 定义子窗口名称——NAME属性 139

8-3-3 控制框架滚动条——SCROLLING属性 140

8-3-4 子窗口大小的调整——NoResize属性 140

8-4 超链接TARGET属性与框架的应用 141

8-4-1 网页显示子窗口——TARGET属性 141

8-4-2 搭配TARGET属性的特殊设置 142

第9章 Applet、网页动态更新与多媒体 147

9-1 Applet的运用 148

9-1-1 在网页中引用Applet 148

9-1-2 从网上下载Applet组件 150

9-2 网页动态更新 154

9-3 多媒体网页 156

9-3-1 多媒体网页的制作简介 156

9-3-2 音乐文件的播放 156

9-3-3 影像文件的播放 157

9-3-4 音乐文件的播放 160

9-3-5 网页背景音乐的播放 161

第2部分 CSS样式表 165

第10章 认识CSS 165

10-1 CSS的简介 166

10-1-1 什么是CSS 166

10-1-2 为什么要有CSS 166

10-1-3 CSS的优点 167

10-2 其他应注意的事项 167

10-2-1 支持CSS的浏览器 167

10-2-2 CSS文件的应用 168

第11章 样式表的定义与使用 171

写在前面 172

11-1 直接定义标记的STYLE属性 172

11-2 定义内部样式表 173

11-2-1 在HTML文件内定义样式表 173

11-2-2 利用CLASS类选择符定义样式 177

11-2-3 利用ID选择符定义样式 179

11-2-4 结构化选择符 181

11-3 CSS的继承概念 183

11-3-1 CSS的继承性质 183

11-3-2 上下文选择符 185

11-4 外部样式表 188

11-4-1 嵌入外部样式表 188

11-4-2 连接外部样式表 190

11-5 样式的调用顺序 191

第12章 文字与排版样式的使用 195

12-1 长度、百分比单位的介绍 196

12-2 文字样式属性的介绍 197

12-2-1 font-family字体设置属性 197

12-2-2 font-style字体效果属性 199

12-2-3 font-variant文字变体属性 200

12-2-4 font-weight字体粗细属性 201

12-2-5 font-size文字大小属性 203

12-2-6 font文字属性 207

12-2-7 text-decoration文字效果属性 208

12-2-8 text-transform文字转换属性 209

12-3 排版样式属性的介绍 211

12-3-1 text-indent首行缩进属性 211

12-3-2 letter-spacing字符间距属性 214

12-3-3 line-height行距属性 216

12-3-4 text-align水平对齐属性 219

12-3-5 vetical-align垂直对齐属性 220

第13章 背景与颜色的使用 223

13-1 设置颜色方法 224

13-1-1 利用RGB概念设置颜色 224

13-1-2 利用rgb函数设置颜色 225

13-1-3 利用颜色名称设置颜色 226

13-1-4 实例应用 226

13-2 背景颜色与背景图片的设置 228

13-2-1 background-color背景颜色属性 228

13-2-2 background-image背景图片的应用 230

13-3 background-repeat背景图片并排属性 232

13-4 background-attachment固定背景图片属性 236

13-5 background-position背景图片的位置属性 238

13-5-1 以百分比方法设置background-position属性 238

13-5-2 以长度单位设置background-position属性 240

13-5-3 以关键字设置background-position属性 243

第14章 美化网页与超链接的设置 247

14-1 Anchor网页链接属性的设置 248

14-1-1 设置Anchor网页链接属性的颜色 248

14-1-2 设置Anchor属性的文字效果 249

14-1-3 不加下划线的超链接 251

14-2 scrollbar滚动条属性的设置 252

14-3 Cursor光标属性的设置 255

第15章 矩形模块的概念与使用 259

15-1 矩形模块的概念 260

15-2 边界的设置——margin属性 260

15-2-1 分别设置margin属性的四个属性值 260

15-2-2 利用margin属性设置边界值 262

15-3 元素边框的设置——border属性 266

15-3-1 border属性 266

15-3-2 border-width边框宽度属性 266

15-3-3 border-color边框色彩属性 271

15-3-4 border-style边框样式属性 274

15-3-5 快速设置border属性 276

15-4 元素内边界的设置——padding属性 280

15-4-1 分别设置padding属性的四个属性值 280

15-4-2 利用padding属性设置元素内边界值 282

15-5 矩形属性的综合应用 284

15-6 立体按钮的制作 287

第16章 区域组件与立体空间的建立 291

16-1 区域组件 292

16-1-1 ＜DIV＞标记的使用 292

16-1-2 ＜SPAN＞标记的使用 294

16-1-3 ＜DIV＞与＜SPAN＞标记的差异 296

16-2 区域位置的定位 299

16-2-1 top、left属性 299

16-2-2 position位置属性 299

16-3 三维空间的建立 303

16-3-1 z-index层次属性 303

16-3-2 设置文字与图片的重叠效果 305

16-3-3 设置文字的阴影效果 306

16-3-4 设置文字的三维效果 308

第17章 列表项目的使用 311

17-1 list-style-type列表符号及编号属性 312

17-1-1 列表符号 312

17-1-2 列表编号 314

17-2 list-style-image图片式列表符号属性 316

17-3 list-style-position列表符号缩进属性 317

17-4 list-style属性的综合应用 319

174-1 list-style列表项目属性的综合应用 319

17-4-2 高级列表的使用 321

第18章 CSS与XML、JavaScript 325

18-1 使用CSS控制XML文件的显示 326

18-1-1 在XML文件中引用CSS 326

18-1-2 CSS样式的使用 326

18-1-3 CSS文件的引用 328

18-1-4 组合选择符的定义 330

18-1-5 子选择符的定义 332

18-2 JavaScript与CSS的应用 335

18-2-1 使用JavaScript控制CSS 335

18-2-2 style对象的使用 339

第19章 滤镜特效 341

19-1 滤镜的简介 342

19-1-1 滤镜的介绍 342

19-1-2 滤镜的基本语法 342

19-1-3 滤镜所适用的元素 345

19-2 视觉滤镜 346

19-2-1 视觉滤镜的种类 346

19-2-2 Alpha滤镜 346

19-2-3 Blur滤镜 349

19-2-4 Chroma滤镜 351

19-2-5 DropShadow滤镜 352

19-2-6 FlipH与FilpV滤镜 354

19-2-7 Glow滤镜 356

19-2-8 Gray滤镜 357

19-2-9 Invert滤镜 358

19-2-10 Mask滤镜 360

19-2-11 Shadow滤镜 361

19-2-12 Wave滤镜 363

19-2-13 Xray滤镜 365

19-3 转换滤镜 368

19-3-1 转换滤镜简介 368

19-3-2 融合转换滤镜 368

19-3-3 揭示转换滤镜 377

19-3-4 网页转换特效 385

附录A 颜色索引表 389

A-1 颜色值按颜色名称的英文字母排序 390

A-2 以颜色的十六进制数由白色到黑色排序 390

A-3 按相同色系由浅色到深色排序 391

附录B CSS样式表 393

B-1 字体属性 394

B-2 排版样式属性 396

B-3 颜色属性 397

B-4 背景属性 397

B-5 矩形模块属性 398

B-6 列表属性 400

B-7 滤镜属 401

附录C 网站的建立 405

C-1 网页上传 406

C-1-1 网页发布前的准备 406

C-1-2 利用sohu上传网页 406

C-1-3 利用Web发布向导发布网页 409

C-1-4 利用CuteFTP发布网页 413

C-2 免费网页资源 416