前    言

　　在互联网迅猛发展和网络经济蓬勃繁荣的形势下，互联网技术成为信息技术界关注的热门技术之一，教育领域也进行着深刻的变革，高职院校顺应着趋势，培养以企业需求为导向的“职业化”特征高级应用型人才，力求将新技术和应用融合到实际案例之中。通过对网页设计实例和综合案例的学习，读者可以尽快掌握所学的知识，提高网页设计的实战能力；同时在网上提供了本书的实例源代码，可供读者直接查看和调用。

本书特色

　　本书系统讲解了Web前端网页设计技术，内容简明扼要，结构清晰，示例众多，步骤明确，讲解细致，突出可操作性和实用性。本书不仅通过具体案例将Web前端技术的理论知识融入到解决实际问题中，还辅以丰富的操作习题和课后练习，能使学生得到充足的训练，有助于理解知识，达到学以致用。

本书主要内容

　　第1章介绍Web相关术语、HTML5发展现状及HTML5文件的基本结构。

　　第2章讲解HTML5文件的基本结构标记(也称标签)、HTML5段落、文本是如何排版的、如何运用HTML5标记在页面中插入图片、设置背景以及如何在页面中插入列表，有序列表、无序列表、定义列表及几种列表的嵌套的使用。

　　第3章介绍如何使用标签创建表格及表格布局。通过完成一个个小任务，掌握如何使用<table>标记创建表格，如何设置表格的各种属性，如何运用表格布局页面。

　　第4章介绍超链接的使用及浮动框架。介绍运用<a>标记及属性实现几种不同形式的超链接，运用<iframe>标记实现浮动框架。通过综合实例掌握在浮动框架中使用超链接实现页面的跳转。

　　第?5?章讲解如何在页面上插入表单，详细介绍表单中的各种元素；通过实例介绍文本框、密码框、单选按钮、复选框、文件域、按钮、隐藏域、下拉列表框、文本域及HTML5中新增元素的使用。

　　第6章介绍多媒体设置，介绍如何实现在页面中插入音频、视频等多媒体文件。

　　第7章介绍CSS3样式表。详细介绍几种样式表的定义，样式表中关于文本段落属性、表格样式属性、列表样式属性、图片属性的设置，背景属性的设置，表单属性设置。

　　第8章介绍CSS3中盒子模型。通过实例详细讲解盒子模型的height、width设置，盒子边框border-style、border-width和color设置，盒子模型的padding和margin的设置，并通过大量的实例讲解盒子的浮动、盒子的定位及z-index的综合应用。

　　第9章讲解JavaScript的基本语法知识。通过实例介绍JavaScript数据类型、运算符、比较运算符、赋值运算符、逻辑运算符、函数的定义及使用。详细介绍几种流程控制结构及综合应用。

　　第10章介绍JavaScript对象及对象编程。

　　第11章主要介绍表单中事件的处理。详细介绍如何处理表单中信息的验证及相关事件的处理。

　　第12章主要介绍Bootstrap框架。详细介绍Bootstrap的环境配置、包含的内容；使用Bootstrap CSS样式表来设置文本、图片、表格和按钮样式；使用Bootstrap组件及插件类，如字体、下拉按钮、导航栏、分页、进度条、警告提示和多媒体组件来快速设计页面。

读者对象

　　本书作为Web前端网页设计技术入门类教材，既可以作为高等职业教育计算机及相关专业的教材，也可作为Web前端开发技术的各种培训班培训教材，还可用于读者自学。

　　本书由凌宝慧(南京信息职业技术学院教师)任主编，高云、崔艳春、陆莉莉、李方方任副主编，其中第2～5、7～9、12章由凌宝慧编写，第1、6章由高云编写，第11章由陆莉莉编写，第10章由李方方编写，由凌宝慧负责统稿。参与编写和资料整理的还有何光明、王珊珊、石雅琴、许悦、卢振侠、陈莉萍等。

　　限于作者水平，书中难免存在疏漏之处，恳请广大读者批评指正。

　　编  者