深圳网站制作公司易捷网络欢迎您,我司主营业务:深圳企业网站制作,欢迎来电。
深圳网站制作业务咨询
0755-61603557
赵先生:13714247375
网站制作首页
网站制作服务
基本型网站制作
标准型网站制作
品牌型网站制作
综合型网站制作
网站制作流程
网站制作教程
网站制作合同
网站制作案例
网站制作公司
易捷简介
企业文化
组织架构
加入我们
售后服务
我们的优势
联系易捷网络
公司地址
在线支付
深圳网站制作技术支持
您现在的位置:
网站首页
> 深圳网站制作教程
网站文档设计
文章作者:易捷网站制作公司编辑 文章来源:
深圳网站制作
公司-易捷网络
相对于那些为单一媒介(诸如印刷)创建的文档而言,我们为网页制作的文档拥有更为复杂的用途及功能。在某一环境中发挥良好作用的文档,可能在另一个环境中就变得不可用了。例如,为大的显示屏设计的网页在打印时或者在小屏手机上显示时的效果可能不会太好。在考虑页面设计的时候,要将视野拓宽至代表性的显示屏之外,并为包括打印和手机在内的其他环境预先提出相应的设计。
适应性设计
操作适当的话,网页则可以适用于不同的环境而无需同一文档的多个版本。使用了适应性设计的网页文档可以顺利地应用于电影院或手机屏幕、电视或投影仪屏幕、油墨打印或盲文印刷,也可以被阅读或使用软件应用程序进行浏览。从设计师的角度而言,需要关注两大要素以便让这一多用途系统更有效地发挥它的功能,即,源文档和媒体样式表。有了适应性设计,源文档便包含了所有必要的信息和功能;媒体样式表可以对源文档进行更改以适应于不同的环境。
样式定义
可以通过很多种方式对样式进行定义:在元素标签、页面的头元素或者在外部样式表中使用样式属性。一般而言,外部样式表是最有效的方法,例如,使用该方法可以通过在某一位置定义主体背景颜色属性,来轻易地修改整个网站的主体背景颜色。使用适应性设计,我们可以为每个环境创建不同的外部样式表,并随后使用<link>标签的“媒体”(media)属性引用该样式表。尽管在HTML规范中有很多媒体属性,但此处我们集中关注使用最广和最受支持的媒体类型:显示屏、打印以及手持设备。
在实际操作中,我们总是在既定事实之后才会考虑到媒体样式。我们往往先为传统的计算机显示屏进行设计,然后再为打印和手机的使用进行修改。使用这一方式所产生的设计效果不是那么理想,因为我们往往没有考虑到其他媒体以及查看设备。为了充分开发网络环境,我们需要从一开始就考虑得更全面,并创建出适用于多种环境的源文档。
文档顺序
文档顺序是指诸如网站形象、导航、主要内容、相关内容以及出处信息等元素在文档源代码中显示的顺序。文档顺序尽管在视觉环境中不明显,但其对网页的机读性具有重大意义。很多搜索引擎赋予了文档顶部内容更多的权重。显示屏阅读者们在阅读网页的时候会从网页的起始处开始,然后按顺序进行浏览。很多网页浏览器在小显示屏上会将多栏布局折叠为一栏,以方便浏览。打印样式往往使用单栏样式来适应网页的纵横比。这些环境的效果极大地取决于文档顺序。
顺序是文档顺序的一个重要方面。如果内容元素无法按一个逻辑顺序进行排列,那么信息就会被歪曲。例如,当相关链接和广告与页面主要内容混在一起的时候,各元素必须按照-定的逻辑顺序在文档源代码中排列,并且各个元素之间必须充分连接,而不能被其他元素打断。
HTML代码(左侧)中的代码顺序,以及使用样式表后每个代码块是如何排列的此外,考虑元素的相对重要性以及将最重要的信息置于网页起始位置也是必的。这一方法被称为“前置”,它有很多好处。当主要内容在源代码中位于较前的置时,盲人用户以及使用小显示屏的用户能更直接地访问这些内容,而键盘用户能更直接地访问页面的功能性元素。若相关内容位于文档顶部,搜索引擎在对页进行索引时便可以发挥更好的功效。
选择性显示
文档设计的另一方面在于,吸收与不同环境相关的元素并对文档进行编码,这样元素就可以根据情况显示或者不显示了。例如,尽管对任何显示屏设计而言,导航链接是基础,但当打印到纸面上时,它们就没有多大帮助了。
另外,当我们打算集中为电脑屏幕设计文档时,绝大多数文档内容解决的是视觉浏览需求,其中某些元素对其他环境会有用。在打印时,页面URL有助于返回页面或引用文章。而在显示屏上,页面URL则可以便捷地获得,因而没必要显示该信息。在这一实例中,可以使用CSS来隐藏显示屏样式表中的URL。
文本替代物
网页设计涉及提供视觉和非视觉方式以访问信息和功能。我们之所以能够满足如此广泛且各异的在线观众的需求,主要原因在于可以使用软件阅读文本。当然。并非网页上所有的信息和功能都是文本格式:事实上,网页正不断地被诸如图像、
视频以及交互性等其他内容丰富着。要想在一个复杂且视觉上丰盛的环境中获得普遍的可用性,需要为所有相关的非文本元素提供文本替代物。
替代文本可以有很多形式。描述性标题是一种替代方式,它可以显示包含图像的信息。很多网站会在页面的脚注中使用文本链接,以便为基于图片的链接是供只由文本组成的替代物。你可以在页面代码中提供替代文本。例如,使用<img>标签的“alt"属性,可以为图像提供替代文本。音频和视频展示往往使用标题和文本记录来进行展示。核心概念不在于提供了多少,而在于替代文本被提供给源代码,以便页面中必要的内容和功能具有机读性,并因此具有可访问性和通用可用性。
人们通过不同的方式来进行网页体验。对某些人来说,网络是页面在线阅读的直接媒介一在大的电脑显示屏上,使用小型便携式设备.或使用软件进行有声阅读。对其他人来说,网络是一个发送媒介,使用它可以离线获取信息,即将信息下载到光盘或者打印到纸面上。对人们普遍使用网站的方式的预期将主导你对页面设计的决定。在线阅读的文档将为在线阅读这目的进行书写,使用可以完全适应不同屏幕大小和访向方式的页面设计。那些很可能用于打印或离线阅读的文档,则应当完美地呈现在一个网站制作页面上,并且应当使用打印样式表以确保设计适应于最理想的打印样式,例如,去掉打印页中无关的网站导航链接。那些可能面向移动用户的文档应当能够在混合移动环境中工作,可以在经过拆分的页面阅读,同时也可以通过小但完备的移动浏览器进行常规浏览。
上一篇企业网站制作技术文章:
页眉和页脚在网站中的设计
下一篇企业网站制作技术文章:
深圳网站建设制作小技巧
深圳网站制作最新案例推荐:
点击预览该网站
点击预览该网站
点击预览该网站
点击预览该网站
点击预览该网站
点击预览该网站
点击预览该网站
点击预览该网站
点击预览该网站
点击预览该网站
点击预览该网站
点击预览该网站
点击预览该网站
点击预览该网站
点击预览该网站
深圳网站制作相关文章阅读
网站的规划优化:SEO优化不得不看的要点
seo新手应该注意的五大问题
网站优化之外链是什么
企业网站建设方案怎样做 包括什么內容
网站优化如何寻找更多的外部链接
新网站增加外链的20个方法_深圳网站制作公司_易捷网络
网站设计应该满足哪些要求 具体做法有哪些
网站制作销售人员所必需的专业素质
反链的作用及优化基本原则
网站非关键词密度过高也可导致网站被K
公司建设网站的详细方案包含哪些内容
实现网站动态效果的高效javascript框架jquery介绍
一个普通企业展示型网站为什么需要后台程序
Web应用程序越来越受欢迎
企业网站制作时网页设计的原则
一个出色的网站建设要做好什么工作?
深圳网站建设公司:简洁网页设计技巧
网站的质量的取决因素
网站安装SSL证书有哪些好处
网站制作所用模板的分类以及制作
深圳网站制作哪家好?网站制作有哪些实际性的好处?
易捷网络谈响应式网站或自适应网站的优点和缺点
设计进阶25条简约设计原则
网站制作的四大元素是什么?
深圳网站制作公司中让你的网站更加有渲染力
网站优化失败需寻找办法解决
网站优化要如何去做效果才好
企业网站制作外部链接的多样性
如何知道一个网站的页面切图语言
公司网站制作的基本流程是什么
网站建设费用都有哪些不同
如何判断网站文章是原创的
深圳网站设计报价,网站设计的五大错误你知道吗?
网站制作更好的达到你的满意
做优秀的网站建设的基础是什么?
深圳网站制作公司浅析你个网站该何去何从
易捷网络企业网站制作流程
一个好的网站是怎么养成的
网站建设如何改善用户体验
营销网站如何提高工业企业销售额
企业网站建设过程中怎样确定设计风格
企业网站建设后期如何维护与运营
网站制作的基础分类一般包括哪些
高质量论坛外链也有不靠谱的时候
招聘网站的发展必然需要产品模式的运营
对于目标关键词我们要懂得把握
常见的网站建设类型有哪些?
微信营销|微信营销有哪些优势及特点?
百度快照回档和无首页快照的原因
网站关键词停滞不前解决办法
谈SEO常利用到的标签技术
深圳电商网站建设有啥优势?
好的网站设计可以增加企业网站的吸引力吗
你适合做网赚吗做网站也不是那么容易
如何提高网站的访问量易捷支招
如何迅速打造高人气草根名博
如何提升网站的用户粘性
网站建设的意义和目的有哪些
网站设计如何做到大气
企业网站网页如何制作才能够让用户喜欢
现代人对于网站定制的要求
设计儿童网站的几个重要技巧
响应式网站和传统网站有哪些不同
建设企业网站有哪些好处一起来看看
详解自媒体博客的优缺点及运营之道
地方站如何有效推广
网站运营之论草根站长该如何实现网站盈利
博客被黑收获九大好处,站长成长的必经之路
鲜为人知的利用QQ空间做淘宝客法
企业网站制作该遵循哪些原则理念
交互设计网站的建设过程中需要注意哪些方面
定制网站建设的特点是什么?
深圳网站建设报价|网站优化与推广的技巧有哪些?
扶持企业的发展只需要一个网站建设就可!
站长如何写好站内文章
企业网站新上线注意事项
淘宝的SEO搜索引擎优化美丽说或以悲剧收场
十大iOS7系统使用技巧
企业网站制作如何选好空间
企业百度引擎竞价几个常见误区
如何做好网站优化,怎样才能提高优化效果
网页设计中要注意哪些细节才能更吸引用户
网站建设对企业发展所起到的作用
竞价推广效果不好该如何自查
是什么给网站营销带来了机遇
英文版网站建设中哪些细节可以提高用户体验效果
4种网页设计技巧:图文搭配,网页不累!
婚纱摄影类型的网站建设介绍
用户汇聚在微信中企业建立微网站志在必行
为何使用Site指令网站首页不在第一位
关于我们
公司简介
人才招聘
售后服务
联系我们
网站制作套餐
基本型网站制作套餐
标准型网站制作套餐
品牌型网站制作套餐
综合型网站制作套餐
网站制作教程
网站建设常见问题
网站制作常见问题
网站设计常见问题
网站优化常见问题
企业邮箱常见问题
网站备案常见问题
联系方式
联系人:赵经理
电话:0755-61603557
邮箱:info@qifor.com
手机:13714247375
地址:广东.深圳宝安西乡宝源路鸿源大厦1009
微信扫码咨询
深圳市易捷网络科技有限公司版权所有