HTML 5+CSS 3+JavaScript网页布局与特效全程揭秘.pdf

HTML 5+CSS 3+JavaScript网页布局与特效全程揭秘.pdf
 

书籍描述

内容简介
Web标准是所有网页前台技术的发展方向,本书学习的三大技术是Web标准的主要组成部分,全面地介绍了使用HTML、CSS和JavaScript进行网页设计制作的各方面内容和技巧。
全书共分15章,从初学者的角度出发,全面讲解了HTML、CSS和JavaScript的相关知识,其中包括网页建设基础、HTML和XHTML基础、HTML控制网页整体属性、文字与图片设置、多媒体的应用、表格与框架设置、使用表单、CSS基础、CSS布局、CSS样式属性、CSS 3属性、JavaScript入门等内容。本书通过知识点与实例相结合的方式,让读者能够清晰明了地理解书中的相关技术内容,从而达到理想的学习效果。
本书附赠1张DVD光盘,其中包含书中所有实例的源文件和最终文件,以及所有实例的教学视频,以方便读者学习和参考。
本书结构清晰、实例经典、技术实用,适合网页设计人员以及网页设计专业的学生阅读。

目录
第1章 网页建设基础 1
1.1 因特网本质 1
1.1.1 因特网、网站和网页的关系 1
1.1.2 网页与HTML语言 2
1.2 了解网页与网站 3
1.2.1 因特网 3
1.2.2 网页与网站 3
1.2.3 域名与URL 4
1.2.4 HTTP与FTP 4
1.2.5 TCP/IP与IP地址 5
1.2.6 静态网页与动态网页 5
1.3 网站建设常用软件和技术 6
1.3.1 网页编辑软件Dreamweaver 6
1.3.2 网页标记语言HTML 6
1.3.3 网页表现语言CSS 6
1.3.4 网页特效脚本语言JavaScript 6
1.3.5 动态网页编程语言ASP、PHP和JSP等 7
1.4 HMTL、CSS与JavaScript的结合 7
1.5 本章小结 8 第2章 HTML、XHTML与HTML 5基础 9
2.1 了解HTML和XHTML 9
2.2 HTML基础 9
2.2.1 什么是HTML 9
2.2.2 HTML的基本结构 10
2.2.3 HTML的基本语法 11
2.2.4 HTML的主要功能 11
2.2.5 HTML的编辑环境 12
2.2.6 认识Dreamweaver中的代码工具 12
2.3 XHTML基础 14
2.3.1 什么是XHTML 15
2.3.2 XHTML的文档结构 15
2.3.3 XHTML的代码规范 16
2.3.4 XHTML的文档类型 18
2.3.5 名字空间 18
2.3.6 使用XHTML的好处 19
实例01+视频:制作第一个HTML页面 19
2.4 XML基础 20
2.4.1 什么是XML 20
2.4.2 HTML与XML比较 21
2.4.3 XML的优势 22
2.4.4 什么是“形式良好”的XML文件 22
2.5 HTML 5基础 23
2.5.1 了解HTML 5 23
2.5.2 HTML 5的标签 24
实例02+视频:使用<canvas>标签实现网页绘图 26
2.5.3 HTML 5的标准属性 27
实例03+视频:使用<audio>标签实现网页背景音乐 28
2.5.4 HTML 5的事件属性 29
实例04+视频:使用<video>标签实现网页视频播放 30
2.6 本章小结 32
 第3章 HTML控制网页整体属性 33
3.1 HTML头部<head>标签设置 33
3.1.1 <title>标签 33
实例05+视频:使用<title>标签设置网页标题 33
3.1.2 <base>标签 35
实例06+视频:使用<base>标签设置网页基底网址 35
3.1.3 <meta>标签 36
实例07+视频:使用<meta>标签设置网页关键字 36
实例08+视频:使用<meta>标签设置网页说明 37
实例09+视频:使用<meta>标签设置网页定时跳转 38
实例10+视频:使用<meta>标签设置作者信息 39
实例11+视频:使用<meta>标签设置网页编辑软件 40
3.2 HTML主体<body>标签设置 41
3.2.1 边距属性margin 41
实例12+视频:设置网页整体边距 41
3.2.2 背景颜色属性bgcolor 42
实例13+视频:设置网页背景颜色 43
3.2.3 背景图像属性background 44
实例14+视频:设置网页背景图像 44
3.2.4 文字属性text 45
实例15+视频:设置网页文字效果 45
3.2.5 默认链接属性link 46
实例16+视频:设置网页链接文字效果 46
3.3 在HTML代码中添加注释 47
3.4 本章小结 48
 第4章 文字与图片设置 49
4.1 网页文字修饰 49
4.1.1 文字样式<font>标签 49
实例17+视频:设置文字样式 50
4.1.2 倾斜文字<i>和<em>标签 51
实例18+视频:设置倾斜文字 51
4.1.3 加粗文字<b>和<strong>标签 52
实例19+视频:设置加粗文字 52
4.1.4 文字下划线<u>标签 54
实例20+视频:为文字添加下划线 54
4.1.5 标题文字<h1>至<h6>标签 55
实例21+视频:设置标题文字 55
4.1.6 其他文字修饰方法 56
4.2 网页中文字的分行与分段 56
4.2.1   的使用 56
实例22+视频:在网页文字中加入空格 57
4.2.2 特殊字符 58
实例23+视频:在网页中插入特殊字符 58
4.2.3 文字换行<br />标签 59
实例24+视频:使用<br />标签为文字换行 59
4.2.4 文字强制不换行<nobr >标签 60
实例25+视频:使用<nobr>标签强制文字不换行 60
4.2.5 文字分段<p>标签 61
实例26+视频:使用<p>标签为文本分段 61
4.2.6 文字对齐属性align 62
实例27+视频:设置文字水平对齐效果 63
4.2.7 水平线<hr />标签 64
实例28+视频:使用水平线分割文本 64
4.3 文本滚动<marquee>标签 65
实例29+视频:制作网页滚动文本 66
4.4 文本列表 67
4.4.1 列表的组成 68
4.4.2 无序列表<ul>标签 68
实例30+视频:制作新闻列表 68
4.4.3 有序列表<ol>标签 69
实例31+视频:制作音乐排行 70
4.4.4 定义列表<dl>标签 71
实例32+视频:制作新闻公告 71
4.5 了解网页中的图片格式 72
4.6 插入图像 73
4.6.1 图像标签<img> 73
实例33+视频:制作图像页面 74
4.6.2 图文混排 75
实例34+视频:制作图文介绍页面 75
4.6.3 滚动图片 76
实例35+视频:制作网页图片滚动效果 76
4.7 文本与图像链接 78
4.7.1 超链接<a>标签 78
实例36+视频:为文字和图像设置超链接 78
4.7.2 超链接打开方式target属性 80
实例37+视频:设置超链接打开方式 80
4.7.3 超链接提示title属性 81
实例38+视频:设置超链接提示文字 81
4.7.4 锚点链接 82
实例39+视频:设置锚点链接 82
4.7.5 特殊超链接 84
实例40+视频:设置网页中的特殊链接 84
4.7.6 图像热点链接 86
实例41+视频:创建图像热点链接 86
4.8 本章小结 88
 第5章 多媒体的应用 89
5.1 插入多媒体文件 89
5.1.1 插入Flash动画<embed>标签 89
实例42+视频:制作Flash欢迎页面 89
5.1.2 插入FLV视频<object>标签 90
实例43+视频:制作FLV视频页面 91
5.1.3 插入普通视频<embed>标签 92
实例44+视频:制作视频网页 93
5.2 添加背景音乐 94
5.2.1 背景音乐<bgsound />标签 94
实例45+视频:为网页添加背景音乐 94
5.2.2 嵌入音频<embed>标签 96
实例46+视频:在网页中嵌入音频 96
5.3 插入外部程序 98
5.3.1 调用外部JavaScript程序 98
实例47+视频:在网页中显示当前系统时间 98
5.3.2 区分客户端与服务器端程序 99
5.4 本章小结 100 
第6章 表格与框架设置 101
6.1 创建表格 101
6.1.1 表格的基本构成<table>、<tr>和<td>标签 101
6.1.2 表格标题<caption>标签 101
实例48+视频:为表格添加标题 102
6.1.3 表头<thead>、表主体<tbody>和表尾 <tfoot> 103
实例49+视频:设置表格中的表头、表主体和表尾 103
6.2 设置表格属性 105
6.2.1 表格属性设置 105
实例50+视频: 通过表格属性美化表格 105
6.2.2 设置表格的背景颜色和背景图片 107
实例51+视频:为表格设置背景图像 107
6.2.3 单元行属性设置 109
实例52+视频:设置单元行属性 109
6.2.4 单元格属性设置 110
实例53+视频:设置单元格属性 110
6.2.5 合并单元格 112
实例54+视频:合并单元格的应用 112
6.3 了解网页框架 113
6.3.1 网页中框架的作用 113
6.3.2 了解框架结构 113
6.4 创建框架网页 113
6.4.1 创建框架集<frame>标签 113
实例55+视频 创建框架网页 114
6.4.2 调整框架比例 115
实例56+视频:固定框架页面尺寸 115
6.4.3 设置框架边框 116
实例57+视频:显示框架页面边框 116
6.4.4 设置框架滚动条 117
实例58+视频:显示框架页面滚动条 117
6.5 IFrame框架 118
6.5.1 插入IFrame框架 119
实例59+视频:在网页中嵌入IFrame框架页面 119
6.5.2 Frame框架属性 120
实例60+视频:设置IFrame框架属性 120
6.6 本章小结 121
 第7章 使用表单 122
7.1 了解网页表单 122
7.1.1 网页表单的作用 122
7.1.2 网页表单<form>标签 122
7.1.3 表单的数据传递方式method属性 123
7.2 插入表单元素 123
7.2.1 文本字段text 123
实例61+视频:插入单行文本框 123
7.2.2 密码字段password 124
实例62+视频:插入密码框 125
7.2.3 文本区域textarea 126
实例63+视频:插入多行文本框 126
7.2.4 隐藏域hidden 127
实例64+视频:插入隐藏域 127
7.2.5 复选框checkbox 128
实例65+视频:插入复选框 128
7.2.6 单选按钮radio 129
实例66+视频:插入单选按钮 129
7.2.7 列表/菜单 130
实例67+视频:插入下拉列表 131
7.2.8 图像域image 131
实例68+视频:插入图像域 132
7.2.9 文件域file 133
实例69+视频:插入文件域 133
7.2.10 按钮button 134
实例70+视频:插入按钮 134
7.3 本章小结 135
 第8章 CSS基础 136
8.1 为什么要使用CSS样式 136
8.1.1 什么是CSS样式 136
8.1.2 CSS样式的发展 136
8.1.3 CSS样式在网页中的作用 137
8.2 CSS样式语法 138
8.2.1 CSS样式基本语法 138
8.2.2 CSS的样式规则 139
8.3 CSS样式选择符 139
8.3.1 通配选择符 139
实例71+视频:使用通配选择符控制网页中所有的标签 140
8.3.2 标签选择符 141
实例72+视频:使用标签选择符控制网页整体属性 141
8.3.3 类选择符 142
实例73+视频:创建类CSS样式 143
8.3.4 ID选择符 144
实例74+视频:创建ID CSS样式 144
8.3.5 伪类选择符 145
实例75+视频:定义网页中超链接文字效果 146
8.3.6 组合选择符 147
实例76+视频:创建复合CSS样式 147
8.3.7 群选择符 148
实例77+视频:使用群选择符同时定义网页中的元素样式 148
8.4 在网页中应用CSS的4种方式 150
8.4.1 内联CSS样式 150
实例78+视频:创建内联CSS样式 150
8.4.2 内部CSS样式 151
实例79+视频:创建内部CSS样式 151
8.4.3 外部CSS样式 153
实例80+视频: 链接外部CSS样式表文件 153
8.4.4 导入外部CSS样式 154
实例81+视频: 导入外部CSS样式表文件 155
8.5 CSS样式的特性 156
8.5.1 CSS样式的继承性 156
8.5.2 CSS样式的特殊性 156
8.5.3 CSS样式的层叠性 157
8.5.4 CSS的重要性 157
8.6 本章小结 158
 第9章 CSS布局 159
9.1 创建Div 159
9.1.1 了解Div 159
9.1.2 如何插入Div 160
9.2 什么是CSS盒模型 161
9.2.1 可视化盒模型 161
9.2.2 margin属性 162
实例82+视频:控制网页中元素的margin属性 162
9.2.3 border属性 163
实例83+视频:为网页中的图像添加边框效果 164
9.2.4 padding属性 165
实例84+视频:为网页元素设置填充效果 165
9.2.5 content(内容)部分 166
9.3 网页元素定位属性 166
9.3.1 CSS定位属性 166
9.3.2 相对定位relative 167
实例85+视频:在网页中使用相对定位 167
9.3.3 绝对定位absolute 168
实例86+视频:设置网页元素绝对定位 168
9.3.4 固定定位fixed 169
实例87+视频:设置网页元素固定定位 170
9.3.5 浮动定位float 171
实例88+视频:在网页中应用浮动定位 171
9.3.6 空白边叠加 173
实例89+视频:网页中空白边叠加的应用 173
9.4 常用网页布局方式 175
9.4.1 居中的布局 175
9.4.2 浮动的布局 176
9.4.3 自适应高度的解决方法 179
9.5 什么是块元素和行内元素 180
9.5.1 块元素 180
9.5.2 行内元素 181
9.6 本章小结 181
 第10章 CSS样式属性 182
10.1 使用CSS控制文字样式 182
10.1.1 字体font-family属性 182
实例90+视频:定义网页中的字体 182
10.1.2 字体大小font-size属性 184
实例91+视频:定义网页中的字体大小 184
10.1.3 字体颜色color属性 185
实例92+视频:定义网页中的文字颜色 186
10.1.4 字体粗细font-weight属性 187
实例93+视频:定义网页中的字体加粗 187
10.1.5 字体样式font-style属性 188
实例94+视频:定义网页中文字的倾斜样式 189
10.1.6 英文字体大小写text-transform属性 190
实例95+视频:定义网页中的英文字母大小写 190
10.1.7 文字修饰text-decoration属性 191
实例96+视频:为网页中的文字添加下划线、顶划线和删除线效果 191
10.2 使用CSS控制字间距和段落样式 193
10.2.1 字间距word-spacing属性 193
实例97+视频:设置段落文本字间距 193
10.2.2 行间距line-height属性 194
实例98+视频:设置网页中的文本行间距 194
10.2.3 段落首字下沉 195
实例99+视频: 在网页中实现段落文字首字下沉 195
10.2.4 段落首行缩进text-indent属性 196
实例100+视频:在网页中实现段落首行缩进效果 197
10.2.5 段落水平对齐text-align属性 198
实例101+视频:设置网页中文本居中对齐 198
10.2.6 文本垂直对齐vertical-align属性 199
实例102+视频:设置网页中文本垂直对齐 199
10.3 使用CSS控制背景颜色和背景图像 201
10.3.1 背景颜色background-color属性 201
实例103+视频:设置网页的背景颜色 201
10.3.2 背景图像background-image属性 202
实例104+视频:为网页设置背景图像 202
10.3.3 背景图像重复方式background-repeat属性 204
实例105+视频:设置网页背景图像重复 204
10.3.4 背景图像位置background-position属性 206
实例106+视频:设置网页背景图像位置 206
10.3.5 固定背景图像background-attachment属性 207
实例107+视频:设置网页中的背景图像固定不动 208
10.4 使用CSS设置图片样式 209
10.4.1 边框border属性 209
实例108+视频:设置网页中图像边框效果 209
10.4.2 图片缩放 211
实例109+视频:设置网页中图片缩放效果 211
10.4.3 图片水平对齐与垂直对齐 213
10.5 使用CSS设置列表属性 214
10.5.1 ul无序列表样式 214
实例110+视频:设置网页中的项目列表 214
10.5.2 ol有序列表样式 215
实例111+视频:定义网页中的有序列表 216
10.5.3 更改列表项目样式 217
实例112+视频:设置独立的项目列表样式 217
10.5.4 使用图片作为列表样式 218
实例113+视频:设置项目符号为自定义图像 218
10.5.5 定义列表 219
实例114+视频:设置定义列表样式 220
10.6 使用CSS控制表单元素 221
10.6.1 表单元素的背景颜色 221
实例115+视频:使用CSS样式定义文本框背景颜色 221
10.6.2 表单元素的边框 222
实例116+视频:使用CSS样式定义文本框的边框效果 222
10.6.3 圆角文本字段 223
实例117+视频:使用CSS样式实现圆角文本字段效果 223
10.6.4 定义下拉列表样式 224
实例118+视频:实现多彩下拉列表效果 225
10.7 使用CSS控制超链接效果 226
实例119+视频:设置文本超链接效果 226
10.8 设置鼠标指针效果 228
10.8.1 鼠标指针样式 228
实例120+视频:使用CSS样式定义网页鼠标指针效果 228
10.8.2 鼠标变幻效果 229
实例121+视频:使用CSS样式实现鼠标变换效果 229
10.9 使用CSS滤镜 230
10.9.1  Alpha滤镜 231
实例122+视频:实现网页元素半透明效果 231
10.9.2 BlendTrans滤镜 233
实例123+视频: 实现网页中的图像过渡效果 233
10.9.3 Blur滤镜 234
实例124+视频:实现网页中图像的模糊效果 235
10.9.4 Chroma滤镜 236
实例125+视频:实现网页中文字透底效果 236
10.9.5 DropShadow滤镜 237
实例126+视频:实现网页中图像的阴影效果 237
10.9.6 FlipH滤镜 238
实例127+视频:实现网页元素的水平翻转 239
10.9.7 FlipV滤镜 240
实例128+视频:实现网页元素的垂直翻转 240
10.9.8 Glow滤镜 241
实例129+视频:为网页中的文字添加发光效果 241
10.9.9 Gray滤镜 242
实例130+视频:将网页转换为黑白效果 242
10.9.10 Invert滤镜 243
实例131+视频:实现网页的负片效果 243
10.9.11 Light滤镜 244
实例132+视频:在网页中实现聚光灯特效 245
10.9.12 Mask滤镜 246
实例133+视频:在网页中实现文字遮罩 246
10.9.13 RevealTrans滤镜 247
实例134+视频:实现网页中的图像切换效果 247
10.9.14  Shadow滤镜 248
实例135+视频:为网页中的元素添加阴影效果 249
10.9.15  Wave滤镜 250
实例136+视频:实现网页中图像的波浪效果 250
10.9.16  Xray滤镜 251
实例137+视频:实现网页中图像的X光照效果 251
10.10 本章小结 252
 第11章 CSS 3属性 253
11.1 CSS 3中新增的选择符 253
11.1.1 属性选择符 253
11.1.2 结构伪类选择符 254
11.1.3 UI元素状态伪类选择符 255
11.2 CSS 3中的弹性盒子模型 255
11.2.1 盒子取向box-orient属性 255
11.2.2 盒子顺序box-direction属性 256
11.2.3 盒子位置box-ordinal-group属性 256
11.2.4 盒子弹性空间box-flex属性 256
11.2.5 盒子空间管理box-pack和box-align属性 256
11.2.6 盒子空间溢出管理box-lines属性 257
11.3 新增的定义颜色方法 257
11.3.1 HSL颜色定义法 257
实例138+视频:使用HSL方式定义背景颜色 258
11.3.2 HSLA颜色定义方法 259
实例139+视频:使用HSLA方式定义网页元素背景色 259
11.3.3 RGBA颜色定义方法 260
实例140+视频:使用RGBA方式设置颜色 260
11.4 新增的文字控制属性 261
11.4.1 文字阴影text-shadow属性 261
实例141+视频:为网页中的文字添加阴影 262
11.4.2 控制文本换行word-wrap属性 263
实例142+视频:强制网页中的文本换行 263
11.4.3 文本溢出处理 text-overflow属性 264
实例143+视频:控制网页中的溢出文本 265
11.5 新增背景控制属性 266
11.5.1 背景图像大小 background-size属性 266
实例144+视频:设置背景图像大小 267
11.5.2 背景图像显示区域background-origin属性 268
实例145+视频:控制网页中背景图像的显示区域 269
11.5.3 背景图像裁剪区域background-clip属性 270
实例146+视频:控制网页中背景图像的裁剪 270
11.6 新增边框控制属性 271
11.6.1 多重边框颜色border-colors属性 271
实例147+视频:为网页中的图像添加多种颜色边框 271
11.6.2 圆角边框border-radius属性 273
实例148+视频:在网页中实现圆角边框 273
11.6.3 图像边框border-image属性 274
实例149+视频:在网页中应用图像边框 275
11.7 新增的内容属性和透明度属性 276
11.7.1 内容content属性 276
实例150+视频:为网页中的容器赋予文字内容 277
11.7.2 透明度opacity属性 278
实例151+视频:设置网页中元素的不透明度 278
11.8 新增的多列布局属性 279
11.8.1 列宽度column-width属性 279
实例152+视频:为网页中的文本实现分栏效果 279
11.8.2 列数column-count属性 280
实例153+视频:将网页中相应的内容分为3列 281
11.8.3 列间距column-gap属性 282
实例154+视频:控制网页中分列间距 282
11.8.4 列边框column-rule 283
实例155+视频:设置网页中的列边框效果 283
11.9 新增界面相关属性 285
11.9.1 元素阴影box-shadow属性 285
实例156+视频:为网页中的图像添加阴影效果 285
11.9.2 内容溢出处理overflow属性 286
实例157+视频:网页中内容溢出处理 286
11.9.3 区域缩放调节resize 288
实例158+视频:在网页中实现可自由缩放的区域 288
11.9.4 轮廓外边框outline 289
实例159+视频:为网页中的图像添加轮廓外边框 290
11.9.5 导航序列号nav-index 291
11.10 CSS 3中其他新增属性 291
11.10.1 判断对象@media属性 292
实例160+视频:判断浏览器窗口宽度显示背景颜色 292
11.10.2 加载服务器端字体@font-face属性 293
11.11 本章小结 293
12.1 了解JavaScript 294
12.1.1 JavaScript概述 294
12.1.2 JavaScript在网页中的作用 294
12.1.3 如何在网页中应用JavaScript 295
实例161+视频:编写一个简单的JavaScript脚本 296
12.2 JavaScript语法基础 297
12.2.1 JavaScript代码格式 297
12.2.2 <script>标签声明 297
12.2.3 大小写规范 297
12.2.4 添加注释 298
12.2.5 JavaScript中的保留字 298
12.2.6 输出方法 298
实例162+视频:使用JavaScript程序在网页中输出文字 299
12.3 变量 300
12.3.1 什么是变量 300
12.3.2 变量的声明和使用 300
实例163+视频:定义并输出变量 300
12.4 数据类型 301
12.4.1 什么是数据类型 301
12.4.2 基本的数据类型 302
实例164+视频:数字类型的使用 302
12.5 运算符 303
12.5.1 运算符与表达式 304
实例165+视频:合并表达式 304
12.5.2 算术运算符 305
实例166+视频:算术运算符的应用 305
12.5.3 赋值运算符 306
实例167+视频:赋值运算符的应用 307
12.5.4 递增和递减运算符 308
实例168+视频:递增和递减运算符的应用 308
12.5.5 关系运算符 309
实例169+视频:关系运算符的应用 310
12.5.6 逻辑运算符 311
实例170+视频:逻辑运算符的应用 311
12.5.7 其他常用运算符 312
实例171+视频:条件运算符的应用 313
12.6 条件和循环语句 314
12.6.1 if条件语句 314
实例172+视频:if语句的应用 315
12.6.2 switch条件语句 316
实例173+视频:switch语句的应用 317
12.6.3 while循环语句 318
实例174+视频:while语句的应用 318
12.6.4 do…while循环语句 319
实例175+视频:do…while语句的应用 319
12.6.5 for循环语句 320
实例176+视频:for语句的应用 321
12.6.6 for…in循环语句 322
实例177+视频:for…in语句的应用 322
12.7 本章小结 323
13.1 JavaScript函数 324
13.1.1 什么是函数 324
13.1.2 函数的使用 324
实例178+视频:自定义函数的应用 325
13.1.3 函数传递参数 326
实例179+视频:使用函数传递参数 326
13.1.4 函数中变量的作用域 327
实例180+视频:了解函数中变量的作用域 327
13.1.5  函数的返回值 328
实例181+视频:接收函数返回值 328
13.1.6 函数嵌套 330
实例182+视频:函数嵌套的应用 330
13.2 声明和引用对象 331
13.2.1 对象的声明 331
实例183+视频:在JavaScript中声明对象 331
13.2.2 引用对象 333
实例184+视频:引用内置对象输出系统时间 333
13.2.3 对象属性 334
实例185+视频:设置对象属性 334
13.2.4 对象构造函数 335
实例186+视频:对象构造函数的应用 335
13.2.5 自定义对象方法 336
实例187+视频:自定义对象方法应用 336
13.3 JavaScript内置对象 338
13.3.1 date对象 338
实例188+视频:Date对象的应用 340
13.3.2 math对象 341
实例189+视频:Math对象的应用 341
13.3.3 string对象 342
实例190+视频:String对象的应用 342
13.3.4 array对象 343
实例191+视频:Array对象的应用 344
13.3.5 函数对象 345
实例192+视频:函数对象的应用 345
13.4 浏览器对象 347
13.4.1 浏览器对象navigator 347
实例193+视频:navigator对象的应用 347
13.4.2 窗口对象window 349
实例194+视频:window对象的应用 349
13.4.3 位置对象location 350
实例195+视频:location对象的应用 351
13.4.4 历史对象history 352
实例196+视频:history对象的应用 352
13.4.5 屏幕对象screen 353
实例197+视频:screen对象的应用 354
13.4.6 文档对象document 355
实例198+视频:document对象的应用 355
13.5 本章小结 356
14.1 了解JavaScript事件 357
14.1.1 了解JavaScript事件处理 357
14.1.2 HTML元素常用事件 358
14.1.3 常用事件方法 359
14.2 常用事件在网页中的应用 359
14.2.1 click事件 359
实例199+视频:使用click事件实现关闭网页窗口 359
14.2.2 change事件 361
实例200+视频:change事件在网页表单中的应用 361
14.2.3 select事件 362
实例201+视频:在网页中使用select事件 362
14.2.4 focus事件 363
实例202+视频:focus事件在网页中的应用 363
14.2.5 load事件 364
实例203+视频:load事件在网页中的应用 364
14.2.6 鼠标移动事件 365
实例204+视频:在网页中应用鼠标移动事件 365
14.2.7 onblur事件 367
实例205+视频:onblur事件在网页中的应用 367
14.3 其他常用事件 368
14.4 本章小结 369
 第15章 JavaScript应用实例 370
15.1 JavaScript实现可选择字体大小 370
实例206+视频:实现选择大小 370
15.2 JavaScript实现图像滑动切换效果 372
实例207+视频:实现图像滑动效果 372
15.3 JavaScript实现滚动宣传广告 376
实例208+视频:滚动宣传广告 377
15.4 实现下拉导航菜单 388
实例209+视频:下拉导航菜单 388
15.5 制作选项卡式栏目 390
实例210+视频:使用制作项卡式栏目 390
15.6 实现网页伸缩栏目 394
实例211+视频:网页伸缩栏目 394
15.7 本章小结 398

序言
随着Internet信息技术的发展,网页设计与制作技术已经成为使用网络的用户必备的知识技能。现如今,大部分制作网页的方式都是运用可视化网页编辑软件,这些软件的功能相当强大。但对于高级的网页制作人员来讲,仍然需要掌握HTML、CSS和JavaScript等网页设计语言和技术,从而更好地设计自己所想象的页面,以实现一般网页设计软件所不能实现的许多重要功能。
本书要求读者边学习边实践,几乎每个重要的知识点都有实例练习供读者参考,避免学习知识的表面仅限于理论。技术学习的关键是方法,本书在很多实例中体现了方法的重要性,读者只要掌握了各种技术的运用方法,在学习更深入的知识时,可大大提高自学的效率。
本书内容
本书以实例为主,以循序渐进的方式讲述了网页制作技术从基本概念到HTML页面制作、CSS样式和JavaScript程序的动态行为。本书共分为15章,内容丰富,结构清晰,各章内容介绍如下。
第1章 网页建设基础,主要介绍了网页建设的相关基础知识,包括因特网本质、网页与网站、网站建设常用软件和HTML、CSS与JavaScript结合等内容,使读者对网站建设有全面的了解和认识。
第2章 HTML、XHTML与HTML 5基础,重点介绍了HTML与XHTML的相关基础知识,如HTML与XHTML的区别,还介绍了有关HTML 5的知识,使读者对最新的HTML 5有所了解。
第3章 HTML控制网页整体属性,介绍了如何在HTML中对网页头部的<head>标签和网页主体<body>标签进行设置,从而达到控制网页整体属性的目的。
第4章 文字与图片设置,文字与图片是网页中不可或缺的基本元素,本章主要介绍在HTML中对网页中的文字、段落、列表、图像和超链接进行控制的方法和属性,这些都属于对网页基本元素的控制,读者需要细心体会,认真掌握。
第5章 多媒体的应用,随着网络的发展,网页中多媒体的应用也越来越多,本章主要介绍了如何在网页中应用各种不同类型的多媒体元素,从而使网页更加美观。
第6章 表格与框架设置,主要介绍了如何在HTML中对表格和框架进行设置,通过对其相关属性的设置,可以使页面中的表格更加美观,从而轻松自如地在网页中应用框架。
第7章 使用表单,表单是网页交互的重要途径,本章主要介绍如何通过HTML在网页中插入各种不同类型的表单元素,以及对表单元素属性进行设置。
第8章 CSS基础,主要介绍有关CSS样式的基础知识,包括CSS样式的作用、CSS样式语法、应用CSS样式的方式和CSS选择符等内容,使读者对CSS样式有全面的认识和理解。
第9章 CSS布局,CSS布局是目前最流行的网页布局方式,本章主要介绍CSS布局的相关知识,包括CSS盒模型、常用的CSS定位方式和常用的CSS布局方式等内容。
第10章 CSS样式属性,本章是CSS样式的重点,主要介绍CSS样式中几乎所有的属性,包括CSS文字属性、CSS段落属性、CSS背景属性、CSS列表属性和CSS滤镜等内容。本章内容较多,也非常重要,读者需要认真地理解并掌握。
第11章 CSS 3属性,在CSS 3中增加了许多新的控制属性,通过这些新增的控制属性,在网页中能够实现许多特殊的效果。本章重点介绍CSS 3的新增属性,并且通过实例练习的形式进行举例说明,使读者更容易掌握和应用。
第12章 JavaScript入门,介绍了JavaScript的相关基础知识,包括JavaScript在网页中的作用、JavaScript语法基础、变量、数据类型、常用运算符、条件与循环语句等内容,使读者能够深入地了解JavaScript。
第13章 JavaScript中的函数与对象,介绍了JavaScript中函数与对象的概念,以及在JavaScript中如何使用函数,并且介绍了JavaScript中的内置对象及其使用方法。
第14章 JavaScript中的事件,介绍了JavaScript事件的概念以及常用事件,并且通过实例练习的形式介绍了常用HTML事件的使用方法和技巧。
第15章 JavaScript应用实例,列举了多个在网页中常见的JavaScript特效实例进行分析讲解,使读者能够快速掌握网页中常见特殊的实现方法。
本书特点
本书形式新颖、内容丰富、结构清晰,不仅包含了网页前台技术的各种概念和理论知识,而且对多种知识的综合应用进行了讲解,本书将知识门槛定于初级读者,以大量简单明了的实例进行示范和讲解。
本书主要有以下特点:
知识全面,系统。本书内容完全从网页创建的实际角度出发,将HTML、CSS和JavaScript的元素进行归类,每个标签的语法、属性和参数都有完整详细的说明,信息量大,知识结构完善。
本书的编排采用循序渐进的方式 ,所有实例练习都具有代表性,着重解决网页相关工作中的实际问题,适合初学者逐步地掌握复杂的网页制作。
典型实例讲解。每章都配有大量的实例练习,将基础知识综合贯穿起来,力求达到理论知识与实际操作完美结合的效果。
本书由具有丰富工作经验的设计师编写,在每个实例后都配有相关的提问和解答,可见设计师的用心设计,旨在引导读者能够快速地掌握HTML、CSS样式和JavaScript。
本书配套的多媒体教学光盘中提供了书中所有实例的视频教程,以及所有实例的源文件及最终文件,方便读者制作出和本书实例一样精美的效果。
本书作者
本书由杨阳编著,另外李晓斌、张晓景、解晓丽、孙慧、程雪翩、王媛媛、胡丹丹、刘明秀、陈燕、王素梅、杨越、王巍、范明、刘强、贺春香、王延楠、于海波、肖阂、张航、罗廷兰等也参与了编写工作。本书在写作过程中力求严谨,由于水平有限,疏漏之处在所难免,望广大读者批评指正。

编 者

购买书籍

当当网购书 京东购书 卓越购书

PDF电子书下载地址

相关书籍

搜索更多