HTML+CSS+JavaScript网页设计实战 视频教学版2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

HTML+CSS+JavaScript网页设计实战 视频教学版PDF格式电子书版下载

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

第1篇 HTML础知知识4

第1章 HTML入门知识4

1.1 网页与网站4

1.1.1 什么是网页与网站4

1.1.2 网页基本构成元素5

1.2 HTML的基本概念6

1.2.1 什么是HTML6

1.2.2 HTML的发展历程6

1.2.3 HTML页面的整体结构7

1.3 使用浏览器查看源文件8

1.4 大神解惑9

1.5 跟我练练手9

第2章 网页文档结构12

2.1 HTML文件基本结构12

2.2 HTML5基本标记详解12

2.2.1 文档类型说明12

2.2.2 HTML标记13

2.2.3 头标记13

2.2.4 网页的主体标记body15

2.2.5 页面注释标记16

2.3 HTML5语法的变化16

2.3.1 标记不再区分大小写17

2.3.2 允许属性值不使用引号17

2.3.3 允许部分属性值的属性省略17

2.4 网页文件的编写方法18

2.4.1 使用记事本手工编写网页18

2.4.2 使用Dreamweaver CC编写HTML文件19

2.5 符合W3C标准的HTML5网页20

2.6 大神解惑21

2.7 跟我练练手22

第3章 网页中的文本和图像24

3.1 在网页中添加文本24

3.1.1 普通文本的添加24

3.1.2 特殊字符文本的添加24

3.1.3 特殊文本的添加26

3.2 文本排版27

3.2.1 换行标记27

3.2.2 段落标记28

3.2.3 标题标记28

3.3 文字列表29

3.3.1 建立无序列表29

3.3.2 建立有序列表30

3.3.3 建立不同类型的无序列表30

3.3.4 建立不同类型的有序列表31

3.3.5 建立嵌套列表31

3.3.6 自定义列表32

3.4 网页中的图像32

3.4.1 插入图像32

3.4.2 设置图像的宽度和高度34

3.4.3 设置图像的提示文字35

3.4.4 将图片设置为网页背景36

3.4.5 排列图像36

3.5 图文并茂房屋装饰装修网页37

3.6 在线购物网站产品展示效果38

3.7 大神解惑39

3.8 跟我练练手40

第4章 建立超链接42

4.1 网页超链接的概念42

4.1.1 什么是网页超链接42

4.1.2 超链接中的URL42

4.1.3 超链接的URL类型43

4.2 建立网页超链接43

4.2.1 创建超文本链接43

4.2.2 创建图片链接44

4.2.3 创建下载链接46

4.2.4 使用相对路径和绝对路径46

4.2.5 设置以新窗口显示超链接页面47

4.2.6 设置电子邮件链接48

4.3 浮动框架49

4.4 精确定位热点区域50

4.5 使用锚链接制作电子书阅读网页54

4.6 大神解惑56

4.7 跟我练练手56

第5章 创建表格和表单58

5.1 表格的基本结构58

5.2 创建表格59

5.2.1 创建普通表格59

5.2.2 创建带有标题的表格60

5.2.3 定义表格的边框类型60

5.2.4 定义表格的表头61

5.2.5 设置表格背景61

5.2.6 设置单元格背景62

5.2.7 合并单元格63

5.2.8 排列单元格中的内容66

5.2.9 设置表格的行高与列宽66

5.3 创建完整的表格67

5.4 认识表单68

5.5 表单基本元素的使用69

5.5.1 单行文本输入框69

5.5.2 多行文本输入框70

5.5.3 密码域70

5.5.4 单选按钮71

5.5.5 复选框72

5.5.6 下拉选择框73

5.5.7 普通按钮73

5.5.8 提交按钮74

5.5.9 重置按钮75

5.6 表单高级元素的使用75

5.6.1 url属性的应用76

5.6.2 email属性的应用76

5.6.3 date和time属性的应用76

5.6.4 number属性的应用77

5.6.5 range属性的应用78

5.6.6 required属性的应用79

5.7 创建用户反馈表单79

5.8 制作商品报价单81

5.9 大神解惑83

5.10 跟我练练手84

第2篇 HTML5高级技术88

第6章 HTML5快速入门88

6.1 各大浏览器与HTML5的兼容性88

6.2 检测浏览器是否支持HTML标记88

6.3 语法变化和标记89

6.3.1 HTML5的语法变化89

6.3.2 HTML5中的标记方法89

6.3.3 版本兼容性90

6.4 新增的元素和废除的元素91

6.4.1 新增的结构元素92

6.4.2 新增的input元素类型94

6.4.3 新增的其他元素94

6.4.4 废除的元素96

6.5 新增的属性和废除的属性97

6.5.1 新增的属性97

6.5.2 废除的属性101

6.6 新增全局属性103

6.6.1 contentEditable属性103

6.6.2 designMode属性103

6.6.3 hidden属性104

6.6.4 spellcheck属性104

6.6.5 tabIndex属性104

6.7 大神解惑106

6.8 跟我练练手106

第7章 HTML5中的多媒体108

7.1 网页音频标记108

7.1.1 audio标记概述108

7.1.2 audio标记的属性108

7.1.3 音频解码器109

7.1.4 浏览器对audio标记的支持情况109

7.2 网页视频标记109

7.2.1 video标记概述109

7.2.2 video标记属性110

7.2.3 视频解码器110

7.2.4 浏览器对video标记的支持情况111

7.3 添加网页音频文件111

7.3.1 设置背景音乐111

7.3.2 设置音乐循环播放112

7.4 添加网页视频文件112

7.4.1 为网页添加视频文件112

7.4.2 设置自动运行113

7.4.3 设置视频文件的循环播放114

7.4.4 设置视频窗口的高度与宽度114

7.5 添加网页滚动文字115

7.5.1 滚动文字标记115

7.5.2 滚动方向属性116

7.5.3 滚动方式属性117

7.5.4 滚动速度属性117

7.5.5 滚动延迟属性118

7.5.6 滚动循环属性119

7.5.7 滚动范围属性119

7.5.8 滚动背景颜色属性120

7.5.9 滚动空间属性121

7.6 大神解惑122

7.7 跟我练练手122

第8章 使用HTML5绘制图形124

8.1 什么是canvas124

8.2 绘制基本形状125

8.2.1 绘制矩形125

8.2.2 绘制圆形126

8.2.3 使用moveTo与lineTo绘制直线127

8.2.4 使用bezierCurveTo绘制贝塞尔曲线128

8.3 绘制渐变图形130

8.3.1 绘制线性渐变130

8.3.2 绘制径向渐变132

8.4 绘制变形图形133

8.4.1 变换原点坐标133

8.4.2 图形缩放134

8.4.3 旋转图形135

8.5 绘制其他样式的图形136

8.5.1 图形组合136

8.5.2 绘制带阴影的图形138

8.5.3 绘制文字139

8.6 使用图像141

8.6.1 绘制图像141

8.6.2 图像平铺142

8.6.3 图像裁剪143

8.6.4 像素处理145

8.7 图形的保存与恢复147

8.7.1 保存与恢复图形状态147

8.7.2 保存文件148

8.8 绘制火柴棒人物149

8.9 绘制商标151

8.10 大神解惑153

8.11 跟我练练手154

第3篇 用CSS美化网页158

第9章 CSS概述与基本语法158

9.1 CSS概述158

9.1.1 CSS功能158

9.1.2 浏览器与CSS的兼容性158

9.1.3 CSS基础语法159

9.1.4 CSS常用单位159

9.2 编辑和浏览CSS164

9.2.1 手工编写CSS164

9.2.2 用Dreamweaver编写CSS165

9.3 在HTML中使用CSS的方法167

9.3.1 行内样式167

9.3.2 内嵌样式168

9.3.3 链接样式169

9.3.4 导入样式170

9.3.5 优先级问题171

9.4 CSS的常用选择器172

9.4.1 标记选择器173

9.4.2 类选择器173

9.4.3 ID选择器174

9.4.4 全局选择器175

9.4.5 组合选择器175

9.4.6 继承选择器176

9.4.7 伪类选择器177

9.5 选择器声明178

9.5.1 集体声明178

9.5.2 多重嵌套声明179

9.6 制作炫彩网站Logo179

9.7 制作学生信息统计表182

9.8 大神解惑183

9.9 跟我练练手184

第10章 美化网页字体与段落186

10.1 美化网页文字186

10.1.1 设置文字的字体186

10.1.2 设置文字的字号187

10.1.3 设置字体风格188

10.1.4 设置加粗字体189

10.1.5 将小写字母转换为大写字母190

10.1.6 设置字体的复合属性191

10.1.7 设置字体颜色192

10.2 设置文本的高级样式193

10.2.1 设置文本阴影效果193

10.2.2 设置文本溢出效果194

10.2.3 设置文本的控制换行195

10.2.4 保持字体尺寸不变196

10.3 美化网页中的段落197

10.3.1 设置单词之间的间隔197

10.3.2 设置字符之间的间隔198

10.3.3 设置文字的修饰效果199

10.3.4 设置垂直对齐方式200

10.3.5 转换文本的大小写202

10.3.6 设置文本的水平对齐方式203

10.3.7 设置文本的缩进效果205

10.3.8 设置文本的行高205

10.3.9 文本的空白处理206

10.3.1 0文本的反排208

10.4 设置网页标题209

10.5 制作新闻页面211

10.6 大神解惑212

10.7 跟我练练手212

第11章 美化网页图片214

11.1 图片缩放214

11.1.1 通过描述标记width和height缩放图片214

11.1.2 使用CSS中的max-width和max-height缩放图片214

11.1.3 使用CSS中的width和height缩放图片215

11.2 设置图片的对齐方式216

11.2.1 设置图片横向对齐216

11.2 2设置图片纵向对齐217

11.3 图文混排219

11.3.1 设置文字环绕效果219

11.3.2 设置图片与文字的间距220

11.4 制作学校宣传单221

11.5 制作简单图文混排网页223

11.6 大神解惑225

11.7 跟我练练手225

第12章 美化网页背景与边框228

12.1 使用CSS美化背景228

12.1.1 设置背景颜色228

12.1.2 设置背景图片229

12.1.3 背景图片重复230

12.1.4 背景图片随文档滚动231

12.1.5 背景图片位置233

12.1.6 背景图片大小234

12.1.7 背景显示区域235

12.1.8 背景图像裁剪区域237

12.1.9 背景复合属性237

12.2 使用CSS美化边框238

12.2.1 设置边框样式238

12.2.2 设置边框颜色239

12.2.3 设置边框线宽240

12.2.4 设置边框复合属性242

12.3 设置边框圆角效果242

12.3.1 设置圆角边框243

12.3.2 指定两个圆角半径243

12.3.3 绘制四个不同的圆角边框244

12.3.4 绘制不同种类的边框245

12.4 制作简单公司主页246

12.5 制作简单生活资讯主页250

12.6 大神解惑251

12.7 跟我练练手252

第13章 美化表格和表单样式254

13.1 美化表格样式254

13.1.1 设置表格边框样式254

13.1.2 设置表格边框宽度255

13.1.3 设置表格背景颜色256

13.2 美化表单样式257

13.2.1 美化表单中的元素257

13.2.2 美化提交按钮259

13.2.3 美化下拉列表框260

13.3 制作用户登录页面262

13.4 制作用户注册页面264

13.5 大神解惑266

13.6 跟我练练手266

第14章 美化超链接和鼠标指针268

14.1 美化超链接268

14.1.1 改变超链接基本样式268

14.1.2 设置带有提示信息的超链接269

14.1.3 设置超链接的背景图270

14.1.4 设置超链接的按钮效果271

14.2 美化鼠标特效272

14.2.1 控制鼠标箭头272

14.2.2 设置鼠标变幻式超链接273

14.2.3 设置网页页面滚动条274

14.3 图片版本超链接276

14.4 鼠标特效实例278

14.5 制作一个简单的导航栏280

14.6 大神解惑281

14.7 跟我练练手282

第15章 控制网页导航菜单的样式284

15.1 使用CSS美化项目列表284

15.1.1 美化无序列表284

15.1.2 美化有序列表285

15.1.3 美化自定义列表286

15.1.4 制作图片列表287

15.1.5 缩进图片列表288

15.1.6 列表复合属性289

15.2 使用CSS制作网页菜单290

15.2.1 制作无序列表的菜单290

15.2.2 制作水平样式菜单292

15.3 模拟SOSO导航栏294

15.4 将段落转变成列表297

15.5 大神解惑299

15.6 跟我练练手300

第4篇 网页布局和JavaScript304

第16章 CSS+DIV盒子的浮动与定位304

16.1 定义DIV304

16.1.1 什么是DIV304

16.1.2 创建DIV304

16.2 盒子的定位305

16.2.1 静态定位305

16.2.2 相对定位306

16.2.3 绝对定位307

16.2.4 固定定位308

16.2.5 盒子的浮动308

16.3 其他CSS布局定位方式310

16.3.1 溢出（overflow）定位310

16.3.2 隐藏（visibility）定位311

16.3.3 z-index空间定位313

16.4 多列布局314

16.4.1 设置列宽度314

16.4.2 设置列数316

16.4.3 设置列间距317

16.4.4 设置列边框样式318

16.5 定位网页布局样式320

16.6 大神解惑323

16.7 跟我练练手324

第17章 网页布局剖析与制作326

17.1 固定宽度网页剖析与布局326

17.1.1 网页单列布局模式326

17.1.2 网页1-2-1型布局模式328

17.1.3 网页1-3-1型布局模式330

17.2 自动缩放网页1-2-1型布局模式333

17.2.1 1-2-1等比例变宽布局333

17.2.2 1-2-1单列变宽布局334

17.3 自动缩放网页1-3-1型布局模式335

17.3.1 1-3-1三列宽度等比例布局335

17.3.2 1-3-1单侧列宽度固定的变宽布局335

17.3.3 1-3-1中间列宽度固定的变宽布局337

17.3.4 1-3-1双侧列宽度固定的变宽布局339

17.3.5 1-3-1中列和左侧列宽度固定的变宽布局342

17.4 分列布局背景色的使用344

17.4.1 设置固定宽度布局的列背景色344

17.4.2 设置特殊宽度变化布局的列背景色346

17.4.3 设置单列宽度变化布局的列背景色347

17.4.4 设置多列等比例宽度变化布局的列背景349

17.5 大神解惑352

17.6 跟我练练手352

第18章 JavaScript和jQuery354

18.1 认识JavaScript354

18.1.1 什么是JavaScript354

18.1.2 在HTML网页头中嵌入JavaScript代码354

18.2 JavaScript对象与函数355

18.2.1 认识对象356

18.2.2 认识函数356

18.3 JavaScript事件358

18.3.1 事件与事件处理概述358

18.3.2 JavaScript的常用事件359

18.4 认识jQuery360

18.4.1 jQuery能做什么361

18.4.2 jQuery的配置361

18.5 jQuery选择器362

18.5.1 jQuery的工厂函数362

18.5.2 常见选择器363

18.6 大神解惑364

18.7 跟我练练手365

第19章 经典的网页动态特效案例368

19.1 文字特效368

19.1.1 打字效果的文字368

19.1.2 文字升降特效370

19.1.3 跑马灯效果372

19.2 图片特效373

19.2 1 闪烁图片373

19.2.2 左右移动的图片375

19.3 网页菜单特效378

19.3.1 向上滚动菜单378

19.3.2 树形菜单379

19.4 鼠标特效384

19.4.1 鼠标的图片跟踪384

19.4.2 鼠标的文字跟踪385

19.5 时间特效387

19.5.1 时钟特效387

19.5.2 制作简单日历表392

19.6 页面特效395

19.6.1 网页自动滚屏395

19.6.2 颜色选择器398

19.7 大神解惑401

19.8 跟我练练手402

第5篇 综合案例实战406

第20章 制作企业门户类网页406

20.1 构思布局406

20.1.1 设计分析406

20.1.2 排版架构407

20.2 模块分割408

20.2.1 Logo与导航菜单408

20.2.2 左侧文本介绍410

20.2.3 右侧导航链接411

20.2.4 版权信息413

20.3 整体调整414

第21章 制作在线购物类网页416

21.1 整体布局416

21.1.1 设计分析416

21.1.2 排版架构417

21.2 模块分割417

21.2.1 Logo与导航区417

21.2.2 Banner与资讯区419

21.2.3 产品类别区域420

21.2.4 页脚区域421

第22章 制作移动设备类网页424

22.1 网站设计分析424

22.2 网站结构分析424

22.3 网站主页面的制作425

22.4 网站成品预览427