Web 入门

Web 入门是一个简洁的系列,向您介绍 Web 开发的实际操作。您将设置构建简单网页所需的工具,并发布您自己的简单代码。

您第一个网站的故事

创建一个专业的网站需要大量工作,因此,如果您是 Web 开发的新手,我们建议您从小处着手。您不会立即构建另一个 Facebook,但创建自己的简单网站并不难,所以我们从这里开始。

指南

通过完成下面列出的文章,您将从零开始,直到您的第一个网页上线。让我们开始我们的旅程吧!

安装基本软件

在构建网站的工具方面,有很多选择。如果您是新手,您可能会被各种代码编辑器、框架和测试工具弄糊涂。在本文中,我们将逐步向您展示如何安装开始进行基本 Web 开发所需的软件。

您的网站将会是什么样的?

在开始编写网站代码之前,您应该先进行规划。您要展示哪些信息?您使用什么字体和颜色?在这里,我们将概述一个简单的步骤,您可以遵循该步骤来规划网站的内容和设计。

处理文件

一个网站包含许多文件:文本内容、代码、样式表、媒体内容等等。构建网站时,需要将这些文件组合成一个合理的结构,并确保它们可以相互通信。本文解释了如何为您的网站设置一个合理的文件夹结构以及您应该注意哪些问题。

HTML 基础

超文本标记语言 (HTML) 是用于构建 Web 内容的代码,并赋予其含义和目的。例如,我的内容是一组段落还是一个项目符号列表?我的页面上插入了图像吗?我有一个数据表吗?在不令您感到压力的前提下,本文将提供足够的信息,让您熟悉 HTML。

CSS 基础

层叠样式表 (CSS) 是用于为网站设置样式的代码。例如,您希望文本是黑色还是红色?内容应该在屏幕上的什么位置绘制?应该使用什么背景图像和颜色来装饰您的网站?在本文中,我们将带您了解入门所需的知识。

JavaScript 基础

JavaScript 是用于向您的网站添加交互功能的编程语言。一些例子可能是游戏、按钮被按下或数据在表单中输入时发生的事情、动态样式效果、动画等等。在本文中,我们将让您了解这种激动人心的语言的可能性,以及如何开始使用它。

发布您的示例代码

完成编写代码并组织组成网站的文件后,您需要将其全部发布到网上,以便人们能够找到它。本文介绍了如何以最小的努力将您的简单示例代码发布到网上。

Web 的工作原理

当您访问您喜欢的网站时,后台会发生很多您可能不知道的复杂事情。在这里,我们将概述当您在计算机上查看网页时会发生什么。

另请参阅

前端开发人员职业发展路径 MDN 课程合作伙伴

Scrimba 的 前端开发人员职业发展路径教授成为一名合格的前端 Web 开发人员所需的全部知识,包括有趣的互动课程和挑战、知识渊博的老师和一个支持性的社区。从零开始,找到您的第一份前端工作!课程中的许多组件都以独立的免费版本提供。

Web 解密

一个很棒的视频系列,解释了 Web 基础知识,面向 Web 开发的完全新手。由 Jérémie Patonnier 创建。

Web 和 Web 标准

本文提供了一些关于 Web 的有用背景信息——它是如何产生的,Web 标准技术是什么,它们如何协同工作,为什么“Web 开发人员”是一个很棒的职业选择,以及您将在本课程中学到的哪些最佳实践。