当今网络应用的不断普及和技术变革使得与网络应用紧密相关的Web前端开发和网页设计技术也如火如荼。市面上讲授网页设计的书籍很多,内容有依托Dreamweaver、Photoshop、Flash三套软件讲授传统网页设计方法的,有专门讲授DIV+CSS基于Web 2.0标准的网页布局与美化应用技巧的,也有独立讲授以HTML 5和CSS 3为代表的新一代网页设计技术的,但这些都只是片面讲授了网页设计在发展和技术应用上的某一个方面,对于网页设计基础知识参差不齐的读者来说,往往感觉有些不够深入,而又难以消化吸收。网页设计是一个循序渐进的过程,必须从整体上把握网页设计与开发涉及的东西,了解网页布局基本方法和设计原则,然后逐一掌握各种技术并赋予实践,才能真正做到学有所获。本书就是基于此信条来讲授网页设计和制作相关知识的。
除了讲授网页设计基本原则、HTML网页设计语言和传统网页设计方法和工具外,本书由浅入深地引入了基于Web标准的网页设计方法,探讨了经典的DIV+CSS网页布局与美化技巧,由易到难,逐层深入,最后详细介绍了HTML 5新特性及CSS最新规范标准CSS 3,并针对Web应用开发介绍了JavaScript语法和应用。书中每个章节都穿插了大量的实例进行讲解,引导和帮助读者理解知识点的应用,力求快速完成由理论知识到实战技能的转化。另外,为方便教学,本书每个章节后面都配备了专门的上机实践部分,针对章节知识做一个综合性的实践应用回顾,读者可理论结合实际,快速掌握最新知识和技能。
本书的最大特色在于突出实践性,打破传统的纯粹利用开发工具或讲授代码的教学方法,结合网页辅助开发工具理解网页代码的本质,并通过大量的实例贯穿所有知识点的学习。内容架构独特,每一章探讨一个具体的主题,由浅入深,梯度推进,紧跟网页设计的发展和变革,深入解剖网页设计中的各种技术、方法和技巧,提高读者实战技能。
全书内容共8章。第1章介绍了网页设计基本概念、布局方法和总的设计原则; 第2章重点介绍了HTML文档标记及其使用; 第3章介绍了利用辅助设计软件进行网页设计与开发的技巧; 第4章和第5章介绍了Web标准和CSS基础,重点阐述了DIV+CSS网页布局与美化方法; 第6章介绍了代表未来Web发展方向的HTML 5的应用; 第7章详细讲解了CSS规范最新版本CSS 3新增选择器及应用; 第8章介绍了负责网页动态行为的JavaScript技术。通过本书的学习,读者既可以入门网页超文本标记及传统网页布局设计技巧,也可以深入运用HTML+CSS+JavaScript制作网页,还可以掌握最新的HTML 5+CSS 3网页开发知识,读者在学习过程中可根据所需,灵活选择。
书中所有实例和实验案例所使用的素材及源代码文件均可以在清华大学出版社的网站(http://www.tup.tsinghua.edu.cn/)下载,素材中还包括整个课程教学所需课件、考核参考要求及100套考核实战题目详细清单,基本满足每一位考核学生的网站主题及栏目设置。全书建议学时为48~64,其中理论学时建议为30~36,实践学时建议为18~24。网页设计与制作是一门实践性很强的课程,读者只有多动手实践才能更好地掌握书中内容。书中上机实践部分并没有给出详细的制作步骤或代码,读者可根据所学结合网上下载源文件进行练习,以加深所学内容的理解。
本书作者长期从事网页设计开发与教学工作,积累了丰富的设计思想与教学经验,读者在学习过程中如果遇到实际问题,也可以登录http://multi.ys168.com/网站共同学习探讨或直接与作者联系,Email: 10035154@qq.com。由于相关技术规范、标准和技术发展日新月异,加之编写时间和作者水平有限,本书疏漏和不足之处在所难免,很多方面仍然需要进一步提高和改进,敬请广大读者朋友和专家批评指正。
作者2013年1月