HTML、CSS、JavaScript网页制作从入门到精通【2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载】

HTML、CSS、JavaScript网页制作从入门到精通PDF格式电子书版下载

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

第1章 HTML基础1

1.1 HTML的基本概念1

1.1.1 HTML简介1

1.1.2 HTML文件的基本结构2

1.1.3 认识HTML标记2

1.2 HTML文件的编写方法2

1.2.1 使用记事本手工编写HTML2

1.2.2 使用Dreamweaver编写HTML文件3

1.3 使用浏览器浏览HTML文件4

1.3.1 查看页面效果4

1.3.2 查看源文件5

1.4 练习题6

第2章 HTML基本标记7

2.1 HTML头部标记head7

2.2 标题标记title8

2.3 元信息标记meta8

2.3.1 设置页面关键字8

2.3.2 设置页面说明9

2.3.3 定义编辑工具10

2.3.4 设置作者信息10

2.3.5 设置网页文字及语言10

2.3.6 设置网页的定时跳转11

2.4 网页的主体标记body12

2.4.1 网页背景色bgcolor12

2.4.2 网页背景图片background13

2.4.3 文字颜色text15

2.4.4 链接文字属性link16

2.4.5 边距margin18

2.5 页面注释标记〈！-- --〉19

2.6 练习题20

第3章 文字与段落标记21

3.1 标题字21

3.1.1 标题字标记h21

3.1.2 标题字对齐属性align22

3.2 文本基本标记23

3.2.1 字体属性face24

3.2.2 字号属性size25

3.2.3 颜色属性color26

3.3 文本格式化标记27

3.3.1 粗体标记b、strong27

3.3.2 斜体标记i、em、cite28

3.3.3 上标标记sup29

3.3.4 下标标记sub30

3.3.5 大字号标记big30

3.3.6 小字号标记small31

3.3.7 下画线标记u32

3.4 段落标记33

3.4.1 段落标记p33

3.4.2 换行标记br34

3.4.3 不换行标记nobr35

3.5 水平线36

3.5.1 插入水平线hr36

3.5.2 水平线宽度width37

3.5.3 水平线高度size38

3.5.4 水平线去掉阴影noshade38

3.5.5 水平线颜色color39

3.5.6 水平线排列align40

3.6 其他标记42

3.6.1 插入空格42

3.6.2 插入特殊符号43

3.7 练习题44

第4章 使用图像45

4.1 图像的格式45

4.2 插入图像46

4.2.1 插入图像标记img46

4.2.2 图像的源文件src47

4.2.3 图像的提示文字alt47

4.2.4 图像的宽度和高度width、height48

4.2.5 图像的边框border49

4.2.6 图像的垂直边距vspace50

4.2.7 图像的水平间距hspace51

4.2.8 图像的排列align52

4.3 图像的超链接53

4.3.1 图像的超链接53

4.3.2 图像热区链接54

4.4 练习题57

第5章 使用列表59

5.1 认识列表标记59

5.2 有序列表59

5.2.1 有序列表ol59

5.2.2 有序列表的序号类型type61

5.2.3 有序列表的起始数值start62

5.3 无序列表63

5.3.1 无序列表标记〈ul〉63

5.3.2 无序列表的类型type65

5.3.3 目录列表标记〈dir〉66

5.3.4 定义列表标记〈dl〉67

5.3.5 菜单列表标记〈menu〉68

5.4 练习题69

第6章 使用表格71

6.1 创建表格71

6.1.1 表格的基本构成table、tr、td71

6.1.2 设置表格的标题caption73

6.1.3 表头th74

6.2 表格基本属性76

6.2.1 表格宽度width76

6.2.2 表格高度height77

6.2.3 表格对齐方式align78

6.3 表格的边框80

6.3.1 表格边框宽度border80

6.3.2 表格边框颜色bordercolor81

6.3.3 内框宽度cellspacing82

6.3.4 表格内文字与边框间距cellpadding83

6.4 表格背景84

6.4.1 表格背景颜色bgcolor84

6.4.2 表格背景图像85

6.5 表格的行属性86

6.5.1 高度控制height86

6.5.2 边框颜色bordercolor87

6.5.3 行背景bgcolor、background88

6.5.4 行文字的水平对齐方式align89

6.5.5 行文字的垂直对齐方式valign90

6.6 单元格属性91

6.6.1 单元格大小width、height91

6.6.2 水平跨度colspan93

6.6.3 垂直跨度rowspan94

6.6.4 对齐方式align、valign95

6.6.5 单元格的背景色97

6.6.6 单元格的边框颜色bordercolor98

6.6.7 单元格的亮边框bordercolorlight99

6.6.8 单元格的暗边框bordercolordark100

6.6.9 单元格的背景图像background101

6.7 表格的结构102

6.7.1 表格的表首标记〈thead〉102

6.7.2 表格的表主体标记〈tbody〉104

6.7.3 表格的表尾标记〈tfoot〉105

6.8 练习题107

第7章 建立超链接108

7.1 超链接的基本知识108

7.1.1 绝对路径108

7.1.2 相对路径108

7.2 内部链接109

7.2.1 认识内部链接109

7.2.2 链接的目标窗口110

7.3 锚点链接111

7.3.1 建立锚点111

7.3.2 链接同一页面中的锚点113

7.3.3 链接到其他页面中的锚点115

7.4 外部链接116

7.4.1 链接到外部网站116

7.4.2 链接到E-mail117

7.4.3 链接到FTP119

7.4.4 链接到Telnet119

7.4.5 下载文件120

7.5 练习题121

第8章 添加多媒体122

8.1 设置滚动效果122

8.1.1 滚动标记marquee122

8.1.2 滚动方向direction123

8.1.3 滚动方式behavior124

8.1.4 滚动速度scrollamount125

8.1.5 滚动延迟scrolldelay126

8.1.6 滚动循环loop127

8.1.7 滚动范围width、height128

8.1.8 滚动背景颜色bgcolor129

8.1.9 空白空间hspace、vspace130

8.2 插入多媒体文件131

8.2.1 插入Flash动画131

8.2.2 插入音频和视频文件133

8.3 设置背景音乐133

8.3.1 背景音乐bgsound134

8.3.2 循环次数loop135

8.4 插入Java Applet136

8.5 练习题137

第9章 使用框架结构139

9.1 框架的基本概念139

9.2 设置框架集的属性ffameset139

9.2.1 水平分割窗口rows140

9.2.2 垂直分割窗口cols141

9.2.3 嵌套分割窗口142

9.2.4 框架的边框frameborder143

9.2.5 框架的边框宽度framespacing144

9.2.6 框架的边框颜色bordercolor145

9.3 设置窗口属性frame146

9.3.1 页面源文件src146

9.3.2 页面名称name147

9.3.3 禁止调整窗口的尺寸noresize148

9.3.4 边框与页面内容的水平边距marginwidth149

9.3.5 边框与页面内容的垂直边距marginheight150

9.3.6 控制框架滚动条显示scrolling151

9.3.7 不支持框架标记noframes152

9.4 浮动框架iframe152

9.4.1 页面源文件src152

9.4.2 浮动框架的宽和高width、height153

9.4.3 浮动框架的对齐方式align154

9.4.4 浮动框架滚动条显示属性scrolling155

9.5 创建框架链接157

9.5.1 普通框架结构的链接157

9.5.2 浮动框架的链接160

9.6 练习题162

第10章 使用表单163

10.1 表单标记form163

10.1.1 提交表单action163

10.1.2 表单名称name164

10.1.3 传送方法method164

10.1.4 编码方式enctype165

10.1.5 目标显示方式target166

10.2 插入表单对象166

10.2.1 文字字段text166

10.2.2 密码域password168

10.2.3 单选按钮radio169

10.2.4 复选框checkbox170

10.2.5 普通按钮button171

10.2.6 提交按钮submit171

10.2.7 重置按钮reset172

10.2.8 图像域image173

10.2.9 隐藏域hidden174

10.2.10 文件域file175

10.3 菜单和列表176

10.3.1 下拉菜单176

10.3.2 列表项177

10.4 文本域标记textarea178

10.5 id标记179

10.6 创建表单实例180

10.7 练习题182

第11章 使用XHTML183

11.1 XHTML简介183

11.1.1 什么是XHTML183

11.1.2 为什么要升级到XHTML184

11.2 XHTML页面结构184

11.2.1 文档类型声明184

11.2.2 〈html〉元素和名字空间184

11.2.3 网页头部元素185

11.2.4 页面标题元素185

11.2.5 页面主体元素185

11.3 XHTML语法规范186

11.3.1 XHTML元素必须是完全嵌套的186

11.3.2 XHTML文档格式必须规范186

11.3.3 标签名必须是小写的187

11.3.4 所有的XHTML元素都必须有始有终187

11.3.5 用id属性代替name属性187

11.3.6 DOCTYPE声明是不可缺少的187

11.3.7 属性必须加上英文双引号188

11.3.8 明确所有属性的值188

11.4 在Dreamweaver中编辑XHTML文件188

11.5 将现有的HTML网站转换成XHTML190

11.6 练习题190

第12章 使用CSS样式表191

12.1 认识CSS191

12.2 使用CSS192

12.2.1 CSS的基本语法192

12.2.2 添加CSS的方法192

12.3 字体属性194

12.3.1 字体font-family194

12.3.2 字号font-size195

12.3.3 字体风格font-style197

12.3.4 加粗字体font-weight198

12.3.5 小写字母转为大写font-variant199

12.3.6 字体复合属性200

12.4 颜色和背景属性201

12.4.1 颜色属性color202

12.4.2 背景颜色background-color203

12.4.3 背景图像background-image204

12.4.4 背景重复background-repeat205

12.4.5 背景附件background-attachment206

12.4.6 背景位置background-position208

12.4.7 背景复合属性background209

12.5 段落属性211

12.5.1 单词间隔word-spacing211

12.5.2 字符间隔letter-spacing212

12.5.3 文字修饰text-decoration213

12.5.4 垂直对齐方式vertical-align214

12.5.5 文本转换text-transform215

12.5.6 水平对齐方式text-align216

12.5.7 文本缩进text-indent218

12.5.8 文本行高line-height219

12.5.9 处理空白white-space220

12.5.10 文本反排unicode-bidi、direction221

12.6 外边距与内边距属性222

12.6.1 上边距margin-top223

12.6.2 其他边距margin-bottom、margin-left、margin-right224

12.6.3 外边距复合属性margin225

12.6.4 顶端内边距padding-top226

12.6.5 其他内边距padding-bottom、padding-right、padding-left227

12.6.6 内边距复合属性padding228

12.7 边框属性230

12.7.1 边框样式border-style230

12.7.2 边框宽度border-width231

12.7.3 边框颜色border-color233

12.7.4 边框属性border234

12.8 定位属性235

12.8.1 定位方式position235

12.8.2 元素位置top、right、bottom、left235

12.8.3 层叠顺序z-index237

12.8.4 浮动属性float238

12.8.5 清除属性clear239

12.8.6 可视区域clip240

12.8.7 层的宽度和高度width、height241

12.8.8 超出范围overflow243

12.8.9 可见属性visibility244

12.9 列表属性245

12.9.1 列表符号list-style-type245

12.9.2 图像符号list-style-image246

12.9.3 列表缩进list-style-position248

12.9.4 列表复合属性list-style249

12.10 光标属性cursor250

12.11 滤镜属性252

12.11.1 不透明度alpha252

12.11.2 动感模糊blur254

12.11.3 对颜色进行透明处理chroma255

12.11.4 阴影效果dropShadow256

12.11.5 对象翻转flipH、flipV257

12.11.6 发光效果glow258

12.11.7 灰度处理gray259

12.11.8 反相invert260

12.11.9 X光片效果xray261

12.11.10 遮罩效果mask262

12.11.11 波形滤镜wave263

12.12 练习题265

第13章 Web标准与CSS网页布局实例266

13.1 Web标准与CSS布局266

13.1.1 什么是Web标准266

13.1.2 CSS布局的优势267

13.2 DIV+CSS布局网页基础268

13.2.1 认识DIV268

13.2.2 一列固定宽度268

13.2.3 一列自适应269

13.2.4 两列固定宽度271

13.2.5 两列宽度自适应272

13.2.6 两列右列宽度自适应272

13.3 使用CSS设计网站导航栏274

13.3.1 实现背景变换的导航菜单274

13.3.2 利用CSS制作横向导航276

13.4 使用CSS设计表单样式277

13.4.1 改变按钮的背景颜色和文字颜色278

13.4.2 设计文本框的样式278

13.4.3 设计文本框中的文字样式279

13.5 字体及段落样式设计280

13.5.1 利用CSS控制字体大小和行距280

13.5.2 制作光晕文字效果281

13.6 使用CSS设计图片样式281

13.6.1 鼠标指针移上时图片渐变的效果282

13.6.2 设计不重复出现的背景283

13.7 使用CSS控制链接样式284

13.7.1 使用CSS实现鼠标指针形状改变284

13.7.2 鼠标指针移到链接文字上时改变文字大小或颜色284

13.8 练习题285

第14章 JavaScript脚本基础287

14.1 JavaScript简介287

14.2 JavaScript基本语法289

14.2.1 常量和变量289

14.2.2 表达式和运算符290

14.2.3 基本语句291

14.2.4 函数295

14.3 JavaScript的事件295

14.3.1 onClick事件295

14.3.2 onchange事件296

14.3.3 onSelect事件297

14.3.4 onFocus事件299

14.3.5 onLoad事件300

14.3.6 onUnload事件301

14.3.7 onBlur事件302

14.3.8 onMouseOver事件303

14.3.9 onMouseOut事件304

14.3.10 onDblClick事件306

14.3.11 其他常用事件307

14.4 浏览器的内部对象309

14.4.1 navigator对象309

14.4.2 document对象310

14.4.3 windows对象311

14.4.4 location对象313

14.4.5 history对象314

14.5 练习题315

第15章 利用JavaScript制作网页特效316

15.1 时间特效316

15.1.1 显示当前时间316

15.1.2 显示当前日期317

15.1.3 显示网页停留时间318

15.1.4 制作倒计时特效320

15.2 图像特效320

15.2.1 当鼠标指针经过图像时图像震动效果321

15.2.2 图片闪烁效果322

15.2.3 自动切换图像323

15.3 窗口特效324

15.3.1 全屏显示窗口324

15.3.2 定时关闭窗口325

15.4 鼠标特效325

15.4.1 禁止鼠标右击326

15.4.2 跟随鼠标指针移动的图像326

15.4.3 跟随鼠标指针的滚动字幕328

15.5 其他特效330

15.5.1 设置为首页和加入收藏夹330

15.5.2 浏览器状态栏显示信息331

15.5.3 进入网站的口令设置333

15.6 练习题334

第16章 在Dreamweaver中编辑HTML网页335

16.1 Dreamweaver的基本操作界面335

16.2 在网页中使用文本336

16.2.1 插入文本336

16.2.2 设置文本属性337

16.2.3 插入特殊字符339

16.2.4 插入水平线341

16.3 插入图像342

16.3.1 在网页中插入图像342

16.3.2 设置图像属性344

16.3.3 使用图像编辑器345

16.3.4 插入鼠标经过图像347

16.4 插入多媒体350

16.4.1 插入Flash350

16.4.2 打开浏览器窗口352

16.4.3 插入Java Applet355

16.5 设置链接357

16.5.1 创建文字链接357

16.5.2 创建图像链接358

16.5.3 创建锚点链接359

16.6 布局网页363

16.6.1 使用表格363

16.6.2 使用DIV367

16.7 使用表单368

16.7.1 插入表单369

16.7.2 插入文本域370

16.7.3 插入单选按钮和复选框372

16.7.4 插入菜单和列表375

16.7.5 插入跳转菜单377

16.7.6 插入按钮378

16.8 使用CSS样式表380

16.8.1 CSS的基本概念380

16.8.2 建立标签样式380

16.8.3 建立类样式381

16.8.4 建立复合内容样式382

16.8.5 应用CSS固定字体大小382

16.9 使用行为384

16.9.1 行为的基本知识384

16.9.2 使用行为制作特效386

16.10 在网页中添加脚本388

16.11 练习题390

第17章 个人博客网站布局391

17.1 博客网站概述391

17.2 博客网站主页布局设计391

17.3 博客网站主页具体制作过程393

17.3.1 导入外部CSS393

17.3.2 制作网页头部分394

17.3.3 制作页面内容部分397

17.3.4 制作页面页脚部分405

17.4 练习题407

第18章 公司宣传网站的布局408

18.1 企业网站设计分析408

18.1.1 企业网站内容设计408

18.1.2 排版构架409

18.2 各部分设计410

18.2.1 Logo与顶部导航410

18.2.2 左侧导航413

18.2.3 主体内容415

18.2.4 制作搜索部分418

18.2.5 制作公司新闻419

18.2.6 制作联系我们420

18.2.7 底部版权信息420

18.3 练习题421

附录A HTML网页制作技巧精讲422

技巧1 制作带背景音乐的网页422

技巧2 设置每隔一定的时间自动刷新网页422

技巧3 提高站点在搜索引擎中被搜索到的机会422

技巧4 让站点自动跳转到另一页422

技巧5 避免自己的图片被其他站点利用422

技巧6 不用表格而准确地分隔图片和文字422

技巧7 跳到页面的顶部423

技巧8 在一个站点的不同页面播放同一个声音文件423

技巧9 清除页面中的框架结构423

技巧10 防止站点页面被任意链接423

技巧11 为文字链接加上提示423

技巧12 删除图片链接的蓝色边框423

技巧13 让浏览器正确显示word格式文件423

技巧14 利用水平线制作垂直线424

技巧15 正确选择JPG和GIF图片格式424

技巧16 正确使用分隔线424

技巧17 去除页面四周的空白424

技巧18 去除浏览器的滚动条424

附录B CSS常用技巧精讲425

技巧1 去掉网页超链接的下画线425

技巧2 设置浮动背景425

技巧3 正确对齐文本425

技巧4 超链接访问过后防止hover样式出现问题426

技巧5 解决list-style-image无法准确定位的问题426

技巧6 让文本垂直居中426

技巧7 使一个层垂直居中于浏览器427

技巧8 给部分内容加上边框427

技巧9 利用CSS去掉下画线427

技巧10 让div横向排列428

技巧11 巧妙设置滚动条颜色428

附录C JavaScript特效制作精讲429

技巧1 添加链接提示429

技巧2 在网页中加入最后修改日期429

技巧3 实现图片循环隐现的效果429

技巧4 给图像添加探照灯效果430

技巧5 打开一个新的浏览器窗口并设置窗口的属性431

技巧6 利用单击来关闭浏览器窗口431

技巧7 禁止保存网页432

技巧8 制作网页中雪花飘飘效果432

技巧9 在状态栏中显示跑马灯效果434

技巧10 制作烟花效果435

技巧11 制作状态栏数字时钟437

技巧12 制作围绕鼠标指针旋转的文本437

技巧13 制作跟随鼠标指针飘动的双层时钟439

技巧14 实现每天不同时间显示不同信息443

技巧15 禁止鼠标右键和左键对页面的操作443

技巧16 实现鼠标指针移上时图片加亮的效果444

技巧17 让网页中跳出一个会说话的老人444

技巧18 让浏览者知道自己访问网页的次数446

技巧19 禁止页面最小化447

技巧20 设置网页由中间向外扩大变化447

附录D Dreamweaver常用技巧精讲448

技巧1 在Dreamweaver中插入空格448

技巧2 在Dreamweaver中设置Flash动画的背景透明448

技巧3 在Dreamweaver中准确定位层448

技巧4 把别人网页上的背景音乐保存下来448

技巧5 使网页在不同分辨率下都全屏铺开448

技巧6 在Dreamweaver中给水平线加颜色448

技巧7 在网页中实现Flash的全屏播放449

技巧8 怎么样让在800×600分辨率下生成的网页在1024×768分辨率下居中显示449

技巧9 清除网页中不必要的HTML代码449

技巧10 在网页中添加E-mail链接并显示预定的主题449

技巧11 在网页中添加电子邮件表单提交449

技巧12 防止别人把自己的网页放在框架里449

技巧13 巧妙实现两个表格的并排450