创建Web界面：从哪里开始

计算机代码和像素不仅是实体店，还是21世纪经济的基础。如果您曾经在浏览器中查看过“页面源代码"或“开发人员工具"，则可能会遇到一堆乱七八糟的文本，并想知道如何使网页正常工作。

Web开发人员打电话 G 实用 U ser I 界面（GUI）统称为网页的前端后端。前端是用户可以操纵，采取行动或以其他方式使用的内容。可以将后端视为包含并支持前端隐含的所有信息和任务的基础结构。

本文是关于前端的。我们将绘制出区域图，以便您可以理解使前端变得如此的区别和功能，并向您展示如何开始理解和使用Web开发人员的工具来创建吸引人的内容和交互式网页。

Web设计与前端开发

在大型组织中，设计和开发是由具有不同技能的专业团队执行的任务。设计人员将创建特定的视觉和交互设计；

但是，对于个人而言，没有理由限制您的探索：仅仅因为您对开发感兴趣，并不意味着您对设计没有远见，并且反之亦然。对基本Web技术或设计原理的少量了解可以为您的职业或企业带来巨大的好处。

前端开发越来越少地是一种编码活动。更多的是因为它的想法超过了设计的一半：许多概念都来自印刷生产领域。较少的原因是，与其他Web编程语言（其中许多可以在后端找到）相比，该代码在使用计算机代码时具有较简单，更宽容的种类，并且需要较少的编程基础知识。

大多数网页是使用以下三种技术构建的：超文本标记语言（HTML），级联样式表（CSS）和JavaScript（JS）：

HTML

已经20多年了， HTML的核心目的保持不变：将用于读者的文本与解析文档所需的结构分开。

为什么HTML仍然很重要？简而言之，HTML是内容语义所在的地方。对于搜索引擎蜘蛛和屏幕阅读器（用于辅助功能）之类的机器阅读器而言，这是必需的。随着时间的流逝，将语义与结构分离的重要性越来越高，而不是随着时间的流逝而减少。 HTML（5）的最新版本引入了诸如