新書推薦:
![时刻人文中国梦境:公元前300年公元800年](http://103.6.6.66/upload/mall/productImages/24/26/9787547323762.jpg)
《
时刻人文中国梦境:公元前300年公元800年
》
售價:HK$
89.7
![出去一趟,还是家里舒服](http://103.6.6.69/upload/mall/productImages/y24/8/9787521766288.jpg)
《
出去一趟,还是家里舒服
》
售價:HK$
56.4
![阿根廷史:从昔日辉煌到现代迷思](http://103.6.6.66/upload/mall/productImages/24/26/9787547322512.jpg)
《
阿根廷史:从昔日辉煌到现代迷思
》
售價:HK$
112.7
![神话学理论](http://103.6.6.66/upload/mall/productImages/24/28/9787100222150.jpg)
《
神话学理论
》
售價:HK$
98.9
![返璞归真:考古纠错的中国史](http://103.6.6.66/upload/mall/productImages/24/27/9787519916794.jpg)
《
返璞归真:考古纠错的中国史
》
售價:HK$
101.2
![制造不平等:英国社会的分化与冲突](http://103.6.6.66/upload/mall/productImages/24/27/9787500883258.jpg)
《
制造不平等:英国社会的分化与冲突
》
售價:HK$
52.9
![桌面屠夫合集(全2册)](http://103.6.6.66/upload/mall/productImages/24/28/9787213114878.jpg)
《
桌面屠夫合集(全2册)
》
售價:HK$
271.4
![南宋吉州的士大夫与宗族、地域社会](http://103.6.6.66/upload/mall/productImages/24/27/9787540376512.jpg)
《
南宋吉州的士大夫与宗族、地域社会
》
售價:HK$
112.7
|
編輯推薦: |
HTML5、CSS3和JavaScript技术是网页设计的精髓。读者通过对本书实例和综合案例的学习与演练,可以快速掌握所学的知识,提高网页设计的实战能力。本书配套示例源代码、PPT课件与同步教学视频。
|
內容簡介: |
HTML5、CSS3和JavaScript技术是网页设计的精髓。通过对本书实例和综合案例的学习与演练,读者可以尽快掌握上述技术,提高网页设计的实战能力。本书配套示例源代码、PPT课件与同步教学视频。 本书共分18章。内容包括HTML5快速入门,文本、图像和超链接,创建表格和表单,CSS快速入门, CSS3字体与段落属性,CSS3美化表格和表单样式,CSS3美化图像,CSS3美化背景与边框,JavaScript概述,JavaScript语言基础,JavaScript内置对象,JavaScript对象编程,JavaScript操纵CSS3,HTML5绘制图形,HTML5中的音频和视频,地理定位、离线Web应用和Web存储,开发企业门户网站,开发响应式购物网站。 本书内容丰富、讲解细致,适合Web前端开发初学者;对于从事网站美工工作的读者而言,是一本必不可少的工具书;对于从事Web系统开发的读者来说,也是一本难得的参考手册。本书也适合作为高等院校Web前端开发课程的教材或教学参考书。
|
關於作者: |
王英英,从事Web应用开发多年,精通多种编程语言,对数据库技术有深入研究。在Python编程、数据库开发方面有着丰富的经验,并已出版过多本相关畅销书,受广大读者熟悉和认可。畅销书有《MySQL 5.7从零开始学(视频教学版)》《MySQL8从入门到精通(视频教学版)》等。
|
目錄:
|
2.2 文本排版 11
2.2.1 换行标签与段落标签
11
2.2.2 标题标签~ 12
2.3 文字列表 12
2.3.1 无序列表 13
2.3.2 有序列表 14
2.4 网页中的图片 14
2.4.1 使用路径 14
2.4.2 在网页中插入图像标签 16
2.5 URL的概念 17
2.5.1 URL的格式 17
2.5.2 URL的类型 18
2.6 超链接标签 18
2.6.1 设置文本和图片的超链接 19
2.6.2 超链接指向的目标类型 19
第3章 创建表格和表单 21
3.1 表格基本结构及操作 21
3.1.1 表格基本结构 21
3.1.2 合并单元格 22
3.2 设计产品报价单 25
3.3 表单基本元素的使用 27
3.4 表单高级元素的使用 31
3.4.1 url和email属性 31
3.4.2 date和times属性 32
3.4.3 number属性 33
3.4.4 range属性 33
3.4.5 required属性 34
第4章 CSS快速入门 35
4.1 CSS简介 35
4.1.1 CSS的功能 35
4.1.2 CSS的发展历史 36
4.1.3 浏览器与CSS3 36
4.2 CSS基础语法 37
4.3 在HTML5中使用CSS3的方法 37
4.4 CSS的选择器 39
4.4.1 标签选择器和全局选择器 40
4.4.2 类和ID选择器 41
4.4.3 组合选择器 42
4.4.4 伪类 43
4.4.5 属性选择器 44
4.4.6 结构伪类选择器 45
4.4.7 UI元素状态伪类选择器 46
4.5 项目实战—设计新闻菜单效果 48
第5章 CSS3字体与段落属性 51
5.1 字体属性 51
5.2 文本高级样式 54
5.2.1 阴影文本text-shadow 55
5.2.2 溢出文本text-overflow 56
5.2.3 控制换行word-wrap 57
5.3 段落属性 58
5.3.1 单词间隔word-spacing 58
5.3.2 字符间隔letter-spacing 59
5.3.3 垂直对齐方式vertical-align 60
5.3.4 水平对齐方式text-align 61
5.3.5 文本缩进text-indent 63
5.3.6 文本行高line-height 63
5.4 项目实战—设计旅游宣传网页 64
第6章 CSS3美化表格和表单样式 68
6.1 表格基本样式 68
6.1.1 表格边框样式 68
6.1.2 表格边框宽度 70
6.1.3 表格边框颜色 71
6.2 CSS3与表单 73
6.2.1 美化表单元素 73
6.2.2 美化边框样式 74
6.2.3 美化下拉菜单 76
6.3 项目实战1—设计隔行变色的表格 77
6.4 项目实战2—设计注册表单效果 80
第7章 CSS3美化图片 83
7.1 图片样式 83
7.1.1 图片边框 83
7.1.2 图片缩放 84
7.2 对齐图片 86
7.2.1 横向对齐方式 86
7.2.2 纵向对齐方式 87
7.3 图文混排 88
7.3.1 文字环绕 88
7.3.2 设置图片与文字间距 89
7.4 项目实战—美化新闻页面 90
第8章 CSS3美化背景与边框 93
8.1 背景相关属性 93
8.1.1 背景颜色 93
8.1.2 背景图片 94
8.1.3 背景图片重复 95
8.1.4 背景图片显示 96
8.1.5 背景图片的大小 98
8.1.6 背景显示区域 99
8.1.7 背景图像裁剪区域 101
8.2 边框 102
8.2.1 边框样式 102
8.2.2 边框颜色 103
8.2.3 边框线宽 104
8.2.4 边框复合属性 106
8.3 圆角边框 106
8.3.1 圆角边框属性 106
8.3.2 指定两个圆角半径 107
8.3.3 绘制四个不同圆角的边框 108
8.3.4 绘制边框种类 110
8.4 项目实战——设计公司主页 111
第9章 JavaScript概述 115
9.1 JavaScript简介 115
9.1.1 JavaScript是什么 115
9.1.2 JavaScript的发展历史 116
9.2 在HTML5文件中使用JavaScript代码 117
9.2.1 JavaScript嵌入HTML5文件 117
9.2.2 外部JavaScript文件 118
9.3 项目实战—欢迎光临网站的JavaScript程序 119
第10章 JavaScript语言基础 120
10.1 数据类型与变量 120
10.1.1 数据类型 120
10.1.2 变量 122
10.1.3 关键字与保留字 124
10.2 运算符与表达式 124
10.2.1 算术运算符与算术表达式 125
10.2.2 赋值运算符与赋值表达式 125
10.2.3 关系运算符与关系表达式 126
10.2.4 位运算符与位运算表达式 127
10.2.5 逻辑运算符与逻辑表达式 128
10.2.6 其他运算符及运算符优先级 129
10.3 流程控制语句 130
10.3.1 注释语句和语句块 130
10.3.2 选择语句 131
10.3.3 循环语句 137
10.4 函数 140
10.4.1 函数简介 140
10.4.2 定义函数 141
10.4.3 调用函数 143
10.4.4 系统函数 145
10.5 项目实战—购物简易计算器 148
第11章 JavaScript内置对象 151
11.1 字符串对象 151
11.1.1 字符串对象的创建 151
11.1.2 字符串对象的常用属性 152
11.1.3 字符串对象的常用函数 152
11.2 数学对象 154
11.2.1 数学对象的属性 154
11.2.2 数学对象的函数 155
11.3 日期对象 158
11.3.1 创建日期对象 158
11.3.2 日期对象的常用函数 159
11.3.3 日期间的运算 161
11.4 数组对象 162
11.4.1 数组对象的创建 162
11.4.2 数组对象的操作 163
11.4.3 数组对象的常用方法 165
11.5 项目实战—设计网站的随机验证码 168
第12章 JavaScript对象编程 171
12.1 文档对象模型 171
12.1.1 文档对象模型概述 171
12.1.2 在DOM模型中获得对象的方法 171
12.1.3 事件驱动 173
12.2 窗口对象 174
12.2.1 窗口概述 174
12.2.2 对话框 176
12.2.3 窗口操作 177
12.3 文档对象 179
12.3.1 文档的属性 179
12.3.2 文档中的图片 181
12.3.3 文档中的超链接 182
12.4 表单对象 183
12.4.1 form对象 183
12.4.2 form对象的属性与方法 184
12.4.3 单选与复选的使用 185
12.4.4 使用下拉菜单 187
12.5 项目实战—表单注册与表单验证 188
第13章 JavaScript操纵CSS3 193
13.1 DHTML简介 193
13.2 前台动态网页效果 194
13.2.1 动态内容 194
13.2.2 动态样式 195
13.2.3 动态定位 196
13.2.4 显示与隐藏 198
13.3 项目实战—控制表单背景色和文字提示 199
第14章 HTML5绘制图形 202
14.1 canvas概述 202
14.1.1 添加canvas元素 202
14.1.2 绘制矩形 203
14.2 绘制基本形状 204
14.2.1 绘制圆形 204
14.2.2 绘制直线 205
14.2.3 绘制贝塞尔曲线 207
14.3 绘制渐变图形 208
14.3.1 绘制线性渐变 208
14.3.2 绘制径向渐变 210
14.4 绘制变形图形 211
14.4.1 变换原点坐标 211
14.4.2 图形缩放 212
14.4.3 图形旋转 213
14.5 图形组合 214
14.6 绘制带阴影的图形 216
14.7 使用图像 217
14.7.1 绘制图像 217
14.7.2 平铺图像 218
14.7.3 裁剪图像 219
14.8 绘制文字 221
14.9 图形的保存与恢复 223
14.9.1 保存与恢复状态 223
14.9.2 保存文件 224
14.10 项目实战—绘制商标 225
第15章 HTML5中的音频和视频 227
15.1 标签 227
15.1.1 标签概述 227
15.1.2 标签的属性 228
15.1.3 音频解码器 228
15.1.4 标签浏览器的支持情况 228
15.2 标签 229
15.2.1 标签概述 229
15.2.2 标签的属性 230
15.2.3 视频解码器 230
15.2.4 标签浏览器的支持情况 230
15.3 音频和视频中的方法 231
15.3.1 canPlayType()方法 231
15.3.2 load()方法 232
15.3.3 play()方法和pause()方法 233
15.4 音频和视频中的属性 233
15.4.1 autoplay属性 234
15.4.2 buffered属性 235
15.4.3 controls属性 235
15.4.4 currentSrc属性 237
第16章 地理定位、离线Web应用和Web存储 238
16.1 获取地理位置 238
16.1.1 地理定位的原理 238
16.1.2 地理定位的函数 238
16.1.3 指定纬度和经度坐标 239
16.1.4 目前浏览器对地理定位的支持情况 240
16.2 HTML5离线Web应用 241
16.2.1 新增的本地缓存 241
16.2.2 本地缓存的管理者—manifest文件 241
16.2.3 浏览器网页缓存与本地缓存的区别 242
16.2.4 目前浏览器对离线Web应用的支持情况 242
16.3 Web存储 243
16.3.1 本地存储和Cookie的区别 243
16.3.2 在客户端存储数据 243
16.3.3 sessionStorage函数 243
16.3.4 localStorage函数 245
16.3.5 目前浏览器对Web存储的支持情况 245
第17章 开发企业门户网站 246
17.1 构思布局 246
17.1.1 设计分析 247
17.1.2 排版架构 247
17.2 模块分割 248
17.2.1 Logo与导航菜单 248
17.2.2 左侧文本介绍 250
17.2.3 右侧导航链接 252
17.2.4 版权信息 254
17.3 整体调整 254
第18章 开发响应式购物网站 256
18.1 项目概述 256
18.1.1 项目结构目录 256
18.1.2 项目效果展示 257
18.2 首页设计 258
18.2.1 设计广告栏 258
18.2.2 设计导航栏 260
18.2.3 设计轮播 261
18.2.4 设计蔬菜栏 263
18.2.5 设计干果栏 264
18.2.6 设计底部栏 267
18.3 购买页面设计 268
18.4 蔬菜展示页面设计 270
|
內容試閱:
|
HTML5 CSS3 JavaScript技术具有布局标准和样式精美的特点,成为Web 2.0众多技术中最受欢迎的网页设计技术。HTML5、CSS3和JavaScript三者的结合,使网页样式布局和美化达到了一个不可思议的高度,因此,其应用范围越来越广,包括门户网站、BBS、博客、在线影视等。本书的初衷是引领读者快速学习和掌握新的Web前端设计模式。
本书内容
第1~3章讲解HTML5快速入门,HTML5网页中的文本、图像和超链接,HTML5创建表格和表单等内容。
第4~8章讲解CSS快速入门,CSS3中文字与段落属性,CSS3设置表格和表单的样式,CSS3美化图片,CSS3美化背景与边框等内容。
第9~13章讲解JavaScript概述,JavaScript语言基础,JavaScript内置对象,JavaScript对象编程,JavaScript操纵CSS3等内容。
第14~16章讲解HTML5绘制图形,HTML5中的音频和视频,地理定位、离线Web应用和Web存储等内容。
第17~18章分别讲解一个企业门户网站和一个响应式购物网站的综合项目实战。
本书特色
知识全面:讲解由浅入深,涵盖HTML5、CSS3和JavaScript的所有知识点,便于读者循序渐进地掌握HTML5 CSS3 JavaScript网页布局技术。
图文并茂:注重操作,图文并茂。在介绍案例的过程中,每一个操作均有对应的插图。这种图文结合的方式使读者在学习过程中能够直观、清晰地看到操作的过程以及效果,便于更快地理解和掌握各个知识点。
易学易用:颠覆传统“看”书的观念,变成一本能“操作”的图书。
案例丰富:把知识点融汇于系统的案例实训当中,并且结合经典案例进行讲解和拓展,进而达到“知其然,并知其所以然”的效果。
贴心周到:本书对读者在学习过程中可能会遇到的疑难问题,以“提示”的形式进行说明,避免读者在学习的过程中走弯路。
配套资源:本书提供实例和综合实战案例的源代码、PPT课件以及同步教学视频,方便读者在实战中掌握网页布局的每一项技能,真正体现出“自学无忧”,是一本物超所值的教学用书。
读者对象
本书完整介绍HTML5 CSS3 JavaScript网页制作技术,内容丰富,条理清晰,实用性强,适合以下读者学习使用:
Web前端开发初学者。
对网页制作感兴趣的人员。
从事网站美工工作的人员。
高校Web前端开发课程的师生。
源代码、课件与教学视频下载
本书源代码、课件与教学视频请扫描下面二维码获取。如果下载有问题,请用电子邮件联系booksaga@163.com,邮件主题为“HTML5 CSS3 JavaScript前端开发从零开始学:视频教学版”。
鸣谢
本书由王英英编写,参加编写的还有刘增杰、胡同夫、刘玉萍、刘玉红。本书虽然倾注了编者的心血,但由于水平有限,书中难免有疏漏之处,欢迎广大读者批评指正。如果遇到问题或有意见和建议,请与我们联系,我们将全力提供帮助。
编 者
2022年8月
|
|