《网页设计实战教程（HTML CSS JavaScript）》以项目案例为主导，融合笔者多年的教学经验，采用任务驱动的模式详细讲述了HTML、CSS、JavaScript等*基本的网页设计元素与使用技巧。全书分为6个模块，前3个模块为必修模块，分别讲解了HTML、CSS、JavaScript三个知识点；后3个模块为选修模块，分别为网页设计相关软件介绍、美工基础知识、网页设计新技术介绍，可供学生自学或选学。这种安排可实现分层或分阶段教学。每个模块后都安排有模块自测题，可及时巩固该模块的学习效果；每个任务后也有小练习，可随时学一学、练一练。 本书配套资源包括PPT课件、书中案例源文件、习题/自测题答案及教学微视频。 本书可作为网页制作初学者的入门教程，同时也可作为网站建设专业人士的参考用书。

《网页设计实战教程（HTML CSS JavaScript）》可为网页设计和网站建设的新手、网页设计爱好者与自学者、网站建设与开发人员、大中专院校相关专业师生、世界大学城空间平台的用户提供与Web编程相关的基础知识本书内容在设计和编排时不求全、求深，而是考虑零基础读者的接受能力，以必须、够用为原则，选择网页设计过程中必备、实用的知识进行讲解，并选用世界大学城空间平台的一些真实案例与知识进行配套，让用户能够即学即用。
网页设计爱好者与自学者
网站建设与开发人员
大中专院校相关专业师生
世界大学城空间平台的用户

随着互联网行业的快速发展和Web2.0技术的广泛应用，用户要开发实用的Web应用程序，须熟练掌握与Web编程相关的基础知识。在Web标准中，HTML/XHTML负责页面结构，CSS负责样式表现，JavaScript负责动态行为。网页制作人员需了解HTML、CSS、JavaScript等网页设计语言和技术的使用，才能更好地设计出优秀的网页作品。
本书的前身
2010年，长沙民政职业技术学院引入世界大学城空间平台作为信息化教学平台，并在该平台上开发建设了多门空间资源课程。2012年，专业基础课《网页设计客户端技术》因其教案、课件、微视频、习题、自测题、讨论社区等各类资源丰富获得了特等奖；2014年，该课程又取得湖南省名师空间课堂的立项，重建并丰富课程资源，尤其是建设了有慕课、慕特等特色的资源；2015年验收结果为优秀，进而取得湖南省教师信息化教学应用示范网络学习空间的立项，并进一步完善了相关课程资源。经过多次修改后决定出版本书。
本书适合读者
● 网页设计和网站建设的新手
● 网页设计爱好者与自学者
● 网站建设与开发人员
● 大中专院校相关专业师生
● 世界大学城空间平台的用户
为什么要学习本书
本书以项目实例为导向，通过项目将知识串联在一起，达到完成项目的同时掌握相关知识的目的。本书具有以下特点。
1. 零基础入门
读者即使没有任何网页设计的相关基础，跟随本书也可以轻松掌握HTML、CSS和JavaScript的各种基本技能和使用方法。
2. 学习成本低
本书在构建开发环境时，选择的是使用最为广泛的Windows操作系统，编写网页采用操作系统自带的记事本和Dreamweaver进行讲解，对软件、硬件没有特殊要求。
3. 内容精心设计编排
网页设计的内容涉及范围非常广，本书内容在设计和编排时不求全、求深，而是考虑零基础读者的接受能力，以必须、够用为原则，选择网页设计过程中必备、实用的知识进行讲解，并选用世界大学城空间平台的一些真实案例与知识进行配套，让用户能够即学即用。
4. 理论与实践相结合
本书通过精心设计的案例将知识点融入其中，方便教师教学，也方便读者学习。
5. 资源丰富
本书提供所有实例的完整源代码、素材文件及资源。
本书的主要内容如下。
章节 主 要 内 容
模块1 认识HTML、HTML标签及其属性，认识和掌握HTML文档的结构，学会使用表格、层和框架及框架集来完成页面布局，学会表单的设计
模块2 认识和掌握CSS选择器，学会使用字体、文本和背景属性美化网页，使用边框、边距等属性
模块3 JavaScript程序输入输出，分支和循环结构，异常验证和JavaScript对象
模块4 网页设计相关软件介绍和使用
模块5 颜色的认识和色彩的搭配
模块6 网页设计新技术HTML5、CSS3等介绍
致谢
本书初稿在2014年名师空间课堂项目建设中已基本完成，通过近几年的修订完善于2018年正式出版。本书由陈翠娥担任主编，王涛、唐一韬、仝瑞钦担任副主编，参加编写的还有蒋国清、符春、严志等。陈翠娥负责教材的总体设计、统稿和审稿工作，并完成了模块1和模块2的编写工作；王涛、唐一韬、仝瑞钦他们共同参与了本书的审稿、校稿工作，另外，王涛还完成了模块3的编写工作，蒋国清编写了模块4，符春编写了模块5，严志编写了模块6；在此向他们表示衷心的感谢。
本书以项目案例为引领，将知识点的学习贯穿于项目案例始终。由于是一种全新的尝试，能否得到同行的认可，能否给教学带来全新的体验，都要经过实践的检验。由于编者水平有限，书中疏漏之处在所难免，恳请各位读者给予批评和指正。

模块1　HTML超文本标记语言1
【项目案例】1
案例1　物流管理系统（使用表格布局的一个示例网站）1
案例2　在世界大学城空间添加一个HTML模块5
【知识点学习】6
任务1 认识HTML6
任务2　认识HTML标签的属性12
任务3　使用定义文档结构、文字与段落等标签设计网页15
任务4 使用层、表格布局等标签设计网页23
任务5 使用项目符号和列表、超链接等标签设计网页29
任务6 使用表单标签设计网页37
任务7 使用框架集、框架等标签设计网页44
任务8 使用图像、图像映射及其他标签设计网页48
【模块1自测】54
模块2　CSS级联样式表57
【项目案例】57
案例1 咪咪音乐网站（使用DIV CSS布局的一个示例网站）57
案例2　美化世界大学城展示空间60
【知识点学习】61
任务1 认识CSS 61
任务2 认识CSS的选择器67
任务3 使用字体、文本、背景属性美化网页71
任务4 使用边框、边距属性美化网页85
任务5 使用表格、列表及定位属性美化网页93
【模块2自测】112
模块3　JavaScript脚本语言115
【项目案例】115
案例1 银行信贷管理系统（使用脚本语言的一个示例网站）115
案例2 给世界大学城空间添加JS代码特效121
【知识点学习】122
任务1 认识JavaScript 122
任务2 掌握JavaScript的语法130
任务3 使用JavaScript分支结构编程141
任务4 使用JavaScript循环结构编程154
任务5 了解JavaScript的异常、验证及内置对象163
任务6 了解JavaScript JSON数据格式176
【模块3自测】180
模块4　相关软件使用184
【项目案例】184
案例 在世界大学城空间首页添加Flash模块（使用Flash设计）184
【知识点学习】185
任务1 软件的安装及使用入门185
任务2 使用Flash软件制作导航及简单动画197
任务3 使用Dreamweaver软件设计静态网页205
【模块4自测】219
模块5　美工基础知识222
【项目案例】222
案例 世界大学城空间banner设计（使用Photoshop设计）222
【知识点学习】223
任务1 认识颜色223
任务2 网页色彩搭配226
任务3 使用Photoshop处理图像232
【模块5自测】246
模块6　新技术介绍249
【项目案例】249
案例 响应式导航页面设计（使用HTML5 CSS3设计）249
【知识点学习】252
任务1 认识HTML5 252
任务2 介绍XHTML264
任务3 了解CSS3 267
【模块6自测】274
参考文献277