HTML与CSS网站设计实践之旅PDF电子书下载

第1章　准备工具 1

1.1 使用工具 1

1.2　所需的基本工具 2

1.2.1 Windows中的基本工具 2

1.2.2 Mac OS X中的基本工具 3

1.3 超越基本工具 5

1.3.1 Windows中的工具 5

1.3.2 Mac OS X中的工具 6

1.4 图像编辑工具 7

1.4.1 Windows中的工具 8

1.4.2 Mac OS X中的工具 9

1.5 设置网站文件存放的位置 11

1.5.1 Windows平台 11

1.5.2 Mac OS X平台 12

1.6　获取帮助 12

1.7　小结 13

第2章　第一个网页 14

2.1 XHTML 14

2.1.1　剖析网页 14

2.1.2　查看源代码 15

2.1.3 网页的基本要素 15

2.1.4 doctype声明 16

2.1.5 html元素 17

2.1.6 head元素 18

2.1.7 title元素 18

2.1.8 meta元素 20

2.1.9　其他head元素 21

2.1.10 body元素 21

2.1.11　最基本的网页 21

2.1.12　标题行与文档层次 23

2.1.13　段落 24

2.1.14　列表 24

2.1.15　对网页进行注释 25

2.1.16　符号 28

2.2 网站示例 29

2.2.1　主页：所有网站的起点 29

2.2.2　拆分页面 40

2.2.3　实现新页面间的链接 44

2.2.4 blockquote元素 46

2.2.5 cite元素 48

2.2.6 strong和em元素 48

2.2.7　加个分隔符（暂停一下） 49

2.3 小结 49

第3章　添加样式 50

3.1 CSS 50

3.2 内联样式 51

3.2.1　添加内联样式 51

3.2.2 span元素 52

3.3　嵌入式样式 53

3.3.1　专业术语 54

3.3.2　嵌入式样式优于内联样式的原因 54

3.4　外部样式表 55

3.4.1　外部样式表优于嵌入式样式的原因 55

3.4.2　创建外部样式文件 56

3.4.3　将CSS链接到一个页面 56

3.5　构建自己的样式表 57

3.5.1 时髦的标题行 59

3.5.2　组合使用新样式 61

3.5.3　瞬间面貌一新 62

3.5.4　初学者的样式工具箱 64

3.5.5　回顾：样式 65

3.5.6　在上下文中选择元素 68

3.5.7　上下文选择器 70

3.5.8　样式编组 70

3.5.9　哪个规则更有效 72

3.5.10　进程回顾 73

3.5.11 为链接设定样式 73

3.5.12　类选择器 76

3.5.13　用span为部分文字设定样式 78

3.6 小结 80

第4章　用CSS设置外观 81

4.1　块元素与内联元素 81

4.1.1　块元素 82

4.1.2　内联元素 83

4.1.3　嵌套的内联元素 84

4.1.4 内联元素不能包含块元素 85

4.1.5 回顾：块元素和内联元素 85

4.1.6　设置内联元素和块元素的样式 85

4.2　设置内容块的大小 86

4.2.1　设置宽度 86

4.2.2　设置高度 87

4.3　为块元素添加边框 89

4.3.1 边框示例 89

4.3.2　设置元素各个边的样式 93

4.3.3　边框样式设置的缩写法 94

4.3.4　可以使用的边框样式 95

4.4 回顾 95

4.5　设置潜水网站的外形和大小 96

4.5.1　添加填充 100

4.5.2　在项目网站中引入填充 101

4.5.3 边距 102

4.5.4　盒子 103

4.6　根据需要定位元素 104

4.6.1　展示页面结构 105

4.6.2　绝对定位 106

4.7　实现完整的CSS布局 115

4.8　其他布局选项 115

4.8.1　绝对定位进阶 115

4.8.2　相对定位 117

4.8.3　浮动定位 119

4.9　设置列表的样式 123

4.10　小结 124

第5章　在网站上使用图像 126

5.1 内嵌图像 126

5.1.1　剖析图像元素 127

5.1.2 Web可访问性 128

5.2 GIF、JPG与PNG格式比较 131

5.3　透明度 131

5.4　为网站添加图库功能 133

5.4.1　更新导航区域 133

5.4.2　添加新图库页面 134

5.4.3 添加第一张图像 135

5.4.4　用CSS设置图片的格式 136

5.4.5　为图片添加说明 138

5.5　基本图像编辑 141

5.5.1 图片剪切 141

5.5.2　图像特效 144

5.5.3　调整大图像的大小 145

5.5.4　其他软件 147

5.6　充实图库 147

5.7　网站图片的来源 149

5.8 CSS中的背景图像 150

5.8.1　重复模式 150

5.8.2　非重复图像 153

5.8.3 背景设置的缩写法 154

5.8.4 固定高度和宽度 155

5.8.5　为导航区域添加背景 156

5.9 小结 159

第6章　表格：组织数据的工具 160

6.1 表格 160

6.2　表格结构剖析 164

6.3　设置表格样式 165

6.4　提高表格的可访问性 167

6.4.1　线性化 167

6.4.2　概要 168

6.4.3　为表格添加标题 168

6.4.4　回顾 169

6.4.5　添加事件表格 169

6.4.6　为单元格设置样式 173

6.5 高级表格 174

6.5.1　合并单元格 174

6.5.2　可访问性进阶 176

6.6　小结 177

第7章　表单：和用户交互 178

7.1　表单结构剖析 179

7.2　一个简单的表单 179

7.3　表单的构造块 181

7.3.1 form元素 181

7.3.2 fieldset和legend元素 181

7.3.3 input元素 183

7.3.4　select元素 187

7.3.5 textarea元素 188

7.3.6　提交按钮 188

7.3.7　控件默认外观 189

7.4　构建一个联系页面 191

7.4.1　编辑“联系我们”页面 192

7.4.2 添加form和fieldset元素 192

7.4.3 用CSS设置fieldset和legend元素的样式 194

7.4.4　添加文本输入框控件 196

7.4.5 用CSS整理label元素 198

7.4.6　添加select元素 200

7.4.7　添加textarea元素 201

7.4.8　添加单选按钮和复选框 203

7.4.9　完成表单：提交按钮 204

7.5　我们要实现什么 206

7.6　表单处理 207

7.6.1　注册表单服务 207

7.6.2　插入表单代码 208

7.6.3　通过电子邮件反馈 214

7.7 小结 215

第8章　完成网站上线工作 216

8.1　客户端／服务器模型 216

8.2　主机托管术语101 217

8.3　托管网站——寻找服务器空间 218

8.3.1　免费托管——有附加条件 218

8.3.2　免费托管——以原价获得域名 219

8.4 Web转向 219

8.5　为托管付费 221

8.6　基本的托管服务 221

8.6.1　通过FTP访问服务器 221

8.6.2　足够的存储空间 222

8.6.3　合理的带宽额度 223

8.7　最好包含的托管服务 223

8.7.1 电子邮件账户 223

8.7.2　服务端引用（SSI） 224

8.7.3　脚本语言和数据库支持 224

8.8　上线前检查——在不同的浏览器中页面显示是否不同 225

8.9　将文件上传到服务器 226

8.9.1 FTP配置 226

8.9.2 用FileZilla上传文件——Windows平台 227

8.9.3 用Cyberduck上传文件——Mac OS X平台 230

8.9.4　其他文件上传工具 232

8.10　要点概述：网站在哪里 232

8.10.1　链接检查 232

8.10.2 网页的有效性检查 234

8.11　推广网站 236

8.11.1　向搜索引擎提交自己网站的信息 236

8.11.2　告诉朋友和同事 237

8.11.3　修改电子邮件签名，使其包含网站信息 237

8.11.4　发布到论坛上 238

8.11.5　链接交换 238

8.12　小结 238

第9章　为网站添加博客 239

9.1 构建博客 240

9.2　注册博客 241

9.3　利用Blogger创建页面 247

9.4　制作Blogger的模板 248

9.5　整理Blogger的模板 257

9.5.1　博客中的评论功能 257

9.5.2　验证博客 260

9.6　管理博客中的帖子 263

9.7　让其他人来支持你的博客 264

9.8　小结 266

第10章　装饰网站：添加超酷的免费素材 267

10.1　获取访问者的内幕信息 268

10.1.1　选择一项统计服务 268

10.1.2　注册StatCounter账号 269

10.1.3　将统计代码添加到网页中 273

10.2　添加站内搜索工具 276

10.3　使用其他类型的搜索 279

10.4　为网站添加blogroll 282

10.4.1 注册一个blogroll 282

10.4.2　将blogroll整合到网站中 284

10.5　论坛 286

10.6　小结 287

第11章　走得更远 289

11.1 XHTML进阶 290

11.1.1 官方文档 290

11.1.2　其他实用的XHTML资源 291

11.2 CSS进阶 291

11.2.1 官方文档 292

11.2.2 W3Schools/HTML Dog 293

11.2.3 CSS讨论组 293

11.2.4　其他CSS资源 294

11.2.5 CSS-Discuss讨论组的配套网站 295

11.3 JavaScript 296

11.4　服务器端编程语言 297

11.5 PHP 298

11.6 小结 299

附录A XHTML参考手册 300

A.1 公共属性 300

A.2 国际化属性 301

A.3 XHTML标签 301