当前位置：主页 > 书籍配套资源 > 网页设计配套资源

《HTML 5网页设计与制作实战从入门到精通》电子资源

更新：2021-12-19
大小：3.5 GB
类别：网页设计
作者：龙马工作室
出版：人民邮电出版社
格式：PDF

资源介绍
相关推荐

编辑推荐

（1）精选实际案例，满足实战应用需要。
（2）图书、光盘、手机阅读及视频演示，全方位立体化教学。
（3）利用手机等移动终端即可进行学习。
（4）全彩印刷，重点突出，版式清爽。
（5）随光盘赠送大量辅助学习资料。

内容简介

《HTML5网页设计与制作实战从入门到精通》通过精选案例引导读者深入学习，用HTML5系统介绍网页设计制作的相关知识和操作方法。

全书共16章。第1 ~ 3章主要介绍HTML5的基础知识，包括基本概念、语法变化和基本语法等；第4 ~ 10章主要介绍常见的网页设计，包括文字、色彩和图片、列表与段落、超链接、多媒体、画布动画和表单等；第11 ~ 12章主要介绍HTML5的高级应用，包括本地存储和离线Web应用；第13 ~ 16章通过实战案例进一步讲解基础知识的综合运用方法，包括休闲娱乐、企业门户、电子商务、团购等各类网页的设计制作方法。《HTML5网页设计与制作实战从入门到精通》附带的DVD多媒体教学光盘包含17小时的教学视频，与所有示例的书籍内容和支持源文件同步。此外，还展示了大量与学习内容相关的教学视频和扩展学习电子书。为了满足读者在手机和平板上的学习需求，光盘还呈现了本书教学视频的移动视频学习文件。《HTML5网页设计与制作实战从入门到精通》不仅适合HTML5的开头、中级读者可以学习使用，也可以作为相关专业学生的教材或辅导用书，以及各高校的网页制作培训班。

第1章HTML 5概述
HTML是制作网页需要掌握的基础语言，任何高级网站开发语言都必须以HTML为基础实现。本章主要介绍HTML的基本概念和编写方法及浏览HTML文件的方法。
1.1HTML 5概述
1.1.1HTML的发展史
1.1.2兼容性和存在即合理
1.1.3效率和用户优先
1.1.4化繁为简
1.2HTML 5的基本概念
1.2.1HTML 5的革命性变化
1.2.2HTML 5文件的基本结构
1.2.3HTML 5的标记
1.3HTML 5文件的编写方法
1.3.1使用记事本编写HTML 5
1.3.2使用Dreamweaver编写HTML文件
1.3.3编写第一个HTML 5网页文件
高手私房菜
第2章HTML 5改进详解
HTML 5作为最新的标记语言，与旧版本的HTML标记语言相比变化很大。在未来的网站开发中，它将作为最常用的标记语言。本章开始认识HTML 5。
2.1HTML 5的适用范围
2.2使用浏览器查看HTML 5文件
2.2.1各大浏览器与HTML 5的兼容性
2.2.2查看页面效果
2.2.3查看源文件
2.3编辑一个简单的HTML 5页面
2.3.1搭建支持的浏览器环境
2.3.2检测浏览器是否支持HTML标记
2.3.3使用HTML结构编写“hello，world”页面
2.4语法变化
2.4.1HTML 5的语法变化
2.4.2HTML 5中的标记方法
2.4.3版本兼容性
2.4.4标记示例
2.5新增和废除的元素
2.5.1新增的结构元素
2.5.2新增的input元素的类型
2.5.3新增的其他元素
2.5.4废除的元素
2.6新增和废除的属性
2.6.1新增的属性
2.6.2废除的属性
2.7全局属性
2.7.1Content Editable属性
2.7.2design Mode属性
2.7.3hidden属性
2.7.4spellcheck属性
2.7.5tabindex属性
第3章HTML 5的基本语法
当互联网和Web逐渐成为主流时，Web技术也发生了巨大的变化。W3C和其他的标准化组织共同制定了一些规范，用来创建和解释基于Web的内容。
3.1Web标准
3.1.1Web标准概述
3.1.2Web标准规定的内容
3.2HTML基本结构
3.2.1文档类型说明
3.2.2HTML标记
3.2.3头标记head
3.2.4标题标记title
3.2.5元信息标记meta
3.2.6网页的主体标记
3.2.7页面注释标记
3.3实例——符合W3C标准的HTML 5网页结构
第4章网页文本设计
文字是网页中最主要也是最常用的元素。本章主要介绍在网页中使用文字和文字结构标记的方法。
4.1实例1——添加文本
4.1.1普通文本
4.1.2特殊字符文本
4.1.3文本特殊样式
4.2实例2——文本排版
4.2.1段落标记
4.2.2标题标记
4.3实例3——文本格式的高级设置
4.3.1字体
4.3.2字号
4.3.3字体风格
4.3.4加粗字体
4.3.5小写字母转为大写字母
4.3.6字体复合属性
4.3.7字体颜色
4.3.8阴影文本
4.3.9溢出文本
4.3.10控制换行
4.4实例4——成才教育网文本设计
第5章网页色彩和图片设计
网页要给访客带来舒适愉悦的感觉，漂亮的网页色彩搭配和图片设计就显得尤为重要。而且网页的目的是更好地向访客传达信息，使用醒目直观的图片往往比单调的文字更有表现力和说服力。
5.1网页色彩与图片的关系
5.2实例1——网页图像的应用
5.2.1网页图片格式的选择
5.2.2使用路径
5.2.3网页中插入图像标记
5.2.4设置图像源文件
5.2.5设置图像在网页中的宽度和高度
5.2.6设置图像的提示文字
5.3实例2——制作茂森房地产广告网页
第6章网页列表与段落设计
在网页中文字列表和段落是最常见的内容之一。文字列表可分为有序和无序两种，而段落设计有文字格式设计、间隔、缩进、对齐方式、文字修饰等内容。
6.1实例1——网页文字列表设计
6.1.1建立无序列表
6.1.2建立有序列表
6.2实例2——设置网页段落格式
6.2.1单词间隔
6.2.2字符间隔
6.2.3文字修饰
6.2.4垂直对齐方式
6.2.5文本转换
6.2.6水平对齐方式
6.2.7文本缩进
6.2.8文本行高
6.2.9处理空白
6.2.10文本反排
6.3实例3——制作图文混排型旅游网页
第7章网页超链接设计
链接是网页中比较重要的组成部分，是实现各个网页相互跳转的依据。本章主要讲述链接的概念和实现方法。
7.1实例1——创建超文本与图片链接
7.2实例2——创建下载链接
7.3实例3——使用相对路径和绝对路径
7.4实例4——设置链接目标打开窗口
7.5实例5——超文本链接到一个E-mail地址
7.6实例6——使用锚链接制作电子书阅读网页
7.7实例7——超文本链接到其他内容
7.8实例8——创建热点区域
7.9实例9——浮动框架
第8章网页多媒体设计
网页上除了文本、图片等内容外，还可以增加音频和视频等多媒体内容。目前在网页上没有关于音频和视频的标准，多数音频和视频都是通过插件来播放的。为此，HTML 5新增了音频和视频的标签。
8.1HTML 5 Audio和Video概述
8.1.1视频容器
8.1.2音频和视频编解码器
8.1.3Audio元素和Video元素的浏览器支持情况
8.2实例1——使用HTML 5 Audio和Video API
8.2.1理解媒体元素
8.2.2使用audio元素
8.2.3使用video元素
8.2.4浏览器支持性检测
8.3实例2——设置网页多媒体属性
8.4实例3——调用网页多媒体
第9章网页Canvas动画
HTML 5呈现了很多在之前的HTML版本中没有的新特性，其中一个最值得提及的特性就是HTML Canvas，用户通过它可以在网页上绘制图像。
9.1实例1——认识画布
9.1.1Canvas元素的基本用法
9.1.2绘制带边框矩形
9.1.3绘制渐变图形
9.2实例2——在画布中使用路径
9.2.1MoveTo与LineTo的用法
9.2.2使用arc方法绘制圆形
9.3实例3——对画布中图形的操作
9.3.1变换图形原点坐标
9.3.2组合多个图形
9.3.3添加图形阴影
9.4实例4——处理画布中的图像
9.4.1绘制图像
9.4.2平铺图像
9.4.3切割图像
9.4.4处理像素
9.5实例5——运用样式与颜色
9.5.1色彩设置
9.5.2透明度
9.5.3线型
9.5.4渐变
9.6实例6——画布的其他应用
9.6.1绘制文字
9.6.2保存、恢复及输出图形
9.6.3制作简单的动画
第10章网页表单设计
在HTML 5中，表单拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。本章节主要讲述表单的概述、表单基本元素的使用方法和表单高级元素的使用方法。
10.1实例1——熟悉表单属性
10.1.1表单的用途
10.1.2表单的属性设置
10.2实例2——表单基本元素的应用
10.2.1文字字段
10.2.2密码域
10.2.3单选按钮
10.2.4复选框
10.2.5下拉选择框
10.2.6普通按钮
10.2.7提交按钮
10.2.8重置按钮
10.3实例3——表单高级元素的使用
10.3.1URL类型元素
10.3.2Email类型元素
10.3.3date类型元素
10.3.4time类型元素
10.3.5datetime类型元素
10.3.6datetime-local类型元素
10.3.7month类型元素
10.3.8week类型元素
10.3.9number类型元素
10.3.10range类型元素
10.3.11search类型元素
10.3.12tel类型元素
10.3.13color类型元素
10.4实例4——创建用户反馈表单
第11章HTML 5本地存储
在HTML 5标准之前，Web存储信息需要cookie来完成。因为它们由每个对服务器的请求来传递，使得cookie速度很慢而且效率不高。在THML 5中，Web存储API为用户如何在计算机或设备上存储用户信息作了数据标准的定义。
11.1实例1——Web Storage存储
11.1.1sessionStorage对象
11.1.2localStorage对象
11.2实例2——操作localStorage
11.2.1清空localStorage数据
11.2.2遍历localStorage数据
11.2.3使用JSON对象存取数据
11.3实例3——WebSQL数据库应用
11.3.1打开与创建数据库
11.3.2执行事务
11.3.3插入数据
11.3.4数据管理
第12章构建离线的Web应用
为了能在离线的情况下访问网站，可以采用HTML 5的离线Web功能。本章主要介绍使用HTML 5离线Web应用API和使用HTML 5离线Web应用构建应用。
12.1HTML 5离线Web应用概述
12.2实例1——使用HTML 5离线Web应用API
12.2.1检查浏览器的支持情况
12.2.2搭建简单的离线应用程序
12.2.3支持离线行为
12.2.4Manifest文件
12.2.5ApplicationCache API
12.3实例2——使用HTML 5离线Web应用构建应用
12.3.1创建记录资源的manifest文件
12.3.2创建构成界面的HTML和CSS
12.3.3创建离线的JavaScript
12.3.4检查applicationCache的支持情况
12.3.5为Update按钮添加处理函数
12.3.6添加Storage功能代码
12.3.7添加离线事件处理程序
第13章制作休闲娱乐类网页
休闲娱乐类的网页种类很多，如聊天交友、星座运程、游戏视频等。本章主要以视频类网页为例进行介绍。
13.1整体布局
13.1.1设计分析
13.1.2排版架构
13.2模块组成
13.3制作步骤
13.3.1制作样式表
13.3.2Logo与导航菜单
13.3.3搜索条
13.3.4左侧视频模块
13.3.5评论模块
13.3.6右侧热门推荐
13.3.7底部模块
第14章制作大型企业门户类网页
作为大型企业的网站，根据主体内容不同，主页所容括的信息量差异也很大。大型企业类网站内容栏目会比较多，需要合理布局，每一个栏目的大小位置以及内容显示形式都要精心设计。
14.1整体布局
14.1.1设计分析
14.1.2排版架构
14.2模块组成
14.3制作步骤
14.3.1样式表
14.3.2网页头部
14.3.3导航菜单栏
14.3.4中间主体第一栏
14.3.5中间主体第二栏
14.3.6中间主体第三栏
14.3.7中间主体第四栏
14.3.8中间主体第五栏
14.3.9网页底部
第15章制作电子商务类网页
电子商务网站是当前比较流行的一类网站。随着网络购物、互联网交易的普及，如淘宝、阿里巴巴、亚马逊等类型的电子商务网站在近几年风靡全球。因此，越来越多的公司企业着手架设电子商务网站平台。本章就来介绍一个简单的电子商务类网页。
15.1整体布局
15.1.1设计分析
15.1.2排版架构
15.2模块组成
15.3制作步骤
15.3.1样式表
15.3.2网页头部
15.3.3主体第一通栏
15.3.4主体第二通栏
15.3.5主体第三通栏
15.3.6网页底部
第16章制作团购类网页
团购这一名词是最近几年才出现的，而且迅速火爆。有关团购的商业类网站也如雨后春笋般遍地开花，比较有名的有聚划算、窝窝团、拉手网、美团网等。本章就来制作一个典型的商业类团购网站。
16.1整体布局
16.1.1设计分析
16.1.2排版架构
16.2模块组成
16.3制作步骤
16.3.1样式表
16.3.2网页头部
16.3.3分类及区域选择
16.3.4新品展示
16.3.5侧边栏
16.3.6热门城市索引
16.3.7网页底部
16.3.8JavaScript脚本