第一章网页设计的定位.pptVIP

第 1 章 网页设计; 主题要简明易懂定位要小，内容要突出，如图1.2所示。 ;1.1.2 网页的名称;1.2 定位网页形象设计 ;设计网站的标准字体;1.2.2 定位网页的版式和栏目;图1.6 版面分布;1.3 定位网页的目录结构和链接结构 ;1.3.2 网页的链接结构;1.4 网页设计的流程 ; 例如：某学校做站点就需要学校介绍、学校新闻、学校招生、学校形式、联系方式、留言板等几个基本单元，如图1.9所示。如果按照通常的习惯对学校介绍、学校招生、联系方式全用静态页面、而学校新闻、留言板则用动态，那么很多学校会选择学校新闻使用静态页面，理由是新闻少，没必要用动态。 ;1.4.3 开始制作网页;1.5 网页设计原则 ; 在计算机里看起来相当好的页面，在另一个不同的平台上看起来可能非常糟糕。网站设计员使用来定义特性，这虽然允许使用特殊的字体，但是仍需要一些变通的方法，以免所选择的字体在访问者的计算机上不能显示，如图1.11所示。 ; 背景颜色也会产生一些问题，可能会使网页难于阅读。应当坚持使用白色的背景和黑色的文本，另外还应当坚持使用通用字体，如图1.12所示。 ; 在浏览器中即使去掉了图像功能，也要保证访问者能够在网站上获得良好的效果。对于那些使用ISDN连接并且关掉了图像功能的访问者，能获得好的网页加载性能。并通过在网页底部提供另外的链接和使用替代文字，来满足访问者的需要，如图1.13所示。; 许多使用比较慢的计算机的访问者发现动画图标很容易耗尽系统资源，使网站的操作变得很困难，因此，应该给用户一个跳过使用Flash动画的选择。虽然许多Web设计者认为Flash功能很强大，并且Netscape5.0将支持Flash，在使用时不必再下载任何插件。但是，最好还是取消使用Flash做各接口的想法，如图1.14所示。 ;　 为了保持小的图像，可以使用类似GIF向导的程序，它能自动对图像进行压缩 在图像显示之前最好能详细说明图像大小属性，可以在IMG标签中保存这个属性。这可以使网页显得很流畅，因为浏览器可以在图像被下载之前在屏幕上显示整个网页，如图1.15所示。 ;1.6 网页设计注意事项 ;1.6.2 超连接的文字 抓住能传达主??讯息的字眼当做超连接的锚点(anchor)，可有效地控制住超连接的字串长度，避免字串过长(如∶整行、整句都是锚点字串)或过短(如∶仅一个字当做锚点)，而不利于读者的阅读或点取。 1.6.3 其他的连接 在具有前后连续顺序的文件里提供必要的连接，将篇幅过长的文件分隔成数篇较小的WebPages大大地增加了界面的亲和性，但在导览按钮与超连接的配置上，WebPage设计者则要更细心周全地安排，使得读者不论身处站台的哪一阶层，依然能够快速便捷地通往其他任何一个页面。 ;1.6.4 网站建设的误区;1.7 课后习题