得书 - 好书推荐、正版图书免费阅读

编辑推荐

本书详细讲解了HTML5、CSS3、JavaScript开发技术基础和HTML5网站制作实例。

内容简介

全书共11章，主要内容包括网页设计与制作基础、编辑HTML5元素、网页布局与交互、CSS3样式基础、使用CSS3修饰网页元素、CSS3盒模型、Div+CSS布局页面、JavaScript基础、JavaScript DOM编程、HTML5的高级应用和“馨美装修”网站的制作。

本书可作为高等院校计算机及相关专业的教材，也可以作为网站建设、相关软件开发人员和计算机爱好者的参考书。

章节目录

版权信息

前言

第1章 网页设计与制作基础

1.1 网页与网站的概念

1.2 Web前端开发技术简介

1.2.1 HTML5简介

1.2.2 CSS3简介

1.2.3 JavaScript简介

1.3 HTML5的基本结构和编码规范

1.3.1 HTML5语法结构

1.3.2 HTML5文档结构

1.3.3 HTML5编码规范

1.4 编辑HTML文件

1.4.1 常见的网页编辑工具

1.4.2 HTML文件的创建

1.5 案例——制作“馨美装修”公司介绍页面

习题1

第2章 编辑HTML5元素

2.1 HTML5元素的分类

2.1.1 元信息元素

2.1.2 语义元素

2.1.3 无语义元素

2.2 注释和特殊符号

2.2.1 注释

2.2.2 特殊符号

2.3 HTML5的颜色表示

2.4 文本元素

2.4.1 字体样式元素

2.4.2 短语元素

2.5 文本层次语义元素

2.5.1 mark元素

2.5.2 cite元素

2.5.3 time元素

2.6 基本排版元素

2.6.1 标题元素

2.6.2 段落元素和换行元素

2.6.3 缩排元素

2.6.4 水平线元素

2.6.5 案例——制作“馨美装修”网购向导页面

2.7 图像元素

2.7.1 常用的Web图像格式

2.7.2 图像元素的基本用法

2.8 超链接元素

2.8.1 a元素

2.8.2 页面转向链接

2.8.3 书签链接

2.8.4 下载文件链接

2.8.5 电子邮件链接

2.8.6 JavaScript链接

2.8.7 图像链接

2.8.8 空链接

2.8.9 案例——制作“馨美装修”服务资源页面

2.9 列表元素

2.9.1 无序列表

2.9.2 有序列表

2.9.3 定义列表

2.9.4 嵌套列表

2.9.5 案例——制作“馨美装修”广告联盟页面

2.10 HTML5多媒体元素

2.10.1 HTML5对音频和视频的支持

2.10.2 audio元素

2.10.3 video元素

习题2

第3章 网页布局与交互

3.1 iframe框架元素

3.1.1 基本格法

3.1.2 使用iframe框架元素布局页面

3.1.3 使用iframe框架元素实现页面间的跳转

3.2 分区元素

3.2.1 基本语法

3.2.2 使用div元素布局页面内容

3.3 范围元素

3.3.1 基本语法

3.3.2 span元素与div元素的异同

3.3.3 案例——布局“馨美装修”技术支持页面

3.4 HTML5文档结构元素

3.4.1 section元素

3.4.2 nav元素

3.4.3 header元素

3.4.4 footer元素

3.4.5 article元素

3.4.6 aside元素

3.4.7 分组元素

3.4.8 案例—制作“馨美装修”人才招聘页面

3.5 HTML5页面交互元素

3.5.1 details元素和summary元素

3.5.2 progress元素

3.6 表格元素

3.6.1 表格的组成

3.6.2 基本表格

3.6.3 不规范表格

3.6.4 数据分组

3.6.5 调整列的格式

3.6.6 案例—使用表格布局“馨美装修”案例页面

3.7 表单

3.7.1 表单元素form

3.7.2 输入元素input

3.7.3 标签元素label

3.7.4 选择栏元素select

3.7.5 多行文本元素textarea

3.7.6 表单分组

3.7.7 案例——制作“馨美装修”联系我们表单

习题3

第4章 CSS3样式基础

4.1 CSS3简介

4.1.1 初识CSS3

4.1.2 CSS3的优点

4.1.3 CSS3的局限性

4.1.4 CSS3编写规范

4.1.5 CSS3的工作环境

4.2 在HTML中引入CSS3样式表

4.2.1 行内样式

4.2.2 内部样式表

4.2.3 链入外部样式表

4.2.4 导入外部样式表

4.3 CSS3的基本语法和属性值单位

4.3.1 基本语法

4.3.2 注意事项

4.3.3 长度、百分比单位

4.3.4 色彩单位

4.4 CSS3的选择符

4.4.1 基本选择符

4.4.2 复合选择符

4.4.3 通配符选择符

4.4.4 伪类选择符

4.4.5 伪元素选择符

4.4.6 案例——制作“馨美装修”网站使用条款页面

4.5 文档结构与元素类型

4.5.1 文档结构的基本概念

4.5.2 元素类型

4.6 继承性、层叠性和优先级

4.6.1 继承性

4.6.2 层叠性

4.6.3 优先级

4.7 综合案例——制作“馨美装修”帮助中心局部页面

习题4

第5章 使用CSS3修饰网页元素

5.1 CSS3字体属性

5.1.1 字体类型属性font-family

5.1.2 字体尺寸属性font-size

5.1.3 字体倾斜属性font-style

5.1.4 小写字体属性font-variant

5.1.5 字体粗细font-weight

5.2 CSS3文本属性

5.2.1 文本颜色属性color

5.2.2 行高属性line-height

5.2.3 文本水平对齐方式属性text-align

5.2.4 为文本添加修饰属性text-decoration

5.2.5 段落首行缩进属性text-indent

5.2.6 文本的阴影属性text-shadow

5.2.7 元素内部的空白属性white-space

5.2.8 文本的截断效果属性text-overflow

5.3 CSS3背景属性

5.3.1 背景颜色属性background-color

5.3.2 背景图像属性background-image

5.3.3 重复背景图像属性background-repeat

5.3.4 固定背景图像属性background-attachment

5.3.5 背景图像位置属性background-position

5.3.6 背景图像大小属性background-size

5.3.7 背景属性background

5.3.8 背景图像起点属性background-origin

5.4 CSS3尺寸属性

5.4.1 宽度属性width

5.4.2 高度属性height

5.4.3 最小宽度属性min-width

5.4.4 最大宽度属性max-width

5.4.5 最小高度属性min-height

5.4.6 最大高度属性max-height

5.5 CSS3列表属性

5.5.1 图像作为列表项的标记属性list-style-image

5.5.2 列表项标记的位置属性list-style-position

5.5.3 标记的类型属性list-style-type

5.5.4 列表简写属性list-style

5.6 CSS3表格属性

5.6.1 合并边框属性border-collapse

5.6.2 边框间隔属性border-spacing

5.6.3 标题位置属性caption-side

5.6.4 单元格无内容显示方式属性empty-cells

5.6.5 案例——使用斑马线表格制作装修工程年度排行榜

5.7 CSS3属性的应用

5.7.1 设置图像样式

5.7.2 设置表单样式

5.7.3 设置链接

5.7.4 创建导航菜单

5.8 综合案例——制作“馨美装修”网购学堂页面

5.8.1 网购学堂页面布局规划

5.8.2 网购学堂页面的制作过程

习题5

第6章 CSS3盒模型

6.1 盒模型概述

6.1.1 盒子的组成

6.1.2 盒子的大小

6.1.3 块级元素与行级元素的宽度和高度

6.2 盒模型的属性

6.2.1 内边距属性padding

6.2.2 外边距属性margin

6.2.3 边框属性border

6.2.4 圆角边框属性border-radius

6.2.5 盒模型的阴影属性box-shadow

6.2.6 调整大小属性resize

6.3 CSS3布局属性

6.3.1 元素的布局方式概述

6.3.2 CSS浮动属性float

6.3.3 清除浮动属性clear

6.3.4 裁剪属性clip

6.3.5 元素显示方式属性display

6.3.6 元素可见性属性visibility

6.4 CSS3盒子定位属性

6.4.1 定位位置属性top、right、bottom、left

6.4.2 定位方式属性position

6.4.3 层叠顺序属性z-index

6.5 CSS3多列属性

6.6 综合案例——“馨美装修”登录页面整体布局

习题6

第7章 Div+CSS布局页面

7.1 Div+CSS布局技术简介

7.1.1 Div+CSS布局的优点

7.1.2 使用嵌套的Div实现页面排版

7.2 典型的Div+CSS整体页面布局

7.2.1 CSS布局类型

7.2.2 CSS布局样式

7.3 典型的局部布局

7.3.1