高等院校计算机教育系列教材HTML+CSS+JAVASCRIPT网页设计与布局实用教程(第2版)/胡秀娥

目 录 第1章 网页标记语言HTML入门基础 1 1.1 HTML概述 1 1.2 HTML文件的构成 2 1.2.1 HTML文件结构 2 1.2.2 编写HTML文件的注意事项 3 1.3 怎样编写HTML文件 4 1.3.1 使用记事本文件编写页面 4 1.3.2 使用Dreamweaver编写HTML页面 5 1.4　网页设计与开发的过程 6 1.4.1　明确网站定位 6 1.4.2　收集信息和素材 7 1.4.3　规划栏目结构 7 1.4.4　设计页面方案 8 1.4.5　制作页面 9 1.4.6　实现后台功能 10 1.4.7　网站的测试与发布 11 1.5 本章小结 11 1.6 练习题 12 第2章 HTML网页文档的结构 13 2.1 HTML文档主体标记 13 2.1.1 bgcolor属性 13 2.1.2 background属性 14 2.1.3 text属性 15 2.1.4 设置链接文字属性 16 2.1.5 设置页面边距 19 2.2 head部分的标记 20 2.2.1 title标记 20 2.2.2 定义页面关键字 20 2.2.3 定义页面描述 21 2.2.4 定义编辑工具 22 2.2.5 定义作者信息 22 2.2.6 定义网页文字及语言 23 2.2.7 定义网页的定时跳转 24 2.3 综合实例——创建基本的HTML文件 24 2.4 本章小结 27 2.5 练习题 28 第3章　网页文本与段落排版 29 3.1 插入其他标记 29 3.1.1 空格符号  29 3.1.2 特殊符号 30 3.2 设置文字的格式 31 3.2.1 face属性 31 3.2.2 size属性 32 3.2.3 color属性 33 3.2.4 b、strong、em、u标记 34 3.2.5 sup与sub标记 35 3.3 设置段落的格式 36 3.3.1 p标记 36 3.3.2 段落对齐属性align 37 3.3.3 nobr标记 38 3.3.4 br标记 39 3.4 水平线标记 40 3.4.1 hr标记 40 3.4.2 水平线宽度与高度属性：width、size 41 3.4.3 水平线颜色属性color 42 3.4.4 水平线的对齐方式属性align 43 3.4.5 水平线去掉阴影属性noshade 44 3.5 使用marquee设置滚动效果 45 3.5.1 marquee标记及其属性 45 3.5.2 使用marquee插入滚动公告 46 3.6 综合实例——设置页面文本及段落 48 3.7 本章小结 50 3.8 练习题 50 第4章　网页图像和多媒体 51 4.1 网页中常见的图像格式 51 4.2 图像标记及其属性 52 4.2.1 img标记 52 4.2.2 height属性 53 4.2.3 width属性 54 4.2.4 border属性 55 4.2.5 hspace属性 56 4.2.6 vspace属性 57 4.2.7 align属性 57 4.3 添加背景音乐 59 4.3.1 bgsound标记 59 4.3.2 loop属性 60 4.4 综合实例 60 综合实例1——多媒体网页 61 综合实例2——创建图文混合排版网页 63 4.5 本章小结 65 4.6 练习题 66 第5章　用HTML创建超链接和表单 67 5.1 超链接的基本概念 67 5.2 创建超链接 67 5.2.1 超链接标记 68 5.2.2 设置的目标窗口 69 5.3 创建图像的超链接 70 5.3.1 设置图像超链接 70 5.3.2 设置图像热区链接 71 5.4 创建锚点链接 73 5.4.1 创建锚点 73 5.4.2 链接到页面不同位置的锚点链接 74 5.5 表单form 76 5.5.1 action 76 5.5.2 表单名称name 76 5.5.3 传送方法method 77 5.5.4 编码方式enctype 78 5.5.5 目标显示方式target 78 5.6 综合实例 79 综合案例1——插入表单对象 79 综合案例2——给网页添加链接 85 5.7 本章小结 86 5.8 练习题 87 第6章　用表格排列网页数据 88 6.1 表格属性 88 6.1.1 表格的基本标记table、tr、td 88 6.1.2 表格宽度和高度width、height 89 6.1.3 表格标题caption 90 6.1.4 表格的表头th 91 6.1.5 表格对齐方式align 93 6.1.6 边框宽度border 95 6.1.7 表格边框颜色bordercolor 96 6.1.8 单元格间距cellspacing 97 6.1.9 单元格边距cellpadding 98 6.1.10 表格的背景色bgcolor 99 6.1.11 表格的背景图像 background 100 6.2 表格的结构标记 101 6.2.1 设计表头样式thead 101 6.2.2 设计表主体样式tbody 103 6.2.3 设计表尾样式tfoot 104 6.3 综合实例——使用表格排版网页 105 6.4 本章小结 111 6.5 练习题 111 第7章 HTML 5入门基础 113 7.1 HTML 5简介 113 7.2 HTML 5与HTML 4的区别 114 7.2.1 HTML 5的语法变化 114 7.2.2 HTML 5中的标记方法 114 7.2.3 HTML 5语法中的3个要点 115 7.3 HTML 5新增的元素和废除的元素 116 7.3.1 新增的结构元素 116 7.3.2 新增块级元素 118 7.3.3 新增的行内的语义元素 120 7.3.4 新增的嵌入多媒体元素与交互性元素 123 7.3.5 新增的input元素的类型 124 7.3.6 废除的元素 126 7.4 新增的属性和废除的属性 126 7.4.1 新增的属性 126 7.4.2 废除的属性 128 7.5 创建简单的HTML 5页面 129 7.5.1 HTML 5文档类型 129 7.5.2 字符编码 130 7.5.3 页面语言 130 7.5.4 添加样式表 130 7.5.5 添加JavaScript 131 7.5.6 测试结果 131 7.6 本章小结 131 7.7 练习题 132 第8章 HTML 5的结构 133 8.1 新增主体结构元素 133 8.1.1 article元素 133 8.1.2 section元素 134 8.1.3 nav元素 135 8.1.4 aside元素 137 8.2 新增的非主体结构元素 138 8.2.1 header元素 138 8.2.2 hgroup元素 139 8.2.3 footer元素 140 8.2.4 address元素 141 8.3 本章小结 142 8.4 练习题 142 第9章 CSS入门基础 143 9.1　为什么要在网页中加入CSS 143 9.1.1　什么是CSS 143 9.1.2　使用CSS的好处 145 9.1.3　如何编写CSS 145 9.1.4　CSS基本语法 146 9.1.5　浏览器与CSS 147 9.2 在HTML中使用CSS 147 9.2.1 链接外部样式表 147 9.2.2 行内方式 148 9.2.3 嵌入外部样式表 148 9.2.4 定义内部样式表 149 9.3 选择器类型 149 9.3.1　标签选择器 149 9.3.2　类选择器 150 9.3.3　ID选择器 151 9.4 本章小结 153 9.5 练习题 154 第10章　用CSS设置文本样式 155 10.1　设计网页中的文字样式 155 10.1.1　font-family属性 155 10.1.2　font-size属性 157 10.1.3　font-weight属性 158 10.1.4　font-style属性 159 10.1.5　font-variant属性 160 10.1.6　text-decoration属性 161 10.2　设计文本的段落样式 162 10.2.1 line-height属性 162 10.2.2 text-align属性 162 10.2.3　text-indent属性 163 10.2.4　word-spacing属性 164 10.2.5　first-letter首字下沉 165 10.2.6　text-transform 166 10.3 综合实例——用CSS排版网页文字 168 10.4 本章小结 170 10.5 练习题 170 第11章 用CSS设计图像和背景 171 11.1　设置网页的背景 171 11.1.1　background-color属性 171 11.1.2　background-image属性 172 11.2　设置背景图像的属性 173 11.2.1　background-repeat属性 173 11.2.2　background-attachment属性 174 11.2.3　background-position属性 175 11.3　设置网页图像的样式 175 11.3.1　border属性 176 11.3.2　图文混合排版 177 11.4 综合实例——给图片添加边框 177 11.5 本章小结 179 11.6 练习题 179 第12章　用CSS设置表格 和表单样式 181 12.1　网页中的表格 181 12.1.1　表格对象标记 181 12.1.2　在Dreamweaver中插入 表格 182 12.1.3　表格的bgcolor属性 183 12.1.4　表格的border样式 184 12.1.5　设置表格的阴影 185 12.2　网页中的表单 186 12.2.1　表单对象 186 12.2.2　表单标记 186 12.2.3　表单的布局设计 187 12.2.4　设置边框样式 190 12.2.5　设置背景样式 190 12.2.6　设置输入文本的样式 191 12.3 综合实例 192 综合实例1——制作变换背景色的表格 192 综合实例2——设计文本框的样式 194 12.4 本章小结 196 12.5 练习题 196 第13章 用CSS制作链接与网站导航 198 13.1　超链接基础 198 13.1.1　超链接的基本概念 198 13.1.2 使用页面属性设置超链接 199 13.2　链接标记 200 13.2.1　a:link 200 13.2.2　a:visited 200 13.2.3　a:active 201 13.2.4　a:hover 201 13.3　各种形式的超链接 202 13.3.1 背景色变换链接 202 13.3.2 多姿多彩的下画线链接 204 13.3.3　图像翻转链接 205 13.3.4　边框变换链接 206 13.4 项目列表 208 13.4.1 有序列表 208 13.4.2 无序列表 212 13.5　横排导航 217 13.5.1　文本导航 217 13.5.2　标签式导航 219 13.6　竖排导航 221 13.7 综合实例 222 实例１——使用CSS实现鼠标指针形状改变 222 实例2——实现背景变换的导航菜单 224 13.8 本章小结 227 13.9 练习题 228 第14章　CSS DIV布局入门基础 229 14.1 网站与Web标准 229 14.1.1　什么是Web标准 229 14.1.2　为什么要建立Web标准 230 14.1.3　怎样改进现有网站 231 14.2　Div标记与Span 标记 232 14.2.1　Div概述 232 14.2.2　Div与Span的区别 233 14.3　盒子模型 235 14.3.1　盒子模型的概念 235 14.3.2　border 235 14.3.3　padding 242 14.3.4　margin 244 14.4　盒子的浮动与定位 246 14.4.1　盒子的浮动float 246 14.4.2　position定位 249 14.4.3　z-index空间位置 254 14.5 本章小结 255 14.6 练习题 255 第15章 CSS DIV布局方法 257 15.1　CSS布局理念 257 15.1.1　将页面用div分块 257 15.1.2　用CSS定位 258 15.2 固定宽度布局 259 15.2.1 一列固定宽度 259 15.2.2 两列固定宽度 260 15.2.3 圆角框 261 15.3 可变宽度布局 263 15.3.1 一列自适应 263 15.3.2 两列宽度自适应 264 15.3.3 两列右列宽度自适应 265 15.3.4 三列浮动中间宽度自适应 266 15.3.5 三行二列居中高度自适应布局 267 15.4 CSS布局与传统的表格方式布局分析 269 15.5 本章小结 271 15.6 练习题 271 第16章 CSS 3网页开发 273 16.1 CSS 3概述 273 16.1.1　CSS 3的发展历史 273 16.1.2　CSS 3的新增特性 274 16.1.3　主流浏览器对CSS 3的支持 278 16.2 边框 279 16.2.1 圆角边框 border-radius 279 16.2.2 边框图片border-image 280 16.2.3 边框阴影box-shadow 281 16.3 背景 283 16.3.1 背景图片尺寸 background-size 283 16.3.2 背景图片定位区域 background-origin 284 16.3.3 背景绘制区域 background-clip 286 16.4 文本 287 16.4.1 文本阴影text-shadow 287 16.4.2 强制换行word-wrap 288 16.4.3 文本溢出text-overflow 289 16.5 多列 290 16.5.1 创建多列column-count 291 16.5.2 列的宽度column-width 292 16.6 转换 293 16.6.1 移动translate() 293 16.6.2 旋转rotate() 294 16.6.3 缩放scale() 296 16.7 实例应用——图片 297 16.8 本章小结 299 16.9 练习题 299 第17章　JavaScript语法基础 300 17.1　JavaScript简介 300 17.1.1　JavaScript的历史 300 17.1.2　JavaScript的特点 301 17.2　JavaScript的放置位置 301 17.2.1