适合零基础读者，一本书掌握HTML、CSS和Javascript网页编程！
基本介绍
- 书名：HTML+CSS网页设计详解
- 作者：任昱衡
- ISBN：9787302343202
- 定价：53.80元
- 出版社：清华大学出版社
- 出版时间：2014年1月
- 光碟：有
内容介绍
《HTML+CSS网页设计详解》主要介绍页面前端技术的开发，即常说的HTML+CSS+JavaScript，内容涉及面广，从最基本的HTML标籤讲起，再到CSS样式和JavaScript脚本语言的使用，几乎涉及网页开发的所有重要知识。本书共分4篇。第1篇详细介绍什幺是网页、了解HTML的作用、HTML中的一些基本标籤、网页图片的使用、如何设定网页颜色以及网页连结的设定；第2篇详细介绍CSS规则、表格的使用、如何创建框架和层以及页面布局的方法；第3篇详细介绍表单、脚本语言、JavaScript入门以及製作网页所需要的工具；第4篇通过4个案例综合介绍网页开发的详细过程，以提高读者的实战水平。书中提供了大量实例，供读者实战演练。另外，专门为本书录製了大量的配套教学视频，并提供书中的实例原始码，以帮助读者更好地学习本书内容。
本书适合所有想全面学习网页开发技术的人员阅读。对于经常做网页开发的人员，更是一本不可多得的案头必备参考书。
本书适合所有想全面学习网页开发技术的人员阅读。对于经常做网页开发的人员，更是一本不可多得的案头必备参考书。
作者简介
副研究员、高级电子商务师，高级硬体工程师，中国电子商务协会电子商务研究院副院长，兼任中国社会发展研究院研究员，中国电子商务协会专家，湖北省电子商务发展联合会筹委会副秘书长，在多所重点高校担任客座讲师，负责讲授电子商务专业本科及部分研究生课程。获得中国社科院2009年“当前经济形势与企业发展研讨会”一等奖。担任项目负责人，主持省部级项目一个、行业标準一个，多箇中央企业电子商务建设重点项目，在专业核心期刊发表论文20于篇。
目录
第1篇 页面製作入门篇
第1章 了解网页 2
1.1 什幺是网页 2
1.1.1 网页的概述 2
1.1.2 静态网页 3
1.1.3 动态网页 4
1.1.4 开发动态页面和静态页面的联繫 5
1.2 开发网页的工具 7
1.2.1 HTML页面的开发工具 7
1.2.2 动态页面的开发工具 8
1.3 使用网页浏览器 9
1.3.1 网页浏览器的工作原理 9
1.3.2 常用的两种浏览器 10
1.4 HTML、XML和XHTML语言 11
1.4.1 超文本标记语言HTML 11
1.4.2 可扩展标识语言XML 12
1.4.3 可扩展超文本标识语言XHTML 12
1.5 编写一个简单的页面 13
1.6 小结 14
1.7 本章习题 14
第2章 通过学习他人的网页了解HTML
能做什幺 16
2.1 用记事本打开一个页面 16
2.2 初识HTML 18
2.2.1 HTML语法 18
2.2.2 HTML文档的结构 19
2.3 HTML文档基本结构标籤的作用 21
2.3.1 给页面一个声明--样本代码 21
2.3.2 踏出製作页面的第一步--开始
标籤<html> 22
2.3.3 页面的"脑袋"--头标籤和头标籤的
对象 22
2.3.4 给页面起名字--标题标籤<title> 25
2.3.5 页面的"身体"--主体标籤<body> 26
2.3.6 美化HTML文档 27
2.4 案例：製作第一个页面 27
2.5 小结 29
2.6 本章习题 29
第3章 动手在网页中写些什幺 31
3.1 新旧方法对比 31
3.2 文本的排版格式 33
3.2.1 写一行换一行 33
3.2.2 在页面文本中空格 34
3.2.3 文本的段落要对齐 36
3.3 文本的属性样式 38
3.3.1 不一样的文本字型大小 39
3.3.2 奇妙的特殊符号 41
3.3.3 给文本加标注 42
3.4 整齐的文本列表 43
3.4.1 无序列表 43
3.4.2 有序列表 44
3.4.3 定义列表 45
3.4.4 列表嵌套 46
3.5 製作一则通知 48
3.6 小结 50
3.7 本章习题 50
第4章 将图像放入页面中 52
4.1 图像的基础知识 52
4.1.1 最常用的图像--点阵图 53
4.1.2 在页面中常用的点阵图格式 53
4.1.3 奇妙的矢量图 54
4.1.4 图像的解析度 55
4.1.5 认识一些网页中常用的BANNER尺寸 55
4.2 用图像编织美丽的页面 56
4.2.1 理解图像路径 56
4.2.2 像编辑文本对齐一样在页面中对齐图像 57
4.2.3 图像与文本的对齐方式 58
4.2.4 控制图像与文本的距离 60
4.3 让图像变得更美观 61
4.3.1 修改图像的宽度和高度 61
4.3.2 不一样的改变--给图像添加框线 62
4.3.3 独树一帜的水平线 63
4.4 改变页面的背景 64
4.5 案例：把宠物的照片放到网页上去 65
4.6 小结 67
4.7 本章习题 67
第5章 让网页变得更绚丽 69
5.1 了解计算机语言下的颜色描述 69
5.2 让页面绚丽多彩 70
5.2.1 改变页面背景颜色 70
5.2.2 改变页面文本字型颜色 71
5.3 不寻常的图像套用 72
5.3.1 会动的GIF图像 72
5.3.2 图像的透明通道 73
5.3.3 带有透明通道图像的套用 75
5.4 案例：修饰普通页面 77
5.5 小结 78
5.6 本章习题 78
第6章 页面连结 81
6.1 何为页面连结 81
6.1.1 初识页面连结 82
6.1.2 理解连结地址 83
6.2 连结的基本知识 84
6.2.1 基本的文本连结 84
6.2.2 基本的图像连结 85
6.2.3 信箱地址连结 86
6.2.4 在同一页面中快速查找信息 87
6.3 提高页面连结的友好度 89
6.3.1 美观连结的状态 90
6.3.2 特殊的连结方式 92
6.3.3 热点图像区域的连结 93
6.4 在新视窗中显示连结视窗 96
6.5 案例：製作普通连结的主页 96
6.6 小结 99
6.7 本章习题 99
第2篇 页面製作提高篇
第7章 CSS规则 104
7.1 如何学习CSS 104
7.2 CSS基本的规则写法 107
7.2.1 基本的样式表的写法 107
7.2.2 使用类class和标誌id连结样式表 108
7.2.3 创建选择器 109
7.2.4 套用CSS样式表 113
7.3 用CSS来修饰页面文本 115
7.3.1 修饰页面文本字型 115
7.3.2 文本的字号 116
7.3.3 文本段落行高 117
7.3.4 禁止文本自动换行 119
7.4 给页面对象添加颜色 120
7.5 案例：使用CSS製作个人页面 121
7.6 小结 123
7.7 本章习题 124
第8章 表格 126
8.1 理解页面中的表格 126
8.2 普通表格的套用 126
8.2.1 製作普通表格 127
8.2.2 表格的基本属性 128
8.2.3 合併单元格 130
8.2.4 表格标题 132
8.2.5 拆分表格 132
8.2.6 设定表格的列 133
8.3 修饰单元格 135
8.3.1 通过CSS修饰单元格的框线 135
8.3.2 合併相邻单元格 137
8.4 编辑单元格中的内容 138
8.4.1 单元格中文本与单元格大小 138
8.4.2 修饰单元格中的内容 139
8.5 案例：製作球赛积分表 140
8.6 小结 143
8.7 本章习题 144
第9章 创建框架结构的页面 146
9.1 创建视窗框架页面 146
9.1.1 创建视窗框架的<frameset>和<frame>
标籤 147
9.1.2 横向分割视窗 147
9.1.3 纵向分割视窗 148
9.1.4 框架的嵌套 149
9.1.5 将页面放入视窗框架中 150
9.2 修饰框架的细节 151
9.2.1 给无法处理框架的浏览器注释说明 151
9.2.2 固定框架的位置 152
9.2.3 框架中设定滚动条 152
9.3 修改框架框线的样式 153
9.3.1 判定框线是否显示 153
9.3.2 改变框线的表现效果 154
9.3.3 框线的边距 155
9.4 框架集中页面之间的连结 156
9.4.1 在指定的框架中打开连结 156
9.4.2 框架内的锚点连结 159
9.5 灵活的<iframe>框架 160
9.6 案例：制定自己的连结主页 161
9.7 小结 163
9.8 本章习题 164
第10章 当CSS样式表遇到层 166
10.1 理解块级的意义 166
10.2 页面中的层 167
10.2.1 行<span>和层<div> 168
10.2.2 层的基本定位 168
10.2.3 层的叠加 170
10.3 框模型 171
10.3.1 理解框模型 171
10.3.2 空距padding属性 173
10.3.3 框线border的扩展属性 175
10.3.4 边距（margin） 176
10.3.5 框模型的溢出 177
10.4 定製层的display属性 178
10.5 CSS Hack 180
10.6 案例：简单的CSS+DIV 182
10.7 小结 184
10.8 本章习题 184
第11章 进一步讨论页面布局的方法 187
11.1 页面中的定位 187
11.1.1 静态定位 187
11.1.2 相对位置 188
11.1.3 绝对定位 189
11.1.4 固定定位 190
11.2 浮动层 190
11.3 CSS的新奇技术以及未来发展 192
11.3.1 图像替换技术 193
11.3.2 CSS 3.0的新发展 195
11.3.3 实现圆角框模型 195
11.4 案例：有效地管理页面布局 196
11.5 小结 202
11.6 本章习题 202
第3篇 动感页面篇
第12章 神奇的表单 206
12.1 表单的工作原理 208
12.1.1 <script>标籤 208
12.1.2 创建表单 208
12.1.3 表单域 210
12.2 通过表单展示不一样的页面 210
12.2.1 input对象下的多种表单表现形式 210
12.2.2 text文本框的样式表单 211
12.2.3 password输入密码的样式表单 212
12.2.4 checkbox複选框的样式表单 213
12.2.5 radio单选按钮的样式表单 214
12.2.6 submit提交数据的样式表单 215
12.2.7 hidden隐藏域的样式表单 216
12.2.8 image样式的表单 217
12.2.9 file上传档案的样式表单 217
12.3 textarea对象的表单 218
12.4 select对象的表单 219
12.5 表单域集合 222
12.6 案例：製作一个精美的由表单构成
的页面 222
12.7 小结 227
12.8 本章习题 227
第13章 在网页中加入神奇的效果 230
13.1 什幺是脚本语言 230
13.1.1 初识VBScript 230
13.1.2 学习JavaScript的起步 231
13.2 JavaScript和Java的区别 233
13.3 JavaScript的基本语法 233
13.3.1 JavaScript中的标识符和保留关键字 234
13.3.2 JavaScript语法的特殊规则 235
13.4 JavaScript的数据类型 235
13.4.1 常量 236
13.4.2 变数 236
13.4.3 数据类型转换 237
13.4.4 运算符 238
13.4.5 表达式 239
13.5 流程控制 240
13.5.1 顺序结构 240
13.5.2 选择结构 241
13.5.3 循环结构 243
13.6 了解函式 245
13.7 案例：一个使用基本语法的
JavaScript例子 247
13.8 小结 250
13.9 本章习题 250
第14章 JavaScript入门 253
14.1 了解一下何为"对象" 253
14.1.1 JavaScript对象概述 253
14.1.2 DOM介绍 255
14.2 JavaScript中的数组 256
14.2.1 定义和运算元组 256
14.2.2 多维数组 259
14.3 内部对象 259
14.3.1 Math对象 260
14.3.2 Date对象 260
14.3.3 String对象 260
14.4 window对象 261
14.4.1 window对象属性 261
14.4.2 window对象方法 264
14.4.3 window对象事件 267
14.5 document对象 269
14.5.1 document对象属性 269
14.5.2 document对象方法 269
14.5.3 document对象事件 270
14.6 案例：一个运用JavaScript实现的
动态页面 272
14.7 小结 275
14.8 本章习题 276
第15章 了解製作页面的工具 278
15.1 可视化编辑页面工具--
Dreamweaver 278
15.1.1 了解Dreamweaver CS6的界面 278
15.1.2 Dreamweaver的选单 280
15.2 神奇的"美工笔"--Photoshop 280
15.2.1 了解Photoshop的界面 280
15.2.2 Photoshop的使用技巧 281
15.3 网页中的动画--Flash 283
15.3.1 认识Flash档案 283
15.3.2 在页面中放入Flash档案 283
15.3.3 製作Flash的软体 286
15.3.4 Flash 8的选单 287
15.3.5 Flash 8的主要功能 287
15.3.6 Flash的常用互动技巧 287
15.4 案例：使用Dreamweaver製作
页面 289
15.5 小结 291
15.6 本章习题 291
第4篇 页面实战篇
第16章 综合案例1：製作主流网站界面 294
16.1 构思基础的布局 294
16.2 设计基础模组的样式表 295
16.3 完善网站的子模组 297
16.3.1 网站的导航栏 297
16.3.2 页面的侧栏 298
16.4 最终页面 300
16.5 小结 301
第17章 综合案例2：设计複杂页面 302
17.1 页面的框架布局 302
17.1.1 定位页面的内容 302
17.1.2 页面初级布局的代码 303
17.2 细化页面的局部 304
17.2.1 intro部分 304
17.2.2 页面的左侧部分 306
17.2.3 页面的右侧栏主体部分和页脚 309
17.3 小结 312
第18章 综合案例3：製作英文网站 313
18.1 分析效果图 313
18.2 切图 314
18.2.1 製作首页的切图 315
18.2.2 二级页面的切图 316
18.3 製作站点首页头部 317
18.3.1 首页头部的信息和基础样式的製作 317
18.3.2 首页头部的分析 318
18.3.3 首页头部结构的製作 318
18.3.4 首页头部CSS代码的编写 319
18.4 製作首页的主体部分 321
18.4.1 分析主体部分效果图 321
18.4.2 製作主体左侧部分的结构 322
18.4.3 製作主体左侧部分的样式 324
18.4.4 製作主体中间部分的结构 327
18.4.5 製作主体中间部分的样式 328
18.4.6 製作主体右侧部分的结构 331
18.4.7 製作主体右侧部分的样式 332
18.5 製作首页的底部 334
18.6 二级页面的製作 336
18.6.1 分析二级页面的效果图 336
18.6.2 製作二级页面中间内容部分的结构 336
18.6.3 製作二级页面中间内容部分的样式 337
18.6.4 製作二级页面右侧部分的结构 339
18.6.5 製作二级页面右侧部分的样式 340
18.8 小结 341
第19章 综合案例4：使用Dreamweaver
製作中文网站 342
19.1 分析效果图 342
19.2 製作首页的切图 343
19.3 製作站点首页头部 345
19.3.1 首页头部的信息和基础样式的製作 345
19.3.2 首页头部的分析 348
19.3.3 首页头部logo和banner部分的製作 348
19.3.4 导航列表的製作 351
19.4 製作首页的主体部分 354
19.4.1 分析主体部分效果图 354
19.4.2 製作主体部分的父元素 355
19.4.3 製作主体左侧部分的样式 356
19.4.4 製作主体右侧内容中"关于我们"的
部分 359
19.4.5 製作"今日新闻"部分 362
19.4.6 製作"证券点拨"和"证券时评"
部分 364
19.4.7 製作"合作伙伴"部分 366
19.5 製作首页的底部 368
19.6 二级页面的製作 369
19.7 小结 371
附录1 HTML 4.0快速参考 372
附录2 CSS中支持的颜色名称 387
网站开发非常之旅
Android移动网站开发详解 ISBN：9787302344308
ASP.NET项目开发详解 ISBN：9787302345725
iOS移动网站开发详解 ISBN：9787302344858
Java Web开发技术详解ISBN：9787302344100
PHP网路编程技术详解 ISBN：9787302343189
ASP.NET网路编程技术详解 ISBN：9787302342540
HTML+CSS网页设计详解 ISBN：9787302343202
Linux伺服器配置与管理ISBN：9787302344865
CSS+DIV网页布局技术详解 ISBN：9787302345732
Dreamweaver CS6网页设计与製作详解 ISBN：9787302344339