深圳易捷网络科技财税咨询网-neatmaster518.com 返回首页

网站文档设计

信息来源:深圳市易捷网络科技有限公司
信息发布时间:2024/12/22
相对于那些为单一媒介(诸如印刷)创建的文档而言,我们为网页制作的文档拥有更为复杂的用途及功能。在某一环境中发挥良好作用的文档,可能在另一个环境中就变得不可用了。例如,为大的显示屏设计的网页在打印时或者在小屏手机上显示时的效果可能不会太好。在考虑页面设计的时候,要将视野拓宽至代表性的显示屏之外,并为包括打印和手机在内的其他环境预先提出相应的设计。
适应性设计
操作适当的话,网页则可以适用于不同的环境而无需同一文档的多个版本。使用了适应性设计的网页文档可以顺利地应用于电影院或手机屏幕、电视或投影仪屏幕、油墨打印或盲文印刷,也可以被阅读或使用软件应用程序进行浏览。从设计师的角度而言,需要关注两大要素以便让这一多用途系统更有效地发挥它的功能,即,源文档和媒体样式表。有了适应性设计,源文档便包含了所有必要的信息和功能;媒体样式表可以对源文档进行更改以适应于不同的环境。
样式定义
可以通过很多种方式对样式进行定义:在元素标签、页面的头元素或者在外部样式表中使用样式属性。一般而言,外部样式表是最有效的方法,例如,使用该方法可以通过在某一位置定义主体背景颜色属性,来轻易地修改整个网站的主体背景颜色。使用适应性设计,我们可以为每个环境创建不同的外部样式表,并随后使用<link>标签的“媒体”(media)属性引用该样式表。尽管在HTML规范中有很多媒体属性,但此处我们集中关注使用最广和最受支持的媒体类型:显示屏、打印以及手持设备。
在实际操作中,我们总是在既定事实之后才会考虑到媒体样式。我们往往先为传统的计算机显示屏进行设计,然后再为打印和手机的使用进行修改。使用这一方式所产生的设计效果不是那么理想,因为我们往往没有考虑到其他媒体以及查看设备。为了充分开发网络环境,我们需要从一开始就考虑得更全面,并创建出适用于多种环境的源文档。
文档顺序
文档顺序是指诸如网站形象、导航、主要内容、相关内容以及出处信息等元素在文档源代码中显示的顺序。文档顺序尽管在视觉环境中不明显,但其对网页的机读性具有重大意义。很多搜索引擎赋予了文档顶部内容更多的权重。显示屏阅读者们在阅读网页的时候会从网页的起始处开始,然后按顺序进行浏览。很多网页浏览器在小显示屏上会将多栏布局折叠为一栏,以方便浏览。打印样式往往使用单栏样式来适应网页的纵横比。这些环境的效果极大地取决于文档顺序。
顺序是文档顺序的一个重要方面。如果内容元素无法按一个逻辑顺序进行排列,那么信息就会被歪曲。例如,当相关链接和广告与页面主要内容混在一起的时候,各元素必须按照-定的逻辑顺序在文档源代码中排列,并且各个元素之间必须充分连接,而不能被其他元素打断。
HTML代码(左侧)中的代码顺序,以及使用样式表后每个代码块是如何排列的此外,考虑元素的相对重要性以及将最重要的信息置于网页起始位置也是必的。这一方法被称为“前置”,它有很多好处。当主要内容在源代码中位于较前的置时,盲人用户以及使用小显示屏的用户能更直接地访问这些内容,而键盘用户能更直接地访问页面的功能性元素。若相关内容位于文档顶部,搜索引擎在对页进行索引时便可以发挥更好的功效。
选择性显示
文档设计的另一方面在于,吸收与不同环境相关的元素并对文档进行编码,这样元素就可以根据情况显示或者不显示了。例如,尽管对任何显示屏设计而言,导航链接是基础,但当打印到纸面上时,它们就没有多大帮助了。
另外,当我们打算集中为电脑屏幕设计文档时,绝大多数文档内容解决的是视觉浏览需求,其中某些元素对其他环境会有用。在打印时,页面URL有助于返回页面或引用文章。而在显示屏上,页面URL则可以便捷地获得,因而没必要显示该信息。在这一实例中,可以使用CSS来隐藏显示屏样式表中的URL。
文本替代物
网页设计涉及提供视觉和非视觉方式以访问信息和功能。我们之所以能够满足如此广泛且各异的在线观众的需求,主要原因在于可以使用软件阅读文本。当然。并非网页上所有的信息和功能都是文本格式:事实上,网页正不断地被诸如图像、
视频以及交互性等其他内容丰富着。要想在一个复杂且视觉上丰盛的环境中获得普遍的可用性,需要为所有相关的非文本元素提供文本替代物。
替代文本可以有很多形式。描述性标题是一种替代方式,它可以显示包含图像的信息。很多网站会在页面的脚注中使用文本链接,以便为基于图片的链接是供只由文本组成的替代物。你可以在页面代码中提供替代文本。例如,使用<img>标签的“alt"属性,可以为图像提供替代文本。音频和视频展示往往使用标题和文本记录来进行展示。核心概念不在于提供了多少,而在于替代文本被提供给源代码,以便页面中必要的内容和功能具有机读性,并因此具有可访问性和通用可用性。
人们通过不同的方式来进行网页体验。对某些人来说,网络是页面在线阅读的直接媒介一在大的电脑显示屏上,使用小型便携式设备.或使用软件进行有声阅读。对其他人来说,网络是一个发送媒介,使用它可以离线获取信息,即将信息下载到光盘或者打印到纸面上。对人们普遍使用网站的方式的预期将主导你对页面设计的决定。在线阅读的文档将为在线阅读这目的进行书写,使用可以完全适应不同屏幕大小和访向方式的页面设计。那些很可能用于打印或离线阅读的文档,则应当完美地呈现在一个网站制作页面上,并且应当使用打印样式表以确保设计适应于最理想的打印样式,例如,去掉打印页中无关的网站导航链接。那些可能面向移动用户的文档应当能够在混合移动环境中工作,可以在经过拆分的页面阅读,同时也可以通过小但完备的移动浏览器进行常规浏览。

相关行业资讯

1、如何寻找大量针对性强的精品外链资源呢
2、医疗网络营销模式探讨大全
3、营销网站建设的核心内容是什么
4、如何利用垃圾邮件做SEO优化
5、每天发外链有用吗_深圳网站建设公司
6、pc网站跟手机网站的区别
7、成功网站的三要诀内容为王、设计为后、营销就是小王子
8、网站日志在推广优化中担任着怎样的角色
9、网站建设有哪些价值
10、3点打造搜索引擎首位排名
11、网站打开速度慢百度也不收录是什么问题
12、企业网站轻量化趋势以及影响
13、企业网站被k后要怎么做
14、都在做SEO原创现在更重内容营销
15、网站更新升级要注意的三大问题
16、百度竞价省钱高效秘诀
17、在“用户体验”中做好优化的5大误区
18、网站主页应该如何设计
19、企业网站制作类型有哪几种
20、企业邮箱安全体现——邮件过滤与邮件加密
21、网站建设完成后必须要做的网站维护工作
22、关键词优化小知识
23、网站优化三个月后的困惑:缘何排名频频波动
24、网站建设是什么以及有什么目的
25、看看网站建设的设计原则和要点有哪些
26、如何增加网站的外链有哪些注意事项
27、解析主动推送有什么用处要怎么提交呢
28、案例分析企业网站如何提升竞价转化率
29、企业网站建设中需要重视几个基本规则
30、如何设计营销型网站?
31、网站设计注意的问题有哪些
32、企业网站制作为企业开拓网络营销大道
33、哪种类型的安阳网站建设更适合您的业务
34、百度竞价推广账户优化技巧实践经验
35、推广优化每天一贴:Google蜂鸟算法有意思的FAO
36、网站排名消失100名外怎么回事
37、如何对网站建设公司的实力进行考察
38、给网站“减肥”让SEO工作更省力
39、如何对视频进行seo优化
40、在网站建设的过程中有哪些注意事项
41、影响SEO收录的三方面因素
42、百度竞价人员的职责所在
43、深圳网站制作怎么进行网站整体规划
44、模板网站与定制网站对SEO的影响
45、网站SEO优化中有哪些方面是和权重有关的?
46、企业为什么做响应式网站
47、网站优化失败需寻找办法解决
48、网站的过渡优化会对企业造成什么影响
49、专业网站设计要做好哪些工作
50、浅述网站设计实现个性化的大发展
深圳市易捷网络科技有限公司版权所有    粤ICP备2022153140号