网站制作设计的12项必备技

您是否曾希望将自己视为自学成才的Web开发人员而无需上大学来学习CSS，PHP，Javascript，并避免通过书籍和在线课程进行编程语言的长期自学？在本文的最后，我们将提出一些实现这一目标的想法，但首先我们需要查看一个合格的Web开发人员应具备的技能列表。在这里，我们包括人类条纹，技术和软件技能。

网站制作设计技巧

1.编程

作为网站开发人员需要掌握的第一项技能是编程。存在许多不同目的的语言，但您需要知道其中至少一些语言才能编写网站代码。您可以通过简单或复杂的学习，普遍使用，Web开发标准，趋势，建议等来选择您喜欢的。例如，HTML是用于在Web上创建文档的标准化标记语言，换句话说，格式化网页上的内容。这包括标题，标题，文字和链接。它是网站开发中使用的最常用和最基本的语言。

CSS，即层叠样式表，是一种与HTML配对的语言，允许程序员设置网页样式。这里我们指的是布局，颜色和字体。这些元素与主网页代码分开。

JavaScript是网站上动画，游戏，应用和互动的解决方案。通过此编程语言创建站点上的所有动态效果。有更多的语言，如PHP，Perl，ASP.Net，Python，Ruby，选择最有趣和最有用的东西。

学习编程的地方：

• Codecademy是一个很好的资源，有许多关于HTML和CSS，Javascript，jQuery，Python，Ruby和PHP的课程。这个在线学院的优势在于他们的主题，知识水平和免费在线可访问性的各种课程。
• Udacity是一个网站开发，软件工程等免费（和付费）大学课程的网站。这种学习资源的巨大好处是您可以获得的经过验证的证书 - 这不仅仅是您在网上某处下载的在线视频或电子书。

2.学习

“学习基础但总是渴望更多” - 这个原则描述了许多专业，尤其是网络制作开发。处理技术，创新和网络开发的人应该了解掌握有关新奇事物的脉搏是多么重要。当Web开发人员了解很多，可以创建任何网站或应用程序，能够修复错误，可以是独特的和创造性的时候，他们会对潜在的雇主感兴趣。

在哪里学习：

• Tutorial9是一个从网络上获取的Web开发教程的在线生成器。在这里，您可以找到一篇文章，其中详细说明了如何使用CSS等创建HTML中的特定功能。当您已经学习了基础知识时，这个站点是一个很好的自我改进资源。

3.测试

测试是网站开发过程的重要组成部分，不仅仅是编码和设计。Web开发人员在某种程度上是测试人员。在将最终产品（即网站）提供给您的客户之前，请确保一切正常完成：

• 浏览器兼容性（该网站适用于任何浏览器）;
• 链接适当;
• 形式工作;
• 导航菜单算法很完美;
• 页面加载速度快;
• 等等

实际上，作为Web开发人员，您应该测试您创建的每个细节。但是，当你与一个专家团队合作时，你不负责任，那里有一个测试人员支持你。

4.网站设计基础知识

开发人员与设计师不同，但设计技能对于开发人员在日常工作中是有用且有用的，并且开发意识对设计人员有帮助。

开发人员应该学习一些图形设计，因为这可以使他对许多图形工具有很好的认识，这些图形工具对于更好的开发很有用。当开发人员学习设计技巧时，他们会更好地了解网站的吸引力并获得更好的设计品味。品味对每位创意艺术家都至关重要。

开发人员和设计人员通常在同一个项目上工作，但在不同方面。当他们彼此了解并且可以进行协作时，这是非常好的，当然，分享知识和经验有助于此。专业推荐是一个很好的学习来源。

随着响应能力的日益普及，开发人员也需要了解响应式设计的原则。这既是为了自我提升，也是为了获得更好的专业水平。

您可以通过关注在线灵感资源，寻找有用且易于理解的教程，以及通过在实践中应用您的知识来开始学习设计基础知识。

在哪里学习：

• 您可以参加Lynda的设计课程，这是我喜欢学习设计的地方。有许多免费课程，有用的材料以简单的方式呈现，而且它不仅仅是设计学习的资源。
• 网页设计博客是初学者和专业人士的一种知识字体。选择频繁出版物，有用内容和灵感部分，如：Webdesigner Depot，Designmodo，DesignBombs等。

5.网站优化 seo

搜索引擎优化更像是SEO专家或营销人员的工作，而不是开发人员或设计师，他们仍然不能忽视SEO策略和技术。

反映SEO的第一个因素是时间或速度。开发人员最多处理这个问题，因此他们应该了解网站速度对SEO策略的至关重要性。这个因素取决于开发人员的工作，特别是他们使用的编程语言。

开发人员必须了解正确的重定向方式。这是当一个页面有多个URL时，您应该学习两种类型 - 301和302重定向。

添加更多事实要考虑：元标记和标题，子域，内部链接，站点地图都是SEO的关键组成部分。

如何在线学习SEO：

• 获取此MOZ指南，在线学习SEO，提供精美的视觉内容。本指南包含有关搜索引擎，关键字研究，SEO友好设计等的大量信息。
• Hobo SEO Tutorial是您可以在浏览器中打开并阅读的教程。与许多其他教程相比，最大的优势在于其一致的更新，因此数据始终是新鲜的。

6.了解常见的安全攻击以及如何防范它们

Web开发是一个多方面的职业：他是程序员，测试人员，设计师，他是一个安全提供者。在创建网站时，安全技能是必不可少的。您需要为任何安全攻击做好准备，并知道如何为其提供安全的解决方案。

我们在下面给你的主要攻击，虽然你自己的实践知识将为你提供更多：

• 攻击＃1 
  SQL注入是数据驱动软件（应用程序）的攻击，当危险的SQL语句插入到输入表单或字段中时。这种攻击大多称为应用于网站的攻击，但任何数据库应用程序都可能受到攻击。参数化查询的使用是解决此安全问题的方法。阅读有关SQL注入的更多信息
• 攻击＃2 当黑客使用恶意脚本感染无辜的网页时，会发生
  跨站点脚本攻击。当用户浏览此页面时，会自动下载危险脚本。根据目的和脚本，会对网站造成不利影响。您应该养成检查提交到网站上任何表单的数据并对任何HTML进行编码的习惯。详细了解如何防止跨脚本攻击。
• 攻击＃3 
  错误消息可以成为黑客的信息来源。确保您未在​​这些消息中披露任何重要信息。例如，如果用户在登录表单中输入了正确的登录详细信息但密码不正确，请发出错误消息，例如“您输入的登录名或密码不正确”，而不是“密码不正确”。当黑客知道一个字段是正确的时，他会专注于另一个字段。请查看此错误消息设计库以获取灵感。

7.图像大小调整和效果

在大多数情况下，开发人员依靠设计师来处理图像。但是Photoshop的基础知识和一些其他程序可以成为一种有用的技能。所以最小的是：网站的开发者应该能够调整图像大小或裁剪图像，自定义颜色，应用透明度等效果。

您可以阅读本文来学习10个新的图像编辑程序。

8.坚决

经验使我们变得更好，新的试验甚至错误都给了我们这种体验。开发人员无权怀疑，他应该不断尝试新事物以获得更好的结果，并以新的力量发展。这更像是一种人类特质，而不是技能，但如果没有这种特性，你就无法成为一名开发者。

9.信心

对自己所做的事情充满信心可以帮助您节省时间并将其花在比数百万次测试更重要的事情上。因为当您不确定您的工作质量时，您将一次又一次地检查它，直到您完成该项目的时间。这不仅仅是关于时间，而是情感和职业感受。

10.挫折忍耐和忍耐

如果您只是一个零错误的开发人员，那么从您的第一次试用开始，网站开发就不可能是完美的。知道你是真的很棒！测试实际上旨在使软件没有错误，但是当你是唯一一个从事代码工作的人时，我们正在谈论更多关于这个案例，测试就是你独自完成的事情。耐心是一个优秀的开发人员应具备的非常重要的功能。你需要将错误视为导致你完美的东西。

11.时间管理和详细规划

你肯定喜欢有时间与朋友一起度过或看好电影，但你不知道如何分配它？问题是你无法管理你的时间。现在，我们将为您提供一些提示，以了解如何规划您的时间和任务：

1. 设定长期目标以及短期目标。
2. 详细规划任务以避免重新规划。
3. 制作待办事项列表以跟踪每一天。
4. 不要搁置困难的任务，将它们分成小块并直接进行。
5. 训练自己，使你的工作时间保持一致。
6. 在您的日程安排中包括休息时间。

有用的工具：

• 救援时间 - 安装以更有效的方式计划您的一天。此应用程序将向您发送每周报告您浪费时间的地方。知道你的时间小偷！
• Toggl是一款控制您在每个项目和任务上花费的时间的应用程序。它还分析了如何更快地管理任务。

12.懒惰

我不是在开玩笑吧！有点懒，真的。为每项任务寻找有效但最简单的解决方案，不要做两件事：让你的第一次尝试成为最后一次。

结论

现在，正如我所承诺的，我会给你一个“懒惰”的解决方案来克服长期学习并成为一名专业开发人员。您如何看待网站建设平台？我知道他们将来可以取代网站开发人员。也许，这种情况只会部分发生在用户可以为自己的个人或商业目的制作网站的情况下。

从利基到通用，有数百种不同的网站建设者，例如，Let's Eat是餐馆网站的建设者，Adobe Muse为平面设计师提供最好的服务，MotoCMS适合从财务顾问到旅行社的任何人，以及工具灵活，功能非常强大。

这些和许多其他网站开发工具允许具有任何技能水平的用户创建一个漂亮和功能性的网站。因此，您有两种方法：掌握12种技能，成为开发人员或使用任何网站建设者获得新体验并尝试自己担任新角色。