描述
开 本: 16开纸 张: 胶版纸包 装: 平装-胶订是否套装: 否国际标准书号ISBN: 9787302489160丛书名: 网站开发案例课堂
零基础、入门级的讲解
无论您是否从事计算机相关行业，无论您是否接触过网页制作和设计，都能从本书中找到*起点。
超多、实用、专业的范例和项目
本书在编排上紧密结合深入学习网页制作技术的先后过程，从HTML 5的基本概念开始，引导读者逐步深入地学习各种应用技巧，并侧重实战技能，使用简单易懂的实际案例进行分析和操作指导，让读者读起来简明轻松，操作起来有章可循。
随时检测自己的学习成果
每章首页中，均提供了学习目标，以指导读者重点学习及学后检查。
大部分章节*后的“跟我学上机”板块，均根据本章内容精选而成，读者可以随时检测自己的学习成果和实战能力，做到融会贯通。
细致入微、贴心提示
本书在讲解过程中，在各章使用了“注意”“提示”“技巧”等小贴士，使读者在学习过程中更清楚地了解相关操作、相关概念，并轻松掌握各种操作技巧。
专业创作团队和技术支持
本书由千谷高新教育中心编著和提供技术支持。
您在学习过程中遇到任何问题，可加入QQ群(案例课堂VIP)451102631进行提问，专家人员会在线答疑。
超值资源大放送
全程同步教学录像
涵盖本书所有知识点，详细讲解每个实例及项目的过程及技术关键点。比看书更轻松地掌握书中所有的网页制作和设计知识，而且扩展的讲解部分可使您得到比书中更多的收获。
超多容量优质资源
赠送大量优质资源，包括实例源代码、教学幻灯片、本书精品教学视频、88个实用类网页模板、12部网页开发必备参考手册、HTML 5标签速查手册、精选的JavaScript实例、CSS 3属性速查表、JavaScript函数速查手册、CSS DIV布局赏析案例、精彩网站配色方案赏析、网页样式与布局案例赏析、Web前端工程师常见面试题等。读者可以通过QQ群(案例课堂VIP)451102631获取赠送资源，也可以扫描二维码，下载本书资源。
《HTML5网页设计案例课堂(第2版)》以零基础讲解为宗旨，用实例引导读者深入学习，采取【基础入门→核心技术→高级技能→移动开发→综合案例实战】的讲解模式，深入浅出地讲解HTML 5的各项技术及实战技能。
《HTML5网页设计案例课堂(第2版)》第Ⅰ篇【基础入门】主要内容包括新一代Web前端技术HTML 5、HTML 5网页的文档结构、HTML 5与HTML4的区别等；第Ⅱ篇【核心技术】主要内容包括设计网页文本内容、设计网页列表与段落、HTM L5网页中的图像、使用HTML 5建立超链接、使用HTML 5创建表单、使用HTML 5创建表格、HTML 5中的音频和视频、使用HTML 5绘制图形等；第Ⅲ篇【高级技能】主要内容包括HTML 5中的文件与拖放、定位地理位置技术、Web存储和通信技术、处理线程和服务器发送事件、构建离线的Web应用等；第Ⅳ篇【移动开发】主要内容包括jQuery Mobile基础、jQuery Mobile UI组件、jQuery Mobile 事件、数据存储和读取技术等；第Ⅴ篇【综合案例实战】主要内容包括制作休闲娱乐类网页、制作企业门户类网页、制作电子商务类网页、开发连锁酒店订购系统。本书赠送了13个超值的王牌资源。
《HTML5网页设计案例课堂(第2版)》适合任何想学习网页前台设计与布局的人员，无论您是否从事计算机相关行业，无论您是否接触过HTML 5，通过学习均可快速掌握网页的设计方法和技巧。
前 言
“网站开发案例课堂”系列图书是专门为办公技能和网页设计初学者量身定制的一套学习用书。整套书涵盖高效办公、网站开发、数据库设计等方面。整套书具有以下特点。
前沿科技
无论是网站建设、数据库设计还是HTML 5、CSS 3，我们都精选较为前沿或者用户群最大的领域推进，帮助大家认识和了解最新动态。
权威的作者团队
组织国家重点实验室和资深应用专家联手编著该套图书，融合丰富的教学经验与优秀的管理理念。
学习型案例设计
以技术的实际应用过程为主线，全程采用图解和同步多媒体结合的教学方式，生动、直观、全面地剖析使用过程中的各种应用技能，降低难度，提升学习效率
为什么要写这样一本书
随着用户对页面体验要求的提高，页面前端技术日趋重要。HTML 5技术成熟，在前端技术中突显优势，在各大浏览器厂商的支持下，将会更加盛行，因此本书致力于帮助读者完全掌握该技术。本书可以让读者掌握目前流行的最新前端技术，使前端从外观上变得更炫、技术上更简易。通过本书的案例实训，大学生可以很快地掌握流行的工具，提高职业化能力，从而帮助解决公司与求职者的双重需求问题。
本书特色
零基础、入门级的讲解
无论您是否从事计算机相关行业，无论您是否接触过网页制作和设计，都能从本书中找到最佳起点。
超多、实用、专业的范例和项目
本书在编排上紧密结合深入学习网页制作技术的先后过程，从HTML 5的基本概念开始，引导读者逐步深入地学习各种应用技巧，并侧重实战技能，使用简单易懂的实际案例进行分析和操作指导，让读者读起来简明轻松，操作起来有章可循。
随时检测自己的学习成果
每章首页中，均提供了学习目标，以指导读者重点学习及学后检查。
大部分章节最后的“跟我学上机”板块，均根据本章内容精选而成，读者可以随时检测自己的学习成果和实战能力，做到融会贯通。
细致入微、贴心提示
本书在讲解过程中，在各章使用了“注意”“提示”“技巧”等小贴士，使读者在学习过程中更清楚地了解相关操作、相关概念，并轻松掌握各种操作技巧。
专业创作团队和技术支持
本书由千谷高新教育中心编著和提供技术支持。
您在学习过程中遇到任何问题，可加入QQ群(案例课堂VIP)451102631进行提问，专家人员会在线答疑。
超值资源大放送
全程同步教学录像
涵盖本书所有知识点，详细讲解每个实例及项目的过程及技术关键点。比看书更轻松地掌握书中所有的网页制作和设计知识，而且扩展的讲解部分可使您得到比书中更多的收获。
超多容量王牌资源
赠送大量王牌资源，包括实例源代码、教学幻灯片、本书精品教学视频、88个实用类网页模板、12部网页开发必备参考手册、HTML 5标签速查手册、精选的JavaScript实例、CSS 3属性速查表、JavaScript函数速查手册、CSS DIV布局赏析案例、精彩网站配色方案赏析、网页样式与布局案例赏析、Web前端工程师常见面试题等。读者可以通过QQ群(案例课堂VIP)451102631获取赠送资源，也可以扫描二维码，下载本书资源。
读者对象
没有任何网页设计基础的初学者。
有一定的HTML 5基础，想精通网页制作和设计的人员。
有一定的HTML 5基础，没有项目经验的人员。
正在进行毕业设计的学生。
大专院校及培训学校的老师和学生。
创作团队
本书由刘春茂编著，参加编写的人员还有刘玉萍、张金伟、蒲娟、周佳、付红、李园、郭广新、侯永岗、王攀登、刘海松、孙若淞、王月娇、包慧利、陈伟光、胡同夫、王伟、展娜娜、李琪、梁云梁和周浩浩。在编写过程中，我们力尽所能地将最好的讲解呈现给读者，但也难免有疏漏和不妥之处，敬请不吝指正。若您在学习中遇到困难或疑问，或有何建议，可写信至信箱[email protected]。
编 者
第4章 设计网页文本内容
网页文本是网页中最主要也是最常用的元素。网页文本的内容包括标题文字、普通文字、段落文字、水平线等。本章介绍如何使用HTML 5设计网页文本内容
4.1 标题文字的建立
在HTML文档中，文本的结构除了以行和段出现之外，还可以作为标题存在。通常一篇文档最基本的结构就是由若干不同级别的标题和正文组成的。
4.1.1 案例1——标题文字标记
HTML文档中包含有各种级别的标题。各种级别的标题由
到
元素来定义。
至
标题标记中的字母h是英文headline(标题行)的简称。其中
代表1级标题，级别最高，文字也最大，其他标题元素依次递减，
级别最低。
至
标题标记中的字母h是英文headline(标题行)的简称。其中
代表1级标题，级别最高，文字也最大，其他标题元素依次递减，
级别最低。
代表1级标题，级别最高，文字也最大，其他标题元素依次递减，
级别最低。
【例4.1】标题标记的使用(案例文件：ch044.1.html)。
这里是1级标题
这里是2级标题
这里是3级标题
这里是4级标题
这里是5级标题
这里是6级标题
在IE 11.0中预览，效果如图4-1所示。
图4-1 标题标记的使用
作为标题，它们的重要性是有区别的，其中
标题的重要性最高，
的重要性最低。
4.1.2 案例2——标题文字的对齐方式
标题文字的对齐方式主要有居左、居中、居右和两端对齐，其中两端对齐方式不经常使用。
【例4.2】标题文字的对齐方式(案例文件：ch044.2.html)。
这里是1级标题 居中对齐
这里是2级标题 居左对齐
这里是3级标题 居右对齐
上面的标题在页面中进行了各种对齐方式的排列。上面的标题在页面中进行了各种对齐方式的排列。上面的标题在页面中进行了各种对齐方式的排列。
在IE 11.0中预览，效果如图4-2所示。
图4-2 标题文字的对齐方式
4.2 设置文字格式
一个杂乱无序、堆砌而成的网页，会使人感觉枯燥无味，而一个美观大方的网页，会让人有美轮美奂、流连忘返的感觉。下面介绍如何设置网页文字的格式。
4.2.1 案例3——设置文字字体
font-family属性用于指定文字字体类型，如宋体、黑体、隶书、Times New Roman等，即在网页中，展示字体不同的形状。语法格式如下：
style=”font-family:黑体”
style=”font-family:华文彩云,黑体,宋体”
从语法格式上可以看出，font-family有两种声明方式。第一种声明方式使用name字体名称，按优先顺序排列，以逗号隔开，如果字体名称包含空格，则应使用引号括起。第二种声明方式使用所列出的字体序列名称。如果使用fantasy序列，将提供默认字体序列。第一种声明方式比较常用。
【例4.3】设置文字字体及对齐方式(案例文件：ch044.3.html)。
北国风光，千里冰封。
在IE 11.0中浏览，效果如图4-3所示，可以看到文字为黑体并居中显示。
图4-3 设置文字字体及对齐方式
在字体显示时，如果指定一种特殊字体类型，而在浏览器或者操作系统中该类型不能正确获取，可以通过font-family预设多种字体类型。font-family属性可以预置多个供页面使用的字体类型，即字体类型序列，其中每种字体类型之间使用逗号隔开。如果前面的字体类型不能够正确显示，则系统将自动选择后一种字体类型，依次类推。所以，在设计页面时，一定要考虑字体的显示问题。为了保证页面达到预期效果，最好提供多种字体类型，而且最好以最基本的字体类型作为最后一个。
其样式设置如下。
font-family:华文彩云,黑体,宋体
当font-family属性值中的字体类型由多个字符串和空格组成，如Times New Roman，那么，该值就需要使用双引号引起来。
font-family: “Times New Roman”
评论
还没有评论。