第1 章 网页那点事 1

1.1 web 基本概念 1

1.1.1 认识网页 1

1.1.2 名词解释 3

1.1.3 了解Web 标准 4

1.2 网页制作入门 5

1.2.1 HTML 简介 6

1.2.2 css 简介 7

1.2.3 javaScript 简介 8

1.2.4 常见浏览器介绍 8

1.3 Dreamweaver 工具的使用 10

1.3.1 Dreamweaver 界面介绍 10

1.3.2 Dreamweaver 初始化设置 14

1.3.3 创建第一个网页 17

第2 章 从零开始构建HTML 页面 20

2.1 【案例1】简单的网页 20

案例描述 20

知识引入 20

案例实现 24

2.2 【案例2】新闻页面 25

案例描述 25

知识引入 26

案例实现 30

2.3 【案例3】图文混排 32

案例描述 32

知识引入 32

案例实现 42

动手实践 45

第3 章 使用CSS 技术美化网页 46

3.1 【案例4】文字Logo 46

案例描述 46

知识引入 46

案例实现 55

3.2 【案例5】专题栏目 57

案例描述 57

知识引入 57

案例实现 62

3.3 【案例6】搜索页面 65

案例描述 65

知识引入 65

案例实现 73

动手实践 76

第4 章 CSS 盒子模型 77

4.1 【案例7】音乐盒 77

案例描述 77

知识引入 78

案例实现 85

4.2 【案例8】用户中心 88

案例描述 88

知识引入 88

案例实现 92

4.3 【案例9】咖啡店banner 94

案例描述 94

知识引入 95

案例实现 100

4.4 【案例10】图标导航栏 102

案例描述 102

知识引入 102

案例实现 108

动手实践 110

2

第5 章 列表与超链接 111

5.1 【案例11】精美电商悬浮框 111

案例描述 111

知识引入 112

案例实现 114

5.2 【案例12】二维码名片 116

案例描述 116

知识引入 116

案例实现 119

5.3 【案例13】电商团购悬浮框 122

案例描述 122

知识引入 122

案例实现 123

5.4 【案例14】唱吧导航栏 125

案例描述 125

知识引入 126

案例实现 131

动手实践 136

第6 章 HTML 表单 137

6.1 【案例15】用户登录界面 137

案例描述 137

知识引入 137

案例实现 140

6.2 【案例16】趣味选择题 142

案例描述 142

知识引入 143

案例实现 147

6.3 【案例17】空间日志 150

案例描述 150

知识引入 150

案例实现 156

6.4 【案例18】学员档案 160

案例描述 160

知识引入 161

案例实现 163

动手实践 169

第7 章 浮动与定位 170

7.1 【案例19】世界杯梦幻阵容 170

案例描述 170

知识引入 171

案例实现 174

7.2 【案例20】商品专栏 177

案例描述 177

知识引入 177

案例实现 181

7.3 【案例21】移动端电商界面 184

案例描述 184

知识引入 184

案例实现 186

7.4 【案例22】违停查询 188

案例描述 188

知识引入 189

案例实现 195

动手实践 199

第8 章 Javascript 编程基础 200

8.1 【案例23】动态获取用户密码 200

案例描述 200

知识引入 200

案例实现 204

8.2 【案例24】传智商城下拉菜单 205

案例描述 205

知识引入 205

案例实现 219

8.3 【案例25】计算器 224

案例描述 224

知识引入 225

案例实现 240

动手实践 242

3

目录

第 9 章 JavaScript 事件处理 243

9.1 【案例26】电商网站限时秒杀 243

案例描述 243

知识引入 244

案例实现 255

9.2 【案例27】Tab 栏切换效果 259

案例描述 259

知识引入 259

案例实现 268

9.3 【案例28】台球移动游戏 274

案例描述 274

知识引入 274

案例实现 279

9.4 【案例29】用户登录验证 282

案例描述 282

知识引入 283

案例实现 286

动手实践 291

第10 章 实战开发——传智播客设计学院首页面 292

10.1 准备工作 293

10.2 首页面详细制作 301

动手实践 340