新書推薦:
《
摆脱强迫的人生(修订版)
》
售價:HK$
88.5
《
知宋·宋代之司法
》
售價:HK$
99.7
《
空间与政治
》
售價:HK$
87.4
《
少年读三国(全套12册)
》
售價:HK$
490.6
《
不完美之美:日本茶陶的审美变
》
售價:HK$
87.4
《
现代化的迷途
》
售價:HK$
98.6
《
钛经济
》
售價:HK$
77.3
《
甲骨文丛书·无垠之海:世界大洋人类史(全2册)
》
售價:HK$
322.6
|
編輯推薦: |
(1)精选实际案例,满足实战应用需要。
(2)图书、光盘、手机阅读及视频演示,全方位立体化教学。
(3)利用手机等移动终端即可进行学习。
(4)全彩印刷,重点突出,版式清爽。
(5)随光盘赠送大量辅助学习资料。
|
內容簡介: |
《HTML 5网页设计与制作实战从入门到精通》通过精选案例引导读者深入学习,系统地介绍了利用HTML 5进行网页设计与制作的相关知识和操作方法。
全书共16章。第1~3章主要介绍HTML 5的基础知识,包括基本概念、语法变化和基本语法等;第4~10章主要介绍常用的网页设计,包括文本、色彩和图片、列表与段落、超链接、多媒体、Canvas动画和表单等;第11~12章主要介绍HTML 5的高级应用,包括本地存储和离线Web应用等;第13~16章通过实战案例进一步讲解了基础知识的综合应用方法,包括休闲娱乐、企业门户、电子商务、团购等多种类型网页的设计与制作方法。
在《HTML 5网页设计与制作实战从入门到精通》附赠的DVD多媒体教学光盘中,包含了17小时与图书内容同步的教学录像及所有实例的配套源文件。此外,还赠送了大量相关学习内容的教学录像及扩展学习电子书等。为了满足读者在手机和平板电脑上学习的需要,光盘中还赠送了本书教学录像的手机版视频学习文件。
《HTML 5网页设计与制作实战从入门到精通》不仅适合HTML 5的初、中级读者学习使用,也可以作为各类院校相关专业学生和网页制作培训班的教材或辅导用书。
|
目錄:
|
目 录
第1章 HTML 5概述
HTML是制作网页需要掌握的基础语言,任何高级网站开发语言都必须以HTML为基础实现。本章主要介绍HTML的基本概念和编写方法及浏览HTML文件的方法。
1.1 HTML 5概述 002
1.1.1 HTML的发展史 002
1.1.2 兼容性和存在即合理 002
1.1.3 效率和用户优先 002
1.1.4 化繁为简 003
1.2 HTML 5的基本概念 003
1.2.1 HTML 5的革命性变化 004
1.2.2 HTML 5文件的基本结构 004
1.2.3 HTML 5的标记 005
1.3 HTML 5文件的编写方法 005
1.3.1 使用记事本编写HTML 5 005
1.3.2 使用Dreamweaver编写HTML文件 006
1.3.3 编写第一个HTML 5网页文件 007
高手私房菜 008
第2章 HTML 5改进详解
HTML 5作为最新的标记语言,与旧版本的HTML标记语言相比变化很大。在未来的网站开发中,它将作为最常用的标记语言。本章开始认识HTML 5。
2.1 HTML 5的适用范围 010
2.2 使用浏览器查看HTML 5文件 010
2.2.1 各大浏览器与HTML 5的兼容性 010
2.2.2 查看页面效果 010
2.2.3 查看源文件 011
2.3 编辑一个简单的HTML 5页面 011
2.3.1 搭建支持的浏览器环境 011
2.3.2 检测浏览器是否支持HTML标记 012
2.3.3 使用HTML结构编写“hello,world”页面 013
2.4 语法变化 014
2.4.1 HTML 5的语法变化 014
2.4.2 HTML 5中的标记方法 014
2.4.3 版本兼容性 015
2.4.4 标记示例 015
2.5 新增和废除的元素 016
2.5.1 新增的结构元素 016
2.5.2 新增的input元素的类型 018
2.5.3 新增的其他元素 018
2.5.4 废除的元素 021
2.6 新增和废除的属性 022
2.6.1 新增的属性 022
2.6.2 废除的属性 024
2.7 全局属性 026
2.7.1 Content Editable属性 026
2.7.2 design Mode属性 026
2.7.3 hidden属性 027
2.7.4 spellcheck属性 027
2.7.5 tabindex属性 027
高手私房菜 028
第3章 HTML 5的基本语法
当互联网和Web逐渐成为主流时,Web技术也发生了巨大的变化。W3C和其他的标准化组织共同制定了一些规范,用来创建和解释基于Web的内容。
3.1 Web标准 030
3.1.1 Web标准概述 030
3.1.2 Web标准规定的内容 031
3.2 HTML基本结构 031
3.2.1 文档类型说明 032
3.2.2 HTML标记 032
3.2.3 头标记head 032
3.2.4 标题标记title 032
3.2.5 元信息标记meta 033
3.2.6 网页的主体标记 034
3.2.7 页面注释标记 035
3.3 实例——符合W3C标准的HTML 5网页结构 036
高手私房菜 036
第4章 网页文本设计
文字是网页中最主要也是最常用的元素。本章主要介绍在网页中使用文字和文字结构标记的方法。
4.1 实例1——添加文本 038
4.1.1 普通文本 038
4.1.2 特殊字符文本 038
4.1.3 文本特殊样式 039
4.2 实例2——文本排版 040
4.2.1 段落标记
与换行标记
041
4.2.2 标题标记
~
042
4.3 实例3——文本格式的高级设置 043
4.3.1 字体 043
4.3.2 字号 044
4.3.3 字体风格 045
4.3.4 加粗字体 045
4.3.5 小写字母转为大写字母 046
4.3.6 字体复合属性 047
4.3.7 字体颜色 047
4.3.8 阴影文本 048
4.3.9 溢出文本 049
4.3.10 控制换行 050
4.4 实例4——成才教育网文本设计 051
高手私房菜 052
第5章 网页色彩和图片设计
网页要给访客带来舒适愉悦的感觉,漂亮的网页色彩搭配和图片设计就显得尤为重要。而且网页的目的是更好地向访客传达信息,使用醒目直观的图片往往比单调的文字更有表现力和说服力。
5.1 网页色彩与图片的关系 054
5.2 实例1——网页图像的应用 054
5.2.1 网页图片格式的选择 054
5.2.2 使用路径 055
5.2.3 网页中插入图像标记 056
5.2.4 设置图像源文件 056
5.2.5 设置图像在网页中的宽度和高度 057
5.2.6 设置图像的提示文字 058
5.3 实例2——制作茂森房地产广告网页 058
高手私房菜 059
第6章 网页列表与段落设计
在网页中文字列表和段落是最常见的内容之一。文字列表可分为有序和无序两种,而段落设计有文字格式设计、间隔、缩进、对齐方式、文字修饰等内容。
6.1 实例1——网页文字列表设计 062
6.1.1 建立无序列表 062
6.1.2 建立有序列表 063
6.2 实例2——设置网页段落格式 063
6.2.1 单词间隔 063
6.2.2 字符间隔 064
6.2.3 文字修饰 065
6.2.4 垂直对齐方式 066
6.2.5 文本转换 067
6.2.6 水平对齐方式 068
6.2.7 文本缩进 069
6.2.8 文本行高 070
6.2.9 处理空白 071
6.2.10 文本反排 072
6.3 实例3——制作图文混排型旅游网页 073
高手私房菜 074
第7章 网页超链接设计
链接是网页中比较重要的组成部分,是实现各个网页相互跳转的依据。本章主要讲述链接的概念和实现方法。
7.1 实例1——创建超文本与图片链接 076
7.2 实例2——创建下载链接 080
7.3 实例3——使用相对路径和绝对路径 081
7.4 实例4——设置链接目标打开窗口 082
7.5 实例5——超文本链接到一个E-mail地址 084
7.6 实例6——使用锚链接制作电子书阅读网页 087
7.7 实例7——超文本链接到其他内容 090
7.8 实例8——创建热点区域 092
7.9 实例9——浮动框架 094
高手私房菜 096
第8章 网页多媒体设计
网页上除了文本、图片等内容外,还可以增加音频和视频等多媒体内容。目前在网页上没有关于音频和视频的标准,多数音频和视频都是通过插件来播放的。为此,HTML 5新增了音频和视频的标签。
8.1 HTML 5 Audio和Video概述 098
8.1.1 视频容器 098
8.1.2 音频和视频编解码器 098
8.1.3 Audio元素和Video元素的浏览器支持情况 099
8.2 实例1——使用HTML 5 Audio和Video API 099
8.2.1 理解媒体元素 099
8.2.2 使用audio元素 100
8.2.3 使用video元素 101
8.2.4 浏览器支持性检测 101
8.3 实例2——设置网页多媒体属性 103
8.4 实例3——调用网页多媒体 105
高手私房菜 106
第9章 网页Canvas动画
HTML 5呈现了很多在之前的HTML版本中没有的新特性,其中一个最值得提及的特性就是HTML Canvas,用户通过它可以在网页上绘制图像。
9.1 实例1——认识画布 108
9.1.1 Canvas元素的基本用法 108
9.1.2 绘制带边框矩形 108
9.1.3 绘制渐变图形 109
9.2 实例2——在画布中使用路径 111
9.2.1 MoveTo与LineTo的用法 111
9.2.2 使用arc方法绘制圆形 112
9.3 实例3——对画布中图形的操作 113
9.3.1 变换图形原点坐标 114
9.3.2 组合多个图形 114
9.3.3 添加图形阴影 116
9.4 实例4——处理画布中的图像 117
9.4.1 绘制图像 118
9.4.2 平铺图像 118
9.4.3 切割图像 120
9.4.4 处理像素 121
9.5 实例5——运用样式与颜色 123
9.5.1 色彩设置 123
9.5.2 透明度 123
9.5.3 线型 126
9.5.4 渐变 128
9.6 实例6——画布的其他应用 130
9.6.1 绘制文字 130
9.6.2 保存、恢复及输出图形 132
9.6.3 制作简单的动画 133
高手私房菜 136
第10章 网页表单设计
在HTML 5中,表单拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。本章节主要讲述表单的概述、表单基本元素的使用方法和表单高级元素的使用方法。
10.1 实例1——熟悉表单属性 138
10.1.1 表单的用途 138
10.1.2 表单的属性设置 138
10.2 实例2——表单基本元素的应用 140
10.2.1 文字字段 140
10.2.2 密码域 141
10.2.3 单选按钮 142
10.2.4 复选框 142
10.2.5 下拉选择框 143
10.2.6 普通按钮 144
10.2.7 提交按钮 144
10.2.8 重置按钮 145
10.3 实例3——表单高级元素的使用 146
10.3.1 URL类型元素 146
10.3.2 Email类型元素 147
10.3.3 date类型元素 147
10.3.4 time类型元素 148
10.3.5 datetime类型元素 148
10.3.6 datetime-local类型元素 149
10.3.7 month类型元素 149
10.3.8 week类型元素 150
10.3.9 number类型元素 150
10.3.10 range类型元素 151
10.3.11 search类型元素 151
10.3.12 tel类型元素 152
10.3.13 color类型元素 152
10.4 实例4——创建用户反馈表单 153
高手私房菜 154
第11章 HTML 5本地存储
在HTML 5标准之前,Web存储信息需要cookie来完成。因为它们由每个对服务器的请求来传递,使得cookie速度很慢而且效率不高。在THML 5中,Web存储API为用户如何在计算机或设备上存储用户信息作了数据标准的定义。
11.1 实例1——Web Storage存储 156
11.1.1 sessionStorage对象 156
11.1.2 localStorage对象 157
11.2 实例2——操作localStorage 158
11.2.1 清空localStorage数据 158
11.2.2 遍历localStorage数据 158
11.2.3 使用JSON对象存取数据 159
11.3 实例3——WebSQL数据库应用 161
11.3.1 打开与创建数据库 161
11.3.2 执行事务 161
11.3.3 插入数据 161
11.3.4 数据管理 162
高手私房菜 162
第12章 构建离线的Web应用
为了能在离线的情况下访问网站,可以采用HTML 5的离线Web功能。本章主要介绍使用HTML 5离线Web应用API和使用HTML 5离线Web应用构建应用。
12.1 HTML 5离线Web应用概述 164
12.2 实例1——使用HTML 5离线Web应用API 164
12.2.1 检查浏览器的支持情况 164
12.2.2 搭建简单的离线应用程序 164
12.2.3 支持离线行为 165
12.2.4 Manifest文件 166
12.2.5 ApplicationCache API 167
12.3 实例2——使用HTML 5离线Web应用构建应用 168
12.3.1 创建记录资源的manifest文件 168
12.3.2 创建构成界面的HTML和CSS 168
12.3.3 创建离线的JavaScript 169
12.3.4 检查applicationCache的支持情况 171
12.3.5 为Update按钮添加处理函数 171
12.3.6 添加Storage功能代码 171
12.3.7 添加离线事件处理程序 172
高手私房菜 172
第13章 制作休闲娱乐类网页
休闲娱乐类的网页种类很多,如聊天交友、星座运程、游戏视频等。本章主要以视频类网页为例进行介绍。
13.1 整体布局 174
13.1.1 设计分析 174
13.1.2 排版架构 174
13.2 模块组成 175
13.3 制作步骤 176
13.3.1 制作样式表 176
13.3.2 Logo与导航菜单 184
13.3.3 搜索条 185
13.3.4 左侧视频模块 185
13.3.5 评论模块 186
13.3.6 右侧热门推荐 187
13.3.7 底部模块 189
高手私房菜 190
第14章 制作大型企业门户类网页
作为大型企业的网站,根据主体内容不同,主页所容括的信息量差异也很大。大型企业类网站内容栏目会比较多,需要合理布局,每一个栏目的大小位置以及内容显示形式都要精心设计。
14.1 整体布局 192
14.1.1 设计分析 192
14.1.2 排版架构 192
14.2 模块组成 193
14.3 制作步骤 193
14.3.1 样式表 193
14.3.2 网页头部 195
14.3.3 导航菜单栏 196
14.3.4 中间主体第一栏 196
14.3.5 中间主体第二栏 200
14.3.6 中间主体第三栏 204
14.3.7 中间主体第四栏 210
14.3.8 中间主体第五栏 214
14.3.9 网页底部 219
高手私房菜 220
第15章 制作电子商务类网页
电子商务网站是当前比较流行的一类网站。随着网络购物、互联网交易的普及,如淘宝、阿里巴巴、亚马逊等类型的电子商务网站在近几年风靡全球。因此,越来越多的公司企业着手架设电子商务网站平台。本章就来介绍一个简单的电子商务类网页。
15.1 整体布局 222
15.1.1 设计分析 222
15.1.2 排版架构 223
15.2 模块组成 223
15.3 制作步骤 224
15.3.1 样式表 224
15.3.2 网页头部 225
15.3.3 主体第一通栏 229
15.3.4 主体第二通栏 234
15.3.5 主体第三通栏 242
15.3.6 网页底部 245
高手私房菜 248
第16章 制作团购类网页
团购这一名词是最近几年才出现的,而且迅速火爆。有关团购的商业类网站也如雨后春笋般遍地开花,比较有名的有聚划算、窝窝团、拉手网、美团网等。本章就来制作一个典型的商业类团购网站。
16.1 整体布局 250
16.1.1 设计分析 251
16.1.2 排版架构 251
16.2 模块组成 252
16.3 制作步骤 252
16.3.1 样式表 252
16.3.2 网页头部 255
16.3.3 分类及区域选择 257
16.3.4 新品展示 258
16.3.5 侧边栏 262
16.3.6 热门城市索引 267
16.3.7 网页底部 268
16.3.8 JavaScript脚本 269
高手私房菜 270
|
|