新書推薦:
《
剑桥日本戏剧史(剑桥世界戏剧史译丛)
》
售價:NT$
918.0
《
中国高等艺术院校精品教材大系:材料的时尚表达??服装创意设计
》
售價:NT$
347.0
《
美丽与哀愁:第一次世界大战个人史
》
售價:NT$
653.0
《
国家豁免法的域外借鉴与实践建议
》
售價:NT$
857.0
《
大单元教学设计20讲
》
售價:NT$
347.0
《
儿童自我关怀练习册:做自己最好的朋友
》
售價:NT$
316.0
《
高敏感女性的力量(意大利心理学家FSP博士重磅力作。高敏感是优势,更是力量)
》
售價:NT$
286.0
《
元好问与他的时代(中华学术译丛)
》
售價:NT$
398.0
|
編輯推薦: |
本书通过全程案例详解HTML 5 CSS 3 JavaScript技术,引导读者快速掌握Web前端开发技术。
|
內容簡介: |
无论是网页的前端还是移动App的前端都离不开HTML+CSS+JavaScript,而学习这3门技术的基本要求就是多动手操作和多练习页面实例。本书通过实例的方式讲解前端基础,旨在帮助读者从一位网页开发初学者跃升为真正的前端开发人员。 本书分为30章,内容包括网页前端开发和移动端开发的一些必备知识,涵盖常用的表单、图片、按钮、链接、背景、动画、布局、3D、移动开发、触屏开发等技术,涉及HTML、HTML 5、CSS 2、CSS 3、JavaScript等现代前端开发常用的技术。 本书内容简洁明了、代码精练、重点突出、实例丰富、语言通俗易懂、原理清晰明白,是广大网页开发初学者的必备选择。本书对想迅速了解跨平台网页代码处理技巧的前端开发人员有重要的指导意义。
|
關於作者: |
丁亚飞,大连海事大学计算机科学与技术专业硕士。本人主要从事网站建设、软件工程,人工智能、物联网方面的研究,出版过多本网页开发与网站开发类专著。
|
目錄:
|
目 录
篇 HTML篇
第1章 HTML页面概述 2
1.1 移动网页和普通网页的基本结构 2
1.2 HTML网页类型(HTML 4、HTML 5) 3
1.3 定义中文网页 4
1.4 网页的标题 5
1.5 移动页面的meta元素 6
1.6 文档头部 9
1.7 文档主体 9
1.8 指定外部样式表 10
1.9 利用资源的预加载提升用户体验 13
1.10 载入外部脚本库 14
1.11 延迟脚本执行 15
1.12 异步执行脚本 16
第2章 头部meta元素 21
2.1 定义页面关键字 21
2.2 设置页面描述 22
2.3 设置作者信息 23
2.4 限制搜索方式 24
2.5 网页语言与文字 26
2.6 定时跳转移动页面 27
2.7 设置网页缓存过期时间 28
2.8 禁止从缓存中调用 29
2.9 删除过期的Cookie 31
第3章 标记文字 32
3.1 标题 32
3.2 表示关键字和产品名称 36
3.3 强调 37
3.4 表示外文词语或科技术语 39
3.5 表示重要的文字 40
3.6 表示不正确或校正 41
3.7 为文字添加下画线 42
3.8 添加小号字体内容 43
3.9 添加上标和下标 44
3.10 强制换行 46
3.11 指明可以安全换行的建议位置 47
3.12 表示输入和输出、、和 48
3.13 突出显示文本 53
第4章 显示图像 55
4.1 页面中图像的格式 55
4.2 页面中图像的压缩形式 56
4.3 常用的 57
4.4 语义化带标题的图片 58
4.5 移动端提前载入图片 60
4.6 图像区域映射 61
4.7 移动网页使用base64:URL格式的图片 63
第5章 超链接 67
5.1 超链接的类型 68
5.2 相对路径和路径 68
5.3 生成页面内超链接 69
5.4 图像链接 71
5.5 移动端电子邮件链接 72
第6章 组织文字内容 74
6.1 段落 74
6.2 页面主题的结构化布局 76
6.3 添加主题分隔线 79
6.4 输出有顺序关系的内容 80
6.5 使用无序列表输出内容 81
6.6 使用自定义列表输出内容 82
6.7 使用列表项 84
6.8 使用菜单列表 85
6.9 使用下拉列表 85
6.10 在页面中输出对话 87
第7章 划分文档结构 89
7.1 添加基本的标题 90
7.2 隐藏子标题hgroup 91
7.3 生成节 92
7.4 为区域添加头部和尾部 95
7.5 添加导航区域 97
7.6 在页面中输出文章 99
7.7 生成附注栏 100
7.8 在页面输出联系人信息 102
7.9 生成详情区域 103
第8章 多媒体文件 105
8.1 使用多媒体打造丰富的视觉效果 105
8.2 全面兼容移动端的video 106
8.3 嵌入来自其他网页的视频 108
8.4 在移动端嵌入一个网页 109
8.5 文字的滚动 111
8.6 为视频添加字幕 111
8.7 获取播放时长和当前播放时间 113
8.8 播放视频时截屏 116
8.9 带海报的视频 117
第9章 表格 119
9.1 生成基本的表格 119
9.2 让表格没有凹凸感 123
9.3 添加表头 125
9.4 为表格添加结构 126
9.5 制作不规则的表格 129
9.6 正确地设置表格列 131
9.7 设置表格边框 134
9.8 其他表格设计 139
第10章 表单与文件 147
10.1 制作基本表单 147
10.2 禁用单个input元素 150
10.3 关闭输入框的自动提示功能 151
10.4 定制input元素 151
10.5 生成隐藏的数据项 152
10.6 输入验证 153
10.7 生成按钮 155
10.8 使用表单外的元素 156
10.9 显示进度 156
10.10 密钥对生成器 157
10.11 HTML 5调用手机拍照或相册 157
第11章 网页中的框架 159
11.1 在页面中使用iframe 159
11.2 设置iframe透明背景色 161
11.3 移动浏览器下的iframe宽度自适应 161
11.4 在Safari浏览器中实现iframe滚动条 162
11.5 一个完整的响应式iframe 162
第12章 HTML 5 Canvas 164
12.1 在页面中使用Canvas元素 164
12.2 使用路径和坐标 165
12.3 绘制弧形和圆形 169
12.4 使用纯色填充图形 171
12.5 使用渐变色填充图形 173
12.6 在画布中绘制文本 175
12.7 将画布输出为PNG图片文件 178
12.8 在复杂场景使用多层画布 180
12.9 使用requestAnimationFrame制作游戏或动画 180
12.10 如何显示满屏Canvas 182
12.11 Canvas圆环进度条 183
第13章 HTML 5地理定位 186
13.1 使用navigator对象 186
13.2 获取当前位置 189
13.3 使用腾讯地图开放平台获取当前位置 191
第14章 HTML 5本地存储 193
14.1 在客户端存储数据 193
14.2 检查HTML 5存储支持 194
14.3 利用localStorage进行本地存储 194
14.4 利用localStorage存储JSON对象 197
14.5 利用localStorage记录用户表单输入 197
14.6 在localStorage中存储图片 201
14.7 在localStorage中存储文件 203
14.8 使用localForage进行离线存储 205
14.9 利用sessionStorage进行本地存储 206
第15章 HTML 5应用缓存 210
15.1 使用cache manifest创建页面缓存 210
15.2 离线Web网页或应用 213
15.3 删除本地缓存 214
15.4 更新缓存文件 215
15.5 使用HTML 5离线应用程序缓存事件 216
第16章 HTML 5移动开发 221
16.1 在手机上打电话或发短信 221
16.2 设置iPhone书签栏图标 223
16.3 HTML 5相册 226
第二篇 CSS篇
第17章 文字与字体 230
17.1 在网页中使用自定义字体 230
17.2 文本缩进和首字符下沉 232
17.3 自定义文本被选中时的样式 234
17.4 文本对齐 234
17.5 调整文字、字符的间距 235
17.6 文本的装饰 236
17.7 文字阴影 237
17.8 文字毛玻璃效果 237
17.9 金属质感文字 238
17.10 隐藏文本 238
17.11 文字旋转 239
第18章 边框和图片 240
18.1 边框新属性 240
18.2 搜索框 247
18.3 微博发布框 250
18.4 拍立得效果框 255
18.5 CSS 3动画边框 256
18.6 边框移动特效 261
18.7 Banner图片的标签 263
18.8 黑白图片 264
18.9 图片水印 265
18.10 图片细节放大展示 266
18.11 图片的瀑布流 271
18.12 图片墙 274
18.13 图片轮播图 277
18.14 幻灯片 287
18.15 手风琴效果 291
18.16 图片自适应 292
18.17 使用纯CSS绘制图像 293
18.18 图片原地放大 297
18.19 图片翻转 299
第19章 按钮和链接 300
19.1 圆角按钮 300
19.2 简单导航栏 304
19.3 二级导航栏 306
19.4 三级导航栏 308
19.5 滑动菜单 310
19.6 网页右键菜单 312
19.7 下拉菜单 315
19.8 CSS 3圆形导航菜单 318
19.9 标签云 322
19.10 TAB标签页 322
19.11 选中文字分享 325
19.12 链接百叶窗效果 326
19.13 iPhone开关 328
19.14 按钮式单选框与复选框 330
19.15 文字变链接 332
19.16 根据文件格式设置链接图标 333
第20章 背景和颜色 334
20.1 颜色和渐变的基础 334
20.2 高光效果 338
20.3 多背景 339
20.4 全屏背景 340
20.5 斑马线背景 341
20.6 棋盘背景 342
20.7 易拉罐效果 345
20.8 页面顶部阴影 347
第21章 变换与动画 348
21.1 CSS 3变换与动画的基础 348
21.2 纸张边角动画效果 356
21.3 气泡式提示 364
21.4 对联广告 365
21.5 页面loading效果 367
21.6 进度条 368
21.7 苹果系统的Stack特效 372
21.8 扇形展开 375
第22章 盒子与3D 381
22.1 CSS 3盒模型 381
22.2 内层CSS 3盒阴影 383
22.3 外层CSS 3盒阴影 384
22.4 3D文字 385
22.5 3D图片 387
22.6 3D下拉菜单 393
22.7 3D旋转动画 398
第三篇 JavaScript篇
第23章 JavaScript入门必知 402
23.1 如何在HTML中调用JavaScript代码 402
23.1.1
|
內容試閱:
|
前 言
读懂本书
当前跨平台、跨多端网页的困局是什么?
手机、平板电脑、PC等设备给网页开发带来了量的突变。Chrome、Safari、Firefox、微信浏览器等终端给网页开发新增了不少难度。
网页技术近年来有什么发展?
HTML 5、Node.JS、PWA等新生技术为网页开发带来了质的飞跃。同时,4G的普及和5G的发展为更多带宽提供了可能,我们可以使用一些新的炫彩3D动画技术。
为什么还要学习HTML CSS JavaScript?
Web App、移动网页、轻App、Native App、桌面App等各种展现形式,这一切都离不开HTML CSS JavaScript技术。
本书适合你吗?
本书立足于跨平台、跨终端的HTML CSS JavaScript开发技术,对移动开发、触屏技术、各种浏览器判断都给出了技术解决方案,是一本学习如何搭建跨平台页面的普及教程。如果你想学习如何开发和设计网页,想了解多平台、跨终端的网页技术,本书就非常适合你。
本书涉及的技术或框架
HTML HTML 5 CSS 2
CSS 3 JavaScript jQuery
jQuery Mobile Chrome浏览器调试 移动端触屏
本书特点
1.根据需要选择
本书分为3篇,共30章,HTML篇(第1~16章)包含表单、图片、媒体、页面特效、SVG、Canvas等内容;CSS篇(第17~22章)包含文字、图片、按钮、背景、动画、布局、装饰、3D等内容;JavaScript篇(第23~30章)包含表单、图片、页面特效、移动开发、触屏开发等内容。全书提供近500段代码,前后没有关联,让读者可以根据自己的技术弱点来选择性阅读。
2.全面支持HTML 5标准
本书每段代码都是在HTML 5标准下测试通过的,适应当前所有设备,并针对某些浏览器具体的差异性给出兼容解决方案。
3.解释清晰,原理结合实践
HTML CSS JavaScript虽然语法简单,但是很多读者可能不知效果从何做起,本书配备简单易懂的代码和解释,从效果的实现原理方面进行了剖析,使读者不仅能知其然,更能知其所以然。
4.真实世界的HTML CSS JavaScript代码
所有代码段不仅提供语法,还有实际场景的代入,符合现代Web应用,培养读者编码的兴趣,奠定编码的自信心。
源代码下载
本书配套示例源代码可扫描右侧的二维码获得。
如果下载有问题,请联系booksaga@163.com,邮件主题为“HTML 5
CSS 3 JavaScript案例实战”。
本书读者
? 网页与移动网页开发人员
? JavaScript开发初学者
? 前端开发初学者
? 网页美工人员
? 中小型企业网站搭建开发者
? 大中专院校和各种IT培训学校的学生
? 网站后台开发人员(PHP、JSP、Java、ASP.NET开发人员)
? 网站建设与网页设计的相关威客兼职人员
作者与致谢
本书第1、2篇由平顶山学院的丁亚飞编写,第3篇由薛燚编写。
封面照片由蜂鸟网的摄影家ptwkzj先生友情提供,在此表示衷心感谢。
作 者
2020年1月
|
|