项目一网页基础

任务一浏览网站1

任务二创建一个简单的网页4

任务三 web标准9

项目二HTML基本结构

任务一创建一个HTML5页面12

任务二HTML5页面基本结构16

任务三分级标题19

任务四HTML5页面构成20

项目三文本

任务一基本文本标记一36

任务二基本文本标记二42

任务三其他文本元素47

任务四转义字符52

项目四css样式

任务一CSS基本概念54

任务二构造样式规则55

任务三CSS样式选择器61

任务四操作样式表74

任务五样式的继承79

任务六层叠样式81

任务七CSS盒模型84

任务八给文本添加CSS样式88

项目五列表

任务一无序列表、有序列表、描述列表94

任务二嵌套列表97

任务三设置列表样式99

任务四设置嵌套列表的样式104

项目六图像

任务一在网页中插入图像107

任务二设置图像基本样式110

任务三设置图像垂直对齐112

任务四使用背景图像114

任务五更多CSS3的背景控制119

任务六图文混排123

项目七超级链接

任务一超级链接的标记及基本属性128

任务二其他类型超级链接131

任务三锚点链接133

任务四设置超级链接样式135

任务五图像映射链接138

任务六导航菜单140

项目八表格

任务一表格的基本结构146

任务二跨行跨列的表格150

任务三使用CSS美化表格152

项目九使用CSS进行页面布局

任务一Web页面布局简介157

任务二网页居中163

任务三元素显示方式169

任务四float多栏布局171

任务五盒布局182

任务六使用自适应窗口的弹性盒布局187

任务七position定位194

项目十多媒体

任务一第三方插件及原生应用202

任务二添加视频203

任务三添加音频206

任务四添加flash播放器208

任务五高级多媒体210

项目十一表单

任务一表单概述212

任务二创建表单213

任务三HTML5新增的元素属性222

任务四设置表单样式227

项目十二使用CSS3进行增强

任务一使用CSS3239

任务二圆角240

任务三为文本添加阴影和应用多重背景243

任务四使用渐变背景247

任务五设置元素的不透明度250

任务六使用Web字体252

项目十三综合实例

任务一网页框架构建及素材的准备254

任务二建立本地站点256

任务三使用HTML创建页面结构256

任务四使用CSS布局并美化页面260

项目十四Web测试与发布

任务一代码验证267

任务二测试页面272

任务三HTML和CSS中的常见错误273

任务四网站发布276

参考文献279

在过去的几年里，为网页编写代码和添加样式的方式、浏览网页所用的浏览器以及使用浏览器的设备都发生了明显的变化。曾经，我们只能通过台式机或笔记本浏览万维网，而如今我们可以通过更多设备访问万维网，如手机、平板电脑。作为网页基础的HTML与CSS技术也在不断变革，HTML已更新到HTML5，CSS也改进为CSS3。HTML5将成为新一代的Web技术标准，必定会改变整个Web应用领域的规则（比如实现Web应用的本地化、摆脱对Flash和Silverlight等浏览器插件的依赖），它在给新的Web应用带来无限可能性的同时，还能带来更快、更好、更炫的用户体验。CSS3也将为Web开发带来革命性的影响，很多以前 JavaScript和Ajax框架才能实现的复杂效果（如多背景、圆角、3D动画等），现在使用CSS3就能简单地实现，极大地提高了程序的开发效率。本书根据计算机相关专业人才培养的需要，结合高职高专对学生网页设计与制作的技术能力要求，行业企业相应岗位能力要求及当今流行的网页制作新技术、新标准，以“实用、好用、够用”为原则，全书内容知识连贯、逻辑严密、实例丰富、内容翔实、可操作性强，深入浅出地展示了网页设计的特性，系统全面地讲解了HTML5与CSS3设计网页的技巧。全书共14个项目，内容包括网页基础、HTML基本结构、文本、CSS样式、列表、图像、超级链接、表格、使用CSS进行页面布局、多媒体、表单、使用CSS3进行增强、综合实例、Web测试与发布等。每一个项目都注重实战，贴近实际，深度逐级递进，具有很强的实用性。本书主要具有以下特点。1. 知识结构设置合理在板块设计上，全篇始终贯彻HTML负责结构、CSS负责样式的网页设计思想。内容与样式分离的理念并不像很多传统教材一样生硬地将HTML与CSS分成两大模块分别讲述，本书将这两者的使用糅合在每一个网页元素的讲解与运用中，使学生在学习每种网页元素的过程中既能掌握HTML的标记与属性的使用方法，又能掌握使用CSS设计该元素外观的技术。2. 采用新技术、新标准、新规范HTML5和CSS3的出现为Web开发引入了一些新的实践方法，也让一些做法变得过时。对于初学者来说，本书可以让他们从一开始就学到正确的做法，而不必先学陈旧的知识，日后再做修正。本书从基础讲起，紧密结合HTML5和CSS3的**规范和**实践，构建了一套全面的知识体系。3. 讲解清晰易懂本书内容结构清晰，浅显易懂，每个实例都配合详细的步骤说明、代码和图示，使学习过程变得更加轻松和容易上手。为了方便教学，本书还配有电子课件等教学资源包，相关教师和学生可以登录“我们爱读书”网（www.ibook4us.com）免费注册并下载，或者发邮件至hustpeiit@163.com免费索取。本书由江平、汪晓青担任主编，梁晓娅、马力担任副主编，龚丽、张恒、苏智、杨烨、王彩梅参加编写。本书是作者对多年从事网页设计的经验和感受的总结。由于时间仓促加之作者水平所限，书中难免会有疏漏与不妥之处，敬请广大读者批评指正，不吝赐教。