061102商务网站页面设计技术教材(1pian).docVIP

PAGE PAGE 13 商务网站页面设计技术 内 容 提 要 本书分三部分，主要介绍了HTML4.01、CSS样式表和JavaScript等商务网站页面设计的主要技术。HTML的英文意思是：Hypertext Marked Language，即超文本标记语言，是一种用来制作超文本文档的简单标记语言，是设计web页面的基础。CSS的英文意思是：Cascading Style Sheets，即层叠样式表，它通过提供各种样式，来格式化HTML文档页面元素，并使页面产生动态效果。CSS用来辅助HTML，是HTML不可分割的一项技术，要制作精美的网页离不开CSS。JavaScript的使用可以使页面更加漂亮，且具有动态性和交互性，是制作商务网站页面的首选脚本语言。此外还在附录中提供了页面制作工具、样例试题等相关的参考资料，方便读者的学习。 本书是在参考了国内外现有大量同类书刊、资料的基础上，吸收众家之优点，并结合编者多年的教学实践经验的基础上完成的。不但突出了对各部分主要知识原理的系统讲解，而且重视了商务网站页面设计实用技能的提高，适合作为电子商务专业的本、专科学生作为教材使用。同时，也可以作为商务网站页面制作和编程人员的参考用书。 前 言 随着信息技术、网络技术和经济、社会的发展，越来越多的企业开始建立自己的商务网站，以借助互联网从事商务运营活动。因而，商务网站的页面设计技术也越来越得到相关企业、部门等各方面的极大重视，并日益得到广泛的应用。但目前能够系统、全面地、从技术原理和应用实践方面阐述网站设计技术的教材很少，本书就是基于这种考虑而编写的。本书分HTML、CSS、JavaScript三部分，集中讲述了目前商务网站页面设计必备的主要技术。 HTML的英文意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。超文本传输协议规定了浏览器在运行 HTML 文档时所遵循的规则和进行的操作.HTTP协议的制定使浏览器在运行超文本时有了统一的规则和标准。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台，自1990年以来HTML就一直被用作ＷＷＷ（World Wide Web，万维网） 的信息表示语言，使用HTML语言描述的文件，需要通过WEB浏览器显示出效果。 ?所谓超文本，是因为它可以加入图片、声音、动画、影视等内容，HTML并不是一种程序语言，它只是一种排版网页中资料显示的结构语言，易学易懂，非常简单。HTML的普遍应用就是带来了超文本的技术通过单击鼠标从一个主题跳转到另一个主题，与世界各地主机的文件链接。直接获取相关的主题。 通过HTML可以表现出丰富多彩的设计风格、可以实现页面之间的跳转、可以展现多媒体的效果。 ???使用HTML标记虽然可以定义页面文档及格式，例如标题h1、段落p、表格table、链接a等，但这些标记不能满足更多的文档样式需求，为了解决这个问题，在1997年W3C(The World Wide Web Consortium)颁布HTML4标准的同时，公布了有关样式表的第一个标准CSS1。1998年5月12日，CSS2.0成为了W3C的新标准，使样式表得到了更多的充实。 CSS的全称是层叠样式表(Cascading Style Sheets)，简称样式表。是近几年才发展起来的一种设计网页样式的工具。用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。网页内容结构和格式控制相分离，使得网页可以仅由内容构成，而将所有网页的格式控制指向某个CSS样式表文件，大大地方便了网页的查看和修改。用css技术制作主页，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。可以实现一些以前必须通过图片转换才能够实现的功能；从而更快地下载页面；可以使页面的字体变得更漂亮，更容易编排，页面真正赏心悦目；可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件，那么整个站点的所有页面都会随之发生变动，不用再一页一页地更新了。因而大大简化了HTML文档的设计。现在CSS已经为大多数的浏览器所支持，成为网页设计必不可少的工具之一。 ?虽然通过HTML语言和CSS样式表可以实现文字、表格、声音、图像、动画等多媒体信息的发布。????然而采用单纯的HTML和CSS技术存在一定的缺陷，那就是它们只能提供一种静态的信息资源，缺少动态的效果。这里所说的动态效果分为两种：一种是客户端的动态效果，就是我们看到的Web页面是活动的，可以处理各种事件。例如，鼠标移动时图片会有翻转效果等：另一种是客户端与服务器端的交互产生的动态效果。 实现客户端的动态效果，JavaScript无疑是一种适合的工具。JavaScript