网页设计与制作教程 HTML+CSS+JavaScript 第2版【2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载】

网页设计与制作教程 HTML+CSS+JavaScript 第2版PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第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 初识CSS62

4.1.1 CSS标准62

4.1.2 CSS的发展历史62

4.1.3 CSS代码规范63

4.1.4 CSS的工作环境64

4.2 HTML与CSS64

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章 网页行为语言——JavaScript234

10.1 JavaScript简介234

10.2 在网页中插入JavaScript234

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