目 录第1章 internet和web基础 11.1 internet和web 2internet 2internet的诞生 2internet的发展 2web的诞生 3**个图形化浏览器 3各种技术的聚合 31.2 web标准和无障碍访问 4w3c推荐标准 4web标准和无障碍访问 4无障碍访问和法律 4web通用设计 51.3 网上的信息 6信息和可靠性 6有道德地使用网上信息的道德使用 71.4 浏览器和服务器 7网络概述 7客户端/服务器模型 81.5 internet协议 9电子邮件协议 9超文本传输协议 9文件传输协议 10ip地址 101.6 统一资源标识符(uri)和域名 11uri和url 11域名 121.7 html概述 13什么是html 13什么是xml 13什么是xhtml 14html5——html的*新版本 141.8 网页幕后揭秘 14文档类型定义(dtd) 15网页模板 15html元素 15页头部分 15主体部分 161.9 **个网页 16动手实作1.1 16创建文件夹 17保存文件 18测试网页 18复习和练习 19复习题 19动手练习 20web研究 20聚焦web设计 20第2章 html基础 232.1 标题元素 24动手实作2.1 24html5更多的标题选项 252.2 段落元素 25动手实作2.2 26对齐 262.3 换行和水平标尺 27换行元素 27动手实作2.3 27水平标尺元素 28动手实作2.4 282.4 块引用元素 29动手实作2.5 292.5 短语元素 302.6 有序列表 31type,start和reversed属性 32动手实作2.6 322.7 无序列表 33动手实作2.7 332.8 描述列表 34动手实作2.8 352.9 特殊字符 36动手实作2.9 362.10 html语法校验 37动手实作2.10 382.11 结构性元素 39div元素 39html5结构性元素 40header元素 40nav元素 40footer元素 40动手实作2.11 402.12 锚元素 42动手实作2.12 42链接目标 43绝对链接 43相对链接 43block anchor 432.13 练习使用链接 44站点地图 44动手实作2.13 442.14 电子邮件链接 47动手实作2.14 48复习和练习 48复习题 48动手练习 49聚焦web设计 50案例学习:pacific trails resort 50案例学习:javajam coffee house 53第3章 网页设计基础 573.1 为目标受众设计 58浏览器友好性 59屏幕分辨率 593.2 网站组织 59分级式组织 60线性组织 60随机组织 613.3 视觉设计原则 61重复:在整个设计中重复视觉元素 62对比:添加视觉刺激和吸引注意力 62近似:分组相关项目 63对齐:对齐元素实现视觉上的统一 633.4 提供无障碍访问 63无障碍设计的受益者 63无障碍设计有助于提高在搜索引擎中的排名 64法律规定 64无障碍设计的热潮 643.5 文本的使用 65文本设计的注意事项 653.6 web调色板 66十六进制颜色值 67web安全颜色 67无障碍设计和颜色 673.7 颜色的运用 68面向儿童 68面向年轻人 69面向所有人 69面向老年人 703.8 使用图形和多媒体 71文件大小和图片尺寸 71抗锯齿/锯齿化文本的问题 71只使用必要的多媒体 71提供替代文本 723.9 更多设计上的考虑 73感觉到的加载时间 73**屏 74适当留白 74水平滚动 743.10 导航设计 74网站要易于导航 74导航栏 74面包屑导航 75图片导航 76动态导航 76站点地图 76站点搜索功能 763.11 线框和页面布局 773.12 固定和流动布局 79固定布局 79流动布局 803.13 为移动网络设计 81三种方式 81移动设备设计考虑 81桌面和移动网站的例子 82移动设计小结 833.14 响应式网页设计 833.15 web设计*佳实践 85复习和练习 87复习题 87动手练习 88聚焦web设计 89案例学习:web项目 89项目里程碑 89第4章 css基础知识(一) 934.1 css概述 94层叠样式表的优点 94配置css的方法 95层叠样式表的“层叠” 954.2 css选择符和声明 96css语法基础 96background-color属性 96color属性 96配置背景色和文本色 964.3 css颜色值语法 974.4 配置内联css 99style属性 99动手实作4.1 994.5 配置嵌入css 100style元素 100动手实作4.2 1014.6 配置外部css 103link元素 103动手实作4.3 1034.7 css的class、id和上下文选择符 104class选择符 104id选择符 105后代选择符 105动手实作4.4 1054.8 span元素 106span元素 106动手实作4.5 1064.9 练习使用css 108动手实作4.6 108将嵌入css转换为外部css 109将网页与外部css文件关联 1094.10 css语法校验 111动手实作4.7 111复习和练习 113复习题 113动手练习 114聚焦网页设计 114案例学习:pacific trails resort 115案例学习:javajam coffee house 118第5章 图片样式基础 1215.1 图片 122gif图 122jpeg图片 123png图片 124新的webp图像格式 1245.2 img元素 125动手实作5.1 1255.3 图片链接 126动手实作5.2 127无障碍访问和图片链接 1285.4 配置背景图片 128background-image属性 128同时使用背景颜色和背景图片 128浏览器如何显示背景图片 129background-attachment属性 1295.5 定位背景图片 130background-repeat属性 130定位背景图片 130动手实作5.3 1315.6 用css3配置多张背景图片 132渐进式增强 133动手实作5.4 1335.7 收藏图标 134配置收藏图标 135动手实作5.5 1355.8 用css配置列表符号 136用图片代替列表符号 136动手实作5.6 1375.9 图像映射 137map元素 137area元素 137探究矩形图像映射 138复习和练习 139复习题 139动手练习 140聚焦web设计 141案例学习:pacific trails resort 141案例学习:javajam coffee house 143第6章 css基础知识(二) 1476.1 字体 148动手实作6.1 1486.2 文本属性 150font-size属性 150font-weight属性 151font-style属性 151text-transform属性 151line-height属性 151动手实作6.2 1516.3 对齐和缩进 152text-align属性 153text-indent属性 153动手实作6.3 1536.4 css的宽度和高度 154width属性 154min-width属性 155max-width属性 155height属性 155动手实作6.4 1566.5 css的框模型 156框模型实例 1576.6 css的边距和填充 158margin属性 158padding属性 1586.7 css的边框 159动手实作6.5 1606.8 css3的圆角 161动手实作6.6 1626.9 css的页面内空居中设置居中页面内容 163动手实作6.7 1646.10 css3的边框阴影和文本阴影 165css3的box-shadow属性 165css3的text-shadow属性 166动手实作6.8 1666.11 css3的background-clip和background-origin属性 167css3的background-clip属性 167css3 background-origin属性 1686.12 css3背景大小和缩放 1686.13 css3的opacity属性 170动手实作6.9 1706.14 css3 rgba颜色 172动手实作6.10 1736.15 css3 hsla颜色 173色调、饱和度、亮度和alpha 173hsla颜色示例 174动手实作6.11 1756.16 css3的渐变 175css3线性渐变语法 176css3渐变和渐进式增强 176配置css3渐变 176复习和练习 177复习题 177动手练习 178聚焦web设计 179案例学习:pacific trails resort 179案例学习:javajam coffee house 181第7章 页面布局基础 1857.1 正常流动 186动手实作7.1 1867.2 浮动 188float属性 188动手实作7.2 189浮动元素和正常流动 1897.3 清除浮动 190clear属性 1907.4 溢出 191overflow属性 1917.5 css的双栏页面布局 194左侧导航的双栏布局 194顶部logo左侧导航的双栏布局 195还不算完美 1957.6 用无序列表实现垂直导航 196用css配置无序列表 196用css text-decoration属性消除下划线 196动手实作7.3 1977.7 用无序列表实现垂直导航 198css display属性 198动手实作7.4 1997.8 用伪类实现css交互性 200动手实作7.5 2017.9 css双栏布局练习 202动手实作7.6 2027.10 用css进行定位 205static定位 205fixed定位 205相对定位 206绝对定位 2077.11 定位练习 208动手实作7.7 2087.12 css精灵 210动手实作7.8 211复习和练习 212复习题 212动手练习 212聚焦网页设计 213案例学习:pacific trails resort 213案例学习:javajam coffee house 214第8章 链接、布局和移动开发进阶 2178.1 深入了解相对链接 218相对链接的例子 218动手实作8.1 2198.2 区段标识符 220动手实作8.2 2218.3 figure元素和figcaption元素 222figure元素 222figcaption元素 222添加图题 222动手实作8.3 2238.4 图片浮动练习 224动手实作8.4 2248.5 更多html5元素 2268.5 更多html5元素 227hgroup元素 227section元素 227article元素 227aside元素 227time元素 227动手实作8.5 2278.6 html5与旧浏览器的兼容性 229配置css块显示 229html5 shim 230动手实作8.6 2308.7 css对打印的支持 231打印样式*佳实践 231动手实作8.7 2328.8 移动网页设计 233移动网页设计要考虑的问题 234为移动使用优化布局 234优化移动导航 234优化移动图片 235优化移动文本 235为one web而设计 2358.9 viewport meta标记 2358.10 css3媒体查询 238什么是媒体查询 238使用link元素的媒体查询例子 238使用@media规则的媒体查询示例 2398.11 媒体查询练习 240动手实作8.8 2408.12 灵活的图像 242动手实作8.9 2438.13 测试移动显示 244用桌面浏览器测试 245针对专业开发人员 246复习和练习 247复习题 247动手练习 248聚焦网页设计 248案例学习:pacific trails resort 249案例学习:javajam coffee house 252第9章 表格基础 2579.1 表格概述 258table元素 258border属性 259表格标题 2599.2 表行、单元格和表头 260动手实作9.1 2619.3 跨行和跨列 261动手实作9.2 2629.4 配置无障碍访问表格 2639.5 用css配置表格样式 265动手实作?9.3 2659.6 css3结构性伪类 267动手实作9.4 267配置首字母 2689.7 配置表格区域 268复习和练习 270复习题 270动手练习 271聚焦web设计 271案例学习:pacific trails resort 272案例学习:javajam coffee house 273第10章 表单基础 27510.1 概述 276form元素 277表单控件 27710.2 文本框 27810.3 提交按钮和重置按钮 279提交按钮 279重置按钮 279示例表单 279动手实作10.1 28010.4 复选框和单选钮 281复选框 281单选钮 28210.5 隐藏字段和密码框 283隐藏字段 283密码框 28310.6 textarea元素 284动手实作10.2 28510.7 select和option元素 286select元素 287option元素 28710.8 label元素 288动手实作10.3 28810.9 fieldset元素和legend元素 289fieldset元素 289legend元素 289前瞻:用css配置fieldset分组样式 29010.10 用css配置表单样式 29110.11 服务器端处理 292隐私和表单 29310.12 表单练习 294动手实作10.4 29410.13 html5文本表单控件 295e-mail地址输入表单控件 295url表单输入控件 296电话号码表单输入控件 296搜索词输入表单控件 296html5文本框表单控件的有效属性 29610.14 html5的datalist元素 29710.15 html5的slider控件和spinner控件 298slider表单输入控件 298spinner表单输入控件 299html5和渐进式增强 30010.16 html5日历和颜色池控件 300日历输入表单控件 300颜色池表单控件 30110.17 html5表单练习 302动手实作10.5 302复习和练习 304复习题 304动手练习 305聚焦web设计 305案例学习:pacific trails resort 305案例学习:javajam coffee house 309第11章 媒体和交互性基础 31311.1 插件、容器和codec 314辅助应用程序和插件 31411.2 配置音频和视频 315访问音频或视频文件 315动手实作11.1 316多媒体和浏览器兼容问题 31611.3 flash和html5 embed元素 317embed元素 317动手实作11.2 31811.4 html5的audio元素和source元素 318audio元素 318source元素 319动手实作11.3 32011.5 html5的video元素和source元素 320video元素 321source元素 32111.6 html5视频练习 322动手实作11.4 32211.7 嵌入youtube视频 323iframe元素 323动手实作11.5 32411.8 css3的transform属性 325css3旋转变换 325动手实作11.6 32611.9 css3的transition属性 327动手实作11.7 32811.10 css过渡练习 329动手实作11.8 32911.11 html5的canvas元素 331复习和练习 333复习题 333动手练习 333聚焦web设计 334案例学习:pacific trails resort 334案例学习:javajam coffee house 336第12章 上网发布 33912.1 注册域名 340选择域名 340注册域名 34112.2 选择主机 341主机的类型 342选择虚拟主机 34212.3 用ftp发布 344ftp应用程序 344用ftp连接 344使用ftp 34412.4 提交到搜索引擎 345搜索引擎的组成 346在搜索引擎中列出你的网站 34712.5 搜索引擎优化 347链接 349图片和多媒体 349有效代码 349有价值的内容 34912.6 无障碍访问测试 349通用设计和无障碍访问 349网络无障碍访问标准 349测试无障碍设计相容性 35012.7 使用性测试 351进行使用性测试 351动手实作12.1 352复习和练习 353复习题 353动手练习 354聚焦web设计 354案例学习:pacific trails resort 354案例学习:javajam coffee house 355附录a 复习和练习答案 357附录b html5速查表 358附录c css速查表 362附录d xhtml速查表 366附录e 对比xhtml和html5 369附录f wcag 2.0快速参考 375