巧学巧用HTML、CSS、JavaScript制作网页2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

巧学巧用HTML、CSS、JavaScript制作网页PDF格式电子书版下载

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

第一部分　HTML1

第1章　从零起步1

1.1 网络的基本概念1

1.2　网页概述3

1.2.1 网页技术3

1.2.2 网页分类3

1.3　HTML简介3

1.3.1 什么是HTML4

1.3.2　创建第一个HTML文件4

1.3.3　HTML文件结构7

1.3.4　热身运动8

实例1.1　注释标记9

实例1.2　标题标记9

实例1.3　设置文字颜色10

实例1.4　蓝色粗斜字体11

实例1.5　插入图片标记12

1.4　网页源文件的获取12

1.4.1　直接查看源文件13

1.4.2　保存网页13

第2章　HTML文件中文字的使用15

2.1　对文字的编排15

2.1.1　文字排版的简单操作15

实例2.1 文字的普通显示15

实例2.2　HTML编排标记的加入16

2.1.2　文字单行显示17

实例2.3 不换行标记的使用17

2.1.3　文字居中显示18

实例2.4　所有文字居中显示18

2.1.4　文字段落的缩进19

实例2.5　文字段落的缩进19

2.1.5　文字内容的原始版面显示20

实例2.6　原始版面20

2.1.6　标记属性的应用21

实例2.7　段落的居中对齐21

实例2.8　标题文字的位置控制22

实例2.9　〈body〉标记中的设置背景图片属性23

实例2.10　水平分割线标记及其相关属性24

实例2.11 noshade属性的使用25

实例2.12　属性的就近原则26

2.2 多种多样的网页文字27

2.2.1　不同的文字格式27

实例2.13　文字字体样式、颜色的设置27

2.2.2　对文字格式的进一步应用28

实例2.14　多种特定显示方式的HTML标记的综合使用28

2.2.3　关于技术专业符号的显示30

实例2.15　特殊字符的应用30

实例2.16　上、下标标记的使用30

2.2.4　滚动字幕31

实例2.17　滚动字幕的制作31

2.3　文字列表的使用33

2.3.1 序列提纲33

实例2.18　编号列表的制作33

实例2.19　改变编号序号34

实例2.20　从特定序号开始35

2.3.2　非序列提纲36

实例2.21 非编号列表的制作36

实例2.22　改变标号样式37

实例2.23　3种不同非编号列表的比较38

2.3.3　说明式列表标记39

实例2.24　说明式列表标记的使用39

2.3.4　列表标记之间的套用40

实例2.25　标记间的相互套用41

第3章 HTML文件中图片的使用43

3.1 网页中的图片格式43

3.2　绚丽多姿的网页43

3.2.1 一个简单的图片网页43

实例3.1 图片的插入44

3.2.2　图片标记属性的应用45

实例3.2 图片宽度和高度的控制45

实例3.3 图片边框的控制46

3.2.3　图片与文字的结合47

实例3.4　控制图片左右的空白区域大小47

实例3.5　控制图片上下的空白区域大小48

实例3.6　控制文字相对于图片基线居于上、中、下的位置49

实例3.7　无align属性控制的情况下让文字分别显示于图片的左右两侧50

实例3.8　文字相对图片居右显示51

实例3.9　文字相对图片居左显示52

3.2.4　优化图片的显示速度52

实例3.10　低分辨率显示图片53

实例3.11 文字代替图片的显示53

3.2.5　图片的滚动55

实例3.12 图片从右到左滚动显示的制作55

实例3.13 图片两端来回滚动显示的制作56

3.3　实战56

实例3.14　一个简单网页的制作57

第4章　超链接的建立59

4.1　老马未必识途59

4.1.1 路径问题的引出59

实例4.1 一个普通的图片网页59

4.1.2　相对路径和绝对路径的应用60

4.2　超链接的建立62

4.2.1　文字的超链接62

实例4.2　文字超链接的建立62

4.2.2　能表达点击与否信息的超链接63

实例4.3　文字链接颜色的设置63

4.2.3　特定目标的链接64

实例4.4　特定目标的链接64

4.2.4　图片的超链接66

实例4.5 图片超链接的建立66

4.2.5　热点区域67

实例4.6 圆形热点区域的制作67

实例4.7　矩形热点区域的制作68

实例4.8 多边形热点区域的制作69

4.2.6 以新窗口显示链接页面69

实例4.9　打开新窗口69

4.3　超链接的其他应用70

4.3.1 URL地址的链接70

实例4.10　HTTP协议的链接70

实例4.11　FTP站点的链接71

实例4.12　BBS站点的链接72

4.3.2 电子邮件的链接制作73

实例4.13　邮件的链接73

4.4　网页的自动更新73

实例4.14 网页自动更新链接73

4.5　Dreamweaver中超链接的建立74

4.5.1 Dreamweaver简介74

4.5.2　使用Dreamweaver打开一个HTML文档75

4.5.3　在Dreamweaver中新建一个文档76

4.5.4　图片的插入76

4.5.5　超链接的建立77

4.5.6　使用Dreamweaver来制作图片的热点区域78

第5章　表格的应用81

5.1　表格的建立81

5.1.1　一个最简单的表格81

实例5.1　一个最简单的表格81

5.1.2　多单元表格82

实例5.2　创建3行2列的表格82

5.2　各种表格样式83

5.2.1 表格边框的设置83

实例5.3　表格边框的设置83

5.2.2　表格高宽的控制84

实例5.4　表格高宽的设置84

5.2.3　表格相关颜色的设置85

实例5.5　表格边框以及背景颜色的设置85

5.2.4　表格的水平位置86

实例5.6　表格水平位置的控制86

5.2.5　表格行的控制87

实例5.7　表格单行高度的设置88

实例5.8　利用align属性控制每一行中内容的水平位置89

实例5.9　利用valign属性控制每一行中内容的垂直位置90

5.2.6　单元格的设置91

实例5.10　分别设置表格单元格的边框以及背景颜色91

实例5.11 利用align、valign属性控制每一单元格中内容的水平和垂直位置92

5.2.7　标题标记93

实例5.12　为表格设置名称和表格内容以标题文字进行显示93

5.2.8　表格中单元格的合并94

实例5.13　水平合并相邻的两个单元格94

实例5.14　垂直合并相邻的3个单元格95

实例5.15　水平、垂直合并单元格的混合使用97

5.2.9　表格中图片的应用98

实例5.16　在单元格中插入图片以及设置单元格的背景图像98

5.2.10　表格的嵌套99

实例5.17　表格的嵌套99

5.3　利用表格来布局网页100

实例5.18　使用表格布局网页102

5.4　在Dreamweaver中表格的使用103

5.4.1　Dreamweaver中表格的创建103

5.4.2　空字符的自动生成105

实例5.19　空字符的存在105

5.4.3　表格的属性设置107

5.5　实战110

5.5.1 网页的初步设计111

5.5.2　切片的制作111

5.5.3　表格的制作113

5.6　网页布局视图115

5.6.1 布局视图的切换115

5.6.2　布局视图的创建116

5.6.3　布局表格的修改116

5.6.4　布局视图的属性设置117

5.6.5　布局视图的实际应用118

5.7 图层技术120

5.7.1 图层的创建120

5.7.2　创建嵌套层121

5.7.3　层的属性设置121

5.7.4　层的状态显示122

5.7.5　图层的实际应用122

5.7.6　层与表格的互换123

第6章　窗口框架的应用125

6.1 网页中的网页125

6.1.1 窗口框架的建立125

实例6.1 将窗口水平分为两部分125

实例6.2　将窗口垂直分为三部分126

实例6.3 窗口的水平及垂直混合分割127

6.1.2　子窗口的边框设置128

实例6.4　将窗口边框加粗128

实例6.5　隐藏所有边框129

实例6.6 隐藏子窗口边框129

6.1.3　子窗口的设置130

实例6.7　在子窗口中插入网页130

6.1.4　窗口滚动条的设置131

实例6.8　在右子窗口中不显示滚动条131

6.1.5　窗口边框的拖动131

6.1.6　窗口的导航显示132

实例6.9　在子窗口中加入显示导航信息的网页132

实例6.10　在上层窗口中显示网页133

6.2　神奇的iframe标记135

6.2.1 iframe窗口135

实例6.11 在iframe窗口中显示所链接的网页135

6.2.2　直接设置网页136

实例6.12　在iframe窗口中直接显示网页136

6.2.3　引用多媒体文件137

实例6.13　在iframe窗口中播放Flash电影文件137

6.3　在Dreamweaver中创建窗口框架138

6.3.1 窗口框架的创建138

6.3.2　混合窗口的创建139

6.3.3　框架属性的设置141

6.3.4　使用Dreamweaver在子窗口中插入网页141

第7章 HTML中多媒体文件的使用145

7.1 多媒体的链接145

实例7.1 音乐文件以及影视文件的链接145

7.2　将多媒体嵌入网页146

实例7.2　音乐文件的嵌入146

实例7.3 影视文件的嵌入147

7.3　在网页中加入背景音乐148

实例7.4　网页背景音乐的制作148

7.4　其他多媒体文件的插入149

7.4.1 Flash电影文件的插入149

7.4.2　Flash按钮的制作151

7.4.3　Flash文本的制作152

第二部分　CSS153

第8章 CSS初步153

8.1 CSS的概念153

8.2　CSS的应用153

8.2.1　CSS的优点154

8.2.2　热身运动154

实例8.1 CSS的样式声明154

实例8.2　CSS样式的选择性使用155

第9章　文字的设置159

9.1 尺度单位159

9.2　掌控文字160

9.2.1 文字的字体设置160

实例9.1 同时设置多种字体160

9.2.2　文字的字体效果161

实例9.2　设置斜体样式161

9.2.3　文字的粗细控制162

实例9.3　控制文字的粗细162

9.2.4　文字的大小控制163

实例9.4　控制文字的大小164

实例9.5　设置粗斜体样式165

9.2.5　文字的加线效果166

实例9.6　文字的加线效果166

9.2.6　英文字母的大小写转换167

实例9.7　英文字母大小写的相互转换167

实例9.8　小写字母转换为大写字母168

9.3　精细排版169

9.3.1 段落的首行缩进169

实例9.9　控制首行缩进169

实例9.10　控制首行凸出170

9.3.2　字符间距171

实例9.11　控制字符间距171

9.3.3　段落行距172

实例9.12　控制段落行距172

9.3.4　段落的位置控制173

实例9.13　控制段落水平位置173

实例9.14　控制段落垂直位置175

实例9.15　化学方程式和数学式176

9.4　矩形模块化177

9.4.1 立体按钮的制作177

实例9.16　立体按钮177

9.4.2　模块边界的设置178

实例9.17　分别设置模块周围的空白区域178

实例9.18　统一设置模块周围的空白区域179

9.4.3　模块边框的设置179

实例9.19　模块边框宽度的设置180

实例9.20　模块边框颜色的设置181

实例9.21　模块边框样式的设置183

实例9.22　模块边框的统一设置184

9.4.4　模块内边界的设置185

实例9.23　设置模块边界与模块内容的间距185

9.5　列表中的图像符号186

实例9.24　图像符号186

实例9.25　设置各种序列符号187

第10章　背景的设置189

10.1　颜色的设置方法扩充189

10.1.1　以颜色名称设置189

10.1.2 以十六进制数设置189

10.1.3　以RGB函数设置190

10.2　背景颜色的设置190

10.2.1 文字的颜色设置190

实例10.1 红色的文字190

10.2.2　网页以及文字背景颜色的设置191

实例10.2　红色的网页背景，黄色的文字背景191

10.3　背景图片的设置192

10.3.1 网页以及文字的图片背景设置192

实例10.3　设置网页的图片背景以及文字的图片背景192

10.3.2　背景图片的并排设置193

实例10.4　背景图片的横向平铺193

实例10.5　背景图片的纵向平铺194

实例10.6　只显示单个背景图片194

10.3.3　图片的固定设置195

实例10.7 固定背景图片195

10.3.4　图片的定位设置196

实例10.8　控制背景图片的位置197

第11章　美化网页199

11.1 超链接的多样化199

11.1.1　链接颜色的设置199

实例11.1　链接颜色的设置199

11.1.2　链接字体的变化200

实例11.2　链接字体的变化200

11.1.3　链接的下划线设置201

实例11.3　去除链接文字的下划线201

11.2　华丽的滚动条202

实例11.4　立体滚动条的制作202

11.3　代表不同意义的光标样式203

实例11.5　变换光标样式203

第12章 区域与层的概念207

12.1 区域的概念207

12.1.1 区域的定义207

实例12.1 制作3个相邻的区域207

12.1.2　区域的定位208

实例12.2 区域的定位208

实例12.3 区域的相对位置209

实例12.4 区域的默认位置210

12.2　网页中组件的分段管理211

实例12.5　分段显示不同的文字字体211

实例12.6　分段显示不同的文字背景213

12.3　层的概念214

实例12.7 区域的重叠215

实例12.8 改变区域的重叠顺序216

12.3.1 三维空间的建立217

实例12.9 图片和文字的层次建立217

12.3.2　文字的立体以及阴影效果218

实例12.10　文字的立体效果218

实例12.11 文字的阴影效果219

第13章 CSS与HTML的结合方式221

13.1 HTML的内部定义221

13.1.1 在HTML标记内的直接定义221

实例13.1　在标记内直接定义221

13.1.2　对HTML标记的直接定义222

实例13.2　对标记直接定义222

13.1.3　利用class属性的选择性定义223

实例13.3　class属性的选择性定义223

13.1.4　利用id属性的选择性定义224

实例13.4　id属性的选择性定义224

13.1.5　结构化定义225

实例13.5　结构化定义225

13.2　HTML的外部定义226

实例13.6　以嵌入方式调用CSS文件226

实例13.7　以链接方式调用CSS文件227

13.3　CSS的调用顺序228

实例13.8　CSS的调用顺序228

13.4　CSS中的继承性质229

13.4.1　标记中的包含继承229

实例13.9　包含继承230

实例13.10　定义冲突230

13.4.2　标记中的相互继承231

实例13.11　上下选择符231

实例13.12　一次定义三组标记232

13.5　在Dreamweaver中使用CSS233

13.5.1　调用自定义的样式表233

13.5.2　编辑CSS样式表234

13.5.3　创建CSS样式表235

13.5.4　在Dreamweaver中使用CSS样式236

第14章 CSS中的滤镜237

14.1　什么是滤镜237

14.2　带有滤镜效果的图片网页237

14.2.1 alpha滤镜237

实例14.1 圆形透明渐层效果238

实例14.2　矩形透明渐层效果239

实例14.3 多参数的混合使用240

14.2.2　blur滤镜241

实例14.4　动态模糊效果241

14.2.3　filph滤镜和filpv滤镜242

实例14.5　翻转图片243

14.2.4　gray滤镜244

实例14.6　黑白图片244

14.2.5　invert滤镜245

实例14.7　底片效果245

14.2.6　xrey滤镜246

实例14.8　X光效果246

实例14.9　黑白效果、底片效果、X光效果的相互比较247

14.2.7　波浪效果248

实例14.10　波浪效果248

14.2.8　chroma滤镜249

实例14.11　设置透明色249

14.2.9　dropshadow滤镜250

实例14.12 阴影效果250

14.2.10　glow、mask和shadow滤镜251

实例14.13　光晕效果252

实例14.14　印章效果253

实例14.15 阴影动态效果254

14.3　滤镜的转换255

14.3.1　渐变转化滤镜255

实例14.16　控制文字、图片的显示256

实例14.17　控制文字、图片的转换258

实例14.18　控制文字和图片的相互转换260

14.3.2　动作转换滤镜261

实例14.19　设置文字、图片的动作转换效果262

实例14.20　设置文字、图片相互转换的动作效果264

实例14.21 网页的动作转换效果265

第三部分　JavaScript269

第15章　JavaScript初识269

15.1　JavaScript的基本概念269

15.1.1　JavaScript语言的特点269

实例15.1 问候语句270

实例15.2　调用JavaScript文件271

15.1.2　JavaScript的数据结构272

实例15.3　使用while语句制作标题文字275

实例15.4　使用for语句制作标题文字276

实例15.5 图像的交叉显示277

实例15.6　显示不同的文字278

15.2　JavaScript中函数的使用279

15.2.1 有参函数279

实例15.7　斜杆的递加279

15.2.2　无参函数280

实例15.8 当前时间的获取280

15.3　JavaScript中的对象281

实例15.9　个人信息的设置282

15.4　行为284

15.4.1 JavaScript中的行为284

实例15.10　弹出新窗口285

实例15.11 屏蔽对图片的操作286

实例15.12　全屏显示窗口287

15.4.2　Dreamweaver中行为的应用287

第16章　JavaScript中的时间对象291

16.1 时间对象的方法291

16.2　时间对象的实际应用292

16.2.1 时间的显示292

实例16.1　显示当前时间292

16.2.2 日期的显示294

实例16.2　显示当前日期294

16.2.3　进站及停留时间的显示295

实例16.3　显示停留时间295

16.2.4　倒计时的制作297

实例16.4　以2005年元月1日为基准倒计时297

第17章　JavaScript中的文字对象301

17.1 文字对象的属性和方法301

17.2　文字对象的实际应用302

17.2.1　计算字符串长度302

实例17.1　计算字符串长度302

17.2.2　string对象其他方法的应用303

实例17.2　其他方法的应用303

17.2.3　字符的检索以及替换305

实例17.3　字符的检索以及替换305

第18章　JavaScript中的图片应用309

18.1 图像对象的属性309

18.2　图像对象的实际应用309

18.2.1 滤镜的动态效果310

实例18.1　alpha滤镜的动态效果310

实例18.2　wave滤镜的动态效果311

18.2.2　图片的闪烁效果312

实例18.3 图片的闪烁效果312

18.2.3　数组的使用313

实例18.4　图片的自动切换313

18.2.4　图片的预先载入315

第19章　JavaScript在表单中的应用317

19.1 表单总览317

19.1.1　单行文本框317

实例19.1　一个输入框317

19.1.2　密码文本框318

实例19.2　一个密码框318

19.1.3　单选框319

实例19.3　两个单选框319

19.1.4　复选框320

实例19.4　多个复选框320

19.1.5　传送按钮和清除按钮321

实例19.5　传送按钮和清除按钮321

19.1.6　图片按钮322

实例19.6 图片按钮322

19.1.7　按钮322

实例19.7　普通按钮的制作322

19.1.8　下拉列表框323

实例19.8　下拉列表框323

实例19.9　列表选项平铺324

19.1.9　多行文本框325

实例19.10　多行文本框325

19.2　表单的实际应用326

19.2.1　计算器的制作326

实例19.11 计算器的制作326

19.2.2　通过数组访问菜单329

实例19.12　注册信息的统一显示329

19.2.3　表单数据的检测331

实例19.13　信息检测331

第20章　JavaScript中窗口对象的应用335

20.1 窗口对象的方法335

20.2　窗口对象的实际应用336

20.2.1 打开新窗口336

实例20.1　打开新窗口336

实例20.2　在打开的新窗口中只加入状态栏337

20.2.2　打开多个新窗口338

实例20.3　打开3个不同的窗口338

20.2.3　全屏显示339

实例20.4　全屏显示339

实例20.5 窗口的定位340

实例20.6　无标题栏的全屏显示341

20.2.4　打开窗口的动态变化341

实例20.7　打开窗口的动态变化342

20.2.5　窗口内边框的设置343

实例20.8　设置窗口内边框为红色实线343

20.2.6　关闭窗口344

实例20.9 关闭窗口344

实例20.10　新窗口的关闭345

20.2.7　窗口焦点的控制346

实例20.11 控制窗口的焦点346

实例20.12 cookie的使用347

20.2.8　输入和输出对话框的使用349

实例20.13　进入网站的口令设置349

第21章　JavaScript中其他对象的应用353

21.1 浏览器信息的获取353

实例21.1 浏览器信息353

实例21.2　判断浏览器类别354

21.2　网页信息的获取355

实例21.3　返回、前进按钮355

实例21.4　链接地址信息356

21.3　首页和收藏夹的设置357

实例21.5　设置为首页和加入收藏夹358

21.4　浏览器状态栏的信息显示359

实例21.6　状态栏信息显示359

2 1.5　随机显示文字360

实例21.7　随机显示文字360

21.6　JavaScript脚本361

21.6.1 静止浮动层的制作361

2 1.6.2　跟随鼠标的文字363

21.6.3　动态下拉菜单的制作365

附录　网页效果80例369