HTML CSS JavaScript网页制作全能一本通【2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载】

HTML CSS JavaScript网页制作全能一本通PDF格式电子书版下载

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

第1篇 HTML篇1

第1章 HTML入门1

1.1什么是HTML2

1.2 HTML文件的基本结构3

1.2.1 HTML文件结构3

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

1.3 HTML文件编写方法4

1.3.1使用记事本编写HTML页面4

1.3.2使用Dreamweaver编写HTML页面6

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

1.4.1明确网站定位6

1.4.2收集信息和素材7

1.4.3规划栏目结构7

1.4.4设计页面图像8

1.4.5制作页面8

1.4.6实现后台功能9

1.4.7网站的测试与发布10

1.5本章小结11

第2章 HTML基本标记12

2.1 HTML页面主体的常用设置13

2.1.1定义网页背景色——bgcolor13

2.1.2设置背景图片——background14

2.1.3设置文字颜色——text15

2.1.4设置链接文字属性16

2.1.5设置页面边距18

2.2页面头部元素〈head〉和〈！DOCTYPE〉19

2.3页面标题元素〈title〉20

2.4元信息元素〈meta〉21

2.4.1设置页面关键词21

2.4.2设置页面主要内容22

2.4.3定义页面的搜索方式22

2.4.4定义编辑工具23

2.4.5定义页面的作者信息23

2.4.6定义网页文字及语言24

2.4.7定义页面的跳转24

2.4.8定义页面的版权信息25

2.5脚本元素〈script〉25

2.6创建样式元素〈style〉26

2.7链接元素〈link〉27

2.8综合实战——创建基本的HTML文件28

2.9本章小结29

第3章 用HTML设置文字与段落格式30

3.1插入其他标记31

3.1.1输入空格符号31

3.1.2输入特殊符号32

3.2设置文字的格式33

3.2.1设置字体——face33

3.2.2设置字号——size33

3.2.3设置文字颜色——color34

3.2.4设置粗体、斜体、下画线——b、strong、em、u35

3.2.5设置上标与下标——sup、sub36

3.3设置段落的格式37

3.3.1段落标记——p37

3.3.2段落的对齐属性——align38

3.3.3不换行标记——nobr39

3.3.4换行标记——br40

3.4水平线标记40

3.4.1插入水平线——hr40

3.4.2设置水平线宽度与高度属性——width、size41

3.4.3设置水平线的颜色——color42

3.4.4设置水平线的对齐方式——align43

3.4.5水平线去掉阴影——noshade44

3.5设置滚动文字44

3.5.1滚动文字标签——marquee44

3.5.2滚动方向属性——direction45

3.5.3滚动方式属性——behavior46

3.5.4滚动速度属性——scrollamount47

3.5.5滚动延迟属性——scrolldelay48

3.5.6滚动循环属性——loop48

3.5.7滚动范围属性——width、height49

3.5.8滚动背景颜色属性——bgcolor50

3.5.9滚动空间属性——hspace、vspace51

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

3.7本章小结53

第4章 用HTML创建精彩的图像和多媒体页面54

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

4.2插入图像并设置图像属性56

4.2.1图像标记——img56

4.2.2设置图像高度——height57

4.2.3设置图像宽度——width57

4.2.4设置图像的边框——border58

4.2.5设置图像水平间距——hspace59

4.2.6设置图像垂直间距——vspace60

4.2.7设置图像的对齐方式——align61

4.2.8设置图像的替代文字——alt61

4.3添加多媒体文件62

4.4添加背景音乐63

4.4.1设置背景音乐——bgsound63

4.4.2设置循环播放次数——loop64

4.5综合实例65

综合实例1——创建多媒体网页65

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

4.6本章小结68

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

5.1超链接的基本概念70

5.2创建基本超链接71

5.2.1超链接标记71

5.2.2设置的目标窗口72

5.3创建图像的超链接73

5.3.1设置图像超链接73

5.3.2设置图像热区链接75

5.4创建锚点链接76

5.4.1创建锚点76

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

5.5插入表单——form79

5.5.1处理动作——action79

5.5.2表单名称——name79

5.5.3传送方法——method80

5.5.4编码方式——enctype80

5.5.5目标显示方式——target81

5.6综合实例82

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

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

5.7本章小结85

第6章 使用HTML创建强大的表格86

6.1创建并设置表格属性87

6.1.1表格的基本标记——table、tr、td87

6.1.2表格宽度和高度——width、height89

6.1.3表格的标题——caption89

6.1.4表格的表头——th91

6.1.5表格对齐方式——align92

6.1.6表格的边框宽度——border94

6.1.7表格边框颜色——bordercolor95

6.1.8单元格间距——cellspacing96

6.1.9单元格边距——cellpadding97

6.1.10表格的背景色——bgcolor98

6.1.11表格的背景图像——-background99

6.2表格的结构标记100

6.2.1设计表头样式——thead100

6.2.2设计表主体样式——tbody102

6.2.3设计表尾样式——tfoot103

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

6.4本章小结107

第7章 创建框架结构网页108

7.1窗口框架简介109

7.2设置框架集标记frameset属性110

7.2.1水平分割窗口——rows110

7.2.2垂直分割窗口——cols111

7.2.3嵌套分割窗口112

7.2.4设置边框——frameborder113

7.2.5框架的边框宽度——fiamespacing114

7.2.6框架的边框颜色——bordercolor115

7.3设置框架标记frame属性116

7.3.1框架页面源文件——src116

7.3.2框架名称——name117

7.3.3调整框架窗口的尺寸——noresize118

7.3.4框架边框与页面内容的水平边距——marginwidth119

7.3.5框架边框与页面内容的垂直边距——marginheight120

7.3.6设置框架滚动条显示——scrolling121

7.3.7不支持框架标记——noreames122

7.4浮动框架123

7.4.1浮动框架的页面源文件——src123

7.4.2浮动框架的宽度和高度——width和height124

7.4.3浮动框架的对齐方式——align124

7.4.4设置浮动框架是否显示滚动条——scrolling125

7.4.5浮动框架的边框——frameborder126

7.5综合实例——创建上方固定、左侧嵌套的框架网页126

7.6本章小结129

第8章 移动开发基础HTML5130

8.1认识HTML 5131

8.1.1实用性和用户优先131

8.1.2化繁为简132

8.2 HTML 5的新特性133

8.3 HTML 5与HTML4的区别134

8.3.1 HTML 5的语法变化134

8.3.2 HTML 5中的标记方法134

8.3.3 HTML 5语法中的三个要点135

8.3.4标签实例135

8.4新增的主体结构元素138

8.4.1 article元素138

8.4.2 section元素139

8.4.3 nav元素140

8.4.4 aside元素143

8.4.5 time元素143

8.4.6 progress属性144

8.5新增的非主体结构元素146

8.5.1 header元素146

8.5.2 hgroup元素147

8.5.3 footer元素147

8.5.4 address元素148

8.6本章小结149

第2篇 CSS篇150

第9章 CSS基础知识150

9.1 CSS简介151

9.1.1 CSS基本概念151

9.1.2 CSS的优点152

9.1.3 CSS功能152

9.1.4浏览器与CSS153

9.1.5 CSS发展历史153

9.2在HTML 5中使用CSS的方法154

9.2.1内嵌样式154

9.2.2行内样式155

9.2.3链接外部样式表155

9.2.4导入样式156

9.2.5优先级问题157

9.3使用Dreamweaver设置CSS样式157

9.3.1设置文本样式157

9.3.2设置背景样式159

9.3.3设置区块样式160

9.3.4设置方框样式162

9.3.5设置边框样式163

9.3.6设置列表样式165

9.3.7设置定位样式166

9.3.8设置扩展样式168

9.3.9过渡样式的定义168

9.4选择器类型169

9.4.1标签选择器169

9.4.2类选择器169

9.4.3 ID选择器171

9.5编辑和浏览CSS172

9.5.1手工编写CSS172

9.5.2 Dreamweaver编写CSS173

9.6综合实例——为网页添加CSS样式174

9.7本章小结175

第10章 用CSS设计丰富的文字效果176

10.1通过CSS控制文本样式177

10.1.1字体——font-family177

10.1.2字号——font-size178

10.1.3加粗字体——font-weight180

10.1.4字体风格——font-style180

10.1.5小写字母转为大写字母——font-variant182

10.2通过CSS控制段落格式183

10.2.1单词间隔——word-spacing183

10.2.2字符间隔letter-spacing184

10.2.3文字修饰——text-decoration185

10.2.4垂直对齐方式——vertial-align186

10.2.5文本转换——text-transform187

10.2.6水平对齐方式——text-align188

10.2.7文本缩进——text-indent189

10.2.8文本行高——line-height190

10.2.9处理空白——white-space192

10.3综合实例——CSS字体样式综合演练193

10.4本章小结195

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

11.1设置网页的背景197

11.1.1背景颜色197

11.1.2背景图像198

11.2设置背景图像的属性200

11.2.1设置背景重复200

11.2.2设置固定背景201

11.2.3设置背景定位202

11.3设置网页图像的样式205

11.3.1设置图像边框205

11.3.2图文混合排版207

11.4应用CSS滤镜制作图像特效208

11.4.1控制图像和背景的透明度（alpha）208

11.4.2灰度（Gray）210

11.4.3反色（Invert）210

11.5综合实例211

综合实例1——给图片添加边框211

综合实例2——鼠标移到图片上时产生渐变效果212

11.6本章小结213

第12章 设计更富灵活性的表格和表单214

12.1网页中的表格215

12.1.1表格对象标记215

12.1.2在Dreamweaver中插入表格216

12.1.3设置表格的颜色217

12.1.4设置表格的边框样式219

12.1.5设置表格的阴影220

12.1.6设置表格的渐变背景221

12.2网页中的表单223

12.2.1表单对象223

12.2.2表单标记223

12.2.3设置边框样式224

12.2.4设置背景样式226

12.2.5设置输入文本的样式229

12.3综合实例229

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

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

12.4本章小结233

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

13.1超链接基础235

13.1.1超链接的基本概念235

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

13.2链接标记237

13.2.1 a：link237

13.2.2 a：visited238

13.2.3 a：active239

13.2.4 a：hover240

13.3各种形式的超链接241

13.3.1背景色变换链接241

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

13.3.3图像翻转链接244

13.3.4边框变换链接246

13.4项目列表248

13.4.1有序列表248

13.4.2无序列表250

13.5横排导航251

13.5.1文本导航251

13.5.2标签式导航253

13.6竖排导航255

13.7综合实例——实现背景变换的导航菜单256

13.8本章小结258

第14章 CSS中的滤镜259

14.1滤镜概述260

14.2动感模糊blur261

14.3对颜色进行透明处理chroma262

14.4设置阴影DropShadow263

14.5对象的翻转FlipH、FlipV264

14.6发光效果Glow264

14.7 X光片效果Xray265

14.8波形滤镜Wave266

14.9遮罩效果Mask267

14.10本章小结267

第15章 CSS＋DIV布局定位基础268

15.1网站与Web标准269

15.1.1什么是Web标准269

15.1.2为什么要建立Web标准270

15.2 Div标记与Span标记270

15.2.1 Div概述270

15.2.2 Div与Span的区别271

15.3盒子模型273

15.3.1盒子模型的概念273

15.3.2 border273

15.3.3 padding279

15.3.4 margin281

15.4盒子的浮动与定位283

15.4.1盒子的浮动float284

15.4.2 position定位286

15.4.3 z-index空间位置291

15.5本章小结292

第16章 CSS＋DIV布局方法293

16.1 CSS布局理念294

16.1.1将页面用div分块294

16.1.2设计各块的位置295

16.1.3用CSS定位295

16.2固定宽度布局296

16.2.1一列固定宽度296

16.2.2两列固定宽度298

16.2.3圆角框299

16.3可变宽度布局301

16.3.1一列自适应301

16.3.2两列宽度自适应302

16.3.3两列右列宽度自适应304

16.3.4三列浮动中间宽度自适应304

16.3.5三行二列居中高度自适应布局305

16.4 CSS布局与传统的表格方式布局分析307

16.5本章小结310

第17章 CSS 3指南311

17.1预览激动人心的CSS 3313

17.1.1 CSS 3的发展历史313

17.1.2 CSS 3新增特性313

17.1.3主流浏览器对CSS 3的支持318

17.2使用CSS 3实现圆角表格318

17.3使用CSS 3制作图片滚动菜单320

17.4使用CSS 3制作文字立体效果323

17.5使用CSS 3制作多彩的网页图片库325

17.6使用CSS 3实现的幻灯图片效果329

17.7本章小结334

第3篇 Java Script篇335

第18章 JavaScript基础知识335

18.1 JavaScript简介336

18.1.1 JavaScript的历史336

18.1.2 JavaScript特点336

18.1.3 JavaScript注释337

18.2 JavaScript的添加方法337

18.2.1内部引用337

18.2.2外部调用js文件338

18.2.3添加到事件中339

18.3第一个JavaScript程序339

18.3.1预备知识339

18.3.2 JavaScript编辑器的选择340

18.3.3编写good morning！程序341

18.3.4浏览器对JavaScript的支持341

18.4综合实例——浏览器状态栏显示信息342

18.5本章小结343

第19章 数据类型和运算符344

19.1基本数据类型345

19.1.1使用字符串型数据345

19.1.2使用数值型数据346

19.1.3使用布尔型数据347

19.1.4使用Undefined和Null类型347

19.2复合数据类型348

19.2.1常用的内置对象348

19.2.2日期对象349

19.2.3数学对象352

19.2.4字符串对象353

19.2.5数组对象354

19.3常量355

19.3.1常量的种类355

19.3.2常量的使用方法356

19.4变量357

19.4.1变量的含义357

19.4.2变量的定义方式357

19.4.3变量的命名规则358

19.4.4变量的作用范围358

19.5运算符介绍359

19.5.1运算符359

19.5.2操作数的类型360

19.6算术运算符360

19.6.1加法运算符360

19.6.2减法运算符361

19.6.3乘法运算符361

19.6.4除法运算符362

19.6.5取模运算符363

19.6.6负号运算符363

19.6.7正号运算符364

19.6.8递增运算符364

19.6.9递减运算符365

19.7关系运算符366

19.7.1相等运算符366

19.7.2等同运算符367

19.7.3不等运算符368

19.7.4不等同运算符369

19.7.5小于运算符369

19.7.6大于运算符370

19.7.7小于或等于运算符370

19.7.8大于或等于运算符371

19.8字符串运算符372

19.9赋值运算符372

19.10逻辑运算符373

19.10.1逻辑与运算符373

19.10.2逻辑或运算符374

19.10.3逻辑非运算符374

19.11位运算符374

19.11.1位与运算符375

19.11.2位或运算符375

19.11.3位异或运算符376

19.11.4位非运算符376

19.11.5左移运算符377

19.11.6带符号右移运算符377

19.12本章小结378

第20章 JavaScript语法基础379

20.1函数380

20.1.1什么是函数380

20.1.2函数的参数传递381

20.1.3函数中变量的作用域和返回值381

20.2函数的定义382

20.2.1函数的普通定义方式382

20.2.2函数的变量定义方式384

20.2.3函数的指针调用方式384

20.3使用选择语句386

20.3.1 if选择语句386

20.3.2 if…else选择语句387

20.3.3 if…else if…else选择语句387

20.3.4 switch多条件选择语句389

20.4使用循环语句390

20.4.1 for循环语句390

20.4.2 while循环语句391

20.4.3 do…while循环语句392

20.4.5 break和continue跳转语句393

20.5综合实例——禁止鼠标右击395

20.6本章小结396

第21章 JavaScript中的事件397

21.1事件驱动与事件处理398

21.1.1事件详解398

21.1.2事件与事件驱动398

21.1.3事件与处理代码关联399

21.1.4调用函数的事件401

21.1.5调用代码的事件402

21.1.6设置对象事件的方法403

21.2常见事件404

21.2.1 onClick事件404

21.2.2 onchange事件405

21.2.3 onSelect事件406

21.2.4 onfocus事件407

21.2.5 onload事件408

21.2.6鼠标移动事件409

21.2.7 onblur事件410

21.2.8 onsubmit事件和onreset事件411

21.2.9 onresize事件412

21.2.10键盘事件413

21.3其他常用事件414

21.4综合实例——将事件应用于按钮中415

21.5本章小结416

第22章 JavaScript中的对象417

22.1 JavaScript对象的声明和引用418

22.1.1声明和实例化418

22.1.2对象的引用419

22.2浏览器对象420

22.2.1 navigator对象420

22.2.2 window对象421

22.2.3 location对象422

22.2.4 history对象423

22.2.5 document对象424

22.3内置对象425

22.3.1 date对象426

22.3.2数学对象math427

22.3.3字符串对象string428

22.3.4数组对象array429

22.4综合实例——改变网页背景颜色430

22.5本章小结431

第4篇 综合实例篇432

第23章 设计制作企业网站432

23.1网站整体规划433

23.1.1网站的需求分析433

23.1.2色彩搭配与风格设计433

23.2页面架构分析434

23.2.1页面内容结构布局434

23.2.2页面HTML框架代码435

23.3页面的通用规则436

23.4制作页面头部header部分437

23.4.1制作页面头部的结构437

23.4.2定义页面头部的样式438

23.5制作网站导航nav部分442

23.5.1制作网站导航nav部分页面结构442

23.5.2定义网站导航nav部分样式442

23.6制作欢迎文字welcome部分444

23.6.1制作welcome部分页面结构444

23.6.2定义welcome部分样式444

23.7制作会员登录与精彩活动部分445

23.7.1制作会员登录部分445

23.7.2制作精彩活动部分448

23.8制作我们的优势和应对策略部分450

23.8.1制作我们的优势部分450

23.8.2制作应对策略部分452

23.9制作底部footer部分455

23.10利用JavaScript制作网页特效457

23.11本章小结458