展开全部

主编推荐语

通过实例的方式讲解前端基础,旨在帮助读者从一位网页开发初学者跃升为真正的前端开发人员。

内容简介

无论是网页的前端还是移动App的前端都离不开HTML+CSS+JavaScript,而学习这3门技术的基本要求就是多动手操作和多练习页面实例。本书分为30章,内容包括网页前端开发和移动端开发的一些必备知识,涵盖常用的表单、图片、按钮、链接、背景、动画、布局、3D、移动开发、触屏开发等技术,涉及HTML、HTML 5、CSS 2、CSS 3、JavaScript等现代前端开发常用的技术。 本书内容简洁明了、代码精练、重点突出、实例丰富、语言通俗易懂、原理清晰明白,是广大网页开发初学者的必备选择。本书对想迅速了解跨平台网页代码处理技巧的前端开发人员有重要的指导意义。

目录

  • 版权信息
  • 内容简介
  • 前言
  • 第一篇 HTML篇
  • 第1章 HTML页面概述
  • 1.1 移动网页和普通网页的基本结构
  • 1.2 HTML网页类型(HTML 4、HTML 5)
  • 1.3 定义中文网页
  • 1.4 网页的标题
  • 1.5 移动页面的meta元素
  • 1.6 文档头部
  • 1.7 文档主体
  • 1.8 指定外部样式表
  • 1.9 利用资源的预加载提升用户体验
  • 1.10 载入外部脚本库
  • 1.11 延迟脚本执行
  • 1.12 异步执行脚本
  • 第2章 头部meta元素
  • 2.1 定义页面关键字
  • 2.2 设置页面描述
  • 2.3 设置作者信息
  • 2.4 限制搜索方式
  • 2.5 网页语言与文字
  • 2.6 定时跳转移动页面
  • 2.7 设置网页缓存过期时间
  • 2.8 禁止从缓存中调用
  • 2.9 删除过期的Cookie
  • 第3章 标记文字
  • 3.1 标题<hn></hn>
  • 3.2 表示关键字和产品名称<b></b>
  • 3.3 强调<em></em>
  • 3.4 表示外文词语或科技术语<i></i>
  • 3.5 表示重要的文字<strong></strong>
  • 3.6 表示不正确或校正<s></s>
  • 3.7 为文字添加下画线<u></u>
  • 3.8 添加小号字体内容<small></small>
  • 3.9 添加上标<sub></sub>和下标<sup></sup>
  • 3.10 强制换行<br/>
  • 3.11 指明可以安全换行的建议位置<wbr>
  • 3.12 表示输入和输出<code>、<var>、<samp>和<kbd>
  • 3.13 突出显示文本<mark></mark>
  • 第4章 显示图像
  • 4.1 页面中图像的格式
  • 4.2 页面中图像的压缩形式
  • 4.3 常用的<img>
  • 4.4 语义化带标题的图片
  • 4.5 移动端提前载入图片
  • 4.6 图像区域映射
  • 4.7 移动网页使用base64:URL格式的图片
  • 第5章 超链接
  • 5.1 超链接的类型
  • 5.2 相对路径和绝对路径
  • 5.3 生成页面内超链接
  • 5.4 图像链接
  • 5.5 移动端电子邮件链接
  • 第6章 组织文字内容
  • 6.1 段落
  • 6.2 页面主题的结构化布局
  • 6.3 添加主题分隔线
  • 6.4 输出有顺序关系的内容
  • 6.5 使用无序列表输出内容
  • 6.6 使用自定义列表输出内容
  • 6.7 使用列表项
  • 6.8 使用菜单列表
  • 6.9 使用下拉列表
  • 6.10 在页面中输出对话
  • 第7章 划分文档结构
  • 7.1 添加基本的标题
  • 7.2 隐藏子标题hgroup
  • 7.3 生成节<section>
  • 7.4 为区域添加头部和尾部
  • 7.5 添加导航区域
  • 7.6 在页面中输出文章
  • 7.7 生成附注栏
  • 7.8 在页面输出联系人信息
  • 7.9 生成详情区域
  • 第8章 多媒体文件
  • 8.1 使用多媒体打造丰富的视觉效果
  • 8.2 全面兼容移动端的video
  • 8.3 嵌入来自其他网页的视频
  • 8.4 在移动端嵌入一个网页
  • 8.5 文字的滚动
  • 8.6 为视频添加字幕
  • 8.7 获取播放时长和当前播放时间
  • 8.8 播放视频时截屏
  • 8.9 带海报的视频
  • 第9章 表格
  • 9.1 生成基本的表格
  • 9.2 让表格没有凹凸感
  • 9.3 添加表头
  • 9.4 为表格添加结构
  • 9.5 制作不规则的表格
  • 9.6 正确地设置表格列
  • 9.7 设置表格边框
  • 9.8 其他表格设计
  • 第10章 表单与文件
  • 10.1 制作基本表单
  • 10.2 禁用单个input元素
  • 10.3 关闭输入框的自动提示功能
  • 10.4 定制input元素
  • 10.5 生成隐藏的数据项
  • 10.6 输入验证
  • 10.7 生成按钮
  • 10.8 使用表单外的元素
  • 10.9 显示进度
  • 10.10 密钥对生成器
  • 10.11 HTML 5调用手机拍照或相册
  • 第11章 网页中的框架
  • 11.1 在页面中使用iframe
  • 11.2 设置iframe透明背景色
  • 11.3 移动浏览器下的iframe宽度自适应
  • 11.4 在Safari浏览器中实现iframe滚动条
  • 11.5 一个完整的响应式iframe
  • 第12章 HTML 5 Canvas
  • 12.1 在页面中使用Canvas元素
  • 12.2 使用路径和坐标
  • 12.3 绘制弧形和圆形
  • 12.4 使用纯色填充图形
  • 12.5 使用渐变色填充图形
  • 12.6 在画布中绘制文本
  • 12.7 将画布输出为PNG图片文件
  • 12.8 在复杂场景使用多层画布
  • 12.9 使用requestAnimationFrame 制作游戏或动画
  • 12.10 如何显示满屏Canvas
  • 12.11 Canvas圆环进度条
  • 第13章 HTML 5地理定位
  • 13.1 使用navigator对象
  • 13.2 获取当前位置
  • 13.3 使用腾讯地图开放平台获取当前位置
  • 第14章 HTML 5本地存储
  • 14.1 在客户端存储数据
  • 14.2 检查HTML 5存储支持
  • 14.3 利用localStorage进行本地存储
  • 14.4 利用localStorage存储JSON对象
  • 14.5 利用localStorage记录用户表单输入
  • 14.6 在localStorage中存储图片
  • 14.7 在localStorage中存储文件
  • 14.8 使用localForage进行离线存储
  • 14.9 利用sessionStorage进行本地存储
  • 第15章 HTML 5应用缓存
  • 15.1 使用cache manifest创建页面缓存
  • 15.2 离线Web网页或应用
  • 15.3 删除本地缓存
  • 15.4 更新缓存文件
  • 15.5 使用HTML 5离线应用程序缓存事件
  • 第16章 HTML 5移动开发
  • 16.1 在手机上打电话或发短信
  • 16.2 设置iPhone书签栏图标
  • 16.3 HTML 5相册
  • 第二篇 CSS篇
  • 第17章 文字与字体
  • 17.1 在网页中使用自定义字体
  • 17.2 文本缩进和首字符下沉
  • 17.3 自定义文本被选中时的样式
  • 17.4 文本对齐
  • 17.5 调整文字、字符的间距
  • 17.6 文本的装饰
  • 17.7 文字阴影
  • 17.8 文字毛玻璃效果
  • 17.9 金属质感文字
  • 17.10 隐藏文本
  • 17.11 文字旋转
  • 第18章 边框和图片
  • 18.1 边框新属性
  • 18.2 搜索框
  • 18.3 微博发布框
  • 18.4 拍立得效果框
  • 18.5 CSS 3动画边框
  • 18.6 边框移动特效
  • 18.7 Banner图片的标签
  • 18.8 黑白图片
  • 18.9 图片水印
  • 18.10 图片细节放大展示
  • 18.11 图片的瀑布流
  • 18.12 图片墙
  • 18.13 图片轮播图
  • 18.14 幻灯片
  • 18.15 手风琴效果
  • 18.16 图片自适应
  • 18.17 使用纯CSS绘制图像
  • 18.18 图片原地放大
  • 18.19 图片翻转
  • 第19章 按钮和链接
  • 19.1 圆角按钮
  • 19.2 简单导航栏
  • 19.3 二级导航栏
  • 19.4 三级导航栏
  • 19.5 滑动菜单
  • 19.6 网页右键菜单
  • 19.7 下拉菜单
  • 19.8 CSS 3圆形导航菜单
  • 19.9 标签云
  • 19.10 TAB标签页
  • 19.11 选中文字分享
  • 19.12 链接百叶窗效果
  • 19.13 iPhone开关
  • 19.14 按钮式单选框与复选框
  • 19.15 文字变链接
  • 19.16 根据文件格式设置链接图标
  • 第20章 背景和颜色
  • 20.1 颜色和渐变的基础
  • 20.2 高光效果
  • 20.3 多背景
  • 20.4 全屏背景
  • 20.5 斑马线背景
  • 20.6 棋盘背景
  • 20.7 易拉罐效果
  • 20.8 页面顶部阴影
  • 第21章 变换与动画
  • 21.1 CSS 3变换与动画的基础
  • 21.2 纸张边角动画效果
  • 21.3 气泡式提示
  • 21.4 对联广告
  • 21.5 页面loading效果
  • 21.6 进度条
  • 21.7 苹果系统的Stack特效
  • 21.8 扇形展开
  • 第22章 盒子与3D
  • 22.1 CSS 3盒模型
  • 22.2 内层CSS 3盒阴影
  • 22.3 外层CSS 3盒阴影
  • 22.4 3D文字
  • 22.5 3D图片
  • 22.6 3D下拉菜单
  • 22.7 3D旋转动画
  • 第三篇 JavaScript篇
  • 第23章 JavaScript入门必知
  • 23.1 如何在HTML中调用JavaScript代码
  • 23.2 使用什么工具开发JavaScript
  • 23.3 如何调试移动JavaScript代码
  • 23.4 PC端鼠标操作与移动端触屏操作
  • 第24章 表单控制
  • 24.1 去除字符串左右两边的空格
  • 24.2 验证用户是否输入
  • 24.3 禁止输入
  • 24.4 关闭输入法
  • 24.5 禁止复制与粘贴
  • 24.6 限制只能输入数字
  • 24.7 限制只能输入中文
  • 24.8 限制字符串长度
  • 24.9 限制字符串长度(区分中英文)
  • 24.10 实时提示可输入字符(区分中英文)
  • 24.11 密码强度实时验证
  • 24.12 光标停留在文字最后
  • 24.13 自动选定文本内容
  • 24.14 获取和失去焦点时改变样式
  • 24.15 常见的验证规则
  • 24.16 对文本内容进行关键词过滤
  • 24.17 从字符串中剔除所有HTML代码
  • 24.18 检测是否为数值型
  • 24.19 TextArea自适应文字行数
  • 24.20 判断单选框是否被选中
  • 24.21 判断复选框至少选中一项
  • 24.22 限制复选框最多选择几项
  • 24.23 Checkbox全选、取消全选、反选
  • 24.24 获取选中的复选框值
  • 24.25 判断下拉框中的值是否被选中
  • 第25章 图片控制
  • 25.1 动画管理模块
  • 25.2 实时预览上传的图片
  • 25.3 鼠标移入/移出时改变图片样式
  • 25.4 图片放大镜效果
  • 25.5 水中倒影效果
  • 25.6 横向图片轮播
  • 25.7 图片层叠轮播
  • 25.8 单击图片逐渐放大
  • 25.9 图片旋转
  • 25.10 在触屏上拖曳图片
  • 第26章 内容展示
  • 26.1 表格光棒效果
  • 26.2 让表单没有凹凸感
  • 26.3 动态插入和删除单元行
  • 26.4 表格内容的展开和折叠
  • 26.5 表格内容拖曳效果
  • 26.6 表格分页
  • 26.7 英文字符串自动换行
  • 26.8 内容超过元素宽度显示省略号
  • 26.9 调整字体大小
  • 第27章 日期处理
  • 27.1 获取日期的指定部分
  • 27.2 显示当前时间
  • 27.3 显示最后修改时间
  • 27.4 实时显示当前时间
  • 27.5 将日期格式化成字符串
  • 27.6 获取短日期格式
  • 27.7 获取指定日期所在月份的天数
  • 27.8 获取指定日期是第几周
  • 27.9 倒计时
  • 27.10 比较两个日期相差多少秒
  • 27.11 日期比较大小
  • 27.12 对指定日期进行加减
  • 27.13 将字符串转换成日期格式
  • 27.14 判断是闰年还是平年
  • 27.15 日期合法性验证
  • 第28章 页面特效
  • 28.1 页面悬浮导航
  • 28.2 下拉式导航菜单
  • 28.3 滑动门导航
  • 28.4 树形菜单导航
  • 28.5 仿QQ菜单
  • 28.6 漂浮广告
  • 第29章 JavaScript移动开发
  • 29.1 判断PC端或移动端
  • 29.2 判断移动端平台类型
  • 29.3 判断设备方向变更
  • 29.4 移除移动浏览器地址栏
  • 29.5 判断当前浏览器是否为移动浏览器
  • 29.6 判断用户是否在使用微信浏览器
  • 第30章 JavaScript触屏开发常用代码
  • 30.1 获取手机屏幕的用户触点坐标
  • 30.2 平板电脑触屏提示信息
  • 30.3 触屏时长
  • 30.4 长触屏操作实现
  • 30.5 双击触屏操作实现
  • 30.6 点击穿透现象
  • 30.7 触屏事件流程
  • 30.8 获取手机触屏移动轨迹
  • 30.9 模拟触屏画笔功能
  • 30.10 触屏滑动功能
  • 30.11 触屏手势操作
展开全部

评分及书评

5.0
3个评分
  • 用户头像
    给这本书评了
    5.0

    无论是网页的前端还是移动 App 的前端都离不开 HTML+CSS+JavaScript,而学习这 3 门技术的基本要求就是多动手操作和多练习页面实例。本书通过实例的方式讲解前端基础,旨在帮助读者从一位网页开发初学者跃升为真正的前端开发人员。

      转发
      评论

    出版方

    清华大学出版社

    清华大学出版社成立于1980年6月,是由教育部主管、清华大学主办的综合出版单位。植根于“清华”这座久负盛名的高等学府,秉承清华人“自强不息,厚德载物”的人文精神,清华大学出版社在短短二十多年的时间里,迅速成长起来。清华大学出版社始终坚持弘扬科技文化产业、服务科教兴国战略的出版方向,把出版高等学校教学用书和科技图书作为主要任务,并为促进学术交流、繁荣出版事业设立了多项出版基金,逐渐形成了以出版高水平的教材和学术专著为主的鲜明特色,在教育出版领域树立了强势品牌。