第1章　网页建设基础

　1.1　因特网本质

　1.1.1　因特网、网站和网页的关系

　1.1.2　网页与HTML语言

　1.2　了解网页与网站

　1.2.1　因特网

　1.2.2　网页与网站

　1.2.3　域名与URL

　1.2.4　HTTP与FTP

　1.2.5　TCP/IP与IP地址

　1.2.6　静态网页与动态网页

　1.3　网站建设常用软件和技术

　1.3.1　网页编辑软件Dreamweaver

　1.3.2　网页标记语言HTML

　1.3.3　网页表现语言CSS

　1.3.4　网页特效脚本语言javaScript

　1.3.5　动态网页编程语言ASP、php和JSP等

　1.4　HMTL、CSS与Javascript的结合

　1.5　本章小结 8第2章　HTML、XHTML与HTML 5基础

　2.1 了解HTML和XHTML

　2.2　HTML基础

　2.2.1　什么是HTML

　2.2.2　HTML的基本结构

　2.2.3　HTML的基本语法

　2.2.4　HTML的主要功能

　2.2.5　HTML的编辑环境

　2.2.6　认识Dreamweaver中的代码工具

　2.3　XHTML基础

　2.3.1　什么是XHTML

　2.3.2　XHTML的文档结构

　2.3.3　XHTML的代码规范

　2.3.4　XHTML的文档类型

　2.3.5　名字空间

　2.3.6　使用XHTML的好处

　实例01+视频：制作第一个HTML页面

　2.4　XML基础

　2.4.1　什么是XML

　2.4.2　HTML与XML比较

　2.4.3　XML的优势

　2.4.4　什么是"形式良好"的XML文件

　2.5　HTML 5基础

　2.5.1　了解HTML 5

　2.5.2　HTML 5的标签

　实例02+视频：使用标签实现网页绘图

　2.5.3　HTML 5的标准属性

　实例03+视频：使用标签实现网页背景音乐

　2.5.4　HTML 5的事件属性

　实例04+视频：使用标签实现网页视频播放

　2.6　本章小结

第3章　HTML控制网页整体属性

　3.1　HTML头部标签设置

　3.1.1　标签

　实例05+视频：使用标签设置网页标题

　3.1.2　标签

　实例06+视频：使用标签设置网页基底网址

　3.1.3　标签

　实例07+视频：使用标签设置网页关键字

　实例08+视频：使用标签设置网页说明

　实例09+视频：使用标签设置网页定时跳转

　实例10+视频：使用标签设置作者信息

　实例11+视频：使用标签设置网页编辑软件

　3.2　HTML主体标签设置

　3.2.1　边距属性margin

　实例12+视频：设置网页整体边距

　3.2.2　背景颜色属性bgcolor

　实例13+视频：设置网页背景颜色

　3.2.3　背景图像属性background

　实例14+视频：设置网页背景图像

　3.2.4　文字属性text

　实例15+视频：设置网页文字效果

　3.2.5　默认链接属性link

　实例16+视频：设置网页链接文字效果

　3.3　在HTML代码中添加注释

　3.4　本章小结

第4章　文字与图片设置

　4.1　网页文字修饰

　4.1.1　文字样式标签

　实例17+视频：设置文字样式

　4.1.2　倾斜文字和标签

　实例18+视频：设置倾斜文字

　4.1.3　加粗文字和标签

　实例19+视频：设置加粗文字

　4.1.4　文字下划线标签

　实例20+视频：为文字添加下划线

　4.1.5　标题文字

　至

　标签

　实例21+视频：设置标题文字

　4.1.6　其他文字修饰方法

　4.2　网页中文字的分行与分段

　4.2.1　 的使用

　实例22+视频：在网页文字中加入空格

　4.2.2　特殊字符

　实例23+视频：在网页中插入特殊字符

　4.2.3 文字换行

　标签

　实例24+视频：使用

　标签为文字换行

　4.2.4　文字强制不换行标签

　实例25+视频：使用标签强制文字不换行

　4.2.5　文字分段

　标签

　实例26+视频：使用

　标签为文本分段

　4.2.6　文字对齐属性align

　实例27+视频：设置文字水平对齐效果

　4.2.7　水平线

　标签

　实例28+视频：使用水平线分割文本

　4.3　文本滚动标签

　实例29+视频：制作网页滚动文本

　4.4　文本列表

　4.4.1　列表的组成

　4.4.2　无序列表

　标签

　实例30+视频：制作新闻列表

　4.4.3　有序列表

　标签

　实例31+视频：制作音乐排行

　4.4.4　定义列表标签

　实例32+视频：制作新闻公告

　4.5　了解网页中的图片格式

　4.6　插入图像

　4.6.1　图像标签

　实例33+视频：制作图像页面

　4.6.2　图文混排

　实例34+视频：制作图文介绍页面

　4.6.3　滚动图片

　实例35+视频：制作网页图片滚动效果

　4.7　文本与图像链接

　4.7.1　超链接标签

　实例36+视频：为文字和图像设置超链接

　4.7.2　超链接打开方式target属性

　实例37+视频：设置超链接打开方式

　4.7.3　超链接提示title属性

　实例38+视频：设置超链接提示文字

　4.7.4　锚点链接

　实例39+视频：设置锚点链接

　4.7.5　特殊超链接

　实例40+视频：设置网页中的特殊链接

　4.7.6　图像热点链接

　实例41+视频：创建图像热点链接

　4.8　本章小结

第5章　多媒体的应用

　5.1　插入多媒体文件

　5.1.1　插入Flash动画标签

　实例42+视频：制作Flash欢迎页面

　5.1.2　插入FLV视频标签

　实例43+视频：制作FLV视频页面

　5.1.3　插入普通视频标签

　实例44+视频：制作视频网页

　5.2　添加背景音乐

　5.2.1　背景音乐标签

　实例45+视频：为网页添加背景音乐

　5.2.2　嵌入音频标签

　实例46+视频：在网页中嵌入音频

　5.3　插入外部程序

　5.3.1　调用外部JavaScript程序

　实例47+视频：在网页中显示当前系统时间

　5.3.2　区分客户端与服务器端程序

　5.4　本章小结 100　

第6章　表格与框架设置

　6.1　创建表格

　6.1.1 表格的基本构成、 和 标签

　6.1.2　表格标题标签

　实例48+视频：为表格添加标题

　6.1.3　表头、表主体

　和表尾

　实例49+视频：设置表格中的表头、表主体和表尾

　6.2　设置表格属性

　6.2.1　表格属性设置

　实例50+视频： 通过表格属性美化表格

　6.2.2　设置表格的背景颜色和背景图片

　实例51+视频：为表格设置背景图像

　6.2.3　单元行属性设置

　实例52+视频：设置单元行属性

　6.2.4　单元格属性设置

　实例53+视频：设置单元格属性

　6.2.5　合并单元格

　实例54+视频：合并单元格的应用

　6.3　了解网页框架

　6.3.1　网页中框架的作用

　6.3.2　了解框架结构

　6.4　创建框架网页

　6.4.1　创建框架集标签

　实例55+视频 创建框架网页

　6.4.2　调整框架比例

　实例56+视频：固定框架页面尺寸

　6.4.3　设置框架边框

　实例57+视频：显示框架页面边框

　6.4.4　设置框架滚动条

　实例58+视频：显示框架页面滚动条

　6.5　IFrame框架

　6.5.1　插入IFrame框架

　实例59+视频：在网页中嵌入IFrame框架页面

　6.5.2　Frame框架属性

　实例60+视频：设置IFrame框架属性

　6.6　本章小结

第7章　使用表单

　7.1　了解网页表单

　7.1.1　网页表单的作用

　7.1.2　网页表单标签

　7.1.3　表单的数据传递方式method属性

　7.2　插入表单元素

　7.2.1　文本字段text

　实例61+视频：插入单行文本框

　7.2.2　密码字段password

　实例62+视频：插入密码框

　7.2.3　文本区域textarea

　实例63+视频：插入多行文本框

　7.2.4　隐藏域hidden

　实例64+视频：插入隐藏域

　7.2.5　复选框checkbox

　实例65+视频：插入复选框

　7.2.6　单选按钮radio

　实例66+视频：插入单选按钮

　7.2.7　列表/菜单

　实例67+视频：插入下拉列表

　7.2.8　图像域image

　实例68+视频：插入图像域

　7.2.9　文件域file

　实例69+视频：插入文件域

　7.2.10　按钮button

　实例70+视频：插入按钮

　7.3　本章小结

第8章　CSS基础

　8.1　为什么要使用CSS样式

　8.1.1　什么是CSS样式

　8.1.2　CSS样式的发展

　8.1.3　CSS样式在网页中的作用

　8.2　CSS样式语法

　8.2.1　CSS样式基本语法

　8.2.2　CSS的样式规则

　8.3　CSS样式选择符

　8.3.1　通配选择符

　实例71+视频：使用通配选择符控制网页中所有的标签

　8.3.2　标签选择符

　实例72+视频：使用标签选择符控制网页整体属性

　8.3.3　类选择符

　实例73+视频：创建类CSS样式

　8.3.4　ID选择符

　实例74+视频：创建ID CSS样式

　8.3.5　伪类选择符

　实例75+视频：定义网页中超链接文字效果

　8.3.6　组合选择符

　实例76+视频：创建复合CSS样式

　8.3.7　群选择符

　实例77+视频：使用群选择符同时定义网页中的元素样式

　8.4　在网页中应用CSS的4种方式

　8.4.1　内联CSS样式

　实例78+视频：创建内联CSS样式

　8.4.2　内部CSS样式

　实例79+视频：创建内部CSS样式

　8.4.3　外部CSS样式

　实例80+视频： 链接外部CSS样式表文件

　8.4.4　导入外部CSS样式

　实例81+视频： 导入外部CSS样式表文件

　8.5　CSS样式的特性

　8.5.1　CSS样式的继承性

　8.5.2　CSS样式的特殊性

　8.5.3　CSS样式的层叠性

　8.5.4　CSS的重要性

　8.6　本章小结

第9章　CSS布局

　9.1　创建Div

　9.1.1　了解Div

　9.1.2　如何插入Div

　9.2　什么是CSS盒模型

　9.2.1　可视化盒模型

　9.2.2　margin属性

　实例82+视频：控制网页中元素的margin属性

　9.2.3　border属性

　实例83+视频：为网页中的图像添加边框效果

　9.2.4　padding属性

　实例84+视频：为网页元素设置填充效果

　9.2.5　content（内容）部分

　9.3　网页元素定位属性

　9.3.1　CSS定位属性

　9.3.2　相对定位relative

　实例85+视频：在网页中使用相对定位

　9.3.3　绝对定位absolute

　实例86+视频：设置网页元素绝对定位

　9.3.4　固定定位fixed

　实例87+视频：设置网页元素固定定位

　9.3.5　浮动定位float

　实例88+视频：在网页中应用浮动定位

　9.3.6　空白边叠加

　实例89+视频：网页中空白边叠加的应用

　9.4　常用网页布局方式

　9.4.1　居中的布局

　9.4.2　浮动的布局

　9.4.3　自适应高度的解决方法

　9.5　什么是块元素和行内元素

　9.5.1　块元素

　9.5.2　行内元素

　9.6　本章小结

第10章　CSS样式属性

　10.1　使用CSS控制文字样式

　10.1.1　字体font-family属性

　实例90+视频：定义网页中的字体

　10.1.2　字体大小font-size属性

　实例91+视频：定义网页中的字体大小

　10.1.3　字体颜色color属性

　实例92+视频：定义网页中的文字颜色

　10.1.4　字体粗细font-weight属性

　实例93+视频：定义网页中的字体加粗

　10.1.5　字体样式font-style属性

　实例94+视频：定义网页中文字的倾斜样式

　10.1.6　英文字体大小写text-transform属性

　实例95+视频：定义网页中的英文字母大小写

　10.1.7　文字修饰text-decoration属性

　实例96+视频：为网页中的文字添加下划线、顶划线和删除线效果

　10.2　使用CSS控制字间距和段落样式

　10.2.1　字间距word-spacing属性

　实例97+视频：设置段落文本字间距

　10.2.2　行间距line-height属性

　实例98+视频：设置网页中的文本行间距

　10.2.3　段落首字下沉

　实例99+视频： 在网页中实现段落文字首字下沉

　10.2.4　段落首行缩进text-indent属性

　实例100+视频：在网页中实现段落首行缩进效果

　10.2.5　段落水平对齐text-align属性

　实例101+视频：设置网页中文本居中对齐

　10.2.6　文本垂直对齐vertical-align属性

　实例102+视频：设置网页中文本垂直对齐

　10.3　使用CSS控制背景颜色和背景图像

　10.3.1　背景颜色background-color属性

　实例103+视频：设置网页的背景颜色

　10.3.2　背景图像background-image属性

　实例104+视频：为网页设置背景图像

　10.3.3　背景图像重复方式background-repeat属性

　实例105+视频：设置网页背景图像重复

　10.3.4　背景图像位置background-position属性

　实例106+视频：设置网页背景图像位置

　10.3.5　固定背景图像background-attachment属性

　实例107+视频：设置网页中的背景图像固定不动

　10.4　使用CSS设置图片样式

　10.4.1　边框border属性

　实

随着Internet信息技术的发展，网页设计与制作技术已经成为使用网络的用户必备的知识技能。现如今，大部分制作网页的方式都是运用可视化网页编辑软件，这些软件的功能相当强大。但对于高级的网页制作人员来讲，仍然需要掌握HTML、CSS和JavaScript等网页设计语言和技术，从而更好地设计自己所想象的页面，以实现一般网页设计软件所不能实现的许多重要功能。

本书要求读者边学习边实践，几乎每个重要的知识点都有实例练习供读者参考，避免学习知识的表面仅限于理论。技术学习的关键是方法，本书在很多实例中体现了方法的重要性，读者只要掌握了各种技术的运用方法，在学习更深入的知识时，可大大提高自学的效率。

本书内容

本书以实例为主，以循序渐进的方式讲述了网页制作技术从基本概念到HTML页面制作、CSS样式和JavaScript程序的动态行为。本书共分为15章，内容丰富，结构清晰，各章内容介绍如下。

第1章　网页建设基础，主要介绍了网页建设的相关基础知识，包括因特网本质、网页与网站、网站建设常用软件和HTML、CSS与JavaScript结合等内容，使读者对网站建设有全面的了解和认识。

第2章　HTML、XHTML与HTML 5基础，重点介绍了HTML与XHTML的相关基础知识，如HTML与XHTML的区别，还介绍了有关HTML 5的知识，使读者对最新的HTML 5有所了解。

第3章　HTML控制网页整体属性，介绍了如何在HTML中对网页头部的标签和网页主体标签进行设置，从而达到控制网页整体属性的目的。

第4章　文字与图片设置，文字与图片是网页中不可或缺的基本元素，本章主要介绍在HTML中对网页中的文字、段落、列表、图像和超链接进行控制的方法和属性，这些都属于对网页基本元素的控制，读者需要细心体会，认真掌握。

第5章　多媒体的应用，随着网络的发展，网页中多媒体的应用也越来越多，本章主要介绍了如何在网页中应用各种不同类型的多媒体元素，从而使网页更加美观。

第6章　表格与框架设置，主要介绍了如何在HTML中对表格和框架进行设置，通过对其相关属性的设置，可以使页面中的表格更加美观，从而轻松自如地在网页中应用框架。

第7章　使用表单，表单是网页交互的重要途径，本章主要介绍如何通过HTML在网页中插入各种不同类型的表单元素，以及对表单元素属性进行设置。

第8章　CSS基础，主要介绍有关CSS样式的基础知识，包括CSS样式的作用、CSS样式语法、应用CSS样式的方式和CSS选择符等内容，使读者对CSS样式有全面的认识和理解。

第9章　CSS布局，CSS布局是目前最流行的网页布局方式，本章主要介绍CSS布局的相关知识，包括CSS盒模型、常用的CSS定位方式和常用的CSS布局方式等内容。

第10章　CSS样式属性，本章是CSS样式的重点，主要介绍CSS样式中几乎所有的属性，包括CSS文字属性、CSS段落属性、CSS背景属性、CSS列表属性和CSS滤镜等内容。本章内容较多，也非常重要，读者需要认真地理解并掌握。

第11章　CSS 3属性，在CSS 3中增加了许多新的控制属性，通过这些新增的控制属性，在网页中能够实现许多特殊的效果。本章重点介绍CSS 3的新增属性，并且通过实例练习的形式进行举例说明，使读者更容易掌握和应用。

第12章　JavaScript入门，介绍了JavaScript的相关基础知识，包括JavaScript在网页中的作用、JavaScript语法基础、变量、数据类型、常用运算符、条件与循环语句等内容，使读者能够深入地了解JavaScript。

第13章　JavaScript中的函数与对象，介绍了JavaScript中函数与对象的概念，以及在JavaScript中如何使用函数，并且介绍了JavaScript中的内置对象及其使用方法。

第14章　JavaScript中的事件，介绍了JavaScript事件的概念以及常用事件，并且通过实例练习的形式介绍了常用HTML事件的使用方法和技巧。

第15章　JavaScript应用实例，列举了多个在网页中常见的JavaScript特效实例进行分析讲解，使读者能够快速掌握网页中常见特殊的实现方法。

本书特点

本书形式新颖、内容丰富、结构清晰，不仅包含了网页前台技术的各种概念和理论知识，而且对多种知识的综合应用进行了讲解，本书将知识门槛定于初级读者，以大量简单明了的实例进行示范和讲解。

本书主要有以下特点：

知识全面，系统。本书内容完全从网页创建的实际角度出发，将HTML、CSS和JavaScript的元素进行归类，每个标签的语法、属性和参数都有完整详细的说明，信息量大，知识结构完善。

本书的编排采用循序渐进的方式 ，所有实例练习都具有代表性，着重解决网页相关工作中的实际问题，适合初学者逐步地掌握复杂的网页制作。

典型实例讲解。每章都配有大量的实例练习，将基础知识综合贯穿起来，力求达到理论知识与实际操作完美结合的效果。

本书由具有丰富工作经验的设计师编写，在每个实例后都配有相关的提问和解答，可见设计师的用心设计，旨在引导读者能够快速地掌握HTML、CSS样式和JavaScript。

本书配套的多媒体教学光盘中提供了书中所有实例的视频教程，以及所有实例的源文件及最终文件，方便读者制作出和本书实例一样精美的效果。

本书作者

本书由杨阳编著，另外李晓斌、张晓景、解晓丽、孙慧、程雪翩、王媛媛、胡丹丹、刘明秀、陈燕、王素梅、杨越、王巍、范明、刘强、贺春香、王延楠、于海波、肖阂、张航、罗廷兰等也参与了编写工作。本书在写作过程中力求严谨，由于水平有限，疏漏之处在所难免，望广大读者批评指正。

 

编 者