轻松学HTML+CSS网站开发PDF电子书下载

概述篇 2

第1章 网页开发概述 2

1.1 互联网 2

1.2 网站 2

1.2.1 网站是如何工作的 3

1.2.2 网站域名 3

1.2.3 网站源程序 4

1.2.4 网站空间 5

1.3 网页构成技术——HTML+CSS 5

1.3.1 什么是HTML+CSS 5

1.3.2 认识XHTML 7

1.3.3 JavaScript 7

1.4 网页开发工具——Dreamweaver 8

1.4.1 Dreamweaver CS6的安装 8

1.4.2 认识Dreamweaver CS6 10

1.5 制作第一个网页 11

1.6 小结 13

1.7 习题 13

结构语言篇 16

第2章 网页基础必备知识 16

2.1 HTML标签 16

2.2 HTML属性 16

2.3 HTML元素 17

2.4 HTML文件 17

2.5 HTML注释 18

2.6 HTML颜色 18

2.6.1 颜色值 18

2.6.2 颜色名 19

2.6.3 Web安全色 19

2.7 HTML长度单位 19

2.8 CSS样式表 20

2.8.1 链接样式表 20

2.8.2 外部样式表的链接 20

2.8.3 内部样式表的链接 22

2.8.4 链接行内样式表 22

2.9 选择器 23

2.9.1 派生选择器 23

2.9.2 id选择器 23

2.9.3 类选择器 24

2.9.4 标签选择器 26

2.9.5 复合选择器 27

2.9.6 〈span〉标签 28

2.10 CSS框架模型 28

2.11 小结 29

2.12 习题 29

第3章 文字 34

3.1 网页中的文字 34

3.1.1 文字编码——字符集 34

3.1.2 文字的字体 36

3.1.3 文字的表示 38

3.2 字体属性设置 39

3.2.1 文字大小 39

3.2.2 文字颜色 41

3.2.3 文字对齐方式 42

3.3 文本格式化 43

3.3.1 定义粗体文本 43

3.3.2 定义着重文字 44

3.3.3 定义计算机代码 46

3.3.4 预格式文本 46

3.3.5 定义地址 46

3.3.6 定义文字方向 47

3.3.7 块引用 48

3.3.8 标签总结 48

3.4 段落 49

3.4.1 HTML段落 49

3.4.2 段落的行间距 50

3.4.3 标题的定义 51

3.4.4 HTML水平线 52

3.4.5 HTML折行 52

3.5 列表 54

3.5.1 无序列表 54

3.5.2 有序列表 55

3.5.3 定义列表 56

3.5.4 CSS列表 57

3.5.5 示例概括 59

3.6 小结 61

3.7 习题 61

第4章 图片 68

4.1 网页图片格式 68

4.2 图片的构建 70

4.2.1 选择路径（src） 70

4.2.2 设定低分辨率（lowsrc） 71

4.2.3 设定替换文本（alt） 71

4.3 调整图片 72

4.3.1 选择宽度（width）和高度（height） 72

4.3.2 设定排列（align） 73

4.3.3 设定边框（border） 74

4.3.4 设定水平间距（hspace）和垂直间距（vspace） 75

4.4 网页背景图片 75

4.4.1 为网页背景添加图片 75

4.4.2 指定背景图片的应用范围 76

4.4.3 指定图片平铺方式 77

4.4.4 为背景图片定位 78

4.4.5 设置背景图片跟随方式 81

4.5 小结 82

4.6 习题 82

第5章 链接 88

5.1 认识链接 88

5.1.1 链接的作用 88

5.1.2 表现形式 89

5.1.3 HTML链接语法 89

5.2 链接路径 90

5.2.1 绝对路径 90

5.2.2 相对路径 91

5.3 创建超链接 92

5.3.1 内部链接 93

5.3.2 外部链接 94

5.3.3 制作目录链接 95

5.3.4 文字超链接 95

5.3.5 图像超链接 95

5.3.6 热点区域的链接 96

5.3.7 E-mail链接 98

5.3.8 空链接 100

5.4 设置链接样式 101

5.5 HTML链接的target属性 103

5.5.1 打开空白页 103

5.5.2 打开上一级窗口 104

5.5.3 在当前窗口中打开 105

5.5.4 打开整个窗口 107

5.6 HTML链接的name属性 109

5.7 锚 110

5.7.1 创建图片锚链接 110

5.7.2 创建文字锚链接 112

5.8 小结 113

5.9 习题 114

第6章 表单 122

6.1 表单概述 122

6.1.1 表单的定义 122

6.1.2 表单名称的定义 123

6.1.3 设置字符集列表 124

6.1.4 在CSS中设置表单 124

6.2 输入框概述 125

6.2.1 定义文字输入 125

6.2.2 使用多行文本域 126

6.2.3 定义密码输入 126

6.2.4 在CSS中设置文本域 127

6.3 选择框概述 128

6.3.1 定义单选框 128

6.3.2 定义复选框 129

6.3.3 定义列表框 130

6.3.4 在CSS中设置选择框 130

6.4 文件域和字符集 132

6.4.1 设置文件域 132

6.4.2 设置字段集 132

6.4.3 隐藏域的引用 133

6.5 表单的动作属性 134

6.5.1 设置链接跳转 134

6.5.2 指向链接跳转方式 134

6.5.3 设置链接跳转方式 134

6.6 按钮的定义 135

6.6.1 设置提交按钮 135

6.6.2 设置清空按钮 135

6.6.3 图像域的引用 136

6.6.4 在CSS中设置按钮 137

6.7 小结 137

6.8 习题 138

第7章 多媒体 145

7.1 音频的使用 145

7.1.1 音乐格式 145

7.1.2 插入音乐 146

7.1.3 音乐路径（src） 147

7.1.4 音乐的播放次数（loop） 147

7.1.5 音乐的自动播放（autostart） 148

7.1.6 隐藏播放面板（hidden） 148

7.2 嵌入背景音乐 149

7.2.1 背景音乐路径 149

7.2.2 循环播放（loop） 149

7.2.3 自动播放（autostart） 150

7.2.4 音量控制 150

7.2.5 延迟播放 151

7.2.6 音量平衡 151

7.3 视频的使用 151

7.3.1 视频格式 151

7.3.2 插入视频 152

7.4 插入Flash 153

7.4.1 插入Flash视频 154

7.4.2 透明效果 155

7.5 小结 156

7.6 习题 156

第8章 表格 160

8.1 表格的构建 160

8.1.1 表头单元格 161

8.1.2 单元格数据标签 161

8.1.3 表格的标题 162

8.2 表格的外观 163

8.2.1 宽度（width）和高度（height） 163

8.2.2 背景颜色和图像 164

8.2.3 表格间距和表格填充 165

8.2.4 表格行的对齐方式 167

8.3 边框 169

8.3.1 边框宽度（border） 169

8.3.2 边框颜色（bordercolor） 169

8.3.3 边框显示 171

8.4 跨多行和多列的表元 171

8.4.1 跨多列（colspan） 172

8.4.2 跨多行（rowspan） 172

8.5 表格行分组 173

8.5.1 表头标签 173

8.5.2 主体标签 173

8.5.3 尾注标签 173

8.6 表格的嵌套 174

8.7 小结 175

8.8 习题 175

结构布局篇 182

第9章 框架 182

9.1 框架概述 182

9.1.1 框架的构成 182

9.1.2 自定义框架 183

9.1.3 〈noframes〉标签 184

9.2 框架集 185

9.2.1 分割左右窗口 185

9.2.2 分割上下窗口 186

9.2.3 CSS中的框架设置 186

9.3 子框架 187

9.3.1 调节框架 187

9.3.2 窗口嵌套 187

9.3.3 窗口的名称和链接 188

9.4 框架外观 189

9.4.1 边框粗细（border） 189

9.4.2 边框颜色 190

9.4.3 边框的显示 190

9.4.4 空白距离 191

9.5 浮动框架 191

9.5.1 浮动窗口（iframe） 191

9.5.2 透明浮动窗口 191

9.5.3 滚动条的设置 192

9.5.4 浮动窗口链接 192

9.6 小结 193

9.7 习题 193

第10章 DIV+CSS 200

10.1 〈div〉标签 200

10.1.1 〈div〉标签的应用 200

10.1.2 嵌套〈div〉标签 201

10.2 盒模型 201

10.2.1 盒模型的概念 201

10.2.2 基本盒模型 205

10.3 定位 206

10.3.1 基本概念介绍 206

10.3.2 浮动定位 206

10.3.3 清除浮动 208

10.3.4 多个元素的浮动应用 209

10.3.5 两个元素的浮动应用 211

10.4 绝对定位 212

10.4.1 绝对定位的概念 212

10.4.2 单个元素的绝对定位 213

10.4.3 两个元素的绝对定位 214

10.5 相对定位 215

10.5.1 单个元素的相对定位 215

10.5.2 两个元素的相对定位 217

10.6 普通流定位 218

10.7 小结 219

10.8 习题 219

首尾结构篇 226

第11章 网页头部 226

11.1 使用头部 226

11.2 页面描述信息 226

11.2.1 定义关键词 227

11.2.2 链接文件属性 228

11.2.3 基链接属性 228

11.3 HTTP标题信息 228

11.3.1 http-equiv属性 228

11.3.2 过渡效果属性 229

11.3.3 文档类型与语言属性 230

11.3.4 主题与脚本类型属性 231

11.3.5 打开窗口属性 231

11.3.6 自动刷新属性 231

11.3.7 禁用缓存属性 232

11.3.8 缓存时间属性 232

11.3.9 网页cookie属性 233

11.4 网页标题 233

11.5 小结 234

11.6 习题 234

第12章 页脚 237

12.1 页脚的构成 237

12.1.1 版权声明 240

12.1.2 网站相关信息说明 240

12.1.3 网站Logo 240

12.1.4 友情链接 241

12.1.5 整体导航 241

12.1.6 网站备案信息 241

12.2 样式调整及修改 242

12.3 小结 243

12.4 习题 243

第13章 脚本和事件 247

13.1 脚本 247

13.1.1 定义脚本 247

13.1.2 替换文本 249

13.1.3 嵌入对象 250

13.2 事件 251

13.2.1 触发载入事件 251

13.2.2 触发双击事件 252

13.3 触发鼠标按钮事件 253

13.3.1 触发鼠标按下事件 253

13.3.2 触发鼠标释放事件 254

13.3.3 触发鼠标移动事件 255

13.3.4 触发鼠标经过事件 256

13.3.5 触发鼠标离开事件 257

13.4 触发键盘事件 258

13.4.1 触发按下键盘按键事件 258

13.4.2 触发键盘按键被按下并松开事件 259

13.4.3 触发键盘按键被松开事件 260

13.5 触发页面相关事件 260

13.5.1 触发图片在下载时被用户中断事件 261

13.5.2 触发当前页面的内容将被修改事件 261

13.5.3 触发捕捉当前页面错误事件 262

13.5.4 触发页面内容完成传送到浏览器事件 263

13.5.5 触发浏览器窗口大小被改变事件 264

13.5.6 触发浏览器滚动条位置变化事件 264

13.5.7 触发当前页面被改变事件 265

13.6 表单相关事件 266

13.6.1 触发元素失去焦点事件 266

13.6.2 触发元素改变事件 267

13.6.3 触发元素获得焦点事件 268

13.6.4 触发表单重置事件 269

13.6.5 触发表单提交事件 270

13.7 滚动字幕事件 271

13.7.1 触发内容移动至显示范围之外事件 271

13.7.2 触发完成需要显示内容后的事件 272

13.7.3 触发开始显示内容事件 273

13.8 编辑事件 274

13.8.1 触发按下鼠标右键出现菜单事件 274

13.8.2 触发所选择内容被复制后的事件 275

13.8.3 触发所选择内容被剪切时的事件 276

13.8.4 触发鼠标拖动事件 277

13.8.5 触发失去鼠标移动所形成的选择焦点事件 277

13.8.6 触发内容粘贴事件 278

13.8.7 触发内容被选择事件 279

13.8.8 触发内容选择准备开始事件 280

13.9 外部事件 280

13.9.1 触发文档被打印后的事件 280

13.9.2 触发文档将要打印时的事件 281

13.9.3 触发滤镜效果发生变化时的事件 282

13.9.4 触发按下【F1】键（或者选择“帮助”菜单）时的事件 283

13.9.5 触发对象的属性之一发生变化时的事件 284

13.10 数据绑定 285

13.11 小结 285

13.12 习题 285

实例篇 294

第14章 个人网站制作 294

14.1 网站整体规划 294

14.1.1 层次分析 294

14.1.2 模块划分 294

14.1.3 首页分析 295

14.2 首页制作 295

14.2.1 首页设计 295

14.2.2 XHTML结构的构建和CSS布局 296

14.2.3 顶部栏的制作 296

14.2.4 Banner的制作 297

14.2.5 最新留言的制作 298

14.2.6 最新日志的制作 299

14.2.7 最新照片的制作 299

14.2.8 设置背景图片 301

14.2.9 设置导航条及标题栏渐变背景 301

14.2.10 设置页面垂直滚动条样式 302

14.3 日志页面制作 302

14.3.1 思路分析 303

14.3.2 浏览日志功能的实现 304

14.4 照片页面制作 305

14.4.1 思路分析 305

14.4.2 浏览照片功能的实现 307

14.5 小结 308

第15章 门户网站制作 309

15.1 网站整体规划 309

15.1.1 层次分析 309

15.1.2 模块分析 310

15.1.3 首页分析 310

15.2 首页制作 311

15.2.1 首页设计 311

15.2.2 XHTML结构的构建和CSS布局 311

15.2.3 顶部栏的制作 312

15.2.4 Banner的制作 312

15.2.5 导航条的制作 313

15.2.6 热点消息栏的制作 313

15.2.7 便民信息栏和热点人物栏的制作 314

15.2.8 设置页面主体背景 315

15.2.9 设置有规律的背景图片 315

15.2.10 插入无虚框的Flash动画 316

15.2.11 轮换照片的制作 316

15.3 栏目页面制作 318

15.4 文章页面制作 319

15.5 小结 320