网站设计制作知识和技能

随着易雅达网页设计专业人士,我们一直在寻找方法来提高我们的知识和技能。提示,技巧和清单往往是一个伟大,见效快,有用的信息。

网页制作设计经验

您可能会或可能不知道下面的一些提示 - ,你可能不同意易雅达说的一切 - 但希望它能给你自己的网站的一些想法或激励你创建一个清单,以帮助你制作网站。

在第一部分中,我们将涵盖规划,内容创作和设计元素 。(第二部分 )规划和进入网页设计行业

规划你的网站需要包含可以帮助您规模的项目规模。

建立一个网站的一个基本方面是处于规划阶段。这包括如寻找一个域名注册和主机包,寻求为您的设计灵感,建设信息体系结构。

映射出你的网站的目的,将有助于你更好的写的内容(以符合您的需求),并更有效地创建一个设计,将保留的外观和感觉你想传达。

下面是一些提示和技巧,这可能证明是有用的的,当你决定,然后将您(或您的客户)网站。

网域名称

1,很多人都习惯看到一个网站的地址(如开始www.yiyada.com)。

(2)保留一个子米(例如m.yiyada.com)为移动设备已成为一个共同的网页设计约定。

3,大多数非技术的广大市民往往只认同.COM ,.NET 和.ORG 。值得一检查你想奉献自己的品牌名称之前,的顶级域名。

4,避免在您的域名使用破折号。(如yiyada-seo.com)。

5。 域名像.com.cn已经成为很受欢迎,而他们可能会更难记忆,他们可以给你一个简单的,但不可用的.COM地址真棒替代。

6。如果你想针对当地观众,它可能会受益你购买一个国家(地区)代码在自己的国家顶级域名(ccTLD)进行。喜欢的东西.com.cn可能抓住区域游客在中国的伟大 。

7,记住一些国家代码顶级域,需要你成为某一个国家的居民 。如果你不生活在那里,你可以放弃作为处长的协议违反TLD。

8。 WHOIS查询隐私可以是一个冒险的事,当你让您的注册商,把他们的详细资料,在自己的地方。你所冒的风险,你可能会失去域,如果发生冲突 。

9,如域名拍卖停放可以得到一个域已经采取的一个伟大的地方 。虽然它可以有点贵,拿起一个难得的域,您可能会发现自己的你的首选域名的所有者。

虚拟主机
10。采购一个网站主机时,请确保您检查包你会得到什么 。磁盘空间,带宽,CPU使用率和其他指定的功能,可能会决定你会遇到的成本 。如果您已经有一个虚拟主机,测试其性

能,使用这些工具 。

11。谨防主机,宣布无限的带宽或资源。一切都在这个世界上是有限的,你会发现自己下降,短期合同的小字和合 ​​理使用政策。

12,如果你开始你自己的网站或服务,它支付给共享或网格托管而非启动VPS 或专用的,因为你不会知道有多少访问者,您将需要以应付。

13 用于商业用途的免费主机是不是一个好主意,如果你有一个商业网站计划,是有意义的,以避免侵入性广告,并购买一些基本的网络托管的。

开发平台
14,如果你想有一个良好的测试环境,将自己的电脑上运行PHP和MySQL ,安装 XAMPP 。它的快捷,方便和,将有助于你得到的东西运行之前,你去住 。

15,除非你知道你在做什么和金融基础设施的钱,托管自己的网站可能不是最好或最经济的想法(因为它的声音的乐趣)。

16。仔细挑选您的开发平台,如一些产品(如WYSIWYG编辑器)本身具有产生不是一个可靠的代码少的经典文本编辑器,让您手写。

工具
17。您不需要Adobe或微软软件的依赖,创造一个神奇的网站,有大量的自由和开放源码产品,可以不用成本的工作。

18 意见:Macromedia Dreamweaver 8,Adobe Photoshop,FileZilla中,SKYPE,和记事本 +

19。寻找一个很好的选择清单和备忘单可以给一些初出茅庐的设计师快速,简便的地方,就如何最好地接近任务的意见。

项目管理
20,为自己留出一个像样的工作区环境 。少分心,您的工作空间,更好将在生产力方面 。

21,总是有多久一个项目将采取切合实际的期望完成。急于你的工作,并释放“半桶水”可能会导致问题-只要看看Windows Vista的 。

22。获取一些体面的时间跟踪或项目管理软件是重要的 。如果你很多小任务来实现,这太容易分心,忽视大局 。

23。 列出可能似乎无关紧要,而琐碎,但你会发现他们在组织所有你需要处理的各项任务,并设置自己的最后期限。

学习
24,总是不断地学习,因为没有让你的教育失效或成为过时的借口。你可以保持最新与设计通过新闻博客,或者学习一门新的网络语言。

25,有有许多神奇的网页设计书籍和杂志 。他们还与日益增加的深度覆盖广泛的学科,作为教育的源泉,他们是首屈一指的。

26 网络资源,如六的修订是为学习新技术的伟大。虽然也许不是深入的书籍,许多Web资源为您提供有用的和最新的Web行业的意见。

27。记住,以验证你学会通过第三方资源。有一个可怕的很多过时的信息(如W3Schools的),可以鼓励坏习惯 。

28。网站开始教课堂式的经验教训和视频为基础的指令类的网页设计和开发(如yiyada.com) 。他们可以得到价格昂贵,但可能会在一定程度上的良好替代品。

专业化和竞争力分析
29 ,有很多的部门,你可以工作作为 一个专业网站(网页设计师,UX的用户界面,前端开发等)。你不应该限制自己的核心科目,除非你知道你想要做什么 。

30 无论你决定成为各行业或专家杰克是完全取决于你喜欢什么。这是值得注意的,有足够的行业工作,以满足双方的工作作风 。

31 调查你的竞争对手正在做他们的服务,你可以从错误或成功,其他人有这么多学习-他们可以是一个思想的宝库 。

了解您的目标受众
32。 研究是一切发明之母,如果你要对任何项目的工作。它支付,以确保你打算将满足你想获得观众的需求。

33。总是试 ​​图发明与您建立。有没有点克隆另一个成功的网站时,你可以改善其现有的用户群转换 。

34,如果你计划生产的博客或网站信息,确保你知道你的主题 。试图创造与没有知识的医疗博客是不是一个好主意。你应该充满激情,以及有关题材的阅读 。

35。寻求的那种人,可能要使用的服务,您的规划和要求,他们希望看到这样的网站和热门的话题是值得包容。

灵感
36,如果您对于建立什么样的网站,浏览网页周围寻找受欢迎的科目的想法卡住。你可以成为一个利基市场,那里的现有需求 。

37。 站点寻找灵感可以来自最不可能的来源 。看电影或电视,散步,甚至给你的朋友和家人交谈,可以帮助你的经营理念 。

处理数据。
38。决定你是否需要一个SSL证书或不取决于是否将处理敏感的个人资料,如信用卡或登录信息 。它可能是值得买一个。

39,处理客户的信息是至关重要的。,不要存储为纯文本文件的 密码和做什么,您可以加密存储在数据库中的细节。

概念化和信息架构(IA)
40。创建一个可视化的地图,开始建设网站之前,你可以做你的核心结构奇观。如果你知道你最初可能需要哪些页面,您可以提前计划的内容。

41。某些类型的网站需要某些类型的文件,大多数组合的网站,例如,有一个联系页面。寻求其他志同道合的网站,以获得所需的页面的想法 。

42,有疑问时,,总是做工程和规范。有一个原因为何某些类型的网站成功。这是因为他们按照常规做法,游客将适应快速。

43。 概念草图发展你的想法非常有用 。有时一块纸或餐巾纸一些涂鸦可以帮助你转动在你的心目中成为一个可行的设计。

44。 线框图是一个简单的规划,并绘制出一个想法,未充分利用的方法 。您可以创建基本形状简单的东西,一直到映射出您的网站结构 。

45除了线框,你也可以考虑一个可工作的原型,规划您的网站时 ,。嘲弄了一个快速和简单的网站,可以消除潜在的功能缺陷,迅速 ​​和容易。

46。 头脑风暴是一个好去处,但未被充分利用的方法来发展你的业务或网站的想法。选择一个松散的概念,并映射到它的相关思想,可以给快,但抽象的结果。

47。一些网站所有者写一个商业计划出一个项目的发展范围,在它发生之前 。如果您发现自己太容易分心,它可能被证明是一个有用的文件。

48。确定你是什么样的人,并使用网站的方式,这是相当主观的,但在构思一个想法如何能成为一个真正的产品提供了一个良好的接地点 。

杂项
49。像Evernote的或微软OneNote的产品提供了一个很好的平台,收集和储存的研究和思想。觉得它像一个速写本,您可以打开的灵感 。

50 ,永不放弃。它是如此容易想到一个想法已经落空,大多数人往往过于迅速移动 。大多数的想法可以成为他们正在打算用足够的辛勤工作 。

内容创作

即使是作为一个“关于”页面简单的事情,应该有针对性的内容制作。

每个人都在重申一遍又一遍相同的术语:“内容为王”几乎已经成为一句口头禅网页复制的作家从屋顶唱。而且他们这样做的权利!

无论你的内容是提供以文字的形式,生动的形象或一些精美实施的音频和视频媒体,以确保您的网站的内容是从无到有将帮助您访客变成客户。

当你来生产,这将有助于游客了解网站是关于什么内容,下面的提示可以给你一些相关的咨询,让你的用户上钩。

51。以上文本内容。提供调查,信息图表,或有基于内容价值的互动元素,可以帮助提高的兴趣和页信息的可读性。

52人对从事散文。

版权所有,内容许可和合法性
53,如果你打算建立其他人,确保您有一些良好的坚实的合同工作。你不想被措手不及,如果客户拒绝履行自己的义务 。

54 ,创建文书,如发票,单据,问卷调查(工作合同)和其他有用的材料,会减少你的工作量,如果你开始做自由职业。

55。 口碑构成有约束力的合同,虽然它较难证明你不应该说你可以做一些事情,除非你完全打算循什么你的国家 。

所有的服务应该有良好的服务,隐私政策和版权协议条款,重要的是,您的最终用户知道你期望从他们那里(和反向工程) 56。

57。您不需要在您的网站有版权声明(尽管它作为参考)。对知识产权的无知,没有资格作为一个有效的借口。

58。决定如何授权完成设计时,您可能希望检查出创造性的公共或开源许可证;他们预先写好的,灵活的(这是伟大的)。

59。书面协议或合同,为您的网站的一个廉价的方式是审查别人,然后写自己的基于它。您可以节省了很多钱,在潜在的法律费用。

60。 尽可能避免法律术语和简单的状态夺标你想说什么达成协议。你的客户会更容易阅读,你说什么,如果他们能够理解它,

61,如果你自己写的合同,它可能支付给他们读通过律师得到尽可能为水密 。验证往往是比它自定义编写的便宜。

62。 无障碍声明并不重要,因为他们使用(本地访问更多的要求),但提供一个到您的网站的观众可能是有用的。

内容格式和注意事项
63。压缩挂-的内容是否使用GZIP压缩,缓存外部文件或挤压额外的字节,图像和媒体 。它会增加你的网站的速度 。

64。考虑你正在努力实现最好的图像格式,而GIF良好的基础动画,JPEG或有损少朋友的PNG将会更好的高分辨率照片 。阅读更多信息,保存为Web图像的综合指南 。

65。小心您所使用的图像描绘,不是每个人都能看到图像(如搜索引擎),这可能会出现可读性问题,如果您使用文字的地方 。

66。添加到您的网站的视频,音频或图形时,确保替代的内容是为那些不能采取无障碍问题,由于这些媒介的优势 。

图片
67。 图像中的不透明度是一个棘手的问题与Internet Explorer。有在IE6问题的修补程序,但你要记住,只有充分的alpha透明度问题,而不是单一的颜色。

68,你的标志是您的网站,因为它是什么人会认得你的最重要的方面之一。因此,它支付有一个良好的,难忘的为您的品牌创建。

69 的favicon是,你可能会遇到在网站上最小的图形之一,它提供了一个飞驰独特的方式获得书签和社会网络的承认。

70。生产苹果触摸图标,在57 × 57像素,可以为用户的iPhone,iPad和iPod touch的人可以自豪地在其主屏幕显示您的网站使用的Web Clip有用。

71,有负载的网站提供免费的图像,音频和视频,如果你没有多大的一个像素 ,推。

内容写作
72,即使你不是一个能说会道的人,试图以确保您的拼写和语法是正确的,应在议程顶部。

73,如果你在写什么损失,休息一会,或使用的许多技术之一,以帮助消除作家的块,可以证明不可缺少的内容创作过程。见内容策略类的提示。

74一个简单的方法,以减少内容的复杂性是采取什么你有煮沸下降到 50%,它可能看起来很多,但还原可以认真帮助消除华夫饼!

75。 写你的内容,然后再开始设计你的网站,可以帮助你更好的方法编码阶段,你可以选择合适的元素,描述你的内容的价值。

76。 内容为王,网站的设计,如果你牺牲内容的质量,您的访客,可能打在他们的浏览器后退按钮,并永远不会返回结果 。

77网络写作是实践,不要害怕开始喜欢Twitter或论坛帖子之前建立你的信誉作为一个网页内容的作家小 。

78。 内容的乐趣,并涉及重要的是成功的。虽然干的幽默感副本可能会跨越点,被古怪的表情激情 。

79。不要害怕要求帮助和反馈,或得到同事校对你有什么说的。通常,一个批判位将帮助你成为一个更好的专业。

80。链接到另一个网站时,确保你通知访问者的目标站点涉及到该网站的内容或元素,所以他们不结束不受欢迎的位置 。

81,打破你的内容分解成易于管理的片段。使用无序列表,例如,可以帮助提高内容的可读性 。

82。 绒毛和贫困高素质的营销发言是不必要的。始终保持点和避免重复的技术语言 。大家都讨厌的垃圾回收站都属于 。

83。确保你说的是属实的。引用引用会给你的话的可信度 。

84, 不要剽窃或窃取其他人的内容。如果您发现该人偷你的,这是值得花时间去学习如何发送DMCA移除通知,并停止和停止信件。

85。写自己的内容时,简单是有价值的。如果能够取得一个平衡之间的信息过于罗嗦,你能避免浪费读者的时间。

86。不要跨越长文档的多个页面,如果你能避免它 。这种做法可以降低内容的可读性,读者将被迫打破他们的自然流动 ,跳页。

87,如果你有一个博客的规划,保证,你的国家,如果你检讨的东西,并已支付这样做。

88。有这么多神奇的CMS解决方案(即WordPress的) 。如果您发现少技术的人都将有助于你做一个网站,他们可以消除一些复杂性,加快内容生产的理想。

89。 一致性是很重要的一切你写。维护的标准和价值观念的核心设置有助于确保规律性 。

90。总是试 ​​图跨越的信息,在友好和非侵略性的语气。过于讽刺或粗鲁,可导致参数,可以降低你的内容价值。

91。 反馈可以在书写内容的书面材料本身一样重要。使用博客的评论,例如,可以给额外的阅读娱乐性和潜在的信息 。

92。 写人,而不是搜索引擎。您的用户超过谷歌的PageRank的重要 。

93,如果您计划为国际用户提供翻译的内容,没有什么比一个人的翻译。随着中说,有一些体面的翻译工具。

多媒体内容
94,如果您创建了一个网站的播客,一个良好的压缩质量比 96kbs MP3(录音 )。大文件大小是一种痛苦,在这个层面上,可以节省大量的带宽。

95, MP3可以说是最兼容的音频格式周围,如果你像OGG或者FLAC提供其他格式,然后确保更严格的音频播放器的MP3版本存在。

96。嵌入Windows媒体播放器或Apple QuickTime到一个页面中可能有问题,如果人们没有安装的球员 ​​。Flash有一个既有较高的市场渗透 。

97。 自动播放音乐是一种罪过 -这很烦人,所以没有这样做。

98。记住,Flash的依赖组件是不可靠的视觉和手行动不便的人限制他们在访问一个基于Flash的内容很多 。

99。如果你计划提供通过电子邮件的内容,保持私人用户的电子邮件地址(发送邮件集体时,不使用CC功能 )。

100 不要垃圾邮件或发送电子邮件的重流-人恨它。

设计元素

颜色是一个极为重要的一部分,你的设计,因为它可能调用或反映的情感。

建立一个网站的最主观的部分之一是它的设计。无论你看可达性,可用性,用户体验,甚至色彩心理学的基本的东西,给用户最佳体验,用尽可能少的努力,尽可能可以证明棘手



101你的网页设计并不需要将像素完美的每个设备,平台和浏览器渲染的东西略有不同,但是这并不总是一件坏事,如果您的网站仍然可用。

102如果要求用户登录您的网站上的服务, 始终保持所需的信息数量到最低限度,让事情简单一些。

103。保持尽可能小的文件大小是非常重要的改进页面响应时间 。

104。 移动网页设计应该很简单。如果您有含量较少,没有Flash的依赖,单个列布局和液体的设计,你应该有几个问题的能见度 。

105。 mobiForge拥有一支优秀的移动网络发展的指导,最佳做法和一些有用的指引,帮助您的最终用户更好的移动体验 。

106不要依靠固定宽度的设计。工具栏,工具条,插件,视口大小,窗口大小,屏幕分辨率等诸多因素影响房地产提供给用户的数量。

颜色
107。颜色可以调用一个微妙的广泛过来人的心理影响 。知道如何使用的颜色和各种对比,可以帮助您更好地参与与您的受众 。

考虑人们如何联系在一起的感情色彩:冷,热红,蓝,白色的纯度和清晰度,与黑暗和死亡的黑色,黄色,幸福和阳光等108。

使用颜色时,重要的是109 。对比度 。对于某些人,如色盲,可区分不同深浅的能力减弱,他们可能难以阅读的内容 。

110 网页安全色的想法是比较多余的,由于屏幕已经进化的方式,但确保您的网站是颜色视觉障碍访问是值得你考虑。

111。 色彩理论与和谐的重要组成部分的设计。了解这些设备影响的信息被认为是值得研究的的 。

活版印刷
112。 印刷术是在网页设计中的重要性不断增加的变量 。由于在设计增加可使用的字体,这些字体的可读性变得至关重要 。

113。制作一个字体堆栈很容易!您所选择的字体看起来类似,那么它可能提供的最亲密的关系,最后是类型(如衬线)的一个替代方案,其次。

114。 尺寸是另一种版式设计范围内的变量,你应该考虑 。规模越大,它变得更具可读性和越来越多的关注,它会收到 。

115。强调通过斜体风格,通过大胆的视觉风格强度或底层和打击通过内容可以影响的重要性设计元素接收。

安排设计元素
116 空白/负空间是一种有价值的商品。不要包你设计的东西!有足够的喘息空间,将提高设计的可读性,并帮助读者“扫描“。

117。扫描是通过内容的最终用户,在您的网页上弹,以确定他们正在寻找的信息的行为。缓解他们能做到这一点,将影响他们如何使用您的网站 。

118。排版网页安全是一个大问题,除非你嵌入字体(即具有法律意义) 。你不能保证最终用户安装任何字体,即使是常见的,像宋体。

119。筹备你的屏幕上的信息可以是一个棘手的任务。使用公约和标志出现在顶部左侧的模式一样,可以提高方便旅客使用。

120知道如何适当地显示导航菜单等内容,是一种艺术形式和科学。看到别人如何实施等设备,可以帮助衡量成功率;检查出常见的设计模式,如网站导航模 ​​式塔的网站。

121。记住,大多数人在阅读的内容左到右的方式,因此,它是有意义的具有高,并尽量向左侧可能在您的设计的重要细节。

最终用户注意事项
122,你的设计应该直接反映最终用户的需求 。不要包无用的功能和部件像钟表或天气applet的。只有给他们,他们需要什么,因为他们需要 。

123。更新您的网站(你应该做的往往)时,请检查您的网站统计,看到人们如何在你的网站导航 。它可以帮助找到问题的发生 。

124。理解人们如何看待和应对自己的品牌可以信任和遗弃之间的差异 。您的访问者的看法是比你自己更重要。

125我注意到较早,但它值得加强:!经常更新您的网站,人们衡量它们保持率的患病率和网站的准确性。

126。如果你有时间,考虑有关阅读心理学和社会学的课题,他们并没有严格专门为Web,但他们在该行业的许多地区申请,这是值得学习。

127 不要为自己设计一个网站。多达你可能会喜欢的动画,滚动卷轴,你只是实施,你会花一点时间,访问的网站相比,您的观众(谁的问题)。

128。在网站设计中,人们期待一个经验,如果你给他们一些积极的事情要记住,你会给他们的满意度,这可能会导致在长期的合作关系。

129。满意的用户得到的是直接关系到您提供的信息的方式。,如果用户的斗争,找到自己的方式文档,你会令他们生气。

130。 相互作用为基础的设计是很重要的,虽然静态内容在某些情况下使用,给用户提供一些探索和发挥,将导致一个更难忘的经验 。

131。 不必要的交互应该从该项目中被淘汰。虽然微妙的或有用的增强最终用户,增加了障碍,可能会导致用户弃船。

132。应用程序往往遵循不同的规则,以传统的内容分发。一个需要的逻辑结构和用途将在用户界面中的重要性增加。

133,如果为移动设备开发应用程序,它可能会证明是有益的尝试离线版本时,互联网接入是不是一种选择 。手机信号的盲区仍然存在。

无障碍
134。 辅助功能,是任何网页设计的一个重要方面。,如果某些人不能访问的网站或内容,这是一组人,你可以转换到客户。

135。无障碍的数字是非常偏颇,不要认为人作为少数民族的残疾人;试想,有多少人需要老花镜-这是一个主要的!

136 损伤来在各种形状和大小:他们可以身体,智力,情感,社会,甚至技术(如没有宽带连接或人们使用移动设备作为他们的浏览器代理的人) 。

137 残疾人的规模和持续时间有所不同:有人可能会瘫痪(这将是长期的),或他们可能有一个手臂骨折(短期 )。不要只是觉得终身的问题 。

138。有大量有用的规格和有关可利用的法律 。有读通过WCAG 1和2,第508,PAS 78和6修订快速指南无障碍网页提示,仅举几易读性指引和最佳实践资源。

139。始终图像或媒体提供替代的内容和不依赖于<IMG>没有元素的alt属性或Flash内容没有文字的变种。你伤害了你的一些游客 。

140。检查你的工作,在一个屏幕阅读器是很容易做到的。有免费的工具如有WebAnywhere,基于浏览器的屏幕阅读器模拟器,以及像JAWS的商业选择,您可以安装和测试您的网站

通过。

141不要变得过于依赖像工具辛西娅无障碍验证程序,因为这些工具只检查机器可读的代码。他们不是完美的解决方案,检查您的设计,语义结构,内容流,无障碍的视觉元素。更

多的网站验证服务的问题。

可用性
142。 选择PDF格式准则,可以帮助您提高您的最终用户的网站 。这些PDF值得一读通过,看看他们可以在您的设计过程中提供 。

143。 史蒂夫克鲁格和雅各布尼尔森在可用性领域的两个德高望重的专家 。如果你拿起他们写的书,你会发现很多在他们梦幻般的可用性指南。

144。可用性是无缝和最终用户的功能,尽可能使一个网站。做任何你可以帮助用户查找和完成他们实现。

145。之前向公众推出一个网站,它的价值得到一组人共同来测试您的设计和发现系统中存在的任何错误,看到你的设计是如何可用 。

共有146个,开展了可用性研究可以作为简单的要求一批的游客进行特定的任务,在一份调查问卷的形式来改善他们的反馈 。

147。确保您的设计正常降级创建一个可用的设计,是为尽可能的普遍设计。

148 。应渐进增强你的目标简单地说:你要确保一切都可以在核心层,并增加功能的设备,可以应付 。一个方案,将使用CSS3:确保设计作品,看起来还不支持CSS3的浏览器上体

面 。

149。鼓励人们参与帮助提高您的设计要求有益的批评和意见,可以给你未来的网站进化思想 。

150。 不断追求完美,这也许不可能有一个完美的网页设计,但如果你总是最好的目的,它会鼓励你继续努力,在维护。

继续与我们的快速网页设计技巧,这些建议将涵盖网站的发展过程,以及积极的营销和网页设计师的促销技巧。

这是一个两部分组成的系列的第二部分 。在第二部分中,我们将介绍开发和市场营销技巧。

每个Web专业人士应定期自行编写代码。代码是我们整个行业的骨干力量,变成一个正式的结构,每个人都可以享受美丽的图形和内容。

虽然那里有太多的语言,能够学习他们一切,似乎要集中重点,无论我们在网上做一些语言,如HTML,CSS和JavaScript。

的提示,你会发现在本节中都涉及到网页的编码,而他们中的一些应是常识,不伤重申一些有价值的东西,这可能会提高你的代码。

应用在正确的比例标记,会给你的网站一些内在美。

151 Web标准是重要的,如果你能提供准确地描述内容的语义代码,那么你可能得分更好的搜索位置或内容更丰富的价值。

152。 语义不应该停留在合适的工作,使用正确的元素。例如,给你的类和ID有效的名称(如微格式),可以提高网站的上下文值。

153 规格存在的每一个网络语言,你会遇到(甚至更晦涩难懂的)。虽然,他们可以是相当技术,如果你有耐心,值得一读他们 。

154。使用W3C 的验证工具 验证您的语法,虽然你不应该用它们来帮助查找和修复代码中的错误,记住,你不应该牺牲遵守演变 。

155,我建议在这个顺序学习这些技术:HTML,CSS和JavaScript的然后(如果你是一个初学者),这个命令允许你了解底层顺序语言依附。

调试和测试
156调试代码时,是有意义的,以消除的原因消除的代码块,暂时看到,如果这个问题解决本身(您可以缩小这种方式的罪魁祸首 )。

157像工具Firebug的,可以通过您的代码如何被应用于生活在网络上寻找异常。这是值得拥有的Firefox复制与安装测试。

158服务,跨浏览器一样支持你的测试的设计 BrowserShots并不完美,但他们有一个好处给你如何在不同的浏览器可能使您的网站快速几眼 。

159如果你想测试你的网站在IE6中,有大量的选项,作为一个虚拟的环境或类似工具IETester或勺子安装。不要只留下老人产品的机会!

160。 Internet Explorer 6可能是我们生活的祸根,但我强烈建议在任何Web浏览器保存到您的网站的所有流量超过1%的测试,因为它是一个显著的比例。

161,我建议单独的文件夹样式(CSS),饲料(的RSS / Atom),脚本(JavaScript)和图像(GIF / JPEG / PNG)。它可以帮助当你组织,测试和调试您的网站内容。

162。依托伪协议,如联系 站长不是一个好主意,不回退机制。如果最终用户没有一个配套产品,他们将有效地成为死链接 。

浏览器和用户代理
163。与一致的浏览器,您测试您的网站。如果你去与五大的- IE浏览器,火狐,铬,野生动物园,歌剧院-然后保持最低限度的忠诚。

164。使用浏览器黑客通常是一个坏主意,因为没有未来的支持保证。如果你需要让IE正常运行,有条件的意见是一个友好的解决方案。

165。记住,不同的移动设备可能会导致您的网站。检查像iPhone的各种平台,可以鼓励移动设备交通极其重要的。

(在IE浏览器)166。Jscript中有自己的一套所谓的条件编译,这意味着你可以针对IE特定的代码,就像与样式表中的 JavaScript条件注释。

167。 谷歌浏览器意外不原生支持RSS和Atom无插件,因此-就像很多事情(即闪存) -作为补充,而不是要求。

168 移动设备上的设备检测是一个棘手的课题 。PHP头检查有太多的设备,以有效和手持媒体类型不严格和统一实施 。

169。 WML是一种死语言,如果你生产的移动友好的网站,它不支付,以迎合这样一个有限的观众的,除非你知道你有使用旧手机的人。

170除了固定的CSS单位(像素,厘米,毫米等),您可以使用弹性(EM),液体(%)流体(最小/最大宽度),甚至是混合各种 测量的大小设计的Flex 最终用户的需求。

行为
171。 JavaScript的框架如jQuery和MooTools的可以是有益的,如果你想快速插件中显示您的代码的方法,但要警惕的膨胀量或不必要的复杂性 ,他们可能。

 172。 防止右击并迫使弹出窗口是损害最终用户的侵入脚本一样 。你可能会认为这将有助于你的设计,但它更可能会导致用户打“后退”按钮。

173 不要使用HTML框架或类似的元素 <marquee> 和 <blink> 。它已成为一条不成文的规定,不使用成本等损害用户体验标记大于奖励 。

174。 复制浏览器的功能是一个毫无意义的的努力。用户的浏览器打印,字体缩放,书签功能,是有原因的。这些东西是多余的。

175。 代码保护是不可能的。,如果你想,以确保您所创建的人不能采取,不要把它与Web上!保护脚本只会伤害你的网站的真正用户 。

标记
176。记住要包括一个DOCTYPE声明(X)HTML文档的顶部 。省略DOCTYPE出现多少个浏览器不一致,你会感到很惊讶。

177。一件事情,错误很多Web开发人员使用的术语,“Alt标签。” 这是被称为替代内容项目是一个属性,而不是一个标签。

178。不包括原生块级元素内联元素。 <div>元素的目的不是要使用段落或列表内通用。你会打破的语义,如果你做的事情很差。

179。过时的元素不应该被使用,除非你有认真充分的理由加以利用。如果有同样的作用打算更换,使用它的地方。

180。 HTML5可能是一个有益的补充的语言,我们可以使用网页,但始终牢记浏览器的兼容性,可能是​​一个与脚本禁用的长老重大问题!

样式
181。对CSS3提供了一些有用的,优雅有辱人格的的特性,可以有利于你的访客。如果你花时间去学习如何发展,你会为下一代准备。

182。优化你的CSS可以通过使用继承来实现,小心使用选择,避免重复声明和分组你的风格的基础上为您的设计。

183。切记不要忘了打印机。打印特定的样式表,将有助于消除墨水和纸张浪费,将使您的内容打印时看起来很专业。

各种Web技术
184。如果您需要显示大文件,而不是有一个Word文档,可以考虑使用PDF或XPS文件,格式为面向网页。

185。帆布,SVG和VML(和他们的关系)虽然有很多在网络上的矢量图形的潜力,这是值得承认的严重的跨浏览器兼容性问题,他们。

186。闪光灯不应该完全避免 - 它已经在这个时间比HTML5的普及率较高的兼容性,它可以提供几件事情,没有脚本,就不可能。

187。到成功实施Flash的关键时,它的不可替代的内容。我当然不会排除在未来使用的Flash,但依赖是一个严重的缺陷。

188。 Flash是一个伟大的平台提供动态内容,如视频和音频,但不使用,如导航或整个网站本身的使命的重要组成部分的地方!

189。 Silverlight和Java是值得肯定的选择,如果你不是一个Flash迷,但它值得承认其具有较少的市场份额,因此将少兼容的。

JavaScript的
190。 JavaScript可以用于验证Web窗体和帮助最终用户的经验是有益的,但​​记得要使用服务器端脚本,以验证脚本的情况下是不可用的东西。

191。不显眼的脚本是任何网站的关键。不要让出没锚链接使用JavaScript脚本来:伪,避免没有备用脚本JS依赖功能。

杂项
192。有一些伟大的bookmarklets的使用任何网页浏览器,可以帮助您的开发周期。 Quix,Spry的工具包,Firebug的精简版和Aardvark的是,这些完美的例子。

193。提高网站的速度,最好的办法是利用高速缓存的优势。单独从样式(CSS)和行为(JS)从网站的结构,使用单独的文件,实现这一目标。

 194。基于表格的设计不是好主意,除非你不得不使用他们喜欢的HTML电子邮件。它的穷人的语义,并影响屏幕阅读器的辅助功能。

195。选择正确的服务器端语言是非常重要的。选项​​包括PHP,传统的ASP,ASP.NET,JSP,红宝石,Perl中,ColdFusion的和Python。研究,然后才决定你的选择。

196。您的服务器环境,通常会决定什么语言,你可以根据设置代码英寸,你可能会发现某些服务器端语言(如ColdFusion)有限支持。

197。如果你发现自己想要得到像WordPress特定的软件包,您可能会发现自己需要知道某个特定的语言。您提出的关于学习什么样的服务器端语言中选择此帐户。

198。如果你要记住某些用户数据只是暂时的,也许是考虑节能的偏好存储在服务器端数据库中的一个特定的浏览器的cookie信息。

199。数据库格式是相当不同的,尽管其中大部分使用的SQL格式。热门选项包括MySQL和MS SQL Server。

200。你有没有考虑到一个Web应用程序脱机吗?如Adobe AIR中,钛和Mozilla的棱镜,使您可以创建快速,打包的解决方案解决方案。

市场营销
最后,我们将看一些有用的意见,当你有完成的网站,但要确保搜索引擎和访问者看到它。

混合使用一般的营销咨询,搜索引擎优化技巧(道德多种)和社交媒体的使用,您可能会发现这些技巧在你寻求的游客到您的Web项目。

观众 - 让您的网站,并保持在您的网站活着的利益 - 可能是最难和最密集的时间方面拥有自己的网站之一。希望这些技巧可能会激发您和您的客户。

广告是各地的网站获取你的品牌的核心组件。

201。自己的品牌或使用你自己的名字,代表你在网上可以提出自身的风险。您可能会遇到的人共享相同的名称作为自己的混乱!

搜索引擎和排名
202。给您的网站一个创造性的名称。它应该是短暂的,活泼的,便于记忆和拼写。游客需要能够记得你是谁时,他们发现需要为您的货物。

203。不要试图欺骗搜索引擎。关键字塞进隐藏的部分,使用欺骗性的技术,旨在获得奖金的PageRank可能会导致你被谷歌启动。

204。让事情尽可能不针对搜索引擎的有机。高品质的内容,例如,将寻求更好的长期回报比质量较差的链接农场。

205。适当的消费时间,减少代码中的错误,并使用元素(如标题)将确保搜索引擎不仅找到您的内容,但它准确地索引。

206。请记住,标记文本将于高于非indexible内容,如Flash或PDF文件,往往有更有限的语义值嵌入的位置在搜索引擎。

207。你的Alexa排名并不重要。 Alexa的队伍是非常偏颇和有选择的几个安装工具栏提供。诚实,这是不值得的价值,很多人似乎在其上放置。

208。搜索引擎忽略关键字<meta>标签。我知道很多人仍然声称,这种情况并非如此,但其彻头彻尾的错误信息。他们这样做,不过,请按照说明。

209。 DCMI(都柏林核心元数据倡议)是一个伟大的方式,让你的网站添加价值和意义。如果你到元数据的时候,我建议你检查规范。

210。 Robots.txt文件添加到您的网站,可以帮助你更好地帮助搜索引擎知道什么不该指数。 Robots.txt文件是很容易产生,并得到广泛认可。

211。请记住,一个robots.txt文件不会阻止人窃取您的内容。不幸的是,搜索引擎不跟着他们,这样他们就可以不理会他们,如果他们愿意。

212。 OpenSearch的是一个很少承认和一个功能强大的XML规范。它可以让你到Web浏览器中添加自定义的搜索条目!您可能会产生一个跨浏览器的搜索功能,例如。

最佳实践
213。每一个网站应该有一个XML站点地图。它通常在您的网站的每一页(虽然支持HTML或文本的XML列表),显示内容更新频率。

214。 <title>元素应在您的网站的每一页上独一无二的。我还建议,任何静态内容之前唯一的名称(如网站的名称)为了书签。

广告
215。广告在正确的领域可能会发现你一些伟大的流量,但它值得研究的关键字,你要仔细目标,否则,你可以倾泻而下一个漏钱。

216。如果您发现Google AdWords的喜欢的是不是把你想获得的结果量,可以考虑让您的服务与有用的相关网站,通过购买广告空间,直接上市。

217。赞助是一个伟大的方式来获得与您的网站,可向社区的观众涉及。大多数行业相关的事件(如网页设计会议),允许广告,例如。

218。有许多不同的方法可以赚钱的网站。你可能会考虑包括广告,溢价访问或支持,捐赠,认捐甚至独有的功能!

219。网站的货币化,是不是一件容易的事。谨防得到“快速致富计划”,声称保证收益听起来好得是真实的(因为它们几乎总是)“。

品牌,信誉,网络
220。如果你打算使你的企业的钱,确保你有所有相关手续,填写(并通知税人)。您将需要报告您的收入。

221。不要只认为你的项目作为数字企业,考虑一些名片,传单,或当你在外面寻找您当地的客户建立印刷的恢复。

222。域扩展您选择不会影响搜索引擎排名,谷歌和Bing没有考虑到所用的顶级域名(除非你需要一个地方的区域位置)。

223。信托基金是一个关键任务的品牌元素。只有把你的名字,你认为在用户的最佳利益的项目的想法 - 你不想结束喜欢嘲笑AOL的隐私。

224。当你放下自己的网站的链接,这样做只是在它认为合适的地方的地方。垃圾将反映你的声誉带来负面影响,可能让你踢出社区。

225。加入聊天室,论坛或志同道合的个人可以在网上空间网络是一个伟大的地方,学习更多的技能,甚至找到一些额外付费用户。

226。然而,您的网站对其他网站的功能,可以提高您的排名在搜索引擎(如果链接是dofollow)和声誉在线,你应该不会理会“免费”目录的质量将低回报。

227。如果你想获得您的姓名,其他专业人士,采取了一些名片,沿着网页设计会议可以成为一个伟大的地方,以满足他人面对面的基础上!

228。不要低估自己在当地的报纸或杂志(甚至黄页)通过传单或广告营销的价值。当地企业希望网站呢!

229。如果你正在寻找适用于一些现有的工作,向客户展示你的技能,检查工作板,对信誉良好的,众所周知的利基发展用地,而不是喜欢的怪物。

230。社会媒体是一个最简单的方法,你可以建立在网络上为自己的声誉。使用的服务,让你建立一个社区的追随者可以变成就业信息。

销售
231。如果你提供的实物商品,考虑让他们像亚马逊著名的商人,在现有的客户可能会发现什么你提供的服务就在身边精选。

232。要展示你的技能,以活跃的社区吗?考虑扩大你的投资组合,通过写一本电子书或作出贡献的一个开源项目,将得到您的姓名。

233。数字版权管理和产品激活是我建议避免的东西。不好的人仍然会破解项目,它的最终受害的合法客户。

234。网上销售货物,是相当简单的过程,由于“中间人”如PayPal,Google Checkout的亚马逊更灵活的支付商户,所以明智地考虑你的选择!

235。偶尔,提供免费的东西可以驱动很多的利益和潜在的客户到您的网站。无论是编码为一个慈善机构,或派一个免费的电子书,这一切帮助。

236。如果你提供台式机,设备或基于网络的软件,提交给下载门户网站如CNET Download.com可以得到您的产品特色,赢得更多的客户甚至奖项。

社会媒体,社交网络和博客
237。 Twitter是一个伟大的方法,到博客,如果你发现你的时间被拉长。你有一个很有趣的空间有限。这项服务基本上是一个速成班,写作。

238。建立一个博客可以是一个伟大的方式来获得一些额外的流量。 ,如果你认为你可以写你选择了定期的主题,你可以打开它的利润和赢得客户。

239。如果您有语音或面对它,有几个工作的同事或朋友(甚至你自己的)的播客可以让你的网站营销曝光独特的附加层。

240。加入社区促进在您的特定行业的最佳实践。与这些团体有关,给你的专业提示,并允许您帮助公益事业。

241。 Facebook是一个世界人口的好比例,因此,它可能会为你的项目值得成立一个大本营。您可以共享与服务的歌迷的东西呢!

242。 StumbleUpon是不仅是一个伟大的灵感资源(和一个地方找到真棒学习材料),它也是一个好地方,给你的服务一些非垃圾暴露​​。

243。获取你的专业(或你的简历的副本),如LinkedIn和Google个人资料的网站上上传可以给人们一个地方找到你的专业(因此曝光)。

244。你决定使用,无论社会网络,没有过分的自我推销,使用他们预期的目的服务,花时间建设了一些高品质的内容。

245。社会网络提供了一个地方,让客户与您联系,获得有用的反馈在您的网站和推荐。不要认为它们只是一个链接服务!

杂项
246。始终以您为您的网站或服务有任何营销计划的时间来审查,错误可以是昂贵的,你要确保你的名声是尽可能积极。

247。有大量的游客,或较高的PageRank并不意味着您的网站是成功的。它的普通用户,最终决定你服务的命运从访问者的转换。

248。尝试用你的方式推销自己独特的。寻找灵感的网站外,你会发现一个独特的方法来宣传您的服务,只有少数活跃的竞争对手。

249。方的项目为乐趣或拓展您的业务可以给你客户端从一个服务的用户可能会发现你提供其他地方(加入)的交叉。

250。享受你做什么,不要太关键。如果你发现自己努力,以满足您的期望,您的客户会发现,你可能会失去潜在的游客或失败结果。

重新迭代,在这里列出只是划痕的表面,在我们这个行业的许多方面,它的价值。

也许是公平地说,初学者可能会发现一些超过一位经验丰富的专家有用的提示,但我一直认为,它不伤害历史最悠久的网页设计师要不断学习,加强他们的技能,也许还记得他们

以前可能已经忘记了。

易雅达希望一些提示会在日常过程中证明非常有用,也许谁可能受益:你可以传递到下一代的提示。

如果你有自己的任何提示,你认为是值得注意的的,随意将它们添加到的网站建设论坛,也许我们最终会为未来的访问者与一个有用的网站设计百科全书。