web 入门

web 入门是一个简要的系列,向你介绍 web 开发的实用性。你将配置你需要的工具来构建一个简单的网页,并发布一份属于你自己的代码。

你的第一个网站

创建一个专业的网站需要大量的工作,所以如果你是 web 开发的新手,我们鼓励你从小事做起。你不可能立马再建一个 Facebook,但做一个自己的简单网站并不难,我们将由此开始。

通过阅读下面列出的文章,你将从零开始获得你的第一个在线网页。让我们开始吧!

安装基本软件

说到建设网站的工具,有很多可供选择的。如果你初入门径,你可能会被外面的一系列代码编辑器、框架和测试工具所迷惑。在这篇文章中,我们将逐步向你展示如何安装你需要的软件,以开始基本的 web 开发。

你的网站会是什么样子?

在你开始为你的网站写代码之前,你应该先计划一下。需要展示什么信息?使用什么字体和颜色?我们概述了一个简单的方法,你可以按照这个方法来规划网站的内容和设计。

文件处理

一个网站由许多文件组成:文本内容、代码、样式表、媒体内容,等等。当你建立一个网站时,你需要将这些文件组合成一个合理的结构,并确保它们能够相互交流。这篇文章解释了如何为你的网站建立一个合理的文件结构以及你应该注意的问题。

HTML 基础知识

超文本标记语言(HTML)是你用来组织你的网络内容,并赋予它意义和目的的代码。例如,我的内容是一组段落还是一个要点列表?我的页面上是否插入了图片?我有一个数据表吗?在你的接受能力之内,这篇文章提供了足够的信息,使你熟悉 HTML。

CSS 基础知识

层叠样式表(CSS)是你用来为你的网站设置样式的代码。例如,你希望文本是黑色还是红色?内容应该画在屏幕的什么地方?应该用什么背景图片和颜色来装饰你的网站?在这篇文章中,我们将带你了解你所需要的东西,以便开始使用。

JavaScript 基础知识

JavaScript 是一种编程语言,你用它来给你的网站添加交互功能。例如游戏、当按钮被按下或数据被输入表格时发生的事情、动态造型效果、动画等。这篇文章将让你了解这种令人兴奋的语言的潜力,以及如何开始使用。

发布你的网站

一旦你完成了编写代码并组织构成你的网站的文件时,你需要把它们全部放在网上,以便人们能够找到它。这篇文章描述了如何以最简便的方式将你的简单示例上线至网络。

万维网是如何工作的

当你访问你最喜欢的网站时,你可能不知道正有很多复杂的事情在后台发生。这篇文章概述了当你在电脑上浏览网页时发生的事情。

参见

  • web 解密: 一系列解释 web 基础原理的精彩视频,针对 web 开发的完全初学者。由 Jérémie Patonnier 创建。
  • web 及 web 标准: 这篇文章提供了一些关于 web 的背景故事——它是如何诞生的,什么是 web 标准,它们是如何一起工作的,为什么“web 开发者”是一个很好的职业选择,以及你将通过该课程了解什么样的最佳实践。