网站规划与网页设计 第4版PDF电子书下载

第1章 Web基础 1

1.1 Web简介 1

1.1.1 WWW和浏览器的基本概念 1

1.1.2 URL 2

1.1.3 超文本 3

1.1.4 HTML 3

1.1.5 HTTP 3

1.1.6 搜索引擎 4

1.2 网站、网页和主页 4

1.3 Web标准 5

1.3.1 什么是Web标准 5

1.3.2 建立Web标准的优点 6

1.3.3 理解表现和结构相分离 6

习题1 7

第2章 网站规划与网页设计 8

2.1 网站的开发流程 8

2.1.1 规划网站 8

2.1.2 网站制作 9

2.1.3 测试网站 9

2.1.4 发布网站 10

2.2 网站内容的设计 10

2.2.1 设计网站的栏目 10

2.2.2 设计网站的版块 11

2.2.3 设计网站的链接结构 11

2.3 网页的基本元素 12

2.4 网页布局结构 14

2.5 网页版面设计 14

2.5.1 版面尺寸规范化 14

2.5.2 版面编排原则 15

2.5.3 网页排版布局的一般步骤 15

2.5.4 版面典型风格 16

2.5.5 设计误区 17

2.6 网页色彩搭配 17

2.6.1 色彩的特征 18

2.6.2 色彩搭配 18

2.7 常见的网页编辑工具 19

2.8 认识HTML5＋CSS3＋JavaScript技术组合 20

2.8.1 HTML5简介 20

2.8.2 CSS3简介 21

2.8.3 JavaScript简介 22

2.9 创建第一个网页 22

习题2 25

第3章 构建HTML5网页结构 26

3.1 HTML5的基本结构 26

3.1.1 HTML5语法结构 26

3.1.2 HTML5编写规范 27

3.1.3 HTML5文档结构 27

3.1.4 网页头部标签 28

3.1.5 案例——制作美家装饰产品简介页面 30

3.2 段落与文本排版 31

3.2.1 注释标签 31

3.2.2 段落标签 31

3.2.3 换行标签 32

3.2.4 标题标签 32

3.2.5 字体标签 33

3.2.6 缩排标签 34

3.2.7 水平线标签 34

3.2.8 特殊符号 35

3.2.9 案例——制作美家装饰服务指南页面 35

3.3 图像 36

3.3.1 网页图像文件的格式及使用要点 36

3.3.2 图像标签 37

3.3.3 设置网页背景图像 39

3.3.4 图文混排 39

3.3.5 案例——制作美家装饰公司图文简介页面 40

3.4 超链接 41

3.4.1 超链接概述 41

3.4.2 超链接的应用 42

3.4.3 案例——制作美家装饰下载专区页面 44

3.5 列表 46

3.5.1 无序列表 46

3.5.2 有序列表 47

3.5.3 定义列表 47

3.5.4 嵌套列表 48

3.5.5 案例——制作美家装饰公司名片页面 49

3.6 ＜div＞标签 50

3.7 ＜span＞标签 51

3.7.1 基本语法 51

3.7.2 ＜span＞与＜div＞标签的区别 51

3.7.3 使用＜div＞标签和＜span＞标签布局网页内容 51

3.8 使用结构元素构建网页布局 52

习题3 56

第4章 HTML5页面的布局与交互 58

4.1 表格 58

4.1.1 表格的结构 58

4.1.2 表格的基本语法 58

4.1.3 表格的属性 59

4.1.4 跨行跨列表格 61

4.1.5 表格数据的分组 63

4.1.6 案例——使用表格布局美家装饰产品展示页面 64

4.2 表单 65

4.2.1 表单的基本概念 65

4.2.2 表单标签 66

4.2.3 表单元素 66

4.2.4 案例——制作美家装饰会员注册表单 69

4.2.5 使用表格布局表单 71

习题4 73

第5章 CSS3入门 74

5.1 CSS3概述 74

5.1.1 CSS3的特点 74

5.1.2 CSS3的编写规范 75

5.1.3 CSS3的工作环境 76

5.1.4 CSS3的优势与局限性 77

5.2 CSS3语法规则 78

5.2.1 CSS3样式规则 78

5.2.2 基本选择符 79

5.2.3 复合选择符 81

5.2.4 通配符选择符 83

5.2.5 属性选择符 84

5.2.6 特殊选择符 87

5.3 CSS3的属性单位 89

5.3.1 长度、百分比单位 89

5.3.2 颜色单位 90

5.4 CSS3的引用方法 90

5.4.1 行内样式 91

5.4.2 内部样式表 91

5.4.3 链入外部样式表 92

5.4.4 导入外部样式表 93

5.4.5 案例——制作美家装饰业务简介页面 94

5.5 文档结构 96

5.5.1 文档结构的基本概念 96

5.5.2 继承 97

5.5.3 样式表的层叠、特殊性与重要性 98

5.5.4 元素类型 101

5.5.5 案例——制作美家装饰新闻更新局部页面 101

习题5 104

第6章 盒模型 106

6.1 盒模型简介 106

6.2 盒模型的属性 107

6.2.1 边框 107

6.2.2 外边距 110

6.2.3 内边距 112

6.2.4 案例——盒模型的演示 112

6.3 盒模型的大小 114

6.3.1 盒模型的宽度与高度 114

6.3.2 块级元素与行级元素宽度和高度的区别 114

6.4 盒子的margin合并问题 115

6.4.1 行级元素之间的水平 margin合并 115

6.4.2 块级元素之间的垂直margin合并 116

6.5 盒模型综合案例——美家装饰页面顶部内容 118

6.6 盒子的定位 120

6.6.1 定位属性 120

6.6.2 定位方式 122

6.7 浮动与清除浮动 126

6.7.1 浮动 126

6.7.2 清除浮动 130

6.8 综合案例——美家装饰营销模式页面 131

6.8.1 页面布局规划 131

6.8.2 页面的制作过程 132

习题6 135

第7章 CSS3格式化排版 137

7.1 设置字体样式 137

7.1.1 字体类型 137

7.1.2 字体大小 137

7.1.3 字体粗细 138

7.1.4 字体倾斜 138

7.1.5 设置字体样式综合案例 138

7.2 设置文本样式 139

7.2.1 文本水平对齐方式 140

7.2.2 行高 140

7.2.3 文本的修饰 140

7.2.4 段落首行缩进 140

7.2.5 首字下沉 140

7.2.6 文本的截断 141

7.2.7 文本换行 141

7.2.8 文本的颜色 142

7.2.9 文本的背景颜色 142

7.2.10 设置文本样式综合案例 142

7.3 设置图像样式 144

7.3.1 图像缩放 144

7.3.2 图像边框 145

7.3.3 背景图像 146

7.3.4 背景重复 147

7.3.5 背景图像定位 148

7.3.6 背景图像大小 149

7.4 综合案例——制作美家装饰购物乐园页面 150

7.4.1 页面布局规划 150

7.4.2 页面的制作过程 151

习题7 153

第8章 使用CSS3美化表格与表单 155

8.1 美化表格 155

8.1.1 常用的CSS3表格属性 155

8.1.2 案例——制作斑马线表格 158

8.2 美化表单 160

8.2.1 使用CSS3修饰常用的表单元素 160

8.2.2 案例——制作美家装饰会员注册页面 164

习题8 168

第9章 使用CSS3设置链接与导航 170

9.1 使用CSS3设置链接 170

9.1.1 设置文字链接的外观 170

9.1.2 背景链接 173

9.1.3 按钮式链接 174

9.2 使用CSS3设置列表 175

9.2.1 表格布局的局限性 175

9.2.2 列表布局的优势 176

9.2.3 CSS3列表属性 176

9.2.4 图文信息列表 181

9.3 创建导航菜单 185

9.3.1 普通的超链接导航菜单 185

9.3.2 纵向列表模式的导航菜单 186

9.3.3 横向列表模式的导航菜单 190

9.4 综合案例——制作美家装饰博客页面 194

9.4.1 页面布局规划 194

9.4.2 页面的制作过程 195

习题9 203

第10章 Div＋CSS布局技术 205

10.1 Div＋CSS布局技术简介 205

10.1.1 什么是Div＋CSS布局 205

10.1.2 正确理解Web标准 205

10.1.3 Div分块页面 206

10.2 常见的CSS布局样式 207

10.2.1 两列布局样式 207

10.2.2 三列布局样式 211

10.3 综合案例——制作美家装饰绿色环保页面 214

10.3.1 页面布局规划 214

10.3.2 页面的制作过程 215

10.4 综合案例——制作美家装饰网络营销页面 222

10.4.1 页面布局规划 222

10.4.2 页面的制作过程 223

习题10 229

第11章 网页行为语言——JavaScript 232

11.1 JavaScript简介 232

11.2 在网页中插入JavaScript的方法 232

11.3 JavaScript的交互方法 233

11.3.1 基本的对话框交互 233

11.3.2 表单对象的交互 236

11.4 制作网页特效 240

11.4.1 制作网页Tab选项卡切换效果 240

11.4.2 循环滚动的图文字幕 244

11.4.3 制作轮播广告 247

习题11 249

第12章 美家装饰前台页面 251

12.1 网站的组织结构 251

12.1.1 前台页面的组成 251

12.1.2 后台管理页面的组成 251

12.1.3 主要制作页面简介 252

12.2 设计首页布局 252

12.2.1 创建站点目录 252

12.2.2 页面布局规划 253

12.3 制作首页 253

12.4 制作产品管理页 263

12.5 制作产品明细页 265

12.6 制作新闻列表页 272

习题12 275

第13章 美家装饰后台管理页面 277

13.1 制作后台管理登录页 277

13.2 制作查询商品页 281

13.3 制作添加商品页 291

13.4 制作修改商品页 295

13.5 网站的整合 298

习题13 299

参考文献 300