普通高等教育“十三五”规划教材 网站前端技术案例教程 HTML+CSS+JavaScriptPDF电子书下载

第一章 网页制作基础知识 1

1.1 网站建设基本概念 1

1.1.1 名词解释 1

1.1.2 Web标准概述 3

1.2 网页制作入门 4

1.2.1 HTML简介 4

1.2.2 CSS简介 5

1.2.3 JavaScript简介 5

1.3 案例1：欢迎来到黄姚古镇 5

1.3.1 常用编辑工具对比 5

1.3.2 使用Dreamweaver编辑网页 7

第二章 建设基本HTML页面 11

2.1 案例2：黄姚古镇简介 11

2.1.1 案例描述 11

2.1.2 相关知识 12

2.1.3 实现过程 17

2.2 案例3：黄姚古镇简介引文注释 18

2.2.1 案例描述 18

2.2.2 相关知识 19

2.2.3 实现过程 21

2.3 案例4：醉黄姚——图文黄姚简介 22

2.3.1 案例描述 22

2.3.2 相关知识 22

2.3.3 实现过程 28

2.4 案例综合练习 29

第三章 使用CSS技术美化网页 31

3.1 案例5：黄姚古镇多彩标题 31

3.1.1 案例描述 31

3.1.2 相关知识 31

3.1.3 实现过程 42

3.2 案例6：黄姚旅游信息新闻 43

3.2.1 案例描述 43

3.2.2 相关知识 43

3.2.3 实现过程 49

3.3 案例7：黄姚古镇美食推荐 50

3.3.1 案例描述 50

3.3.2 相关知识 51

3.3.3 实现过程 55

3.4 案例综合练习 56

第四章 CSS盒子模型 58

4.1 案例8：黄姚风景图文欣赏 58

4.1.1 案例描述 58

4.1.2 相关知识 59

4.1.3 实现过程 65

4.2 案例9：黄姚最受欢迎的土特产推介 67

4.2.1 案例描述 67

4.2.2 相关知识 68

4.2.3 实现过程 72

4.3 案例10：黄姚风景明信片 74

4.3.1 案例描述 74

4.3.2 相关知识 74

4.3.3 实现过程 79

4.4 案例综合练习 81

第五章 CSS的定位布局 84

5.1 案例11：友情链接 84

5.1.1 案例描述 84

5.1.2 相关知识 84

5.1.3 实现过程 90

5.2 案例12：黄姚门票网络票面 91

5.2.1 案例描述 91

5.2.2 相关知识 92

5.2.3 实现过程 98

5.3 案例13：首页的广告、宣传区 100

5.3.1 案例描述 100

5.3.2 相关知识 100

5.3.3 实现过程 106

5.4 案例14：首页的布局定位 108

5.4.1 案例描述 108

5.4.2 相关知识 109

5.4.3 实现过程 113

5.5 案例综合练习 116

第六章 列表与超链接 117

6.1 案例15：新闻页面列表 117

6.1.1 案例描述 117

6.1.2 相关知识 117

6.1.3 实现过程 121

6.2 案例16：黄姚微信二维码名片 124

6.2.1 案例描述 124

6.2.2 相关知识 124

6.2.3 实现过程 126

6.3 案例17：旅游产品推荐 128

6.3.1 案例描述 128

6.3.2 相关知识 129

6.3.3 实现过程 135

6.4 案例18：首页旅游攻略导航 137

6.4.1 案例描述 137

6.4.2 相关知识 137

6.4.3 实现过程 142

6.5 案例综合练习 144

第七章 表格与表单 145

7.1 案例19：黄姚土特产销售表 145

7.1.1 案例描述 145

7.1.2 相关知识 145

7.1.3 实现过程 154

7.2 案例20：注册界面 157

7.2.1 案例描述 157

7.2.2 相关知识 158

7.2.3 实现过程 167

7.3 案例综合练习 170

第八章 CSS3基础应用 171

8.1 案例21：黄姚风景照片墙 171

8.1.1 案例描述 171

8.1.2 相关知识 171

8.1.3 实现过程 182

8.2 案例22：动态导航效果 186

8.2.1 案例描述 186

8.2.2 相关知识 186

8.2.3 实现过程 195

第九章 JavaScript基础 201

9.1 案例23：与网页对话 201

9.1.1 案例描述 201

9.1.2 相关知识 201

9.1.3 实现过程 204

9.2 案例24：控制字体大小 206

9.2.1 案例描述 206

9.2.2 相关知识 206

9.2.3 实现过程 214

9.3 案例25：商品详情提示 215

9.3.1 案例描述 215

9.3.2 相关知识 216

9.3.3 实现过程 221

9.4 案例26：照片集 223

9.4.1 案例描述 223

9.4.2 相关知识 223

9.4.3 实现过程 229

9.5 案例27：选项卡 233

9.5.1 案例描述 233

9.5.2 相关知识 233

9.5.3 实现过程 237

9.6 案例综合练习 241

第十章 JavaScript核心对象 242

10.1 案例28：秒杀商品 242

10.1.1 案例描述 242

10.1.2 相关知识 243

10.1.3 实现过程 250

10.2 案例29：抽取幸运观众 253

10.2.1 案例描述 253

10.2.2 相关知识 254

10.2.3 实现过程 257

10.3 案例30：文章的展开与收缩 259

10.3.1 案例描述 259

10.3.2 相关知识 260

10.3.3 实现过程 263

10.4 案例综合练习 265

第十一章 事件处理 267

11.1 案例31：旅游商品展示 267

11.1.1 案例描述 267

11.1.2 相关知识 268

11.1.3 实现过程 272

11.2 案例32：追随鼠标的公告框 274

11.2.1 案例描述 274

11.2.2 相关知识 274

11.2.3 实现过程 278

11.3 案例综合练习 279

第十二章 综合案例 280

12.1 网站开发流程 280

12.2 “黄姚古镇旅游网”网站开发 281

12.2.1 准备工作 282

12.2.2 网站公共部分模板开发 287

12.2.3 网站主要页面开发 290

12.3 网站发布 298

参考文献 301