要诀专门研究网设计

网设计 是概念化, 计划, 电子媒介美满的交付的塑造, 和施行的过程通过互联网以技术的形式(譬如标记语言) 适当为解释和显示由浏览器或其它基于互联网的图形用户界面(GUIs) 。

网设计意向是创造网站(电子文件的一件收藏品居住在一个或更多网络服务器) 那个礼物内容(包括交互式特点或接口) 对终端用户以网页的形式一次被请求。如此元素象文本、形式, 和数位映象的图象(GIFs 、JPEGs, PNGs) 可能被安置在页使用HTML 、XHTML, 或XML 标记。显示更加复杂的媒介(向量图形、动画、录影, 声音) 要求插入譬如闪光、QuickTime, Java 执行时间的环境, 等。插入并且被埋置入网页由使用HTML 或XHTML 标记。

网设计要诀。
选择网设计语言为您的互联网项目:
如果您计划在网上设计和出版您自己的网站, 您的第一步应该将决定什么样的互联网存在您构想并且然后选择您想要使用的网设计语言。

网站设计:
网站是一信息收集关于一个特殊题目或主题的。设计网站被定义作为反之组成一个网站网页的安排和创作。网页包括网站被开发的信息。网站也许与书比较, 书各页是网页。

有许多方面(设计关心) 在这个过程中, 并且由于互联网的迅速发展, 新方面也许涌现。为非商业网站, 目标也许变化根据渴望的曝光和反应。为典型的商业网站, 设计的基本的方面是:

内容: 物质, 和信息关于站点应该是相关的与站点, 应该瞄准公众的区域, 网站有关与。
实用性: 站点应该是用户友好的, 以接口和航海简单和可靠。
出现: 图表和文本应该包括在过程中流动的唯一样式, 对展示一贯性。样式应该是专家, 吸引人和相关。
可见性: 站点必须并且容易发现通过多数, 如果不是所有, 主要查寻引擎和广告媒介。

网站典型地包括文本和图象。网站的第一页知道作为主页或索引。一些网站用途什么共同地称飞溅页。飞溅页也许包括一种受欢迎的消息、语言或区域选择, 或声明。各个网页在网站之内是有它自己的URL 的HTML 文件。在各个网页被创造之后, 他们一起典型地连接使用航海菜单组成由超链接。更加快速的浏览速度导致了更短的注意力并且更多要求的网上访客和这导致对飞溅页的较少用途, 特别商业网站有关。

一旦网站被完成, 它必须被出版或被上装为了是viewable 对公众在互联网。这也许做使用FTP 客户。一旦出版, 网大师也许使用各种各样的技术增加交通, 或命中, 网站接受。这也许包括递交网站给一个搜索引擎譬如Google 或雅虎, 交换与其它网站连接, 创造加入与相似的网站, 等。

多重学科的要求。
网站设计横渡信息系统、信息技术和通信设计多个学科。网站点是组分有时被分类象前期和后端的信息系统。可测的内容(即页面设计、用户界面、图表, 文本, 音像) 知道作为前期。后端包括处理产品从前期的组织和效率原始代码、无形的scripted 作用, 和服务器边组分。根据网发展项目的大小, 它也许由multi-skilled 个体执行(有时告诉网大师), 或项目负责人也许监督合作设计在小组成员之间以专业技能。

容易接近的网设计。
主要文章: 网可及性。
是容易接近的, 网页和站点必须依照某些可及性原则。这些可能被编组入以下主要区域:

1)use 提供一个意味深长的结构对文件的语义标注(即网页) 。
语义标注并且提到相应地语义地组织网页结构和出版网服务描述以便他们可能由其它网服务认可在不同的网页。标准为语义网由IEEE 规定。
2)use 依照一个出版DTD 或图解的一个合法的标记语言
3)provide 文本等值为任何非文本组分(即图象, 多媒体) 。
4)use 有道理的超链接当读在上下文外面(即避免"点击这里。")
5)don't 用途框架。
6)use CSS 而不是HTML 表为布局。
7)author 页以便当原始代码读的一行行由用户代理(譬如屏幕读者) 它保留可理解。(使用桌为设计经常导致不是。) 的信息
但是, W3C 允许桌为布局或者牌子感觉的例外线性化或一个供选择版本(或许线性化) 使可利用。

网站可及性并且改变照原样由Content 允许变动做对网页没有获得编程语言知识需要的管理系统冲击。

网站计划。
在创造和上装网站之前, 这是重要需要时间确切地计划什么必要在网站。周到地就观众或目标市场而论, 并且定义目的和决定什么内容将被开发是极端重要。

目的。
它是根本定义网站的目的因为第一步的当中一个在计划过程中。目的声明应该显示焦点根据什么网站将完成并且什么用户将得到从它。一个清楚地被定义的目的将帮助计划过程的剩余如同观众被辨认并且站点的内容被开发。突然设置和长期目标为网站将帮助做目的明白和计划为将来何时扩展、修改, 和改善将发生。并且, 目标设置实践和可测量的宗旨应该被辨认跟踪站点的进展和确定成功。

观众。
定义观众是关键步在网站计划过程中。观众是被预计参观您的网站4a. "市场被瞄准的人。这人民观看网站为一个具体原因并且它重要确切地知道什么他们寻找他们参观站点。站点的一个清楚地被定义的目的或目标并且对什么的理解访客要做或感觉他们走向您的站点将帮助辨认目标观众。在考虑谁是很可能对需要或使用内容, 特征名单共同对用户譬如:

观众特征。
信息特选。
计算机规格。
网经验。
考虑到观众的特征将允许将提供渴望的内容对目标观众的一个有效的网站被创造。

内容。
美满的评估和组织要求, 网站的目的清楚地被定义。收集必要的内容名单然后组织它根据观众的需要是关键步在网站计划。在会集内容过程中被提供, 不支持被定义的目的或不实现目标观众宗旨的所有项目应该被去除。这是一个好想法测试内容并且目的在焦点群和与观众比较奉献物需要。下步将组织基本的信息结构由分类内容并且组织它根据用户需要。各个类别应该被命名以将成为一个链接在网站的一个简明和描写标题。计划对站点的内容保证, 要或需要目标观众并且站点的目的将被履行。

计划文献。
文献被使用视觉上计划站点当考虑到是最适当的为网站的目的、观众和内容, 设计站点结构、内容和互作用。文献也许被认为一个原型为网站4a. "允许网站布局被回顾, 造成建议的变动, 改善并且/或者改进的模型。这个回顾过程增加网站的成功可能。

首先, 内容被分类并且信息结构被公式化。信息结构被使用开发文件或视觉图称站点地图。这创造视觉怎样网页将被互联, 帮助在决定什么内容将被安置在什么页。有用图解法表示网站结构三种主要方式:

线性网站图将允许用户搬走一个被预先决定的序列;
等级结构(树设计网站用图解法表示) 为用户提供超过一个道路对作为对他们的目的地;
分支设计网站图考虑到许多互联在网页之间譬如超链接在句子之内。
除计划结构之外, 各自的页布局和接口也许计划使用storyboard 。在storyboarding 过程中, 纪录被创造各页的描述、目的和标题在站点, 并且他们一起连接根据最有效和逻辑图类型。根据页的数量必需为网站, 文献方法也许包括使用纸和图画线联络他们, 或创造storyboard 使用计算机软件。

一些或所有各自的页也许被设计在更加了不起的细节作为网站wireframe, 嘲笑什么的式样或全面布局页实际上将看起来象。这经常做在一个图表节目, 或布局设计节目。wireframe 没有运作的功能, 只计划。

通常问题升起在领域:
怎样它看对。怎么这有效。
一些网开发商有形象艺术背景, 也许给予更多注意对怎样页看比就其它问题而论譬如怎样访客发现页通过搜索引擎。一些也许依靠更做广告比搜寻引擎吸引访客对站点。在问题的对方, 搜索引擎优化顾问(SEOs) 牵涉到多么恰当网站工作技术和原文: 多少交通它引起通过查寻引擎, 并且多少销售它做, 承担神色对销售不要贡献。结果, 设计师和SEOs 经常结果在设计师想要更多' 俏丽的' 图表的争执, 并且SEO 想要许多' 丑恶的' 富有主题词的文本、子弹名单, 和文本链接。你能争辩说, 这是假的二分化由于网设计也许集成二个学科为一种合作和协同作用的解答的可能性。由于一些图表符合通信目的除美学之外, 多么恰当站点工作也许取决于图表设计师的视觉通信想法并且SEO 考虑。

其它问题当使用许多图表在页是, 下载时间可能很大地被加长, 经常激怒用户。这成为了无足轻重问题当互联网演变了以高速互联网和对向量图形的用途。这是工程学挑战增加带宽除一个艺术性的挑战之外使图表和图形文件大小减到最小。这是一个持续的挑战因为增加的带宽邀请增加的相当数量内容。

和在合作设计, 有冲突在网站设计之间不同的目标和方法。这些是一些持续部分。

缺乏合作在设计。
在网的早期, 没有同样多合作在网设计和更大的广告战、顾客交易、社会网络、内部网和企业间网路之间尽管有现在。网页是主要静态网上小册子被分开从更大的项目。

许多网页仍然被分开从更大的项目。特别设计考虑是必要的至于使用在这些更大的项目之内。这些设计考虑经常被忽略, 特别是在有缺乏领导处, 缺乏理解对为什么和技术知识怎样集成, 或缺乏关心为更大的项目为了促进合作。这经常导致不健康的竞争或妥协在部门, 和较不比对网页的优选的用途之间。

液体对固定的布局。
在网设计师不掌握几个因素, 包括浏览器视窗的大小, 浏览器被使用, 输入装置被使用(老鼠、触摸屏、声音命令、文本、手机数字垫, 等。) 并且可利用的字体的大小和特征。

一些设计师选择控制元素的出现在屏幕由使用具体宽度指定。这控制也许达到通过对一个HTML 基于桌的设计或一个更加语义的基于div 的设计的用途通过对CSS 的用途。每当设计的文本、图象, 和布局不改变当浏览器改变, 这指一个固定的宽度设计。固定的宽度设计的拥护者更喜欢对站点的布局和对象的精确度安置的精确控制在页。其它设计师选择一个液体设计。一个液体设计是一个, 象Wikipedia, 设计行动向流程内容入整体屏幕, 或屏幕的部份, 不管浏览器视窗的大小。液体设计的拥护者更喜欢更加伟大的兼容性和使用屏幕空间可利用。液体设计可能达到通过对CSS 的用途, 由避免一共称呼页, 或由使用HTML 桌(或更加语义的divs) 设置对页的百分比。液体和固定的设计开发商必须做出决定关于怎样设计应该贬低在到处屏幕决议。有时重实效的选择做出流动设计在一个极小和一个最大宽度之间。这允许设计师避免编制程序为浏览器选择做长的尾巴, 当仍然使用所有可利用的屏幕空间。根据内容的目的, 网设计师也许决定使用或逐个被修理的或液体布局。

相似与液体布局是任意适合对窗口特点以Adobe 一刹那内容。这是优选地称页内容没有改变安排或文本包裹的一种固定的布局当浏览器被重量尺寸。

闪光。
Adobe 闪动(以前Macromedia 闪光) 是业主、健壮图表动画或应用开发节目使用创造和提供动态内容, 媒介(譬如声音和录影), 和相互作用应用在网通过浏览器。

闪光不是标准由一个贩卖者中立标准组织导致象大多核心协议和格式在互联网。闪光比开放HTML 格式限制性的, 虽然, 要求业主插入式看, 和它不集成以多数浏览器UI 特点象"后面" 按钮。

根据研究, [2 ] 98% 美国网友安排一刹那球员installed.[3 ] 数字变化根据侦查计划和研究demographics.[4 ]

许多图表艺术家使用闪光因为它给他们对每设计的部份的确切的控制, 并且任何可能是生气蓬勃并且"一般jazzed" 。一些应用设计师享受闪光因为它让他们创造不必须被刷新或去一个新网页行动每次发生的应用。闪光可能使用嵌入字体代替标准字体被安装在多数计算机。有整个地抛弃HTML 为闪光的许多站点。其它站点也许使用一刹那内容与更小的传染媒介文件大小和更加快速的装货动画的选择一样保守地被结合与HTML 象gifs 或jpegs 会被使用, 但。闪光也许并且被使用保护内容免受未批准复制或搜寻。供选择地, 小, 动态一刹那对象也许被使用用先进的印刷术替换标准HTML 元素(譬如倒栽跳水或菜单链接) 不可能通过规则HTML 或CSS (参见可升级的Inman 一刹那替换) 。

闪动一刹那网站倾向于穷地被设计的贬抑者要求, 并且经常使用缠扰不清和非标准用户接口。近来, 查寻引擎无法标注一刹那对象, 防止了站点有他们的内容容易地被发现。这是因为许多搜索引擎履带牵引装置依靠文本标注网站。它是可能指定供选择内容被显示为不支持闪光的浏览器。使用供选择内容帮助并且搜寻引擎了解页, 和可能导致好可见性为页。但是, 大多数一刹那网站不是伤残容易接近(为屏幕读者, 例如) 或部分508 服从。一个另外的问题是, 共同地使用供选择内容为查寻引擎对他们人的访客的站点通常判断是spamming 查寻引擎和自动地被取缔。

闪光的scripting 语言的最近化身(称"ActionScript", 是ECMA 语言相似与Java 语言) 合并期待已久的实用性特点, 譬如尊敬浏览器的字体大小和允许瞎的用户使用屏幕读者。Actionscript 2.0 是一种针对对象的语言, 允许对CSS 的用途, XML, 和基于类的网应用设计。

兼容性和制约。
由于现代浏览器市场份额(根据您的目标市场), 您的网站的兼容性与观察者是限于。例如, 被设计为多数websurfers 的网站对对合法的XHTML 将被限制1.0 的用途严密或更老, 级联类型表平实1, 和1024x768 显示决议。这是因为Internet Explorer 不充分地是W3C 标准服从以模块化XHTML 1.1 和多数CSS 在1 之外。更加供选择的浏览器(即Firefox 和歌剧) 用户目标市场考虑到更多W3C 服从和因而选择的一个更加了不起的范围为网设计师。

对网页设计的其它制约是对不同的图像文件格式的用途。多数用户能支持GIF 、JPEG, 和PNG (以制约) 。Internet Explorer 再是主要制约这里, 不充分支持PNG 的先进的透明度特点, 造成GIF 格式仍然是广泛被应用的图形文件格式为透明图象。

许多网站不协调性未被注意由设计师和未报告由用户。唯一的方式肯定网站将从事一个特殊平台将测试它在那个平台。

任一个方式, 网设计涌现了作为一个迷人在I.T 工作之中与很好被定义的高的SALARY.SO 继续和涌现作为一个创造性的网DESIGNER-THE I.T. WORLD IS 等您...