前言

随着互联网的不断发展和成熟，网页的概念已经深入人心，越来越多的人群开始接触网页设计，网页的设计和制作不再是网页设计师的专利。或许我们用网页制作方面的软件就能设计出一个简单的网页。这样对于网页初学者来说，是不是只要精通一门软件就可以掌握整个网站前台的开发呢？答案当然是否定的。软件仅仅只是一个工具，要想真正掌握整个网站前台的制作，必须追究整个网站前台制作的深层次内容，这样在设计网页时就要掌握以下超文本标记语言HTML的有关知识，完成对网页结构的了解，再依据结构添加CSS样式，呈现出一个美观、大方的网页，最后加上JavaScript脚本代码，表现网页的动态行为。

本书从网页设计初学者的角度出发，由浅入深地讲解HTML+CSS+JavaScript这些网站前台设计语言，在对这些设计语言理论知识点讲解的同时配合大量的实例进行形象分析。理论与实践的结合可以为网页设计初学者提供一个很好的入门。

本书章节安排

本书详细介绍了网站前台设计中所需要的三种设计语言：HTML、CSS和JavaScript，在此基础上，重点讲述了怎样将这三种设计语言结合起来实现网页设计效果。书中使用大量案例对网页设计中的重点、难点进行深层次讲解，促进读者对新知识点的消化。案例也会从设计者眼光看待网页的制作，启发读者设计灵感。

本书共分为22章，每章的内容如下。

第1章 HTML基础，简单讲解了一些网站与网页的基本知识和三种网站前台设计语言在网页中的作用。主要讲解了HTML中文档结构、标签形式、代码规范以及编写HTML代码的方式等。

第2章 HTML整体结构设置，主要介绍了整个网页的HTML结构，包括HTML的头部标签和主体标签等。

第3章 HTML中文本与段落设置，主要介绍了网页中文本的一些标签处理，了解一些网页文字在HTML中的简单设置方法，还介绍了怎样在网页文本中插入水平线、滚动文本等。

第4章 HTML中列表设置，重点介绍了HTML中五种列表标签以及它们各自的使用案例。

第5章 HTML中图像设置，主要介绍了网页中图像的一些格式，重点介绍了在网页中插入图片的HTML标签。

第6章 HTML中超链接设置，主要介绍了在网页中创建超链接、锚点链接和图像超链接的方法，了解一下相对路径和绝对路径。

第7章 HTML中多媒体设置，主要介绍了在网页中插入多媒体标签、背景音乐以及普通视频的方法。

第8章 HTML中表单元素的设置，主要介绍了表单标签，重点介绍了表单元素的使用。

第9章 HTML中表格和Div的应用，主要介绍了网页中表格创建的具体方法，重点介绍了表格的属性、单元行和单元格的属性，了解Div的应用。

第10章 HTML中框架的设置，简单介绍了使用框架组织网页的方法，主要讲解框架集以及框架的一些标签等。

第11章 CSS样式基础，主要介绍了CSS样式在网页中的作用以及在HTML页面中使用CSS样式的方法。重点介绍了CSS样式的语法和基本的CSS选择器。

第12章 使用CSS设置文字和段落样式，主要介绍了设置网页中文字和段落CSS样式的基本方法。

第13章 使用CSS设置列表和背景样式，主要介绍了在CSS样式中设置网页中三种常见列表样式和设置网页背景样式的方法。

第14章 使用CSS设置图片和超链接样式，主要介绍了如何定义网页中图片和链接的一些CSS样式，重点介绍了怎样定义图片的边框、缩放、对齐CSS样式。

第15章 使用鼠标效果和CSS滤镜，主要介绍了CSS的滤镜知识以及一些常见用法，重点介绍了如何使用CSS定义鼠标的效果。

第16章 CSS布局，主要介绍了CSS的盒模型、CSS布局理念、布局中的浮动与定位以及其他几种具体的布局方法，也简单介绍了Div标签与Span标签的区别、CSS布局与传统表格布局的区别。

第17章 JavaScript基础，主要介绍了JavaScript的发展和特点、JavaScript在网页中的作用以及怎样在网页中使用JavaScript。

第18章 JavaScript的语法基础，主要介绍了JavaScript基础语法、JavaScript交互基本方法，重点介绍了JavaScript变量、JavaScript数据类型、JavaScript运算符、JavaScript条件语句和循环语句。

第19章 JavaScript中的事件响应，主要介绍了JavaScript中的常用事件，有click事件、change事件、select事件、focus事件、load事件和onblur事件等。

第20章 JavaScript中的函数，主要介绍了JavaScript中函数的定义和使用以及JavaScript中的核心对象等。

第21章 JavaScript实现网页动态效果，主要介绍了JavaScript中的一些使用案例，用JavaScript实现网页文字特效、网页图像特效和导航菜单特效。

第22章 综合案例，通过四个典型的商业网站案例制作，介绍使用HTML+CSS+JavaScript制作网站页面的方法和技巧。

本书特点

全书内容丰富，知识点条理清晰，通过22章的内容，为读者全面系统地介绍了网站前台设计的三种语言，采用理论知识与案例结合的办法使知识融会贯通。

本书主要有以下特点。

● 案例经典，上手快速，语言通俗易懂，讲解清晰，除了图书配合多媒体教学讲解外，我们对书中的配图也做了详细、清晰的标注，每步一图，让读者学习起来更加轻松，阅读更加容易。

● 本书主要从初学者角度入手，由浅入深，循序渐进地讲解了网站前台设计中的三种语言并详细地通过实例介绍了它们各自的用法。

● 本书通过知识点与案例相结合的方法讲解了网站前台设计中的三种语言，可以尽量使读者少走弯路。

● 本书配套光盘中提供了书中所有案例的源文件和相关素材，并且书中每个案例都录制了相关的视频教学，方便读者边学边练。

PPT课件及其下载说明

本书正文中所述PPT课件已作为学习资料提供下载，扫描右侧二维码即可获得文件下载方式。PPT内容包括本书所涉及的理论知识、软件讲解和软件设置操作，以及实例的技术要点和最终效果。PPT课件的结构完整，便于相关课程的讲师根据自己的实际需求完善课件，提高教学质量。

如果大家在阅读或使用过程中遇到任何与本书相关的技术问题或者需要什么帮助，请发邮件至szys@ptpress.com.cn，我们会尽力为大家解答。