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

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

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

第01章 HTML基础2

1.1 HTML的基本概念2

1.1.1 HTML简介2

1.1.2 HTML文件的基本结构2

1.1.3 认识HTML标记2

1.2 HTML文件的编写方法3

1.2.1 使用记事本手工编写HTML3

1 2.2 使用Dreamweaver编写HTML文件4

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

1.3.1 查看页面效果4

1.3.2 查看源文件5

1.4 练习题5

第02章 HTM L基本标记8

2.1 HTML头部标记head8

2.2 标题标记title8

2.3 元信息标记meta8

2.3.1 设置页面关键字9

2.3.2 设置页面说明9

2.3.3 定义编辑工具10

2.3.4 设置作者信息10

2.3.5 设置网页文字及语言10

2.3.6 设置网页的定时跳转11

2.4 页面注释标记＜！----＞11

2.5 标题字12

2.5.1 标题字标记h12

2.5.2 标题字对齐属性align13

2.6 段落标记14

2.6.1 段落标记p14

2.6.2 换行标记br15

2.6.3 不换行标记nobr16

2.7 水平线16

2.8 其他标记17

2.8.1 插入空格17

2.8.2 插入特殊符号18

2.9 练习题19

第03章 建立超链接21

3.1 超级链接的基本知识21

3.1.1 绝对路径21

3.1.2 相对路径21

3.2 内部链接21

3.2.1 认识内部链接21

3.2.2 链接的目标窗口22

3.3.1 建立锚点23

3.3 锚点链接23

3.3.2 链接同一页面中的锚点25

3.3.3 链接到其他页面中的锚点26

3.4 外部链接27

3.4.1 链接到外部网站28

3.4.2 链接到E-mail28

3.4.3 链接到FTP29

3.4.4 链接到Telnet30

3.4.5 下载文件30

3.5 练习题32

第04章 使用图像34

4.1 图像的格式34

4.2 插入图像34

4.2.1 插入图像标记img34

4.2.2 图像的源文件src35

4.2.3 图像的提示文字alt36

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

4.3 图像的超链接37

4.3.1 图像的起链接37

4.3.2 图像热区链接38

4.4 练习题41

第05章 使用列表43

5.1 认识列表标记43

5.2 有序列表43

5.2.1 有序列表ol43

5.2.2 有序列表的序号类型type44

5.2.3 有序列表的起始数值start45

5.3 无序列表46

5.3.1 无序列表标记ul47

5.3.2 无序列表的类型type48

5.3.3 定义列表标记dl49

5.3.4 菜单列表标记menu50

5.4 练习题51

第06章 使用表格53

6.1 创建表格53

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

6.1.2 设置表格的标题caption54

6.1.3 表头th55

6.2 表格基本属性57

6.2.1 表格宽度width57

6.2.2 表格高度height58

6.2.3 表格对齐方式align59

6.3 表格的边框61

6.3.1 表格边框宽度border61

6.3.2 表格边框颜色bordercolor62

6.3.3 内框宽度cellspacing62

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

6.4 表格背景64

6.4.1 表格背景颜色bgcolor64

6.4.2 表格背景图像65

6.5 表格的行属性66

6.5.1 高度控制height66

6.5.2 边框颜色bordercolor67

6.5.3 行背景bgcolor、background68

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

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

6.6 单元格属性71

6.6.1 单元格大小width、height71

6.6.2 水平跨度colspan72

6.6.3 垂直跨度rowspan73

6.6.4 对齐方式align、valign74

6.6.5 单元格的背景色75

6.6.6 单元格的边框颜色bordercolor76

6.6.7 单元格的亮边框bordercolorlight77

6.6.8 单元格的暗边框bordercolordark78

6.6.9 单元格的背景图像background79

6.7 表格的结构81

6.7.1 表格的表首标记thead81

6.7.2 表格的表主体标记tbody82

6.7.3 表格的表尾标记tfoot84

6.8 练习题85

第07章 使用表单87

7.1 表单标记form87

7.1.1 提交表单action87

7.1.2 表单名称name87

7.1.3 传送方法method88

7.1.4 编码方式enctype88

7.1.5 目标显示方式target89

7.2 插入表单对象89

7.2.1 文字字段text89

7.2.2 密码域password90

7.2.3 单选按钮radio92

7.2.4 复选框checkbox92

7.2.5 普通按钮button93

7.2.6 提交按钮submit94

7.2.7 重置按钮reset95

7.2.8 图像域image96

7.2.9 隐藏域hidden97

7.2.10 文件域file98

7.3 菜单和列表98

7.3.1 下拉菜单99

7.3.2 列表项100

7.4 文本域标记textarea101

7.5 id标记101

7.6 创建表单实例102

7.7 练习题104

第08章 添加多媒体106

8.1 设置滚动效果106

8.1.1 滚动标记marquee106

8.1.2 滚动方向direction106

8.1.3 滚动方式behavior108

8.1.4 滚动速度scrollamount108

8.1.5 滚动延迟scrolldelay109

8.1.6 滚动循环loop110

8.1.7 滚动范围width、height111

8.1.8 滚动背景颜色bgcolor112

8.1.9 空白空间hspace、vspace113

8.2 插入多媒体文件114

8.2.1 插入Flash动画114

8.2.2 插入音频和视频文件115

8.3 练习题116

第09章 HTML 5入门基础118

9.1 认识HTML 5118

9.2 HTML 5与HTML 4的区别119

9.2.1 HTML 5的语法变化119

9.2.2 HTML5中的标记方法119

9.2.3 HTML 5语法中的3个要点120

9 2.4 HTML 5与HTML 4在搜索引擎优化的对比120

9.3 HTML5新增的元素和废除的元素121

9.3.1 新增的结构元素121

9.3.2 新增块级元素123

9.3.3 新增的行内的语义元素125

9.3.4 新增的嵌入多媒体元素与交互性元素128

9.3.5 新增的input元素的类型129

9.3.6 废除的元素131

9.4 新增的属性和废除的属性131

9.4.1 新增的属性131

9.4.2 废除的属性132

9.5 练习题134

第10章 HTML 5的结构136

10.1 新增的主体结构元素136

10.1.1 article元素136

10.1.2 section元素137

10.1.3 nav元素138

10.1.4 aside元素141

10.2 新增的非主体结构元素141

10.2.1 header元素141

10.2.2 hgroup元素142

10.2.3 footer元素143

10.2.4 address元素144

10.3 练习题145

第11章 HTML 5开发实战148

11.1 HTML5视频video148

11.1.1 video标签概述148

11.1.2 在网页中添加视频文件148

11.1.3 链接不同的视频文件149

11.2 HTML5音频Audio150

11.2.1 Audio元素简介150

11.2.2 隐藏audio播放器150

11.2.3 使用audio元素的事件151

11.3 HTML5地理定位153

11.3.1 地理定位方法153

11.3.2 处理拒绝和错误153

11.3.3 在地图上显示你的位置155

11.4 HTML5画布canvas155

11.4.1 canvas元素156

11.4.2 基本的绘制操作157

11.4.3 线性渐变158

11.4.4 径向渐变159

11.4.5 绘制精美时钟160

11.5 HTML5 SVG163

11.5.1 SVG概述163

11.5.2 图形绘制163

11.5.3 文本与图像166

11.5.4 笔画与填充166

11.5.5 动画167

11.6 练习题169

第12章 使用CSS样式表171

12.1 认识CSS171

12.2 使用CSS171

12.2.1 CSS的基本语法171

12.2.2 添加CSS的方法171

12.3 字体属性173

12.3.1 字体font-family173

12.3.2 字号font-size174

12.3.3 字体风格fonFstyle175

12.3.4 加粗字体font-weight176

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

12.3.6 字体复合属性178

12.4 颜色和背景属性179

12.4.1 颜色属性color179

12.4.2 背景颜色background-color180

12.4.3 背景图像background-image181

12.4.4 背景重复background-repeat182

12.4.5 背景附件backgro und-attachment183

12.4.6 背景位置background-position184

12.4.7 背景复合属性background186

12.5 段落属性187

12.5.1 单词间隔word-spacing187

12.5.2 字符间隔letter-spacing188

12.5.3 文字修饰text-decoration189

12.5.4 垂直对齐方式vertical-align190

12.5.5 文本转换text-transform191

12.5.6 水平对齐方式text-align192

12.5.7 文本缩进text-lndent193

12.5.8 文本行高line-height194

12.5.9 处理空白white-space195

12.5.10 文本反排unicode-bidi、direction196

12.6 外边距与内边距属性198

12.6.1 上边距margin-top198

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

12.6.3 外边距复合属性margin200

12.6.4 顶端内边距padding-top201

12.6.5 其他内边距padding-bottom、paddi ng-right、padding-left202

12.6.6 内边距复合属性padding203

12.7 边框属性204

12.7.1 边框样式border-style204

12.7.2 边框宽度border-width206

12.7.3 边框颜色border-color207

12.7.4 边框属性border208

12.8 定位属性209

12.8.1 定位方式position209

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

12.8.3 层叠顺序z-index211

12.8.4 浮动属性float212

12.8.5 清除属性clear213

12.8.6 可视区域clip214

12.8.7 层的宽度和高度width、height215

12.8.8 超出范围overflow216

12.8.9 可见属性visibility217

12.9 列表属性218

12.9.1 列表符号list-style-type218

12.9.2 图像符号list-style-image220

12.9.3 列表缩进list-style-position221

12.9.4 列表复合属性list-style222

12.10 光标属性cursor223

12.11 滤镜属性224

12.11.1 不透明度alpha224

12.11.2 动感模糊blur226

12.11.3 对颜色进行透明处理chroma227

12.11.4 阴影效果dropShadow228

12.11.5 对象翻转flipH、flipV229

12.11.6 发光效果glow230

12.11.7 灰度处理gray231

12.11.8 反相invert232

12.11.9 X光片效果xray233

12.11.10 遮罩效果mask234

12.11.11 波形滤镜wave235

12.12 练习题236

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

13.1 Web标准与CSS布局239

13.1.1 什么是Web标准239

13.1.2 CSS布局的优势239

13.2 Div＋CSS布局网页基础240

13.2.1 认识Div240

13.2.2 一列固定宽度240

13.2.3 一列自适应241

13.2.4 两列固定宽度242

13.2.5 两列宽度自适应243

13.2.6 两列右列宽度自适应244

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

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

13.3.2 利用CSS制作横向导航247

13.4 使用CSS设计表单样式248

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

13.4.2 设计文本框的样式249

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

13.5 字体及段落样式设计251

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

13.5.2 制作光晕文字效果251

13.6 使用CSS设计图片样式252

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

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

13.7 使用CSS控制链接样式254

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

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

13.8 练习题256

第14章 CSS3移动网页设计基础258

14.1 边框258

14.1.1 圆角边框border-radius258

14.1.2 边框图片border-image261

14.1.3 边框阴影box-shadow262

14.2 背景264

14.2.1 背景图片尺寸background-size264

14.2.2 背景图片定位区域background-origin264

14.2.3 背景绘制区域background-clip266

14.3 文本268

14.3.1 文本阴影text-shadow268

14.3.2 强制换行word-wrap268

14.3.3 文本溢出text-overflow269

14.3.4 文字描边text-stroke270

14.3.5 文本填充颜色text-fill-color271

14.4 多列272

14.4.1 创建多列column-count272

14.4.2 列的宽度column-width273

14.4.3 列的间隔column-gap274

14.4.4 列的规则column-rule275

14.5 转换276

14.5.1 移动translate()276

14.5.2 旋转rotate()277

14.5.3 缩放scale()278

14.5.4 扭曲skew()279

14.5.5 矩阵matrix()280

14.6 过渡280

14.7 动画282

14.7.1 ＠keyframes规则声明动画282

14.7.2 animation使用动画283

14.8 用户界面285

14.8.1 Box Sizing285

14.8.2 resize286

14.8.3 Outline Offset287

14.9 实例应用288

14.9.1 鼠标放上去显示全部内容288

14.9.2 美观的图片排列289

14.10 练习题290

第15章 JavaScript脚本基础293

15.1 JavaScript简介293

15.2 JavaScript基本语法294

15.2.1 常量和变量294

15.2.2 表达式和运算符295

15.2 3基本语句296

15.2.4 函数299

15.3 JavaScript的事件299

15.3.1 onClick事件299

15 3.2 onChange事件300

15.3.3 onSelect事件301

15.3.4 onFocus事件303

15.3.5 onLoad事件304

15.3.6 onUnload事件304

15.3.7 onBlur事件305

15.3.8 onMouseOver事件306

15 3 9 onMouseOut事件307

15.3.10 onDblClick事件308

15.3.11 其他常用事件310

15.4 浏览器的内部对象311

15.4.1 navigator对象312

15.4.2 document对象312

15.4.3 windows对象314

15.4.4 location对象315

15.4.5 history对象316

15.5 练习题316

第16章 利用JavaScript制作网页特效319

16.1 时间特效319

16.1.1 显示当前时间319

16.1.2 显示当前日期320

16.1.3 显示网页停留时间321

16.1.4 制作倒计时特效322

16.2 图像特效323

16.2.1 当鼠标指经过图像时图像震动效果323

16.2.2 图片闪烁效果324

16.2.3 自动切换图像325

16.3 窗口特效326

16.3.1 全屏显示窗口326

16.3.2 定时关闭窗口327

16.4 鼠标特效328

16.4.1 禁止鼠标右击328

16.4.2 跟随鼠标指针移动的图像328

16.4.3 跟随鼠标指针的滚动字幕330

16.5 其他特效332

16.5.1 设置为首页和加入收藏夹332

16.5.2 浏览器状态栏显示信息333

16.5.3 进入网站的口令设置333

16.6 练习题334

第17章 在Dreamweaver中编辑HTML网页337

17.1 Dreamweaver的基本操作界面337

17.2 在网页中使用文本337

17.2.1 插入文本337

17.2.2 设置文本属性338

17.2.3 插入特殊字符340

17.2.4 插入水平线341

17.3 插入图像342

17.3.1 在网页中插入图像343

17.3.2 设置图像属性343

17.3.3 使用图像编辑器345

17.3.4 插入鼠标经过图像347

17.4 插入多媒体349

17.4.1 插入Flash349

17.4.2 打开浏览器窗口351

17.4.3 插入Java Applet352

17.5 设置链接354

17.5.1 创建文字链接354

17.5.2 创建图像链接355

17.5.3 创建锚点链接356

17.6 布局网页359

17.6.1 使用表格359

17.6.2 使用Div362

17.7 使用表单363

17.7.1 插入表单364

17.7.2 插入文本域365

17.7.3 插入单选按钮和复选框367

17.7.4 插入菜单和列表370

17.7.5 插入跳转菜单371

17.7.6 插入按钮372

17.8 使用CSS样式表374

17.8.1 CSS的基本概念374

17.8.2 建立标签样式374

17.8.3 建立类样式375

17.8.4 建立复合内容样式375

17.8.5 应用CSS固定字体大小376

17.9 使用行为377

17.9.1 行为的基本知识377

17.9.2 使用行为制作特效379

17.10 在网页中添加脚本380

17.11 练习题382

第18章 个人博客网站布局384

18.1 博客网站概述384

18.2 博客网站主页布局设计384

18.3 博客网站主页具体制作过程385

18.3.1 导入外部CSS385

18.3.2 制作网页头部分386

18.3.3 制作页面内容部分389

18.3.4 制作页面页脚部分398

18.4 练习题399

第19章 企业网站设计401

19.1 企业网站设计分析401

19.1.1 企业网站内容设计401

19.1.2 排版构架401

19.2 各部分设计402

19.2.1 logo与顶部导航402

19.2.2 左侧导航404

19.2.3 主体内容406

19.2.4 制作搜索部分408

19.2.5 制作公司新闻409

19.2.6 制作联系我们409

19.2.7 底部版权信息409

19.3 练习题410

附录A HTM L网页制作技巧精讲412

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

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

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

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

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

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

技巧7 跳到页面的顶部412

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

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

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

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

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

技巧13 让浏览器正确显示Word格式文件413

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

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

技巧16 正确使用分隔线413

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

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

附录B CSS常用技巧精讲415

技巧1 去掉网页超链接的下划线415

技巧2 设置浮动背景415

技巧3 正确对齐文本415

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

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

技巧6 让文本垂直居中416

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

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

技巧9 利用CSS去掉下划线416

技巧10 让Div横向排列417

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

附录C JavaScript特效制作精讲419

技巧1 添加链接提示419

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

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

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

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

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

技巧7 禁止保存网页421

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

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

技巧10 制作烟花效果423

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

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

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

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

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

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

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

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

技巧19 禁止页面最小化434

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

附录D Dreamweaver常用技巧精讲436

技巧1 在Dreamweaver中插入空格436

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

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

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

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

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

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

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

技巧59 清除网页中不必要的HTML代码436

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

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

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

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