HTML 5+CSS 3+JavaScript网页布局与特效全程揭秘

第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属性
　实