网站和网页设计.ppt

网站和网页设计 沈卫平 Web设计概念纵览 Web设计起源于使用专用的Web开发技术简单地在Web页上复制印刷材料。网站设计人员需要了解大量的网页设计工具和技术来创建吸引人的网页。 在本课中，我们将探究如何使用排版和导航创建引人人胜的网站，使用最优秀的图形和设计元素创建可以快速下载的页面，理解在Web设计周期中商业运作的重要性，客户和服务器上的编程如何影响Web用户的体验，Internet管理机构在网站设计上制定的标准的影响，Web创作软件在网站设计中扮演的角色，以及如何发布维护网站，等等。 尽管许多人认为，网站的设计和它的内容相比是次要的，但本章将说明设计在用户体验中的重要作用。公共设计原则—例如颜色、字体的选择，以及在页面上元素的布局—所有的元素共同作用才产生一个用户界面友好的网站。为了全面地欣赏和理解设计扮演的角色，我们将围绕Web技术、Web和传统媒体的不同、设计概念以及创建网站的工具和技术进行深人研究。 Web技术 现在我们喜爱的Web技术是人类所经历的发展速度最快的通信手段。它赋予消息发送者和接受者更大的权利——换句话说，就是内容的发布者和内容的读者。现在许多人转向Web而不是使用报纸或者其他的传统途径来寻找信息。Web上的信息可供全世界用户使用，可以快速、准确、详尽地传播。在大多数商业广播、电视和印刷广告上都包括Web地址，为用户提供可以立即访问帮助学习和决策的更为个性化和具体的信息检索方法。 网站设计人员的责任是为接收者传递适当的可视消息，因此，设计的概念和内容一样重要。长期的Web用户非常清楚网站设计的变化。 早期站点的内容是冗长的纯文本，这一倾向发展为在复杂性和先进性方面可以和电视、印刷这样的广告媒体进行竞争的开发设计方法。 为了能够竞争，现代办公环境中的每个人将致力于开发信息体系。网站正在变成包括来自公司各方面信息的复杂的结构:人力资源、销售和市场、存货和发行，等等。因为和传统的通信形式不同，这些内容有助于理解什么是在Web上显示信息的有效形式。 丰富的工具和技术使新手相有经验的网站设计人员都可以更轻松地设计网站。设计人员必须选择可以给企业带来竞争力的工具。在后面“应用程序和工具”中，我们将看到一些经常使用的网站设计工具，例如Microsoft的FrontPage、Macromedia的Dreamweaver、Flash和HomeSite，以及Paint Shop Pro。 同学们会发现，每一个工具都有自己的特性和优势，根据这些，可以选择最适合的工具来达到需要的效果。 Web属性 大多数网站设计人员从自己的角度出发从事开发。他们对用大众广告的隐喻向大众展示信息有兴趣。但是，Internet给出了另一种方法：一对一关系的能力。网站用户对于根据他们具体需要裁减的信息和产品响应得更好。应该理解，在本质上，Internet是允许用户决定访问的信息和何时访间的媒体。该事实使Internet成为一个一对一的媒体 (one-to-one medium)，这和广播媒体 (broadcast medium)相反。因此，大众媒体的概念和应用对于Internet无效。 大众传媒的目标是引起最终能达到他们期望目标的电视观众或者读者的兴趣。本质上，阅读杂志或者看电视的行为不能进行交易(transactional)。读者或者观众所需的惟一动作就是读或看。信息是被广播给被动人群的，因此，为大众媒体创作信息需要的战略和为Internet创作信息需要的战略不同。 本质上，Internet是可进行交易的 (transactional)。Internet的整个体验，从访问Internet到浏览Web，根据用户请求和服务器响应是可以断定的，换句话说，是可进行交易的。而且，从本质上，Internet是非线性的。通常，用户做出交易决定，先到网站，然后呆在网站，进行电子商务，再决定以后是否返回该网站。然而，用户可以在选择的任何时候切换到另一网站——进行另一个交易。 当前的Web开发方向 Web开发在过去的3年里变得更加完善，主要是在多媒体的进步上。现在，通过Web可以访问新的数据类型。数据驱动的内容己经成为许多Web应用和项目的一个主要部件。数据驱动内容的好处是它可以反应最新的信息、数宇以及统计，因为数据是在用户请求时从数据库中取得的。 继电子商务之后，Internet开发己经成为了Web发展中第二大成长的领域。Internet带来基于Web的内部网络，为一个特殊组织的雇员或者成员提供可使用的网络。因为雇员可以容易地访问经常使用的数据和文档，结果产生了一个更有效更富于成果的工作环境。在Internet上可以用比传统媒体更具实效的方式访问对时间敏感的信息。对于外部的销售商和交易伙伴，正在