网站文档设计

发布：2018-10-28 16:43:13 浏览：3816

相对于那些为单一媒介(诸如印刷)创建的文档而言，我们为网页制作的文档拥有更为复杂的用途及功能。在某一环境中发挥良好作用的文档，可能在另一个环境中就变得不可用了。例如，为大的显示屏设计的网页在打印时或者在小屏手机上显示时的效果可能不会太好。在考虑页面设计的时候，要将视野拓宽至代表性的显示屏之外，并为包括打印和手机在内的其他环境预先提出相应的设计。

适应性设计

操作适当的话，网页则可以适用于不同的环境而无需同一文档的多个版本。使用了适应性设计的网页文档可以顺利地应用于电影院或手机屏幕、电视或投影仪屏幕、油墨打印或盲文印刷，也可以被阅读或使用软件应用程序进行浏览。从设计师的角度而言，需要关注两大要素以便让这一多用途系统更有效地发挥它的功能，即，源文档和媒体样式表。有了适应性设计，源文档便包含了所有必要的信息和功能；媒体样式表可以对源文档进行更改以适应于不同的环境。

样式定义

可以通过很多种方式对样式进行定义:在元素标签、页面的头元素或者在外部样式表中使用样式属性。一般而言，外部样式表是最有效的方法，例如，使用该方法可以通过在某一位置定义主体背景颜色属性，来轻易地修改整个网站的主体背景颜色。使用适应性设计，我们可以为每个环境创建不同的外部样式表，并随后使用<link>标签的“媒体”(media)属性引用该样式表。尽管在HTML规范中有很多媒体属性，但此处我们集中关注使用最广和最受支持的媒体类型:显示屏、打印以及手持设备。

在实际操作中，我们总是在既定事实之后才会考虑到媒体样式。我们往往先为传统的计算机显示屏进行设计，然后再为打印和手机的使用进行修改。使用这一方式所产生的设计效果不是那么理想，因为我们往往没有考虑到其他媒体以及查看设备。为了充分开发网络环境，我们需要从一开始就考虑得更全面，并创建出适用于多种环境的源文档。

文档顺序

文档顺序是指诸如网站形象、导航、主要内容、相关内容以及出处信息等元素在文档源代码中显示的顺序。文档顺序尽管在视觉环境中不明显，但其对网页的机读性具有重大意义。很多搜索引擎赋予了文档顶部内容更多的权重。显示屏阅读者们在阅读网页的时候会从网页的起始处开始，然后按顺序进行浏览。很多网页浏览器在小显示屏上会将多栏布局折叠为一栏，以方便浏览。打印样式往往使用单栏样式来适应网页的纵横比。这些环境的效果极大地取决于文档顺序。

顺序是文档顺序的一个重要方面。如果内容元素无法按一个逻辑顺序进行排列，那么信息就会被歪曲。例如，当相关链接和广告与页面主要内容混在一起的时候，各元素必须按照-定的逻辑顺序在文档源代码中排列，并且各个元素之间必须充分连接，而不能被其他元素打断。

HTML代码(左侧)中的代码顺序，以及使用样式表后每个代码块是如何排列的此外，考虑元素的相对重要性以及将最重要的信息置于网页起始位置也是必的。这一方法被称为“前置”，它有很多好处。当主要内容在源代码中位于较前的置时，盲人用户以及使用小显示屏的用户能更直接地访问这些内容，而键盘用户能更直接地访问页面的功能性元素。若相关内容位于文档顶部，搜索引擎在对页进行索引时便可以发挥更好的功效。

选择性显示

文档设计的另一方面在于，吸收与不同环境相关的元素并对文档进行编码，这样元素就可以根据情况显示或者不显示了。例如，尽管对任何显示屏设计而言，导航链接是基础，但当打印到纸面上时，它们就没有多大帮助了。

另外，当我们打算集中为电脑屏幕设计文档时，绝大多数文档内容解决的是视觉浏览需求，其中某些元素对其他环境会有用。在打印时，页面URL有助于返回页面或引用文章。而在显示屏上，页面URL则可以便捷地获得，因而没必要显示该信息。在这一实例中，可以使用CSS来隐藏显示屏样式表中的URL。

文本替代物

网页设计涉及提供视觉和非视觉方式以访问信息和功能。我们之所以能够满足如此广泛且各异的在线观众的需求，主要原因在于可以使用软件阅读文本。当然。并非网页上所有的信息和功能都是文本格式:事实上，网页正不断地被诸如图像、

视频以及交互性等其他内容丰富着。要想在一个复杂且视觉上丰盛的环境中获得普遍的可用性，需要为所有相关的非文本元素提供文本替代物。

替代文本可以有很多形式。描述性标题是一种替代方式，它可以显示包含图像的信息。很多网站会在页面的脚注中使用文本链接，以便为基于图片的链接是供只由文本组成的替代物。你可以在页面代码中提供替代文本。例如，使用<img>标签的“alt"属性，可以为图像提供替代文本。音频和视频展示往往使用标题和文本记录来进行展示。核心概念不在于提供了多少，而在于替代文本被提供给源代码，以便页面中必要的内容和功能具有机读性，并因此具有可访问性和通用可用性。

人们通过不同的方式来进行网页体验。对某些人来说，网络是页面在线阅读的直接媒介一在大的电脑显示屏上，使用小型便携式设备.或使用软件进行有声阅读。对其他人来说，网络是一个发送媒介，使用它可以离线获取信息，即将信息下载到光盘或者打印到纸面上。对人们普遍使用网站的方式的预期将主导你对页面设计的决定。在线阅读的文档将为在线阅读这目的进行书写，使用可以完全适应不同屏幕大小和访向方式的页面设计。那些很可能用于打印或离线阅读的文档，则应当完美地呈现在一个网站制作页面上，并且应当使用打印样式表以确保设计适应于最理想的打印样式，例如，去掉打印页中无关的网站导航链接。那些可能面向移动用户的文档应当能够在混合移动环境中工作，可以在经过拆分的页面阅读，同时也可以通过小但完备的移动浏览器进行常规浏览。