新書推薦:
《
大唐名城:长安风华冠天下
》
售價:NT$
398.0
《
情绪传染(当代西方社会心理学名著译丛)
》
售價:NT$
403.0
《
中国年画 1950-1990 THE NEW CHINA: NEW YEAR PICTURE 英文版
》
售價:NT$
1100.0
《
革命与反革命:社会文化视野下的民国政治(近世中国丛书)
》
售價:NT$
435.0
《
画楼:《北洋画报》忆旧(年轮丛书)
》
售價:NT$
1573.0
《
大国脊梁:漫画版
》
售價:NT$
374.0
《
跟着渤海小吏读历史:大唐气象(全三册)
》
售價:NT$
989.0
《
心智的构建:大脑如何创造我们的精神世界
》
售價:NT$
352.0
|
內容簡介: |
本书集HTML5、CSS3、JavaScript技术于一体,基于Web标准,详细介绍了Web前端设计技术的基础知识,对Web体系结构、HTML5、CSS3、JavaScript和网站制作流程进行了详细的讲解;为了使广大的Web开发者真正了解与全面掌握HTML5、CSS3、JavaScript等技术,本书对HTML5和CSS3样式布局进行了深入的介绍,同时介绍了使用JavaScript脚本语言实现网页动态效果。书中引入了丰富的案例,对案例进行了细致的分析,便于学生理解所学知识,加强实操训练,提高实践能力。本书结构合理、内容紧凑,每个知识点都精心设计了案例。本书既适合作为高职院校计算机专业程序设计课程的教材,也适合Web前端和对HTML5及未来Web应用技术感兴趣的读者参考。
|
關於作者: |
罗保山,教授,武汉软件工程职业学院计算机学院副院长,毕业于华中师范大学计算机软件专业,现任教于计算机学院物联网技术教研室。从事计算机教学20年,主讲《HTML与CSS程序设计》、《数据库技术》、《C#高级程序设计》等课程。主、参编教材11本,公开发表论文13篇,主持或参与市级以上科研课题20余项,取得软件著作权、专利7项。
|
目錄:
|
第1章HTML5概述1
1.1HTML简介1
1.2了解HTML52
1.3搭建HTML5的开发环境4
1.4HTML5文件的编写方法4
1.4.1 使用记事本手工编写HTML5文件4
1.4.2 使用Dreamweaver CS编写HTML
文件6
1.4.3 实例:编写第一个HTML5网页
文件7
1.4.4预览HTML5网页8
本章小结8
练习与实训8
第2章全新的HTML59
2.1 HTML5的适用范围9
2.1.1HTML5与各大浏览器的兼容性9
2.1.2运用<video>和<audio>标签进行
视频和音频制作9
2.1.3更炫酷的界面10
2.1.4更强大的表单功能10
2.1.5提升可访问性10
2.2语法变化10
2.2.1HTML5的语法变化10
2.2.2HTML5中的标记方法11
2.2.3HTML5与之前版本的兼容性12
2.3HTML5新增和废除的元素13
2.3.1新增的结构元素13
2.3.2新增的其他元素14
2.3.3废除的元素15
2.4新增的属性16
2.5全局属性17
2.5.1hidden属性18
2.5.2spellcheck属性18
2.5.3contenteditable属性18
2.5.4designmode属性19
2.5.5tabindex属性19
本章小结19
练习与实训19
第3章认识HTML5的文档结构20
3.1Web标准20
3.1.1 Web标准概述20
3.1.2 Web标准规定的内容20
3.2HTML5的基本结构21
3.2.1文档类型标记doctype21
3.2.2 html标记21
3.2.3 头标记head21
3.2.4主体标记body22
3.2.5 标题标记title22
3.2.6 元信息标记meta22
3.2.7 页面注释标记24
3.3 综合实例符合W3C标准的HTML5
网页24
3.3.1HTML26
3.3.2 CSS27
3.3.3 JavaScript27
3.4HTML5页面构成28
3.4.1HTML5页面主要组成部分28
3.4.2综合实例HTML5页面构成29
本章小结36
练习与实训36
第4章网页文本设计37
4.1 添加文本37
4.1.1普通文本37
4.1.2特殊字符文本37
4.1.3文本特殊样式38
4.2文本排版41
4.2.1段落标记41
4.2.2标题标记43
4.2.3center标记44
4.2.4hr标记45
4.2.5span标记46
4.2.6特殊信息文本47
4.3网页文字列表设计52
4.3.1 建立无序列表52
4.3.2 建立有序列表54
4.3.3 建立自定义列表55
本章小结56
练习与实训56
第5章美化网页使用CSS3技术57
5.1 CSS3概述57
5.2 CSS3基本选择器57
5.2.1 标记选择器58
5.2.2 类选择器58
5.2.3 ID选择器59
5.3 在HTML5中使用CSS3的方法60
5.3.1 行内样式60
5.3.2 嵌入样式60
5.3.3 链接样式61
5.3.4 导入样式62
5.3.5 样式的优先级62
5.4 CSS3复合选择器64
5.4.1 交集选择器64
5.4.2 并集选择器64
5.4.3 后代选择器65
5.4.4 子选择器66
5.4.5 相邻选择器67
5.4.6伪类选择器67
5.4.7 伪对象选择器68
5.5CSS3常用效果与技巧69
5.5.1阴影效果70
5.5.22D与3D效果71
本章小结75
练习与实训75
第6章文本格式的高级设置76
6.1 文本样式76
6.1.1 字体76
6.1.2 字号77
6.1.3 字体风格78
6.1.4 加粗字体78
6.1.5 小写字母转为大写字母78
6.1.6 字体复合属性79
6.1.7 字体颜色79
6.1.8 溢出文本80
6.1.9控制换行81
6.2文本样式81
6.2.1 单词间隔81
6.2.2 字符间隔82
6.2.3 文字修饰82
6.2.4 垂直对齐方式83
6.2.5 水平对齐方式84
6.2.6 文本缩进84
6.2.7 文本行高85
6.2.8 处理空白85
6.2.9 文本反排86
6.3 CSS3设置文本样式87
6.4 综合实例 用CSS3设计网站侧边导
航栏88
本章小结92
练习与实训92
第7章网页色彩和图片设计93
7.1网页色彩和图片的关系93
7.2 网页图像的应用94
7.2.1网页图片格式的选择94
7.2.2 路径表示法96
7.2.3 图片的使用97
7.3 用CSS3设置颜色与背景98
7.3.1 用CSS3设置图像效果100
7.3.2 图片缩放101
本章小结103
练习与实训103
第8章网页超链接设计104
8.1 创建超文本与图片链接104
8.2 创建下载链接105
8.3 使用相对路径和绝对路径106
8.4 设置链接目标打开窗口107
8.5 超文本链接到一个E-mail地址108
8.6 使用锚链接制作电子书阅读网页110
8.7 创建热点区域112
8.8 浮动框架113
8.9综合实例图片热点区域制作114
本章小结118
练习与实训118
第9章用HTML5创建表格119
9.1 创建表格119
9.1.1创建表格的基本语法table
元素、tr元素、th元素、td元素119
9.1.2表格的描述summary属性121
9.2表格的标题caption元素122
9.3设置单元格th元素、td元素122
9.3.1使用th元素和td元素定义单元格122
9.3.2跨多行、多列的单元格124
9.4表格的按行分组显示thead元素、
tfoot元素、tbody元素127
9.5表格的按列分组显示colgroup
元素、col元素128
本章小结130
练习与实训130
第10章网页表单设计131
10.1 熟悉表单属性131
10.1.1表单的用途131
10.1.2表单的属性设置132
10.2基本元素的应用134
10.2.1文本框137
10.2.2密码域138
10.2.3单选框138
10.2.4复选框139
10.2.5普通按钮140
10.2.6提交按钮141
10.2.7重置按钮141
10.2.8多行文本框textarea141
10.2.9label标签142
10.2.10下拉列表框143
10.2.11其他基本元素144
10.3表单高级元素的使用145
10.3.1url类型元素145
10.3.2email类型元素146
10.3.3number类型元素146
10.3.4range类型元素147
10.3.5search类型元素148
10.3.6color类型元素149
10.3.7日期和时间元素149
10.3.8datalist标签150
10.3.9input表单控件新增属性151
10.4综合实例创建用户反馈表单153
本章小结160
练习与实训160
第11章网页多媒体设计162
11.1 HTML5 audio元素和video元素概述162
11.1.1视频容器162
11.1.2音频和视频编解码器162
11.1.3audio元素和video元素的src
属性和source属性164
11.2 网页中的音频文件165
11.2.1audio元素的浏览器支持情况165
11.2.2添加自动播放音频文件(autoplay
属性)165
11.2.3添加带有控件的音频文件
(controls属性)166
11.2.4添加循环播放音频文件
(loop属性)167
11.2.5添加预播放的音频文件
(preload属性)167
11.3 网页中的视频文件168
11.3.1video元素的浏览器支持情况168
11.3.2添加带有控件的视频文件
(controls属性)169
11.3.3添加自动播放的视频文件
(autoplay属性)171
11.3.4添加循环播放的视频文件(loop
属性)172
11.3.5添加预播放的视频文件(preload
属性)173
11.3.6设置视频文件的宽度和高度
(width与height属性)174
11.3.7设置视频文件的error属性175
11.3.8设置视频文件的networkState
属性(只读属性)176
11.3.9视频文件的readyState属性176
11.4 多媒体元素常用方法和事件简述176
11.5综合实例 使用多媒体元素播放
文件177
本章小结178
练习与实训178
第12章HTML5布局179
12.1布局简介179
12.1.1页面元素与布局核心技巧179
12.1.2元素显示方式179
12.2图文混排与题图文字布局180
12.2.1图文混排布局180
12.2.2题图文字布局181
12.3float多栏布局182
12.3.1float浮动183
12.3.2清除浮动clear185
12.3.3float两列均分布局186
12.3.4float多栏布局191
12.4盒布局与弹性盒布局197
12.4.1盒布局197
12.4.2弹性盒布局199
12.5position定位205
12.5.1position205
12.5.2z-index207
12.5.3clip208
本章小结209
练习与实训209
第13章使用JavaScript脚本语言实现网页
动态效果210
13.1 JavaScript简介210
13.1.1 JavaScript的概念和特点210
13.1.2 JavaScript与Java211
13.1.3 第一个JavaScript程序212
13.2 在html文档中使用脚本代码215
13.2.1内部引用JavaScript216
13.2.2外部引用JavaScript216
13.2.3内联引用JavaScript217
13.3 JavaScript语言基础218
13.3.1 JavaScript语法格式218
13.3.2 JavaScript语句218
13.3.3 JavaScript注释219
13.3.4 数据类型220
13.3.5 常量220
13.3.6 变量221
13.4 表达式与运算符222
13.4.1 表达式222
13.4.2 运算符222
13.5 JavaScript控制结构与函数224
13.5.1 JavaScript控制结构224
13.5.2 函数233
13.6事件驱动及事件处理237
13.7 对象编程239
13.7.1内置对象239
13.7.2文档对象编程248
13.8 综合实例实现即时验证效果254
本章小结259
练习与实训259
第14章网页设计与开发综合范例260
14.1 网页内容分析260
14.2 综合实例制作门户类网页261
14.2.1网页框架构建及素材的准备261
14.2.2建立本地站点262
14.2.3使用HTML创建页面结构263
14.2.4使用CSS布局并美化页面265
本章小结271
练习与实训271
参考文献 272
|
內容試閱:
|
HTML5、CSS3、JavaScript技术是网页设计的精髓。当今时代,网络应用正处在不断变革中,而作为与应用密切相关的前端技术更是备受瞩目。其中,以HTML5为代表的新一代技术尤为受到多方的关注,因为HTML5不仅仅是一次简单的技术升级,更代表了未来Web开发的方向,对于当今整个Web开发领域来说,HTML5可谓最热门的话题之一,被寄予了太多的期望与依托。在Web开发中采用CSS技术可以显著地美化应用程序,有效地控制页面的布局、字体、颜色、背景和其他效果。利用好CSS还可以更快捷地得到以往要用很多插件才能达到的效果。
HTML5相较于HTML4做出了一定程度的修改。这些修改包括一些标签的增加或删减、语法结构的简化等。与Flash相比,HTML5的优点是无须插件、对搜索引擎友好,且在性能与稳定性方面的表现更优。HTML5的框架在原版本的基础上,废除了许多HTML4中不合理的效果标记,创造性地增加了很多用于富媒体、富图形的新标记,最大限度地减少了对外部插件的依赖;本书第2章介绍了许多新增加的元素属性,需要借助相关的书籍来引导开发者进行学习,使其快速掌握HTML5。
本书共14章,内容包括:
第1章 HTML5概述,介绍HTML5的基础知识,帮助大家了解HTML的轮廓和发展历程,并介绍HTML5页面的创建方法。
第2章 全新的HTML5,详细介绍了HTML5中新增的结构元素,还增加了一些表示逻辑结构或附加信息的非主体结构元素、新增的属性及其用法,以及HTML5中废除的元素。
第3章 认识HTML5的文档结构,介绍了Web标准、HTML5的基本结构,帮助大家了解HTML5的轮廓,并通过一个实例介绍符合Web标准的HTML5文档结构。
第4章 网页文本设计,通过实例介绍网页中文本的插入和文本的斜体、粗体等特殊样式的知识,讲解文档排版的段落标记和标题标记,以及使用标记创建无序列表、有序列表和自定义列表。
第5章 美化网页 使用CSS3技术,详细介绍CSS3的基本概念、定义和使用语法,介绍层叠样式表文件的使用语法规则、定义方式、在网页中的引用方法,CSS构造样式的规则及样式选择器的类型。
第6章 文本格式的高级设置,详细介绍CSS3中文本样式表的高级设置,通过实例对文本样式中的文本字体、风格、字号、大小写转换、行间距、字间距、溢出处理等常用文本样式属性进行讲解。
第7章 网页色彩和图片设计,介绍网页中的色彩和图片的关系,以及图像的应用。
第8章 网页超链接设计,通过实例讲解网页超链接设计的相关知识,包括创建超文本 图片链接、下载链接,使用绝对相对路径、在不同窗口打开链接,使用超文本链接发送电子邮件,使用锚点制作电子书阅读网页,创建热点区域及浮动框架。
第9章 用HTML5创建表格,介绍页面中表格的各种HTML标签,如表格标签<table>、行标签<tr>、单元格标签<td>、标题标签<caption>等,以及跨行跨列的处理方法和分组设置表格列样式的处理方法。
第10章 网页表单设计,主要介绍表单的基本标签,如表单<form>、输入<input>、下拉列表<select>、多行文本<textarea>等和表单的工作原理。
第11章 网页多媒体设计,学习在HTML5中增加audio和video进行多媒体播放的方法。通过audio或video的属性能够获取多媒体播放的进度、总时间等信息,通过自定义播放器可以设置播放器的播放、暂停、音量调整等动作。
第12章 HTML5布局,介绍关于页面布局的一系列基础知识和一些布局案例,它们基本涵盖了当前的主流布局方式,具有很强的代表性。
第13章 使用JavaScript脚本语言实现网页动态效果,主要介绍JavaScript的基本语法、常用内置对象、文档对象模型、用户验证等知识。
第14章 网页设计与开发综合范例,通过实例讲解网页规划、结构、布局的相关知识,最后通过一个综合实例介绍网页设计与开发的过程。
本书注重理论结合实际,注重基本知识的传授与基本技能的培养,适合作为高职院校计算机专业HTML5 CSS3 JavaScript的教学用书。
本书由罗保山、孙琳担任主编,张松慧、赵丙秀、张克斌担任副主编,参加编写的人员还有董宁、江平、汪晓青、刘波等。本书在编写过程中参考了许多资料和国内外的优秀教材,在此对其作者一并表示衷心的感谢。
为了方便教师教学,本书提供了教学参考资料包,内容包括电子课件、案例源代码、课后上机实训、习题解答等,请有此需要的教师登录华信教育资源网(www.hxedu.com.cn)注册后免费下载,如有问题可在网站留言板留言或与电子工业出版社联系(E-mail:hxedu@phei.com.cn)。
由于编写时间紧张,编者水平有限,书中难免存在疏漏,敬请读者批评指正。
编 者
|
|