《网页设计与制作教程 HTML+CSS+JavaScript 第2版》PDF下载

  • 购买积分:11 如何计算积分?
  • 作  者:刘瑞新,张兵义主编
  • 出 版 社:北京:机械工业出版社
  • 出版年份:2017
  • ISBN:9787111580355
  • 页数:296 页
图书介绍:本书面向网页制作的读者,采用全新流行的Web标准,以HTML技术为基础,由浅入深、完整详细地介绍了HTML、CSS及JavaScript网页制作内容。本书把介绍知识与实例制作融于一体,以光影世界网站(包括主页、栏目页、内容页、后台管理等页面)作为案例讲解,配以家具商城网站的实训练习,两条主线互相结合、相辅相成,自始至终贯穿于本书的主题之中。本书采用案例驱动的教学方法,以案例为引导,结构上采用点面结合,引导读者学习网页制作、设计、规划的基本知识以及项目开发、测试的完整流程。本书适合作为高等学校、职业院校计算机及相关专业或培训班的网站开发与网页制作教材,也可作为网页制作爱好者与网站开发维护人员的学习参考书。

第1章 网页设计与制作基础 1

1.1 网页与网站的概念 1

1.2 Web标准 1

1.2.1 Web标准的概念 1

1.2.2 建立Web标准的优点 2

1.2.3 理解表现和结构相分离 3

1.3 HTML语法基础 3

1.3.1 HTML简介 4

1.3.2 HTML语法结构 4

1.3.3 HTML语法规范 5

1.3.4 HTML文档结构 5

1.4 网页结构 6

1.5 创建HTML文档 8

1.6 页面摘要信息 9

1.6.1 <title>标签 9

1.6.2 <meta>标签 10

1.6.3 案例——制作光影世界页面摘要信息 10

1.7 注释和特殊符号 11

1.7.1 注释 11

1.7.2 特殊符号 11

1.8 课堂综合实训——制作家具商城页面的版权信息 12

习题 12

第2章 编辑网页元素 13

2.1 文字与段落排版 13

2.1.1 标题标签<h≠>…</h#> 13

2.1.2 段落标签<p>…</p> 13

2.1.3 换行标签<br/> 14

2.1.4 水平线标签<hr/> 15

2.1.5 案例——制作光影世界关于我们页面 16

2.2 列表 17

2.2.1 无序列表 17

2.2.2 有序列表 18

2.2.3 定义列表 19

2.2.4 嵌套列表 20

2.3 超链接 21

2.3.1 超链接的基本概念 21

2.3.2 超链接的应用 22

2.3.3 案例——制作光影世界服务向导页面 26

2.4 图像 27

2.4.1 Web中常用的图像格式及使用要点 27

2.4.2 图像标签<img> 28

2.4.3 图文混排 31

2.5 <div>标签 32

2.6 <span>标签 32

2.6.1 基本语法 32

2.6.2 span与div的区别 32

2.6.3 制作客照展示上传文件步骤及版权信息 33

2.7 课堂综合实训——制作家具商城简介页面 34

习题 34

第3章 网页布局与交互 36

3.1 表格 36

3.1.1 表格的结构 36

3.1.2 表格的基本语法 36

3.1.3 表格修饰 38

3.1.4 不规范表格 40

3.1.5 表格数据的分组标签 43

3.1.6 使用表格实现页面局部布局 44

3.2 表单 46

3.2.1 表单的工作机制 46

3.2.2 表单标签 46

3.2.3 表单元素 46

3.2.4 案例——制作光影世界会员注册表单 54

3.2.5 使用表格布局表单 56

3.3 课堂综合实训——制作家具商城客服中心表单 59

习题 60

第4章 CSS样式基础 62

4.1 初识CSS 62

4.1.1 CSS标准 62

4.1.2 CSS的发展历史 62

4.1.3 CSS代码规范 63

4.1.4 CSS的工作环境 64

4.2 HTML与CSS 64

4.2.1 传统HTML的缺点 65

4.2.2 CSS的优点 65

4.2.3 CSS的局限性 66

4.3 CSS的定义与使用 66

4.3.1 行内样式 66

4.3.2 内部样式表 67

4.3.3 链入外部样式表 68

4.3.4 导入外部样式表 69

4.3.5 案例——制作光影世界服务简介页面 70

4.4 CSS语法基础 72

4.4.1 CSS样式规则 73

4.4.2 基本选择符 74

4.4.3 复合选择符 76

4.4.4 通用选择符 78

4.4.5 属性选择符 80

4.4.6 特殊选择符 83

4.5 CSS的属性单位 85

4.5.1 长度、百分比单位 85

4.5.2 色彩单位 86

4.6 文档结构 87

4.6.1 文档结构的基本概念 87

4.6.2 继承 88

4.6.3 样式表的层叠、特殊性与重要性 89

4.6.4 元素类型 92

4.6.5 案例——制作光影世界作品欣赏明细页面 92

4.7 课堂综合实训——使用CSS制作家具商城简介页面 96

习题 98

第5章 CSS盒模型 100

5.1 盒模型简介 100

5.2 边框、外边距与内边距 101

5.2.1 边框 101

5.2.2 外边距 104

5.2.3 内边距 108

5.3 盒模型的宽度与高度 109

5.4 块级元素与行级元素宽度和高度的区别 109

5.5 盒子的margin叠加问题 110

5.5.1 行级元素之间的水平margin叠加 111

5.5.2 块级元素之间的垂直margin叠加 111

5.6 盒模型综合案例——制作光影世界高端外景局部页面 113

5.7 盒子的定位 117

5.7.1 定位属性 117

5.7.2 定位方式 119

5.8 浮动与清除浮动 123

5.8.1 浮动 123

5.8.2 清除浮动 127

5.9 课堂综合实训——家具商城登录页面整体布局 128

习题 130

第6章 Div+CSS布局页面 131

6.1 Div+CSS布局技术简介 131

6.1.1 Div+CSS布局的优点 131

6.1.2 使用嵌套的Div实现页面排版 131

6.2 典型的CSS布局样式 132

6.2.1 两列布局样式 133

6.2.2 三列布局样式 136

6.3 综合案例——制作光影世界最近活动局部页面 140

6.3.1 页面布局规划 140

6.3.2 页面的制作过程 140

6.4 课堂综合实训——制作家具商城产品明细局部页面 144

6.4.1 页面布局规划 145

6.4.2 页面的制作过程 145

习题 149

第7章 使用CSS修饰网页元素 150

7.1 文本控制 150

7.1.1 设置字体的类别 150

7.1.2 设置字体的尺寸 151

7.1.3 设置字体的粗细 152

7.1.4 设置字体的倾斜 153

7.1.5 设置文字的颜色 153

7.1.6 设置文字的背景颜色 154

7.1.7 设置文本的修饰 155

7.2 段落控制 156

7.2.1 设置文字的对齐方式 156

7.2.2 设置段落的首行缩进 157

7.2.3 设置首字下沉 157

7.2.4 设置行高 158

7.2.5 设置字符间距 159

7.2.6 设置文字的截断 159

7.3 设置图像样式 160

7.3.1 设置图像边框 161

7.3.2 设置图像缩放 162

7.3.3 设置背景图像 163

7.3.4 设置背景重复 163

7.3.5 设置背景图像定位 164

7.4 设置表格样式 166

7.4.1 常用的CSS表格属性 167

7.4.2 案例——使用隔行换色表格制作畅销活动排行榜 170

7.5 设置表单样式 172

7.5.1 使用CSS美化常用的表单元素 172

7.5.2 案例——制作光影世界联系我们表单 176

7.6 综合案例——制作光影世界网络融资平台页面 178

7.6.1 页面布局规划 178

7.6.2 页面的制作过程 179

7.7 课堂综合实训——制作家具商城会员注册页面 184

习题 189

第8章 使用CSS修饰链接与列表 190

8.1 制作超链接特效 190

8.1.1 动态超链接 190

8.1.2 浮雕背景超链接 191

8.1.3 按钮式超链接 192

8.2 修饰列表 194

8.2.1 表格布局的缺点 194

8.2.2 列表布局的优势 195

8.2.3 CSS列表属性 195

8.3 综合案例——制作光影世界风景图文列表 200

8.4 课堂综合实训——制作家具商城友情链接局部页面 204

习题 206

第9章 使用CSS制作导航菜单 207

9.1 垂直导航菜单 207

9.1.1 普通的垂直链接导航菜单 207

9.1.2 纵向列表垂直导航菜单 211

9.2 水平导航菜单 215

9.3 综合案例——使用CSS美化和布局页面 218

9.3.1 页面布局规划 218

9.3.2 页面的制作过程 219

9.4 课堂综合实训——制作家具商城关于页面 226

习题 233

第10章 网页行为语言——JavaScript 234

10.1 JavaScript简介 234

10.2 在网页中插入JavaScript 234

10.3 JavaScript交互基本方法 235

10.3.1 信息对话框 235

10.3.2 选择对话框 236

10.3.3 提示对话框 238

10.4 制作网页特效 238

10.4.1 幻灯片切换广告 238

10.4.2 制作网页Tab选项卡切换效果 241

10.4.3 循环滚动的图文字幕 244

10.5 课堂综合实训——制作家具商城家具展示页面 245

习题 248

第11章 光影世界前台页面 249

11.1 网站的开发流程 249

11.1.1 规划站点 249

11.1.2 网站制作 250

11.1.3 测试网站 251

11.1.4 发布站点 251

11.2 设计首页布局 251

11.2.1 创建站点目录 251

11.2.2 页面布局规划 252

11.3 首页的制作 252

11.4 制作作品欣赏列表页 267

11.5 制作新闻动态列表页 269

11.6 制作新闻明细页 273

习题 275

第12章 光影世界后台管理页面 276

12.1 制作后台管理登录页面 276

12.2 制作查询新闻页面 280

12.3 制作添加新闻页面 290

12.4 制作修改新闻页面 295

12.5 网站的整合 295

习题 296