我们都知道网络工作会多么艰苦。 对于胆小的人来说，这不是一个任务，通常需要一年或一年以上的学习才能真正掌握。 随着我们时代的发展，我们已经看到了出色的想法和创新，将在线社区引向了开源和共享。
网站的建设已真正演变为一个多层过程。 您必须考虑网页图形，编码前端样式和布局，服务器托管以及可能的后端编程才能启动。 多年来，开发人员一直在使用这些系统，最后我们达到了一个关注点，但是如果您要自己完全处理所有这些工作，那将非常累人。
下面，我分享了一些有用的资源，可以有效地规划出色的网站设计。 在整个创作过程中，这些形式多种多样。 尽管这不是一个详尽的清单，但我希望接触对专家和初学者都有用的资源。
1.交给专家
从世界各地的图标设计师到程序员，我们都有不同程度的不同技能。 我们并不经常将自己想象成希望建立超越掌握点的技能的超级英雄。 然而，成为一名创意艺术家和程序员是真正的礼物。
对于我们这些专注于特定领域的人，应该热烈欢迎外部帮助。 它可以加快网站建设速度十倍，并为团队合作提供独特的体验。 最好的PSD到HTML服务包括psd2html和xhtmlchop.com ，Google的“ PSD到HTML服务”以获得更多信息，或在此处查看 100多种服务的列表。
坐下来将Photoshop文档编码为HTML / CSS的物理过程可能很烦人。 特别是如果您已经编码多年，因为重复变得乏味且几乎过时。 其中许多服务承诺24小时交付，甚至会为子页面设计提供折扣。
如果您对编码感兴趣，但在设计技巧方面落伍了，建议您浏览一些数字艺术家网络。 其中包括Dribbble和DesignMoo ，图形设计师可以在其中发布和分享他们的最新作品。 通常，您还会为每个艺术家找到作品集显示页面，其中包括联系信息，例如电子邮件，Twitter或IM聊天。
2.外包解决方案
有很多自由职业者提供服务来支持项目工作室的例子。 但是，按照当今的交流水平，在许多情况下，自由职业者将携手工作以完成项目工作。 甚至可能来自全球两个不同的地方！
随着众多自由职业者社区的发布，设计师和开发人员见面并共同协作从未如此简单。 一个很棒的社区Programme Meet Designer，它使Web开发人员和设计师都可以传达和共享项目想法。 这是一个相对未知的网络，仍然可以充当一小部分专业人员。
另外，您可能正在寻找自由职业者，并且很难找到工作。 这是Internet上许多工作板显示其用途的地方。 Fresh Web Jobs和Krop等公司只是众多自由职业者中的几个例子。 每个更新每天更新，并提供完整的说明以及联系信息。
3.利用开源
当今的Web开发社区中最好的发明之一就是开源软件。 每天都有无数的努力来补充和改进现有的图书馆。 jQuery和MooTools是数百个JavaScript库中的两个，它们基于简单的教程和声誉而在其余JavaScript库中脱颖而出。 但是，JavaScript并不是唯一处理开放协议的方法。 每天都有成千上万的开发人员在GitHub上共享和贡献代码包。 语言包括PHP，CSS，SQL，ASP，Objective-C，Java等！
WordPress是由Matt Mullenweg开发的博客平台，并且在过去几年中一直在发展壮大，它可能是开源成功项目的缩影。 通过网络筛选这么多较小的软件包似乎令人印象深刻，但是WordPress为数百万个网站提供了强大的动力，并接待了成千上万的后端开发人员。 整个软件包可免费下载，并且安装非常简单。 公司官方网站wordpress.org为有兴趣构建WP主题和插件的开发人员提供了链接和教程。 我们还赞助了针对初学者的WP插件入门教程 。 同样，有一个官方画廊拥有可观数量的免费插件，供所有WordPress用户使用。
对于那些正在寻找开源电子商务脚本的人， 请查看这篇文章 。
4.设计自己的图标–不需要
在设计的图形和动画方面，我们仍然看到一个开放和共享的社区。 Web设计师不仅喜欢将自己的作品分享给全世界，还可以帮助他人推广自己的想法。
图形是网站中最复杂的部分。 这一点尤其如此，因为顶尖的图形设计师很难获得。 许多免费的图标集如的famfamfam ， Wefunction ， 赋格 ， 多 ，透露自己下载免费的惩罚时链接或计入其工作中使用。 这似乎是无限制使用的简单折衷方案！
另一个出色的服务Icon Finder可以充当最受欢迎图标集的搜索引擎。 通常，如果您浏览的是Google搜索结果，则有数百个网页设计博客展示了最好的免费图标 。 这些也已共享到诸如Icon Finder之类的引擎中，以更快地构建网站。
5.更好的托管和文件共享
这些天我们都可以使用一些额外的钱。 即使作为网页设计师，重要的是要寻找那些提供交易并支持自由职业者的公司。
虚拟主机只是要考虑的众多费用之一。 通常，您可以在相关网站上找到优惠券，从而节省购买域名和服务器空间的费用。
文件共享已成为Web设计人员生活方式的重要组成部分。 有收费和免费服务，如果您认识公司中的某人，获取会员帐户并不难。 其余的请考虑浏览我们的文件共享替代方案 ，该替代方案为所有用户提供完全免费的支持。
6.免费性能检查
网站应用程序是通过数字接缝打破的最新趋势。 从移动应用程序到浏览器内应用程序，如今看来几乎所有内容都可以在计算机上完成。 对于网站管理员来说，重要的是要了解许多免费的机械测试和网站维护机会。
如果您像我们大多数人一样，那么网站的正常运行时间将是一个非常令人关注的问题。 网站停顿几分钟甚至会对您的访问量造成灾难性的影响，更不用说对访问者造成极大的困扰。 Pingdom是一个免费工具，所有网站管理员都应使用该工具来检查其Web服务器中的响应代码。 这是确保在后端显示标签并从后台监视性能的可靠方法。
谷歌网站管理员 （ Google Webmasters）是另一项出色的服务，允许开发人员声明其网站的所有权。 这可以通过Sitemap，元标记或Google提供的其他替代方法来完成。 如果您使用Google帐户，则可以存储RSS数据，甚至可以跟踪各个网站的关键字。 该应用程序是100％免费的，可让您存储无限的网站连接！
7.代码编辑器可以便宜（或免费）
我们是否愿意承认这一点，大多数Web设计师倾向于涉足某种形式的Web开发 。 它仅适用于那些在Adobe Photoshop或Illustrator中真正有才华的人，不喜欢HTML和CSS设计。
对于程序员的前端和后端而言，很难找到一个舒适的工作环境。 Adobe提供了Dreamweaver，它支持多种语言的代码高亮显示，但不幸的是，这会花费很多钱。 我们已经审查了排名前10位的免费源代码编辑器 ，并提供了每个页面的直接下载链接。
如果您刚刚开始编码，我强烈建议您花一些时间研究这些内容。 您的开发环境至关重要，并且会影响您编写代码的方式。 这些编辑器中有许多是特定于Windows的，尽管您可能会找到一些Mac友好的选项，但我还是建议您使用Panic的Coda ，这是一种便宜的代码编辑器（与Adobe Dreamweaver相比），用于认真的Web开发。
8.领取一些入门套件
现在，您已经对可用的服务和程序有了一个扎实的想法，请尝试下载一些入门工具包以助您一臂之力。 作为网页设计师，重要的是将我们的注意力集中在创造力上，并激发布局平台的新想法。
在过去的几年中，设计师逐渐释放了免费的图标，模板，表单元素，GUI组件和许多类似作品的免费软件包。 请仔细阅读我们的Web设计器入门套件列表，以了解是否有什么引起您的注意。
Photoshop布局工作并非总是最容易完成的。 通常，我们发现自己怀疑并重新投入使用以纠正正确的配色方案和位置。 在这种情况下，古老的格言“实践使之完美”与其他许多观点一样非常正确。 这些基本的入门工具包应该可以助您一臂之力！
9.总是跟上学习时间
随着时间的流逝，我们所有人都倾向于对活动失去兴趣。 如果您真正对网页设计充满热情，则应该保持动力并学习新主题。 考虑开放您的开发语言或尝试开发新软件。
今天的在线工具比以往任何时候都更加先进，可以帮助崭露头角的年轻Web设计师获得大奖。 该Web设计库最初是与Jetimpex Inc一起在Template Monster下启动的，并一直进入非常受欢迎的教程目录。 该网站每天都会更新，并提供新链接并展示灵感项目。
该网站还链接了许多合作伙伴场所，包括Template Ninajas 。 这导致您无法在其他任何地方找到每日优惠-有时甚至是演示或免费赠品！ 当您不熟悉构建网页布局或仅需要一些新思路时，网站模板是入门的好地方。
我也强烈推荐Envato创建的Tuts +网络 。 他们托管着数千个教程，包括Photoshop，Illustrator，HTML5，ActionScript，矢量形状，甚至摄影。 他们的某些代码需要会员资格才能下载，但所有教程均可免费遵循，并提供分步说明以简化学习周期。
除了书面文章，大多数评论还将提供很好的建议。 整个网络由Web设计师运行，并由Web设计师阅读，因此您可以确定高质量的反馈。
结论
这些方法应该使您踏上通向网页设计启蒙的艰难道路。 业界的最佳技巧已经通过互联网社区传承了多年。 同样，随着网页设计师数量的增加，已经创建了更多的开放标准。
考虑上面提出的一些想法，并花一些时间浏览有趣的文章或教程。 甚至熟悉新鲜的材料也可以使您的大脑慢跑，并使您思考提升的设计心态。 如果您有类似的想法，请随时在下面的评论部分中分享。
翻译自: https://www.hongkiat.com/blog/building-great-website-with-less/
4700
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
