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

HTML+CSS+JavaScript网页设计与布局实用教程 第2版PDF格式电子书版下载

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

第1章 网页标记语言HTML入门基础1

1.1 HTML概述1

1.2 HTML文件的构成2

1.2.1 HTML文件结构2

1.2.2 编写HTML文件的注意事项3

1.3 怎样编写HTML文件4

1.3.1 使用记事本文件编写页面4

1.3.2 使用Dreamweaver编写HTML页面5

1.4 网页设计与开发的过程6

1.4.1 明确网站定位6

1.4.2 收集信息和素材7

1.4.3 规划栏目结构7

1.4.4 设计页面方案8

1.4.5 制作页面9

1.4.6 实现后台功能10

1.4.7 网站的测试与发布11

1.5 本章小结11

1.6 练习题12

第2章 HTML网页文档的结构13

2.1 HTML文档主体标记13

2.1.1 bgcolor属性13

2.1.2 background属性14

2.1.3 text属性15

2.1.4 设置链接文字属性16

2.1.5 设置页面边距19

2.2 head部分的标记20

2.2.1 title标记20

2.2.2 定义页面关键字20

2.2.3 定义页面描述21

2.2.4 定义编辑工具22

2.2.5 定义作者信息22

2.2.6 定义网页文字及语言23

2.2.7 定义网页的定时跳转24

2.3 综合实例——创建基本的HTML文件24

2.4 本章小结27

2.5 练习题28

第3章 网页文本与段落排版29

3.1 插入其他标记29

3.1.1 空格符号＆nbsp29

3.1.2 特殊符号30

3.2 设置文字的格式31

3.2.1 face属性31

3.2.2 size属性32

3.2.3 color属性33

3.2.4 b、strong、em、u标记34

3.2.5 sup与sub标记35

3.3 设置段落的格式36

3.3.1 p标记36

3.3.2 段落对齐属性align37

3.3.3 nobr标记38

3.3.4 br标记39

3.4 水平线标记40

3.4.1 hr标记40

3.4.2 水平线宽度与高度属性：width、size41

3.4.3 水平线颜色属性color42

3.4.4 水平线的对齐方式属性align43

3.4.5 水平线去掉阴影属性noshade44

3.5 使用marquee设置滚动效果45

3.5.1 marquee标记及其属性45

3.5.2 使用marquee插入滚动公告46

3.6 综合实例——设置页面文本及段落48

3.7 本章小结50

3.8 练习题50

第4章 网页图像和多媒体51

4.1 网页中常见的图像格式51

4.2 图像标记及其属性52

4.2.1 img标记52

4.2.2 height属性53

4.2.3 width属性54

4.2.4 border属性55

4.2.5 hspace属性56

4.2.6 vspace属性57

4.2.7 align属性57

4.3 添加背景音乐59

4.3.1 bgsound标记59

4.3.2 loop属性60

4.4 综合实例60

综合实例1——多媒体网页61

综合实例2——创建图文混合排版网页63

4.5 本章小结65

4.6 练习题66

第5章 用HTML创建超链接和表单67

5.1 超链接的基本概念67

5.2 创建超链接67

5.2.1 超链接标记68

5.2.2 设置的目标窗口69

5.3 创建图像的超链接70

5.3.1 设置图像超链接70

5.3.2 设置图像热区链接71

5.4 创建锚点链接73

5.4.1 创建锚点73

5.4.2 链接到页面不同位置的锚点链接74

5.5 表单form76

5.5.1 action76

5.5.2 表单名称name76

5.5.3 传送方法method77

5.5.4 编码方式enctype78

5.5.5 目标显示方式target78

5.6 综合实例79

综合案例1——插入表单对象79

综合案例2——给网页添加链接85

5.7 本章小结86

5.8 练习题87

第6章 用表格排列网页数据88

6.1 表格属性88

6.1.1 表格的基本标记table、tr、td88

6.1.2 表格宽度和高度width、height89

6.1.3 表格标题caption90

6.1.4 表格的表头th91

6.1.5 表格对齐方式align93

6.1.6 边框宽度border95

6.1.7 表格边框颜色bordercolor96

6.1.8 单元格间距cellspacing97

6.1.9 单元格边距cellpadding98

6.1.10 表格的背景色bgcolor99

6.1.11 表格的背景图像background100

6.2 表格的结构标记101

6.2.1 设计表头样式thead101

6.2.2 设计表主体样式tbody103

6.2.3 设计表尾样式tfoot104

6.3 综合实例——使用表格排版网页105

6.4 本章小结111

6.5 练习题111

第7章 HTML 5入门基础113

7.1 HTML 5简介113

7.2 HTML 5与HTML4的区别114

7.2.1 HTML 5的语法变化114

7.2.2 HTML 5中的标记方法114

7.2.3 HTML 5语法中的3个要点115

7.3 HTML 5新增的元素和废除的元素116

7.3.1 新增的结构元素116

7.3.2 新增块级元素118

7.3.3 新增的行内的语义元素120

7.3.4 新增的嵌入多媒体元素与交互性元素123

7.3.5 新增的input元素的类型124

7.3.6 废除的元素126

7.4 新增的属性和废除的属性126

7.4.1 新增的属性126

7.4.2 废除的属性128

7.5 创建简单的HTML 5页面129

7.5.1 HTML 5文档类型129

7.5.2 字符编码130

7.5.3 页面语言130

7.5.4 添加样式表130

7.5.5 添加JavaScript131

7.5.6 测试结果131

7.6 本章小结131

7.7 练习题132

第8章 HTML 5的结构133

8.1 新增主体结构元素133

8.1.1 article元素133

8.1.2 section元素134

8.1.3 nav元素135

8.1.4 aside元素137

8.2 新增的非主体结构元素138

8.2.1 header元素138

8.2.2 hgroup元素139

8.2.3 footer元素140

8.2.4 address元素141

8.3 本章小结142

8.4 练习题142

第9章 CSS入门基础143

9.1 为什么要在网页中加入CSS143

9.1.1 什么是CSS143

9.1.2 使用CSS的好处145

9.1.3 如何编写CSS145

9.1.4 CSS基本语法146

9.1.5 浏览器与CSS147

9.2 在HTML中使用CSS147

9.2.1 链接外部样式表147

9.2.2 行内方式148

9.2.3 嵌入外部样式表148

9.2.4 定义内部样式表149

9.3 选择器类型149

9.3.1 标签选择器149

9.3.2 类选择器150

9.3.3 ID选择器151

9.4 本章小结153

9.5 练习题154

第10章 用CSS设置文本样式155

10.1 设计网页中的文字样式155

10.1.1 font-family属性155

10.1.2 font-size属性157

10.1.3 font-weight属性158

10.1.4 font-style属性159

10.1.5 font-variant属性160

10.1.6 text-decoration属性161

10.2 设计文本的段落样式162

10.2.1 line-height属性162

10.2.2 text-align属性162

10.2.3 text-indent属性163

10.2.4 word-spacing属性164

10.2.5 first-letter首字下沉165

10.2.6 text-transform166

10.3 综合实例——用CSS排版网页文字168

10.4 本章小结170

10.5 练习题170

第11章 用CSS设计图像和背景171

11.1 设置网页的背景171

11.1.1 background-color属性171

11.1.2 background-image属性172

11.2 设置背景图像的属性173

11.2.1 background-repeat属性173

11.2.2 background-attachment属性174

11.2.3 background-position属性175

11.3 设置网页图像的样式175

11.3.1 border属性176

11.3.2 图文混合排版177

11.4 综合实例——给图片添加边框177

11.5 本章小结179

11.6 练习题179

第12章 用CSS设置表格和表单样式181

12.1 网页中的表格181

12.1.1 表格对象标记181

12.1.2 在Dreamweaver中插入表格182

12.1.3 表格的bgcolor属性183

12.1.4 表格的border样式184

12.1.5 设置表格的阴影185

12.2 网页中的表单186

12.2.1 表单对象186

12.2.2 表单标记186

12.2.3 表单的布局设计187

12.2.4 设置边框样式190

12.2.5 设置背景样式190

12.2.6 设置输入文本的样式191

12.3 综合实例192

综合实例1——制作变换背景色的表格192

综合实例2——设计文本框的样式194

12.4 本章小结196

12.5 练习题196

第13章 用CSS制作链接与网站导航198

13.1 超链接基础198

13.1.1 超链接的基本概念198

13.1.2 使用页面属性设置超链接199

13.2 链接标记200

13.2.1 a：link200

13.2.2 a：visited200

13.2.3 a：active201

13.2.4 a：hover201

13.3 各种形式的超链接202

13.3.1 背景色变换链接202

13.3.2 多姿多彩的下画线链接204

13.3.3 图像翻转链接205

13.3.4 边框变换链接206

13.4 项目列表208

13.4.1 有序列表208

13.4.2 无序列表212

13.5 横排导航217

13.5.1 文本导航217

13.5.2 标签式导航219

13.6 竖排导航221

13.7 综合实例222

实例1——使用CSS实现鼠标指针形状改变222

实例2——实现背景变换的导航菜单224

13.8 本章小结227

13.9 练习题228

第14章 CSS＋DIV布局入门基础229

14.1 网站与Web标准229

14.1.1 什么是Web标准229

14.1.2 为什么要建立Web标准230

14.1.3 怎样改进现有网站231

14.2 Div标记与Span标记232

14.2.1 Div概述232

14.2.2 Div与Span的区别233

14.3 盒子模型235

14.3.1 盒子模型的概念235

14.3.2 border235

14.3.3 padding242

14.3.4 margin244

14.4 盒子的浮动与定位246

14.4.1 盒子的浮动float246

14.4.2 position定位249

14.4.3 z-index空间位置254

14.5 本章小结255

14.6 练习题255

第15章 CSS＋DIV布局方法257

15.1 CSS布局理念257

15.1.1 将页面用div分块257

15.1.2 用CSS定位258

15.2 固定宽度布局259

15.2.1 一列固定宽度259

15.2.2 两列固定宽度260

15.2.3 圆角框261

15.3 可变宽度布局263

15.3.1 一列自适应263

15.3.2 两列宽度自适应264

15.3.3 两列右列宽度自适应265

15.3.4 三列浮动中间宽度自适应266

15.3.5 三行二列居中高度自适应布局267

15.4 CSS布局与传统的表格方式布局分析269

15.5 本章小结271

15.6 练习题271

第16章 CSS 3网页开发273

16.1 CSS 3概述273

16.1.1 CSS 3的发展历史273

16.1.2 CSS 3的新增特性274

16.1.3 主流浏览器对CSS 3的支持278

16.2 边框279

16.2.1 圆角边框border-radius279

16.2.2 边框图片border-image280

16.2.3 边框阴影box-shadow281

16.3 背景283

16.3.1 背景图片尺寸background-size283

16.3.2 背景图片定位区域background-origin284

16.3.3 背景绘制区域background-clip286

16.4 文本287

16.4.1 文本阴影text-shadow287

16.4.2 强制换行word-wrap288

16.4.3 文本溢出text-overflow289

16.5 多列290

16.5.1 创建多列column-count291

16.5.2 列的宽度column-width292

16.6 转换293

16.6.1 移动translate()293

16.6.2 旋转rotate()294

16.6.3 缩放scale()296

16.7 实例应用——图片297

16.8 本章小结299

16.9 练习题299

第17章 JavaScript语法基础300

17.1 JavaScript简介300

17.1.1 JavaScript的历史300

17.1.2 JavaScript的特点301

17.2 JavaScript的放置位置301

17.2.1 ＜script/＞使用方法301

17.2.2 使用外部JavaScript302

17.2.3 添加到事件中302

17.3 JavaScript运算符303

17.3.1 算术运算符303

17.3.2 逻辑运算符303

17.3.3 比较运算符303

17.4 JavaScript程序语句304

17.4.1 使用If语句304

17.4.2 使用for循环305

17.4.3 使用Switch语句306

17.4.4 使用while语句307

17.5 综合实例——制作倒计时特效308

17.6 本章小结309

17.7 练习题310

第18章 JavaScript中的事件311

18.1 事件概述311

18.2 事件分析311

18.2.1 click事件312

18.2.2 change事件313

18.2.3 Select事件313

18.2.4 focus事件314

18.2.5 load事件316

18.2.6 鼠标移动事件317

18.2.7 onBlur事件318

18.3 其他常用事件319

18.4 综合实例——将事件应用于按钮中321

18.5 本章小结322

18.6 练习题322

第19章 JavaScript中的函数和对象324

19.1 什么是函数324

19.2 函数的定义325

19.2.1 函数的普通定义方式325

19.2.2 函数的变量定义方式326

19.2.3 函数的指针调用方式327

19.3 JavaScript对象的声明和引用329

19.3.1 声明和实例化329

19.3.2 对象的引用330

19.4 浏览器对象331

19.4.1 Navigator对象332

19.4.2 window对象333

19.4.3 location对象335

19.4.4 history对象335

19.4.5 document对象336

19.5 内置对象338

19.5.1 Date对象338

19.5.2 数学对象math341

19.5.3 字符串对象string342

19.5.4 数组对象Array343

19.6 综合实例——改变网页背景颜色345

19.7 本章小结346

19.8 练习题346

第20章 设计布局富有个性的个人网站348

20.1 个人网站设计指南348

20.1.1 确定网站主题348

20.1.2 个人网站色彩搭配和结构设计349

20.2 网站前期策划349

20.2.1 确定网站主题350

20.2.2 确定目录结构350

20.2.3 网站蓝图的规划350

20.3 创建本地站点351

20.4 制作网站主页353

20.4.1 导入外部CSS354

20.4.2 制作顶部导航部分356

20.4.3 制作正文部分358

20.4.4 制作底部版权部分363

20.5 本章小结363

20.6 练习题364

第21章 公司宣传网站的布局365

21.1 企业网站设计指南365

21.1.1 企业网站的主要功能365

21.1.2 色彩搭配与风格设计366

21.2 分析架构367

21.2.1 内容分析367

21.2.2 HTML结构设计368

21.3 各模块设计369

21.3.1 布局设计369

21.3.2 制作页头部分371

21.3.3 制作网页正文部分373

21.3.4 制作网页版权部分376

21.4 本章小结378

21.5 练习题378

附录 部分习题参考答案379