HTML+CSS+JavaScript网页制作PDF电子书下载

第1章 网页的基本结构 1

1.1 网页的基本元素 1

1.2 网页的布局结构 3

1.3 案例：创建第一个网页 4

1.3.1 HTML简介 4

1.3.2 HTML语法结构 4

1.3.3 HTML语法规范 5

1.3.4 HTML文档结构 6

1.4 实训 8

习题1 9

第2章 网页文档编辑 10

2.1 案例：网络花店服务向导页面——文字与段落排版 10

2.1.1 注释标签＜！__...__＞ 10

2.1.2 段落标签＜p＞…＜／p＞ 10

2.1.3 换行标签＜br／＞ 11

2.1.4 水平线标签＜hr／＞ 11

2.1.5 标题文字标签＜h＃＞…＜／h＃＞ 12

2.1.6 特殊符号 12

2.2 案例：网络花店购物指南页面——超链接 13

2.2.1 超链接简介 14

2.2.2 超链接的应用 15

2.3 案例：网络花店商品明细页面——图像 17

2.3.1 网页图像的格式和使用原则 18

2.3.2 图像标签＜img＞ 18

2.4 案例：网络花店客服中心页面——列表 22

2.4.1 无序列表 23

2.4.2 有序列表 24

2.4.3 定义列表 25

2.4.4 嵌套列表 25

2.5 实训：制作鲜花名片页面 26

习题2 28

第3章 网页布局与交互 29

3.1 案例：网络花店购物车信息统计——表格 29

3.1.1 表格的结构 29

3.1.2 表格的基本语法 30

3.1.3 表格修饰 31

3.1.4 不规范表格 33

3.1.5 表格数据的分组标签 35

3.2 案例：网银在线支付步骤及版权信息——分区和局部信息 38

3.2.1 〈div＞标签 38

3.2.2 〈span＞标签 39

3.2.3 span与div的区别 39

3.3 案例：网络花店会员注册页面——表单 40

3.3.1 表单的基本概念 40

3.3.2 表单的工作原理 40

3.3.3 表单标签 41

3.3.4 表单元素 41

3.4 实训：使用表格布局技术制作用户注册表单 49

习题3 52

第4章 网页表现语言——CSS 53

4.1 初识CSS 53

4.1.1 什么是CSS 53

4.1.2 CSS的优点 53

4.1.3 CSS设计与编写原则 54

4.1.4 CSS的显示环境 55

4.2 案例：网络花店简介页面——CSS的定义与使用 55

4.2.1 内联样式 56

4.2.2 内部样式表 56

4.2.3 链入外部样式表 57

4.2.4 导入外部样式表 59

4.3 CSS语法基础 61

4.3.1 构造样式规则 61

4.3.2 常用的CSS选择符 62

4.4 CSS的属性单位 70

4.4.1 长度、百分比单位 70

4.4.2 色彩单位 71

4.5 案例：网络花店相关商品局部页面——文档结构 72

4.5.1 文档结构 72

4.5.2 继承 73

4.5.3 样式表的层叠、特殊性与重要性 74

4.5.4 元素类型 77

4.6 实训：制作网络花店新闻更新局部页面 80

习题4 83

第5章 Div+CSS布局页面 84

5.1 Web标准 84

5.1.1 Web标准的概念 84

5.1.2 建立Web标准的优点 85

5.1.3 理解表现和结构相分离 85

5.2 认识Div+CSS布局 86

5.2.1 Div+CSS布局的优点 86

5.2.2 将页面用Div分块 87

5.3 案例：网络花店页面顶部的布局——盒模型 88

5.3.1 盒模型简介 88

5.3.2 外边距、边框与内边距 89

5.3.3 盒模型的宽度与高度 94

5.3.4 块级元素与行级元素宽度和高度的区别 95

5.3.5 外边距的合并 96

5.4 案例：商城登录页面的整体布局——定位与浮动 98

5.4.1 定位 99

5.4.2 浮动与清除浮动 105

5.5 典型的CSS布局样式 111

5.5.1 两列布局样式 112

5.5.2 三列布局样式 115

5.6 实训：网络花店热卖鲜花局部页面 119

习题5 124

第6章 元素外观修饰 126

6.1 案例：网络花店服务向导页面——设置文本样式 126

6.1.1 设置字体类型 127

6.1.2 设置字体大小 128

6.1.3 设置字体粗细 128

6.1.4 设置字体倾斜 129

6.1.5 设置字体修饰 130

6.1.6 设置字体颜色 131

6.1.7 设置文本对齐方式 132

6.1.8 设置首行缩进 132

6.1.9 设置首字下沉 133

6.1.10 设置行高 133

6.2 案例：玫瑰花简介页面——设置图像与背景样式 136

6.2.1 设置图像样式 137

6.2.2 设置背景样式 139

6.3 案例：畅销鲜花排行榜页面——设置表格样式 145

6.3.1 设置表格边框合并 146

6.3.2 设置单元格间距 146

6.3.3 设置表格标题位置 147

6.3.4 设置是否显示单元格边框 148

6.4 案例：网络花店联系我们表单——设置表单样式 150

6.5 实训：网络花店环保社区页面 155

习题6 163

第7章 链接与导航设计 165

7.1 案例：网络花店友情链接局部页面——设置链接样式 165

7.1.1 设置文字链接 165

7.1.2 设置图文链接 168

7.2 案例：网络花店鲜花展示页面——设置列表样式 171

7.2.1 表格布局与列表布局的对比 171

7.2.2 设置列表类型 172

7.2.3 设置列表项图片符号 175

7.2.4 设置列表项位置 176

7.3 案例：网络花店鲜花分类导航菜单——设置纵向导航菜单 181

7.3.1 普通的链接导航菜单 181

7.3.2 纵向列表导航菜单 183

7.4 案例：网络花店主导航菜单——设置横向导航菜单 188

7.5 实训：网络花店商务安全中心页面 192

习题7 201

第8章 使用JavaScript制作网页特效 203

8.1 JavaScript概述 203

8.2 在网页中调用JavaScript 203

8.2.1 直接加入HTML文档 203

8.2.2 引用脚本文件 205

8.2.3 在HTML标签内添加脚本 205

8.3 案例：循环滚动的图文字幕——制作网页特效 206

8.4 案例：网站后台管理菜单——制作二级纵向列表导航菜单 210

8.5 实训：制作Flash幻灯片广告 213

习题8 215

第9章 网络花店前台页面 217

9.1 网站的开发流程 217

9.1.1 需求分析 217

9.1.2 站点规划 217

9.1.3 网站制作 219

9.1.4 测试发布 219

9.2 使用Dreamweaver创建站点 219

9.2.1 Dreamweaver基本工作界面 219

9.2.2 创建站点与目录结构 220

9.3 案例：制作网络花店首页 221

9.4 案例：制作商品展示页面 236

9.5 案例：制作商品详细信息页面 239

9.6 案例：制作查看购物车页面 243

习题9 246

第10章 网络花店后台管理页面 248

10.1 案例：制作网络花店后台管理登录页面 248

10.2 案例：制作商品查询页面 252

10.3 案例：制作商品添加页面 262

10.4 案例：制作商品修改页面 267

10.5 页面的整合 270

习题10 271

参考文献 273