深圳网站制作公司易捷网络欢迎您,我司主营业务:深圳企业网站制作,欢迎来电。
深圳网站制作业务咨询
0755-61603557
赵先生:13714247375
网站制作首页
网站制作服务
基本型网站制作
标准型网站制作
品牌型网站制作
综合型网站制作
网站制作流程
网站制作教程
网站制作合同
网站制作案例
网站制作公司
易捷简介
企业文化
组织架构
加入我们
售后服务
我们的优势
联系易捷网络
公司地址
在线支付
深圳网站制作技术支持
您现在的位置:
网站首页
> 深圳网站制作教程
网站文档设计
文章作者:易捷网站制作公司编辑 文章来源:
深圳网站制作
公司-易捷网络
相对于那些为单一媒介(诸如印刷)创建的文档而言,我们为网页制作的文档拥有更为复杂的用途及功能。在某一环境中发挥良好作用的文档,可能在另一个环境中就变得不可用了。例如,为大的显示屏设计的网页在打印时或者在小屏手机上显示时的效果可能不会太好。在考虑页面设计的时候,要将视野拓宽至代表性的显示屏之外,并为包括打印和手机在内的其他环境预先提出相应的设计。
适应性设计
操作适当的话,网页则可以适用于不同的环境而无需同一文档的多个版本。使用了适应性设计的网页文档可以顺利地应用于电影院或手机屏幕、电视或投影仪屏幕、油墨打印或盲文印刷,也可以被阅读或使用软件应用程序进行浏览。从设计师的角度而言,需要关注两大要素以便让这一多用途系统更有效地发挥它的功能,即,源文档和媒体样式表。有了适应性设计,源文档便包含了所有必要的信息和功能;媒体样式表可以对源文档进行更改以适应于不同的环境。
样式定义
可以通过很多种方式对样式进行定义:在元素标签、页面的头元素或者在外部样式表中使用样式属性。一般而言,外部样式表是最有效的方法,例如,使用该方法可以通过在某一位置定义主体背景颜色属性,来轻易地修改整个网站的主体背景颜色。使用适应性设计,我们可以为每个环境创建不同的外部样式表,并随后使用<link>标签的“媒体”(media)属性引用该样式表。尽管在HTML规范中有很多媒体属性,但此处我们集中关注使用最广和最受支持的媒体类型:显示屏、打印以及手持设备。
在实际操作中,我们总是在既定事实之后才会考虑到媒体样式。我们往往先为传统的计算机显示屏进行设计,然后再为打印和手机的使用进行修改。使用这一方式所产生的设计效果不是那么理想,因为我们往往没有考虑到其他媒体以及查看设备。为了充分开发网络环境,我们需要从一开始就考虑得更全面,并创建出适用于多种环境的源文档。
文档顺序
文档顺序是指诸如网站形象、导航、主要内容、相关内容以及出处信息等元素在文档源代码中显示的顺序。文档顺序尽管在视觉环境中不明显,但其对网页的机读性具有重大意义。很多搜索引擎赋予了文档顶部内容更多的权重。显示屏阅读者们在阅读网页的时候会从网页的起始处开始,然后按顺序进行浏览。很多网页浏览器在小显示屏上会将多栏布局折叠为一栏,以方便浏览。打印样式往往使用单栏样式来适应网页的纵横比。这些环境的效果极大地取决于文档顺序。
顺序是文档顺序的一个重要方面。如果内容元素无法按一个逻辑顺序进行排列,那么信息就会被歪曲。例如,当相关链接和广告与页面主要内容混在一起的时候,各元素必须按照-定的逻辑顺序在文档源代码中排列,并且各个元素之间必须充分连接,而不能被其他元素打断。
HTML代码(左侧)中的代码顺序,以及使用样式表后每个代码块是如何排列的此外,考虑元素的相对重要性以及将最重要的信息置于网页起始位置也是必的。这一方法被称为“前置”,它有很多好处。当主要内容在源代码中位于较前的置时,盲人用户以及使用小显示屏的用户能更直接地访问这些内容,而键盘用户能更直接地访问页面的功能性元素。若相关内容位于文档顶部,搜索引擎在对页进行索引时便可以发挥更好的功效。
选择性显示
文档设计的另一方面在于,吸收与不同环境相关的元素并对文档进行编码,这样元素就可以根据情况显示或者不显示了。例如,尽管对任何显示屏设计而言,导航链接是基础,但当打印到纸面上时,它们就没有多大帮助了。
另外,当我们打算集中为电脑屏幕设计文档时,绝大多数文档内容解决的是视觉浏览需求,其中某些元素对其他环境会有用。在打印时,页面URL有助于返回页面或引用文章。而在显示屏上,页面URL则可以便捷地获得,因而没必要显示该信息。在这一实例中,可以使用CSS来隐藏显示屏样式表中的URL。
文本替代物
网页设计涉及提供视觉和非视觉方式以访问信息和功能。我们之所以能够满足如此广泛且各异的在线观众的需求,主要原因在于可以使用软件阅读文本。当然。并非网页上所有的信息和功能都是文本格式:事实上,网页正不断地被诸如图像、
视频以及交互性等其他内容丰富着。要想在一个复杂且视觉上丰盛的环境中获得普遍的可用性,需要为所有相关的非文本元素提供文本替代物。
替代文本可以有很多形式。描述性标题是一种替代方式,它可以显示包含图像的信息。很多网站会在页面的脚注中使用文本链接,以便为基于图片的链接是供只由文本组成的替代物。你可以在页面代码中提供替代文本。例如,使用<img>标签的“alt"属性,可以为图像提供替代文本。音频和视频展示往往使用标题和文本记录来进行展示。核心概念不在于提供了多少,而在于替代文本被提供给源代码,以便页面中必要的内容和功能具有机读性,并因此具有可访问性和通用可用性。
人们通过不同的方式来进行网页体验。对某些人来说,网络是页面在线阅读的直接媒介一在大的电脑显示屏上,使用小型便携式设备.或使用软件进行有声阅读。对其他人来说,网络是一个发送媒介,使用它可以离线获取信息,即将信息下载到光盘或者打印到纸面上。对人们普遍使用网站的方式的预期将主导你对页面设计的决定。在线阅读的文档将为在线阅读这目的进行书写,使用可以完全适应不同屏幕大小和访向方式的页面设计。那些很可能用于打印或离线阅读的文档,则应当完美地呈现在一个网站制作页面上,并且应当使用打印样式表以确保设计适应于最理想的打印样式,例如,去掉打印页中无关的网站导航链接。那些可能面向移动用户的文档应当能够在混合移动环境中工作,可以在经过拆分的页面阅读,同时也可以通过小但完备的移动浏览器进行常规浏览。
上一篇企业网站制作技术文章:
页眉和页脚在网站中的设计
下一篇企业网站制作技术文章:
深圳网站建设制作小技巧
深圳网站制作最新案例推荐:
点击预览该网站
点击预览该网站
点击预览该网站
点击预览该网站
点击预览该网站
点击预览该网站
点击预览该网站
点击预览该网站
点击预览该网站
点击预览该网站
点击预览该网站
点击预览该网站
点击预览该网站
点击预览该网站
点击预览该网站
深圳网站制作相关文章阅读
站长们是否能合理运用nofollow标签完善网站优化细节
手机建站的技巧
网站做百度推广是关键词重要还是流量或者质量重要
新站的SEO策划流程
网站排名时好时坏是什么原因
浅析VPS主机的运行步骤有哪些
从史玉柱谈企业文化中对SEO优化的一些领悟
一个好的网站该如何“讨好”用户
网站推广:如何在站外提高网站的用户体验
2017新网站排名突然消失的解决办法
展示网站制作过程中需要关注哪些要素
优秀的网站设计具有哪些特点
深圳网站页面设计需要注意哪些细节
如何判断网站被K了呢
企业网站制作时网页设计的原则
网站运营过程中需要做好哪些SEO规划呢
分享白帽SEO优化发展趋势
网站开发技巧有哪些?
网站降权k站诊断方法
企业网站改版怎么才能平稳走过过渡期
网站优化:做SEO,外链真的是那么重要吗
网站建设丨关键词布局应该怎么做?
网站建设的四大误区介绍
网站建设对公司发展有何种意义
网站建设如何改善用户体验
5点分析网站在百度谷歌自然排名第1的经验
这些网站建设技巧让企业更受欢迎
深圳网站建设方案要怎么做
新手必须知道的企业网站优化排名原则
做品牌网站建设的详细攻略分享!
网站页面设计需要注意哪些细节
什么条件下搜索引擎认为网站SEO作弊
怎么做网站设计才算标准?
外链缺失环境下企业站SEO如何突出重围
网站建设公司的高效标准体现在哪些方面
网站如何正确选择关键词看看这些方法
响应式网站6个设计技巧
HTML4和HTML5之间的主要不同,如何选择
如何使得网站建设过程更加流畅
网站建设如何才能了解到用户的需求
定制网站开发的优势有哪些呢?
企业网站设计方案应该包含哪些内容
网站制作规划之网站盈利模式有哪些
高质量的外链来自于分享
网络时代网站制作势不可挡
网站制作之前你需要知道的五个问题
春节搜索引擎蜘蛛不放假,作为一个敬业的网站更新者应坚守岗位
建立公司网站需要多长时间
模板网站建站与制作有哪些特点
网站关键字如何做到最好的优化
企业网站制作你要维护好自己的网站商城
网站优化主要优化哪些方面?基本步骤是什么?
网站建设的关键要素是什么
网站建设不能犯什么低级错误?
搜索不同的内容显示不同时间快照的原因
电商网站必备要素有哪些
行业门户网站建站方案
2017年我做百度优化的一些感悟
深圳网站制作哪家好?网站制作有哪些实际性的好处?
网站建设对企业发展所起到的作用
建设电子商务网站的基本要求是什么
创建网站的具体步骤是什么
网站开发的后期维护是怎么做的?
优质企业网站建设应具备的特点
网站目录如何设计符合用户体验利于优化
网站开发的组成部分是哪些?
让网站“为悦己者容”:做好美化留住引擎的心
网站制作新标准:审美与营销结合
网站优化如何挖掘长尾关键词
网站优化之外链是什么
4.1愚人节,你做好营销了吗
怎样才能建设好一个企业网站
靠谱的企业网站设计制作哪里比较好
网站建设对企业的发展具体有什么帮助
减少企业网站建设跳出率的三大要素
企业为什么做网站,企业做网站的好处
手机网站建设和pc网站建设的区别是什么?
企业网站制作中的三个“不要”
外链也需要合理的布局
企业网站设计时需要哪些问题
如何批量替换文本中的alt标签,如何批量替换文本中的class标签,如何批量替换文本中的style标签
做网站制作行业你必须知道的软件版权问题
深圳网站制作中的功能特点介绍
户外网站经营要明确的一些重要环节
网站被降权后该如何优化才能快速恢复正常
如何管理连锁管理系统
12条小而有用的一些SEO技巧
深度解读网站用户体验三要素:别让我烦
【上线】奥比中光开发者社区项目顺利上线
怎样选择更适合自己网站的关键词
关于我们
公司简介
人才招聘
售后服务
联系我们
网站制作套餐
基本型网站制作套餐
标准型网站制作套餐
品牌型网站制作套餐
综合型网站制作套餐
网站制作教程
网站建设常见问题
网站制作常见问题
网站设计常见问题
网站优化常见问题
企业邮箱常见问题
网站备案常见问题
联系方式
联系人:赵经理
电话:0755-61603557
邮箱:info@qifor.com
手机:13714247375
地址:广东.深圳宝安西乡宝源路鸿源大厦1009
微信扫码咨询
深圳市易捷网络科技有限公司版权所有