基于Web标准的网页设计与制作的前 言

随着互联网技术10年来的飞速发展，各行各业都需要在互联网上推广宣传自己，网页设计技术对许多人来说已经成为一项基本的计算机应用技能。网页设计技术在发展过程中也经历了巨大的变革，从最初Microsoft的网页制作软件FrontPage到Macromedia公司的网页制作“三剑客” (Dreamweaver、Fireworks和Flash）软件被普遍接受，到2005年Macromedia公司被Adobe公司收购，原有的网页制作“三剑客”的称号逐渐淡出。近年来，网页制作“三剑客”这一名词有了新的内涵，那就是指XHTML、CSS和JavaScript，它们代表了网页的结构、表现和行为三个层面。
本书系统地介绍了遵循Web标准的网页设计方法，Web标准给网页设计带来的变化不仅反映在大量使用CSS编码进行布局，更重要的是使整个网页设计的过程也发生重大的改变。正如在本书第6章的设计案例中将看到的，在还没有考虑网页外观之前就已经将网页的HTML代码写出来了，这对于表格布局的网页是不可想象的。通过这种方式实现了“结构”和“表现”相分离，就是Web标准最大的原则和优势。使得设计师在最初考虑网页内容时不需要考虑网页的外观。
网页设计这门课程的特点是入门比较简单，但它的知识结构庞杂，想要成为一名有用的网页设计师是需要较长时间的理论学习和大量的实践操作及项目实训的，学习网页设计有两点最重要，一是要务必重视对原理的掌握；二是在理解原理的基础上一定要多练习、多实践，通过练习和实践总能发现很多实际的问题。本书在编写过程中注重“原理”和“实用”，这表现在所有的实例都是按照其涉及的原理分类，而不是按照应用的领域分类，将这些实例编排在原理讲解之后，就能使读者迅速理解原理的用途，同时由于加深了对原理的理解，可以对实例举一反三。
在测试网页时，一定要使用不同的浏览器进行测试，建议读者至少应安装IE 6和Firefox两种浏览器，这不仅因为制作出各种浏览器兼容的网页是网页设计的一项基本要求，更重要的是通过分析不同浏览器的显示效果可以对网页设计的各种原理有更深入的理解。
本书的内容包含了Web前端开发技术的各个方面，如果要将整本书的内容讲授完毕，大约需要90学时的课时。如果只有50学时左右的理论课课时，可主要讲授本书前四章的内容，后面的内容供学生自学，考虑到“因材施教”的目的，本书的部分内容（在节名后注有“*”号）主要供学有余力的学生自学。
本书为教师提供了教学用多媒体课件、实例源文件和习题参考答案。
本书由唐四薪承担主要编写任务，参加编写的还有魏书堤、徐雨明、刘艳波、陈溪辉、戴小新、黄大足、邹赛和谭晓兰等。唐四薪编写了第1、2、4、5、6、7章和第3章的部分内容。魏书堤、徐雨明、刘艳波、陈溪辉、戴小新、黄大足、邹赛和谭晓兰编写了第3章的部分内容。
本书是作者多年从事网页设计工作及近年来从事网页设计教学的经验总结，在编写过程中，我的学生眭艳凤、郭文静、田梦洁、石灵智、何娴、叶艳、练小祥、容莉莉等提出了很多有创意的想法和建议，为本书的编写提供了帮助，在此向他们及所有关心本书编写工作的人士表示感谢。
由于本人水平和教学经验有限，书中错误和不妥之处在所难免，欢迎广大读者和同行批评指正。

web标准化是什么?~

WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（European Computer Manufacturers Association）的ECMAScript标准。我们来简单了解一下这些标准：

1．结构标准语言
（1）XML

XML是The Extensible Markup Language(可扩展标识语言)的简写。目前推荐遵循的是W3C于2000年10月6日发布的XML1.0，参考。和HTML一样，XML同样来源于SGML，但XML是一种能定义其他语言的语。XML最初设计的目的是弥补HTML的不足，以强大的扩展性满足网络信息发布的需要，后来逐渐用于网络数据的转换和描述。关于XML的好处和技术规范细节这里就不多说了，网上有很多资料，也有很多书籍可以参考。

（2）XHTML

XHTML是The Extensible HyperText Markup Language可扩展标识语言的缩写。目前推荐遵循的是W3C于2000年1月26日推荐XML1.0。XML虽然数据转换能力强大，完全可以替代HTML，但面对成千上万已有的站点，直接采用XML还为时过早。因此，我们在HTML4.0的基础上，用XML的规则对其进行扩展，得到了XHTML。简单的说，建立XHTML的目的就是实现HTML向XML的过渡。

2. 表现标准语言
CSS是Cascading Style Sheets层叠样式表的缩写。目前推荐遵循的是W3C于1998年5月12日推荐CSS2。W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构，使站点的访问及维护更加容易。

3.行为标准
（1）DOM

DOM是Document Object Model文档对象模型的缩写。根据W3C DOM规范，DOM是一种与浏览器，平台，语言的接口，使得你可以访问页面其他的标准组件。简单理解，DOM解决了Netscaped的Javascript和Microsoft的Jscript之间的冲突，给予web设计师和开发者一个标准的方法，让他们来访问他们站点中的数据、脚本和表现层对像。

(2) ECMAScript

ECMAScript是ECMA(European Computer Manufacturers Association)制定的标准脚本语言（JAVAScript）。目前推荐遵循的是ECMAScript 262。

网页设计与制作专业就业方向主要还是有前端和后端，看个人对技术的把握，还有对哪方面的偏爱，如：
前端：工作岗位有美工，前端工程师等等，主要负责的就是网页的一些布局，根据设计师的PS图，然后用代码呈现出来，需要有HTML，CSS，JS，JQ等这些只是的熟练掌握。
后端：程序员，或者是某个语言的工程师，如php工程师，主要负责的就是网页的后台，如会员中心，文章发布，等等这些模块的制作，还有一些功能的实现，需要掌握PHP，mysql，apache等一系列的只是。

电子商务的就业方向是什么?
答：2、电子商务专业就业方向 本专业学生毕业后可从事银行的后台运作（网络运作）、企事业单位网站的网页设计、网站建设和维护、或网络编辑、网站内容的维护和网络营销（含国际贸易）、企业商品和服务的营销策划等专业工作，或从事客户关系管理、电子商务项目管理、电子商务活动的策划与运作、电子商务系统开发与维护...

电商专业的学生都需要学什么?
答：核心课程：程序设计基础、网络营销方案设计与实施、数据库的设计与应用、电子商务技术基础、 网页设计与制作、电子商务网站开发等。本专业培养德、智、体、美全面发展，具有良好职业道德和人文素养，掌握电子商务基 本知识，具备电子商务平台建设能力，从事电子商务网站开发、管理、维护及运营等工作的 高素质...

电子商务主要学习什么?
答：专业课程包括：电子商务系统的分析与设计、网络营销基础与实践、电子商务与国际贸易、电子商务信函写作、电子商务营销写作实务、营销策划、网页配色、Dreamweaver网页设计与制作、Web标准与网站重构、Flash Action Script动画设计、UI设计、Asp 电子商务网站建设、电子商务管理务实、会计电算化、Photoshop、经济法、...

电子商务专业需要学习哪些课程?
答：电子商务专业课程。包括电子商务系统的分析与设计、网络营销基础与实践、电子商务与国际贸易、电子商务信函写作、电子商务营销写作实务、营销策划、网页配色、Dreamweaver网页设计与制作、Web标准与网站重构、FlashAction Script动画设计、UI设计、Asp、电子商务网站建设、电子商务管理务实、会计电算化、Photoshop、...

电子商务主要是学什么的?
答：时下最热门的互联网营销手段、模式和平台搭建。国际贸易概论、营销策划、网页配色、网页设计、数据结构、Photoshop、Java语言、Web标准与网站重构、FlashActionScript动画设计、UI设计。电子商务网站建设、电子商务管理实务、ERP与客户关系管理、电子商务物流管理、消费心理学、电子商务实验、网上创业、电子商务专业...

电子商务主要学习哪些课程啊?
答：2、专业课程：电子商务系统的分析与设计、网络营销基础与实践、电子商务与国际贸易、电子商务信函写作、电子商务营销写作实务、营销策划、网页配色、Dreamweaver网页设计与制作、Web标准与网站重构、FlashAction Script动画设计、UI设计、Asp；电子商务网站建设、电子商务管理务实、会计电算化、Photoshop、经济法、...

电子商务专业需要学习哪些课程?
答：专业课程：电子商务系统的分析与设计、网络营销基础与实践、电子商务与国际贸易、电子商务信函写作、电子商务营销写作实务、营销策划、网页配色、Dreamweaver网页设计与制作、Web标准与网站重构、FlashAction Script动画设计、UI设计、Asp。电子商务网站建设、电子商务管理务实、会计电算化、Photoshop、经济法、ERP与...

电子商务主要学什么内容
答：时下最热门的互联网营销手段、模式和平台搭建。国际贸易概论、营销策划、网页配色、网页设计、数据结构、Photoshop、Java语言、Web标准与网站重构、FlashActionScript动画设计、UI设计。电子商务网站建设、电子商务管理实务、ERP与客户关系管理、电子商务物流管理、消费心理学、电子商务实验、网上创业、电子商务专业...

电子商务专业主要学什么 课程有哪些
答：2)专业课程：电子商务系统的分析与设计、网络营销基础与实践、电子商务与国际贸易、电子商务信函写作、电子商务营销写作实务、营销策划、网页配色、Dreamweaver网页设计与制作、Web标准与网站重构、FlashAction Script动画设计、UI设计、Asp;电子商务网站建设、电子商务管理务实、会计电算化、Photoshop、经济法、ERP...

电子商务专业学什么课程?
答：2、专业课程：电子商务系统的分析与设计、网络营销基础与实践、电子商务与国际贸易、电子商务信函写作、电子商务营销写作实务、营销策划、网页配色、Dreamweaver网页设计与制作。Web标准与网站重构、FlashAction Script动画设计、UI设计、Asp;电子商务网站建设、电子商务管理务实、会计电算化、Photoshop、经济法、...