Web前端开发实例教程――HTML5+CSS3+JavaScript

目 录
第1章 网站规划和网页设计基础\t1
1．1 万维网WWW\t1
1．1．1 WWW和浏览器的基本概念\t1
1．1．2 网址\t2
1．1．3 超文本\t3
1．1．4 超文本标记语言HTML\t3
1．1．5 HTTP\t3
1．1．6 搜索引擎\t4
1．2 网站与网页的基本概念\t4
1．2．1 网站、网页和主页\t4
1．2．2 静态网页和动态网页\t5
1．3 网站的规划与设计\t5
1．4 定位网站的主题和名称\t6
1．4．1 网站主题的确定\t6
1．4．2 网站名称的确定\t6
1．5 确定网站的CI形象\t7
1．6 网站内容的设计\t7
1．6．1 设计网站的栏目\t8
1．6．2 确定网站的目录结构\t8
1．6．3 设计网站的链接结构\t9
1．7 网页的基本元素\t10
1．8 网页布局结构\t11
1．9 常见的网页编辑工具\t12
1．10 Web标准\t13
1．10．1 什么是Web标准\t13
1．10．2 建立Web标准的优点\t14
1．10．3 理解表现和结构相分离\t14
习题1\t15
第2章 HTML概述\t16
2．1 HTML简介\t16
2．1．1 Web技术发展历程\t16
2．1．2 HTML5的特性\t16
2．1．3 HTML5元素\t17
2．2 HTML语法基础\t17
2．2．1 HTML语法结构\t18
2．2．2 HTML编写规范\t18
2．2．3 HTML5文档结构\t19
2．3 创建HTML文档\t20
2．4 搭建支持HTML5的浏览器环境\t21
2．5 网页头部标签\t22
2．5．1 ＜title＞标签\t22
2．5．2 ＜meta＞标签\t22
2．5．3 ＜link＞标签\t23
2．5．4 ＜script＞标签\t23
2．5．5 案例―制作珠宝商城页面摘要信息\t23
2．6 注释\t24
2．7 特殊符号\t24
习题2\t25
第3章 编辑网页文档\t26
3．1 文字与段落排版\t26
3．1．1 段落标签＜p＞…＜/p＞\t26
3．1．2 强制换行标签＜br/＞\t26
3．1．3 标题标签＜h#＞…＜/h#＞\t27
3．1．4 水平线标签＜hr/＞\t28
3．1．5 缩排标签＜blockquote＞…＜/blockquote＞\t29
3．1．6 案例―制作珠宝商城关于我们页面\t29
3．2 超链接\t30
3．2．1 超链接简介\t30
3．2．2 超链接的应用\t30
3．2．3 案例―制作珠宝商城服务指南及下载页面\t32
3．3 图像\t33
3．3．1 Web图像的格式及使用要点\t33
3．3．2 图像标签＜img＞\t34
3．3．3 图像超链接\t35
3．3．4 设置网页背景图像\t35
3．3．5 图文混排\t36
3．4 列表\t37
3．4．1 无序列表\t37
3．4．2 有序列表\t38
3．4．3 定义列表\t39
3．4．4 嵌套列表\t40
习题3\t41
第4章 网页布局与交互\t42
4．1 表格\t42
4．1．1 表格的结构\t42
4．1．2 表格的基本语法\t42
4．1．3 表格的属性\t43
4．1．4 不规范表格\t45
4．1．5 表格数据的分组\t46
4．1．6 使用表格实现页面局部布局\t48
4．2 使用结构元素构建网页布局\t49
4．3 ＜div＞标签\t53
4．4 ＜span＞标签\t53
4．4．1 基本语法\t53
4．4．2 ＜span＞标签与＜div＞标签的区别\t54
4．4．3 使用＜div＞标签和＜span＞标签布局网页内容\t54
4．5 表单\t55
4．5．1 表单的工作机制\t55
4．5．2 表单标签＜form＞…＜/form＞\t55
4．5．3 表单元素\t56
4．5．4 案例―制作珠宝商城会员注册表单\t59
4．5．5 使用表格布局表单\t61
习题4\t62
第5章 CSS基础\t64
5．1 CSS简介\t64
5．1．1 什么是CSS\t64
5．1．2 CSS的发展历史\t64
5．1．3 CSS3的特点\t65
5．1．4 CSS编写规则\t65
5．1．5 CSS的工作环境\t67
5．2 HTML与CSS\t67
5．2．1 传统HTML的缺点\t67
5．2．2 CSS的优势\t68
5．2．3 CSS的局限性\t68
5．3 CSS语法基础\t68
5．3．1 CSS样式规则\t69
5．3．2 基本选择符\t69
5．3．3 复合选择符\t71
5．3．4 通配符选择符\t73
5．3．5 特殊选择符\t74
5．4 CSS的属性单位\t76
5．4．1 长度、百分比单位\t76
5．4．2 色彩单位\t77
5．5 网页中引用CSS的方法\t78
5．5．1 行内样式\t78
5．5．2 内部样式表\t79
5．5．3 链入外部样式表\t80
5．5．4 导入外部样式表\t81
5．5．5 案例―制作珠宝商城客服中心页面\t82
5．6 文档结构\t84
5．6．1 文档结构的基本概念\t84
5．6．2 继承\t85
5．6．3 样式表的层叠、特殊性与重要性\t86
5．6．4 元素类型\t88
5．6．5 案例―制作珠宝商城特色礼品局部页面\t89
习题5\t92
第6章 CSS盒模型\t93
6．1 盒模型的概念\t93
6．2 边框、外边距与内边距\t94
6．2．1 边框\t94
6．2．2 外边距\t97
6．2．3 内边距\t99
6．2．4 案例―盒模型的演示\t99
6．3 盒模型的尺寸\t101
6．3．1 盒模型的宽度与高度\t101
6．3．2 块级元素与行级元素宽度和高度的区别\t101
6．4 盒子的margin叠加问题\t102
6．4．1 行级元素之间的水平margin叠加\t102
6．4．2 块级元素之间的垂直margin叠加\t103
6．5 盒模型综合案例―珠宝商城顶部内容\t105
6．6 盒子的定位\t108
6．6．1 定位属性\t108
6．6．2 定位方式\t109
6．7 浮动与清除浮动\t113
6．7．1 浮动\t114
6．7．2 清除浮动\t117
6．8 综合案例―珠宝商城市场团队简介页面\t118
6．8．1 页面布局规划\t118
6．8．2 页面的制作过程\t119
习题6\t122
第7章 使用CSS修饰常见的网页元素\t124
7．1 设置字体样式\t124
7．1．1 字体类型\t124
7．1．2 字体大小\t124
7．1．3 字体粗细\t125
7．1．4 字体倾斜\t125
7．1．5 设置字体样式综合案例\t125
7．2 设置文本样式\t126
7．2．1 文本水平对齐方式\t126
7．2．2 行高\t127
7．2．3 文本的修饰\t127
7．2．4 段落首行缩进\t127
7．2．5 首字下沉\t127
7．2．6 文本的截断\t128
7．2．7 文本换行\t128
7．2．8 文本的颜色\t128
7．2．9 文本的背景颜色\t129
7．2．10 设置文本样式综合案例\t129
7．3 设置图像样式\t130
7．3．1 图像缩放\t131
7．3．2 图像边框\t132
7．3．3 背景图像\t133
7．3．4 背景重复\t133
7．3．5 背景图像定位\t134
7．3．6 背景图像大小\t136
7．4 设置表格样式\t137
7．4．1 常用的CSS表格属性\t137
7．4．2 案例―使用隔行换色表格制作畅销商品销量排行榜\t140
7．5 设置表单样式\t142
7．5．1 使用CSS修饰常用的表单元素\t142
7．5．2 案例―制作珠宝商城会员注册页面\t146
7．6 综合案例―制作珠宝商城网购空间页面\t149
7．6．1 页面布局规划\t149
7．6．2 页面的制作过程\t150
习题7\t152
第8章 使用CSS设置链接与导航\t154
8．1 使用CSS设置链接\t154
8．1．1 设置文字链接的外观\t154
8．1．2 图文链接\t157
8．1．3 按钮式链接\t157
8．2 使用CSS设置列表\t159
8．2．1 表格布局的缺点\t159
8．2．2 列表布局的优势\t160
8．2．3 CSS列表属性\t160
8．2．4 图文信息列表\t165
8．3 创建导航菜单\t169
8．3．1 普通的超链接导航菜单\t169
8．3．2 纵向列表模式的导航菜单\t170
8．3．3 横向列表模式的导航菜单\t174
8．4 综合案例―使用CSS修饰页面和制作导航菜单\t177
8．4．1 制作珠宝商城网购学堂主页\t177
8．4．2 制作珠宝商城网购学堂栏目页\t186
习题8\t190
第9章 Div+CSS布局页面\t191
9．1 Div+CSS布局理念\t191
9．1．1 认识Div+CSS布局\t191
9．1．2 正确理解Web标准\t191
9．1．3 将页面用Div分块\t192
9．2 典型的CSS布局样式\t193
9．2．1 两列布局样式\t193
9．2．2 三列布局样式\t196
9．3 综合案例―制作珠宝商城博客页面\t200
9．4 综合案例―制作珠宝商城网络服务中心页面\t209
9．4．1 页面布局规划\t209
9．4．2 页面的制作过程\t210
习题9\t216
第10章 网页行为语言―JavaScript\t218
10．1 JavaScript概述\t218
10．2 在网页中调用JavaScript\t218
10．3 JavaScript基本交互方法\t219
10．3．1 信息对话框\t219
10．3．2 选择对话框\t220
10．3．3 提示对话框\t221
10．4 表单对象与交互性\t222
10．5 制作网页特效\t226
10．5．1 制作网页Tab选项卡切换效果\t226
10．5．2 循环滚动的图文字幕\t229
10．5．3 幻灯片广告\t232
10．5．4 制作二级纵向列表模式的导航菜单\t234
习题10\t237
第11章 珠宝商城前台页面\t239
11．1 网站的开发流程\t239
11．1．1 规划站点\t239
11．1．2 网站制作\t241
11．1．3 测试网站\t241
11．1．4 发布站点\t241
11．2 设计首页布局\t241
11．2．1 创建站点目录\t241
11．2．2 页面布局规划\t242
11．3 制作首页\t242
11．4 制作产品列表页\t253
11．5 制作产品明细页\t256
11．6 制作查看购物车页\t262
习题11\t265
第12章 珠宝商城后台管理页面\t267
12．1 制作后台管理登录页\t267
12．2 制作查询商品页\t271
12．3 制作添加商品页\t280
12．4 制作会员管理页\t283
12．5 栏目的整合\t285
习题12\t286
参考文献\t287