Web 入门是一套简明的,介绍 Web 开发实践的系列文章。你会安装构建简单网页和发布简单代码所需的工具。
你的第一个网站
创建一个专业的网站需要大量的工作,因此如果你是 Web 开发的新手,我们会鼓励你从小事做起。虽然你无法立刻再建一个 Facebook,但是做一个简单的网站并不难,我们将由此开始。
指南
通过学习下列的文章,你将从零开始获得第一个在线网页。让我们开始旅程吧!
安装基础软件说到建设网站的工具,有很多可供选择的。如果你初入门径,你可能会被外面一系列的代码编辑器、框架和测试工具所迷惑。在这篇文章中,我们将一步一步地教你如何安装开始基础的 Web 开发所需的软件。
你的网站会是什么样子?在你开始为你的网站写代码之前,你应该先计划一下。需要展示什么信息?使用什么字体和颜色?我们概述了一个简单的方法,你可以按照这个方法来规划网站的内容和设计。
处理文件一个网站由很多文件组成:文本内容、代码、样式表、媒体内容,等等。在建立网站时,你需要将这些文件以合理的结构组合起来,并确保它们能够相互交流。本文将讲解如何为网站建立合理的结构以及相关注意事项。
HTML 基础超文本标记语言(HTML)是用于构建 Web 内容并赋予内容含义和目的的代码。例如,这个内容是段落还是列表?页面中是否插入图像?是否要有数据表格?在你的接受能力之内,这篇文章将提供足够的信息让你熟悉 HTML。
CSS 基础层叠样式表(CSS)是用于为网站添加样式的代码。例如,你希望文本是黑色还是红色?内容应该绘制在屏幕的什么地方?应该用什么背景图像和颜色装饰你的网站?在这篇文章中,我们将带你学习入门所需的知识。
JavaScript 基础JavaScript 是用于为网站添加交互特性的编程语言。例如,游戏、按钮按下或在表单中输入数据时会发生的事情、动态的样式效果、动画,等等。在这篇文章中,我们将让你了解这门令人兴奋的语言的潜力,以及如何入门。
发布你的网站一旦完成了代码编写和构成网站的文件的组织工作,你就需要把它们全部放在网上,这样人们才能找到它。这篇文章描述如何以最简便的方式将你的简单示例上线至网络。
万维网是如何工作的当你访问最喜欢的网站时,有很多你可能不知道的复杂的事情正在后台发生。本文将概述在电脑上浏览网页时正在发生的事情。
参见
前端开发者职业道路 MDN 课程合作伙伴Scrimba 的前端开发者职业道路教授成为合格的前端 Web 开发者所需的知识,这里有有趣的交互式课程和挑战、有学识的老师以及提供帮助的社区。让你从零到获得第一份前端工作!许多课程有单独的免费版本。
Web 解密由 Jérémie Patonnier 创建的一系列很棒的解释 Web 基础知识的视频,面向的是 Web 开发的纯新手。
Web 和 Web 标准这篇文章提供一些实用的和 Web 相关的背景故事——Web 是如何诞生的、什么是 Web 标准技术、Web 和 Web 标准技术是如何一起工作的、为什么“Web 开发者”是一个很好的职业选择,以及在课程中你将学习什么样的最佳实践。