网站文档设计
相对于那些为单一序言(诸如印刷)创立的文档而言,我们为网页制造的文档拥有更为庞杂的用处及功效。在某一情况中施展优越感化的文档,可能在另一个情况中就变得弗成用了。例如,为年夜的显示屏设计的网页在打印时或者在小屏手机上显示时的后果可能不会太好。在斟酌页面设计的时刻,要将视野拓宽至代表性的显示屏之外,并为包含打印和手机在内的其他情况预先提出响应的设计。
顺应性设计
操作恰当的话,网页则可以实用于分歧的情况而无需统一文档的多个版本。应用了顺应性设计的网页文档可以顺遂地运用于片子院或手机屏幕、电视或投影仪屏幕、油墨打印或盲文印刷,也可以被浏览或应用软件运用法式进行阅读。从设计师的角度而言,须要存眷两年夜要素以便让这一多用处体系更有用地施展它的功效,即,源文档和媒体样式表。有了顺应性设计,源文档便包括了所有需要的信息和功效;媒体样式表可以对源文档进行更改以顺应于分歧的情况。
样式界说
可以经由过程许多种方法对样式进行界说:在元素标签、页面的头元素或者在外部样式表中应用样式属性。一般而言,外部样式表是最有用的办法,例如,应用该办法可以经由过程在某一地位界说主体配景色彩属性,来随意马虎地修正全部网站的主体配景色彩。应用顺应性设计,我们可认为每个情况创立分歧的外部样式表,并随后应用<link>标签的“媒体”(media)属性引用该样式表。尽管在HTML规范中有许多媒体属性,但此处我们集中存眷应用最广和最受支撑的媒体类型:显示屏、打印以及手持装备。
在现实操作中,我们老是在既定事实之后才会斟酌到媒体样式。我们往往先为传统的盘算机显示屏进行设计,然后再为打印和手机的应用进行修正。应用这一方法所发生的设计后果不是那么幻想,因为我们往往没有斟酌到其他媒体以及查看装备。为了充足开辟收集情况,我们须要从一开端就斟酌得更周全,并创立出实用于多种情况的源文档。
文档次序
文档次序是指诸如网站形象、导航、重要内容、相干内容以及出处信息等元素在文档源代码中显示的次序。文档次序尽管在视觉情况中不显著,但其对网页的机读性具有重年夜意义。许多搜刮引擎付与了文档顶部内容更多的权重。显示屏浏览者们在浏览网页的时刻会从网页的肇端处开端,然后按次序进行阅读。许多网页阅读器在小显示屏上会将多栏结构折叠为一栏,以便利阅读。打印样式往往应用单栏样式来顺应网页的纵横比。这些情况的后果极年夜地取决于文档次序。
次序是文档次序的一个主要方面。假如内容元素无法按一个逻辑次序进行分列,那么信息就会被曲解。例如,当相干链接和告白与页面重要内容混在一路的时刻,各元素必需依照-定的逻辑次序在文档源代码中分列,而且各个元素之间必需充足衔接,而不克不及被其他元素打断。
HTML代码 (左侧)中的代码次序,以及应用样式表后每个代码块是若何分列的此外,斟酌元素的相对主要性以及将最主要的信息置于网页肇端地位也是必的。这一办法被称为“前置”,它有许多利益。当重要内容在源代码中位于较前的置时,瞽者用户以及应用小显示屏的用户能更直接地拜访这些内容,而键盘用户能更直接地拜访页面的功效性元素。若相干内容位于文档顶部,搜刮引擎在对页进行索引时便可以施展更好的功能。
选择性显示
文档设计的另一方面在于,接收与分歧情况相干的元素并对文档进行编码,如许元素就可以依据情形显示或者不显示了。例如,尽管对任何显示屏设计而言,导航链接是基本,但当打印到纸面上时,它们就没有多年夜赞助了。
别的,当我们盘算集中为电脑屏幕设计文档时,绝年夜多半文档内容解决的是视觉阅读需求,个中某些元素对其他情况会有效。在打印时,页面URL有助于返回页面或引用文章。而在显示屏上,页面URL则可以便捷地获得,因而没需要显示该信息。在这一实例中,可以应用CSS来隐蔽显示屏样式表中的URL。
文本替代物
网页设计涉及供给视觉和非视觉方法以拜访信息和功效。我们之所以可以或许知足如斯普遍且各别的在线不雅众的需求,重要原因在于可以应用软件浏览文本。当然。并非网页上所有的信息和功效都是文本格局:事实上,网页正赓续地被诸如图像、
视频以及交互性等其他内容丰硕着。要想在一个庞杂且视觉上丰富的情况中获得广泛的可用性,须要为所有相干的非文本元素供给文本替代物。
替代文本可以有许多情势。描写性题目是一种替代方法,它可以显示包括图像的信息。许多网站会在页面的脚注中应用文本链接,以便为基于图片的链接是供只由文本构成的替代物。你可以在页面代码中供给替代文本。例如,应用<img>标签的“alt"属性,可认为图像供给替代文本。音频和视频展现往往应用题目和文本记载来进行展现。焦点概念不在于供给了若干,而在于替代文本被供给给源代码,以便页面中需要的内容和功效具有机读性,并是以具有可拜访性和通用可用性。
人们经由过程分歧的方法来进行网页体验。对某些人来说,收集是页面在线浏览的直接序言一在年夜的电脑显示屏上,应用小型便携式装备 .或应用软件进行有声浏览。对其他人来说,收集是一个发送序言,应用它可以离线获守信息,即将信息下载到光盘或者打印到纸面上。对人们广泛应用网站的方法的预期将主导你对页面设计的决议。在线浏览的文档将为在线浏览这目标进行书写,应用可以完整顺应分歧屏幕年夜小和访向方法的页面设计。那些很可能用于打印或离线浏览的文档,则应该完善地出现在一个网站制造页面上,而且应该应用打印样式表以确保设计顺应于最幻想的打印样式,例如,去失落打印页中无关的网站导航链接。那些可能面向移动用户的文档应该可以或许在混杂移动情况中工作,可以在经由拆分的页面浏览,同时也可以经由过程小但完整的移动阅读器进行惯例阅读。