网页设计与制作 HTML5+CSS3+JavaScriptPDF|Epub|txt|kindle电子书版本网盘下载

网页设计与制作 HTML5+CSS3+JavaScriptPDF格式电子书版下载

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

第1章 网页和网站概述1

1.1 网页和网站简介1

1.1.1 网页和网站基本概念1

1.1.2 网页基本构成要素2

1.1.3 网站页面构成4

1.1.4 网站类型5

1.1.5 浏览器概述7

1.2 网站制作流程10

1.3 网页设计原则14

1.4 网页设计规范16

1.4.1 配色原则16

1.4.2 设计尺寸规范19

1.4.3 字体规范20

1.4.4 命名规范20

习题20

第2章 使用网页制作工具22

2.1 初识Dreamweaver工具22

2.2 界面介绍23

2.3 软件初始化设置27

2.4 Dreamweaver工具的基本操作29

2.5 创建站点31

2.5.1 认识站点32

2.5.2 建立站点32

2.5.3 管理站点33

2.6 创建模板34

2.6.1 认识模板35

2.6.2 创建模板35

2.6.3 编辑模板37

2.6.4 管理模板37

习题39

第3章 运用HTML5搭建网页结构40

3.1 HTML和HTML540

3.1.1 认识HTML和HTML540

3.1.2 认识标签41

3.1.3 文档基本格式42

3.1.4 标签属性43

3.1.5 HTML5文档头部相关标签44

3.2 文本控制标签46

3.2.1 标题和段落标签46

3.2.2 文本样式标签49

3.2.3 文本格式化标签50

3.2.4 特殊字符标签51

3.3 图像标签51

3.3.1 常用图像格式52

3.3.2 图像标签＜img /＞52

3.3.3 绝对路径和相对路径56

3.4 认识HTML5新标签57

习题58

第4章 运用CSS3设置网页样式59

4.1 认识CSS和CSS359

4.2 CSS核心基础60

4.2.1 CSS样式规则60

4.2.2 引入CSS样式表62

4.2.3 CSS基础选择器66

4.3 CSS文本样式71

4.3.1 字体样式属性71

4.3.2 文本外观属性74

4.4 CSS高级属性80

4.4.1 CSS层叠性和继承性80

4.4.2 CSS优先级82

4.5 CSS3新增选择器85

习题87

第5章 运用盒子模型划分网页模块88

5.1 盒子模型概述88

5.1.1 认识盒子模型88

5.1.2 ＜div＞标签89

5.1.3 盒子的宽与高90

5.2 盒子模型相关属性91

5.2.1 边框属性91

5.2.2 内边距属性98

5.2.3 外边距属性99

5.2.4 box-shadow属性101

5.2.5 box-sizing属性102

5.2.6 背景属性104

5.3 元素类型与转换112

5.3.1 元素的类型112

5.3.2 ＜span＞标签113

5.3.3 元素的转换115

5.4 块元素垂直外边距的合并115

5.4.1 相邻块元素垂直外边距的合并115

5.4.2 嵌套块元素垂直外边距的合并116

习题117

第6章 为网页添加列表和超链接119

6.1 列表标签119

6.1.1 无序列表＜ul＞119

6.1.2 有序列表＜ol＞121

6.1.3 定义列表＜dl＞122

6.2 CSS控制列表样式123

6.2.1 list-style-type属性123

6.2.2 list-style-image属性125

6.2.3 list-style-position属性125

6.2.4 list-style属性127

6.3 超链接标签128

6.3.1 创建超链接128

6.3.2 锚点链接130

6.4 链接伪类控制超链接131

习题133

第7章 为网页添加表格和表单134

7.1 表格标签134

7.1.1 创建表格134

7.1.2 ＜table＞标签的属性136

7.1.3 ＜tr＞标签的属性139

7.1.4 ＜td＞标签的属性141

7.1.5 ＜th＞标签143

7.2 CSS控制表格样式143

7.2.1 CSS控制表格边框143

7.2.2 CSS控制单元格边距145

7.2.3 CSS控制单元格宽高147

7.3 认识表单148

7.3.1 表单的构成148

7.3.2 创建表单148

7.3.3 表单属性149

7.4 表单控件150

7.4.1 input控件150

7.4.2 ＜input /＞标签的pe属性151

7.4.3 ＜input /＞标签的其他属性156

7.4.4 textarea控件159

7.4.5 select控件160

7.4.6 datalist控件162

7.5 CSS控制表单样式162

习题164

第8章 运用浮动和定位布局网页166

8.1 布局概述166

8.2 布局常用属性167

8.2.1 标签的浮动属性167

8.2.2 标签的定位属性175

8.3 布局其他属性180

8.3.1 overflow属性180

8.3.2 Z-index标签层叠182

8.4 布局类型182

8.4.1 单列布局182

8.4.2 两列布局184

8.4.3 三列布局185

8.5 网页模块命名规范189

习题190

第9章 全新的网页视听技术191

9.1 音频、视频嵌入技术191

9.1.1 传统音频、视频嵌入方式191

9.1.2 使用＜video＞嵌入视频192

9.1.3 使用＜audio＞嵌入音频193

9.1.4 浏览器对音视频文件的兼容性194

9.1.5 控制视频的宽高196

9.2 过渡198

9.2.1 transition-proper属性198

9.2.2 transition-duration属性200

9.2.3 transition-timing-function属性200

9.2.4 transition-delay属性201

9.2.5 transition属性202

9.3 变形202

9.3.1 2D变形202

9.3.2 3D变形207

9.4 动画212

9.4.1 @keyframes212

9.4.2 animation-name属性213

9.4.3 animation-duration属性213

9.4.4 animation-timing-function属性214

9.4.5 animation-delay属性214

9.4.6 animation-iteration-count属性215

9.4.7 animation-direction属性215

9.4.8 animation属性216

习题217

第10章 CSS应用技巧218

10.1 CSS精灵技术218

10.1.1 认识CSS精灵218

10.1.2 应用CSS精灵219

10.2 CSS滑动门技术222

10.2.1 认识滑动门222

10.2.2 使用滑动门制作导航条223

10.3 margin设置负值技巧226

10.3.1 margin负值基本应用226

10.3.2 利用margin负值制作压线效果228

习题231

第11章 JavaScript基础知识232

11.1 初识JavaScript232

11.1.1 JavaScript简介234

11.1.2 JavaScript语法规则235

11.1.3 JavaScript引入方式237

11.1.4 JavaScript常用输出语句238

11.1.5 简单JavaScript页面238

11.2 JavaScript基础入门240

11.2.1 数据类型240

11.2.2 数据基本操作241

11.2.3 常见的流程控制语句243

11.2.4 函数247

11.2.5 对象249

11.2.6 事件和事件调用254

11.2.7 常见的JavaScript事件255

11.3 网页中常见的JavaScript特效256

11.3.1 验证码256

11.3.2 焦点图轮播258

习题262

第12章 测试和发布网站264

12.1 网站测试264

12.2 网站发布265

12.2.1 域名265

12.2.2 服务器空间269

12.2.3 网站的上传270

习题276

第13章 综合项目实战：摄影·开课吧277

13.1 网页设计规划277

13.1.1 确定网站主题277

13.1.2 规划网站结构278

13.1.3 收集素材278

13.1.4 设计网页效果图279

13.2 使用Dreamweaver工具建立站点281

13.3 切图282

13.4 搭建首页283

13.4.1 效果图分析284

13.4.2 首页制作285

13.5 制作模板298

13.5.1 建立模板的步骤298

13.5.2 引用模板302

13.6 使用模板搭建网页302

13.6.1 搭建注册页302

13.6.2 搭建个人中心页面305

13.6.3 搭建视频播放页309

13.7 测试和上传314