CSS/HTML网页设计

第一部分 html语法

第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 空格符号 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样式表

第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 vertical-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

17-4-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