第1章 Web前端开发入门 1
1.1 项目任务与学习目标 1
1.2 项目基础 2
1.2.1 Web前端概述 2
1.2.2 网页的基本结构 3
1.3 项目学做 5
1.3.1 使用工具 5
1.3.2 创建第一个网页 6
1.3.3 知识解析 11
1.4 项目小结 14
1.4.1 技能回顾 14
1.4.2 知识拓展 14
1.5 实战练习 16
第2章 使用CSS进行布局和定位 18
2.1 项目任务与学习目标 18
2.2 项目基础 19
2.2.1 块元素与内联元素 19
2.2.2 CSS盒模型 22
2.2.3 div元素和span元素 29
2.2.4 CSS选择器 29
2.2.5 CSS权重 33
2.2.6 定位 34
2.3 项目学做 37
2.3.1 页面结构设计 38
2.3.2 样式表设计 39
2.4 项目小结 44
2.4.1 技能回顾 44
2.4.2 知识拓展 45
2.5 实战练习 45
第3章 导航菜单——理解浮动 47
3.1 项目任务与学习目标 47
3.2 项目基础 48
3.2.1 浮动 48
3.2.2 链接 51
3.2.3 列表 54
3.2.4 display属性 56
3.3 项目学做 58
3.3.1 构建导航结构 58
3.3.2 设置导航基本样式 59
3.4 项目小结 62
3.5 实战练习 62
第4章 新闻页面——文本与背景 64
4.1 项目任务与学习目标 64
4.2 项目基础 64
4.2.1 用XHTML组织文本内容 65
4.2.2 用CSS控制文本的外观 68
4.3 背景 77
4.4 项目学做 86
4.4.1 页面结构分析 87
4.4.2 用XHTML实现页面结构 88
4.4.3 用CSS设置页面样式 89
4.5 项目小结 92
4.5.1 技能回顾 92
4.5.2 知识拓展 93
4.6 实战练习 93
第5章 网页的交互——表单 94
5.1 项目任务与学习目标 94
5.2 项目基础 94
5.2.1 表单元素 94
5.2.2 利用CSS控制表单样式 100
5.3 项目学做 103
5.3.1 编写XHTML网页结构代码 104
5.3.2 编写CSS 104
5.4 项目小结 107
5.5 实战练习 108
第6章 使用表格有效地组织数据 109
6.1 项目任务与学习目标 109
6.2 项目基础 109
6.2.1 表格相关元素 109
6.2.2 利用CSS控制表格样式 114
6.3 项目学做 116
6.3.1 编写XHTML-网页结构代码 116
6.3.2 编写CSS 117
6.3.3 提高表格的可读性 119
6.4 项目小结 120
6.5 实战练习 120
第7章 精彩的JavaScript特效——jQuery 121
7.1 项目任务与学习目标 121
7.2 项目基础 122
7.2.1 jQuery与JavaScript 122
7.2.2 DOM结构 123
7.2.3 第一个特效网页 124
7.2.4 选择器 125
7.2.5 事件 127
7.2.6 文档处理 129
7.2.7 操作文本 131
7.2.8 操作CSS 132
7.2.9 动画特效 133
7.3 项目学做 134
7.3.1 构建选项卡结构 134
7.3.2 设置选项卡基本样式 135
7.3.3 jQuery语句 135
7.4 项目小结 136
7.5 实战练习 136
第8章 模块式开发——CSS框架 137
8.1 项目任务与学习目标 137
8.2 项目基础 137
8.2.1 base.css 138
8.2.2 common.css 139
8.2.3 page.css 140
8.3 项目学做 140
8.3.1 页面结构分析 141
8.3.2 用XHTML实现页面结构 142
8.3.3 用CSS设置页面样式 143
8.4 项目小结 144
第9章 综合项目 145
9.1 项目任务与学习目标 145
9.2 项目基础 145
9.2.1 原型图 146
9.2.2 效果图 148
9.3 项目学做 150
9.3.1 定义网页尺寸 150
9.3.2 制作图片素材 151
9.3.3 规划网站目录 151
9.3.4 编写首页代码 151
9.3.5 编写列表页 159
9.3.6 编写详细页 160
9.3.7 添加jQuery插件 161
9.4 项目小结 161
9.5 实战练习 162