Web编程基础 HTML5 CSS3 JavaScript(第2版)epub

图书网 2020年5月21日21:13:1732.6K1

Web编程基础 HTML5 CSS3 JavaScript(第2版) 作者:任平红,陈矗

Web编程基础 HTML5 CSS3 JavaScript(第2版) 出版社:清华大学出版社

Web编程基础 HTML5 CSS3 JavaScript(第2版) 内容简介

本书详细介绍了Web编程基础中的相关知识点和技能,主要内容包括HTML5概述、HTML5表单、HTML5画布、音频视频和Web存储、离线应用和WebWorkers、地理位置、CSS3、CSS3样式属性、CSS3页面布局、JavaScript基础、JavaScript对象、DOM编程、AJAX、jQuery。本书对与Web编程相关的理论知识进行了详细的讲解与分析,文字通俗易懂,实例丰富,可以使读者更深入地理解相关的知识点。

本书可以作为计算机科学与技术、软件工程、软件外包、高职高专计算机软件、计算机信息管理、电子商务等专业的与Web编程相关的课程的教材,也可以作为Web编程人员的参考书。

Web编程基础 HTML5 CSS3 JavaScript(第2版) 目录

再版前言

第1章 HTML5概述

1.1 互联网概述

1.1.1 超文本传输协议

1.1.2 统一资源定位符

1.1.3 超文本标记语言

1.1.4 XML和XHTML

1.2 HTML5的改变

1.2.1 HTML5新增元素

1.2.2 HTML5废除的元素

1.2.3 HTML5新增的属性

1.2.4 HTML5的新特性和新规则

1.2.5 HTML5开发工具

1.3 HTML5文档基本结构

1.4 HTML5语法

1.5 HTML5常用标签

1.5.1

1.5.2 标题

1.5.3 换行元素

1.5.4 分隔线

1.5.5 段落

1.5.6 特殊字符

1.5.7 列表

1.5.8 锚元素

1.5.9 表格

小结

习题

第2章 表单

2.1 form标签

2.2 HTML5中新增的input元素

2.2.1 email类型

2.2.2 url类型

2.2.3 number类型

2.2.4 range类型

2.2.5 Date pickers类型

2.2.6 search类型

2.2.7 tel类型

2.2.8 color类型

2.3 HTML5中新增的表单元素

2.3.1 datalist元素

2.3.2 keygen元素

2.3.3 output元素

小结

习题

第3章 HTML5画布

3.1 HTML5的Canvas元素

3.2 绘制简单图形

3.2.1 绘制直线

3.2.2 绘制矩形

3.2.3 绘制圆或圆弧

3.2.4 绘制三角形

3.3 绘制文字

3.3.1 绘制填充文字

3.3.2 绘制轮廓文字

3.4 图形变换

3.4.1 保存与恢复

3.4.2 移动

3.4.3 缩放

3.4.4 旋转

3.4.5 变形

3.5 操作图像

3.6 其他颜色和样式

3.6.1 线型

3.6.2 渐变

3.6.3 绘制图案

3.6.4 透明度

3.6.5 阴影

小结

习题

第4章 音频视频与本地存储

4.1 音频

4.1.1 音频格式

4.1.2 audio元素

4.1.3 JavaScript控制Audio对象

4.2 视频

4.2.1 视频格式

4.2.2 video元素

4.3 Web Storage

4.4 Web SQL

小结

习题

第5章 离线应用和Web Workers

5.1 HTML5离线应用概述

5.2 ApplicationCache 对象

5.2.1 属性

5.2.2 事件

5.3 离线缓存的实现

5.4 离线缓存的更新

5.5 离线缓存应用示例

5.5.1 缓存首页

5.5.2 缓存图像

5.6 Web Workers

5.6.1 Web Workers概述

5.6.2 Web Workers成员

5.6.3 Web Workers示例

小结

习题

第6章 Geolocation地理位置

6.1 概述

6.1.1 地理位置的表达

6.1.2 地理位置的来源

6.2 Geolocation API

6.2.1 获取当前地理位置信息

6.2.2 监视地理位置信息

6.2.3 停止获取地理位置信息

6.3 示例

6.3.1 使用腾讯地图定位

6.3.2 距离跟踪器

小结

习题

第7章 CSS3

7.1 CSS3概述

7.2 CSS3的基本语法

7.3 CSS3的使用方式

7.4 CSS3的继承

7.5 CSS3元素选择符

7.5.1 通配选择符

7.5.2 类型选择符

7.5.3 ID选择符

7.5.4 类选择符

7.6 CSS3关系选择符

7.6.1 包含选择符

7.6.2 子选择符

7.6.3 相邻选择符

7.6.4 兄弟选择符

7.7 CSS3属性选择符

7.8 CSS3伪类选择符

7.9 CSS伪元素选择符

小结

习题

第8章 CSS3样式属性

8.1 字体属性

8.2 文本和文本装饰属性

8.3 背景属性

8.4 边框属性

8.5 定位属性

8.6 布局属性

8.7 列表属性

8.8 光标属性

小结

习题

第9章 CSS3页面布局

9.1 概述

9.2 盒子模型和DIV

9.3 页面布局

9.3.1 简单布局

9.3.2 圣杯布局

9.3.3 多栏布局

9.3.4 弹性伸缩布局

9.4 DIV浮动

9.5 实用技巧

9.6 CSS hack

9.6.1 主流的浏览器

9.6.2 CSS hack的分类

小结

习题

第10章 JavaScript基础

10.1 JavaScript简介

10.1.1 JavaScript的语言特点

10.1.2 JavaScript的基本结构

10.2 JavaScript语法

10.2.1 数据类型

10.2.2 常量

10.2.3 变量

10.2.4 注释

10.2.5 运算符

10.2.6 流程控制

10.3 JavaScript函数

10.3.1 内置函数

10.3.2 用户自定义函数

小结

习题

第11章 JavaScript对象

11.1 JavaScript核心对象

11.1.1 数组对象

11.1.2 字符串对象

11.1.3 日期对象

11.1.4 数学对象

11.2 JavaScript自定义对象

11.2.1 使用原型添加属性和方法

11.2.2 创建自定义对象

小结

习题

第12章 DOM编程

12.1 BOM和DOM概述

12.2 JavaScript事件

12.3 window对象

12.3.1 window对象的属性

12.3.2 window对象的方法

12.4 document对象

12.5 history对象

12.6 location对象

12.7 事件的应用

12.7.1 鼠标事件

12.7.2 键盘事件

12.8 网页特效

小结

习题

第13章 AJAX

13.1 概述

13.2 XML HttpRequst对象

13.2.1 XMLHttpRequest对象的创建

13.2.2 XMLHttpRequest对象的方法

13.2.3 XMLHttpRequest对象的属性

13.2.4 XMLHttpRequest对象的工作过程

13.3 AJAX与JSP

13.4 AJAX与XML

13.5 AJAX与数据库

小结

习题

第14章 jQuery

14.1 概述

14.2 jQuey选择器

14.3 jQuery的事件处理

14.4 jQuery的特效

14.5 jQuery操作DOM

14.5.1 jQuery读写元素的内容和属性

14.5.2 jQuery更改页面元素

14.5.3 jQuery操作CSS属性

小结

习题

参考文献

Web编程基础 HTML5 CSS3 JavaScript(第2版) 精彩文摘

第3章HTML5画布

HTML5画布即HTML5canvas,是现代浏览器都支持的HTML5非插件绘图的功能。HTML5canvas是HTML5新增的专门用于绘制图形的元素。在页面上放置一个canvas元素就相当于放置了一块画布,可以在其中进行图形的绘制。在canvas元素内绘制图形需要结合JavaScript脚本。利用canvas可以进行跨平台的动画和游戏的开发,能够实现对图像进行像素级别的操作。

3.1HTML5的Canvas元素

canvas元素的外观与img元素相似,但是没有img元素的src属性和alt属性。canvas元素的height属性和width属性分别用来设置画布的高度和宽度,单位是像素(px)。默认的画布高度是150px、宽度是300px。id属性为canvas元素的标识,在JavaScript脚本中需要根据id值来寻找canvas元素。

图3-1canvas元素在Chrome浏览器中的显示效果

3.2绘制简单图形

canvas元素本身并不能实现图形绘制,需要和JavaScript脚本结合起来。首先,给canvas元素添加一个id属性,在JavaScript脚本中通过id属性寻找对应的canvas元素。然后通过canvas元素的getContext()方法获取其上下文,即创建Context对象,以获取允许进行绘制的2D环境。最后通过Context对象的相关方法完成绘制,例如fillStyle()方法、fillRect()方法等。

进行绘制时,需要指定确定的坐标位置,坐标原点(0,0)位于canvas的左上角,x轴水平方向向右延伸,y轴垂直向下延伸,如图3-2所示。

图3-2canvas元素的坐标

3.2.1绘制直线

Context对象的moveTo(x,y)方法是将画笔移动到指定的坐标点(x,y),lineTo(x,y)方法是从落笔点绘制路径到坐标点(x,y)。只使用以上两个方法是无法在画布上看到直线的,使用lineTo(x,y)方法绘制路径,要使路径在画布上显示出来,还需要进行描边。可以连续绘制多条路径,然后使用stroke()方法一次性描边。可以使用CSS设置绘制直线的样式,例如,line.html。

line.html:

line.html在浏览器中的显示效果如图3-3所示。

图3-3line.html的显示效果

3.2.2绘制矩形

canvas元素可以绘制两种矩形:一种是填充矩形,另一种是矩形轮廓。Context对象的fillRect()方法用来绘制填充矩形,strokeRect()方法用来绘制矩形轮廓。

fillRect()方法的前两个参数为矩形的左上角的坐标,后两个参数为矩形的宽度和高度。strokeRect()方法的参数与fillRect()方法的参数含义相同。设置矩形的外观可以使用fillStyle属性和strokeStyle属性。fillStyle属性用来设置矩形区域的填充颜色,strokeStyle属性用来设置矩形轮廓的颜色。例如,rect.html,绘制一个填充矩形、一个矩形轮廓。

rect.html:

rect.html在浏览器中的显示效果如图3-4所示。

图3-4rect.html的显示效果

3.2.3绘制圆或圆弧

canvas元素可以用来绘制圆或圆弧,方法有beginPath()、arc()、closePath()、fill()。

1.beginPath()

开始一条路径或重置路径;

2.arc(x,y,r,sAngle,eAngle,counterclockwise)

x、y为圆心的坐标,r为圆的半径,sAngle为以弧度计的起始角,eAngle为以弧度计的结束角,counterclockwise参数可选,规定逆时针或顺时针绘图,true为逆时针,false为顺时针。

3.closePath()

闭合路径,如果图形本来就是闭合的,则此方法不起作用。

4.fill()

填充当前的路径或图像,默认的颜色是黑色。

例如,arc.html,绘制一个圆和若干条圆弧。

arc.html:

arc.html在浏览器中的显示效果如图3-5所示。

图3-5arc.html的显示效果

图书网:Web编程基础 HTML5 CSS3 JavaScript(第2版)epub

继续阅读

→→→→→→→→→→→→→→→→→→→→查找获取

程序设计

重构 改善既有代码的设计(中文版)pdf

《重构:改善既有代码的设计》(中文版)所提的这些重构准则将帮助你一次一小步地修改你的代码,这就减少了过程中的风险。很快你就会把这些重构准则和其名称加入自己的开发词典中,并且朗朗上口...
程序设计

数据结构 C语言版 第2版pdf

适读人群 :普通高校电子信息大类本科生学习、考研,同时也适合零售和培训。 采用“案例驱动”的编写模式。书中结合实际应用,将各章按照“案例引入——数据结构及其操作——案例分析与实现”...
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:3   其中:访客  3   博主  0
    • 纪
      9

      不错

      • 美丽说
        美丽说 9

        希望看看这本书

        • 兄台你好
          兄台你好 4

          希望可以看看这本书,谢谢