多媒体技术应用基础第8章.ppt

8.1 WWW网页设计基础知识 8.2 HTML语言 8.3 FrontPage 98的使用 8.4 制作实例 ;第8章 web页面设计; Internet可提供多种服务，如 FTP、电子邮件、实时聊天等。 Web服务是其中的一种服务。由于Web上内容丰富、交互性强及友好的图形用户界面而深受欢迎，Web几乎成了Internet的代名词。 人们把Internet看成是一个虚拟社会， Web网页就是社会成员展示自我的窗口。 进入Web，就进入了一个个商店，可以浏览购物； 就像翻开了一本本有声的图书、杂志；在这里你还可以走进世界各地的名牌大学； …… 当然， 你也可以通过个人网站向世界介绍自己。这些正是Web的魅力。  Web成为报刊杂志和广播电视之后的第三大媒体， 已经影响到人们生活的方方面面。 ; 8.1.2 设计网页前的准备 如果你已经对Internet的基本知识有了一定的了解， 并且有在Web空间浏览的经验，现在想亲手制作Web网页， ???么应该做好以下准备工作。  1. 系统规划 Web站点展示的体裁包括：  (1) 发布个人主页： 展示个性、 分享业余爱好、 提供共享信息等。  (2) 建立公司站点： 发布广告、 树立公司形象、 提供服务等。  (3) 网上商店： 提供商品信息、 购物指南、 网上订货等。 ; (4) 发行电子出版物： 网上报刊杂志、 电子图书等。  (5) 提供社区服务： 便民服务、 电子公告等。  首先要明确建立Web站点的主题，是个人主页还是公司站点，建立站点的目的是什么？需要考虑的问题包括：  (1) Web站点主题; (2) 设计目的和原则; (3) 面向的服务对象; (4) 站点的内容和提供的服务。; 2. 页面设计 对系统做了总体上的规划以后， 接下来需要考虑页面的设计问题。  1） 页面设计需要遵循的原则· 简洁 要想使你的页面给人们留下深刻的印象，就要力求做到简洁。 我们常对那些简单、 鲜明的公司标志印象深刻。如耐克公司的“Just Do It”, NBA的“I love this game”, 飞利浦公司的“让我们做得更好”等口号。所以，你首先应精心设计主页面（站点的第一个页面）： 使用一个醒目的标题；使用尽可能少的字体和颜色种类；使用简洁的图形等。· 保持站点独特的风格你设计的页面应该个性化，即有自己独特的风格， 否则就会被淹没在不计其数的网站之中。 ; 页面的风格是通过对内容的合理组织及协调的字体和色彩表现出来的， 这需要一定的美术知识并多体会一些成功网站的设计特点。  要保持网站的风格，需要特别注意保持一个站点各页面间的一致性。各网页应具有相同的页面布局；使用统一的标志；相同的导航图标等。 页面各元素与整个页面的色彩协调， 风格一致；字体和颜色保持一致； 主色调鲜明一致。  · 重点突出在设计页面时， 对那些需要特别强调的内容要做到重点突出。如： 题头标题、 重点内容、最近更新、 特别推荐链接等。 突出重点的方法是通过颜色的对比，字体的变化，醒目的图标等，特别是通过一幅色彩鲜明的图像来表达主题，更能吸引人们的注意力。 ; 2） 内容的组织 为了更好地达到建立站点的最终目的，要对所发布的内容进行精心的组织， 做到条理清楚，一目了然。  首先要精心选择最能表达主题的素材，是用一段简洁的文字， 还是用一个醒目的图标，文字材料常常附以恰当的图例。 然后要考虑各元素在页面上的布局，如先后顺序、位置、空白的安排等。一般常把重要的元素放在左上或顶部， 如公司标志。在内容较多时， 常使用链接来引导读者，要注意不要在文字段落中过多使用链接， 要把链接安排在相应的说明文字旁边，这样显得内容组织更有序，页面也更简洁。 ; 3） 页面属性 Web网页与常见的报刊杂志等出版物不同， 它的大小是根据浏览器窗口的大小来调整的。另外, 由于读者使用的浏览器的种类和版本不同， 页面的显示效果也不同，所以在设计网页时要考虑最终的显示结果。  首先对页面的尺寸、 布局做初步的设置。考虑到多数用户显示模式是在640×480屏幕方式下，所以一般将页面大小设定为600×380，其中考虑了窗口的边框、 具