--- title: Web 入门 slug: Learn/Getting_started_with_the_web tags: - 主页 - 发布 - 层叠样式表 - 指南 - 新手 - 理论 - 设计 - 超文本标记语言 translation_of: Learn/Getting_started_with_the_web ---
Web 入门是一门介绍 Web 开发实用性的简洁系列课程。在这里你将学会如何设置构建简单网页所需的工具并发布你自己的简易代码。
构建一个专业的网站需要大量的工作,所以如果你是新手,我们鼓励你从小事做起。你不会直接建立另一个 Facebook,但建立一个个人的简单在线网站并不难,所以让我们从这里开始吧。
通过按顺序阅读下面列出的文章,你将逐渐建立好你自己的第一个在线网站。让我们开始吧!
当提到建站工具的时候,网上有着一大堆工具可供选择。如果你才刚刚起步,你可能会在各种各样的代码编辑器、框架以及测试工具中困惑不已。 在安装基础软件中我们将一步一步地展示如何安装一些你所需要的基础 Web 开发软件。
在开始为你的网站写代码之前,你应该先做好规划。你将展示什么信息?你将使用什么样的字体和颜色?在你的网站看起来是什么样的?这一块中我们简要讲述了一个简单的方法,你可以根据这个方法来设计和规划网站的内容。
一个网站包含很多文件:文本内容、代码、样式表、媒体内容等。当你建立一个网站,你需要给这些文件安排一个合理的结构,并确保它们能够相互联系。文件处理这块内容将向你解释如何给你的网站建立一个合理的文件结构以及一些你应该要注意的问题。
超文本标记语言 ( HTML ) 是用来构建你的网页内容并将其语义化的代码。举例来说, 我的内容是一些段落还是带点的列表?我的网页上有插入图片吗?有数据表格吗?HTML 基础将在你能承受的范围内提供足够的信息让你熟悉 HTML。
层叠样式表 (CSS) 是用来添加样式到你网站的代码。举例来说,你想让文字是黑色还是红色的?在屏幕的何处展示内容?用什么背景图像和颜色来装饰你的网站?CSS 基础带你完成你需要做的事。
JavaScript 是一种被用来添加交互功能到你的网站的编程语言。比如游戏,或者当按下按钮后会发生的事情,或者将数据输入表格,动态样式效果,动画等等。JavaScript 基础将让你了解这门令人激动的语言能做什么,以及如何开始。
当你完成了代码并整理好了构建网站的文件的时候,你需要将它们发布到互联网上以便人们可以找到它。发布你的网站描述了如何最轻松地发布你的简易代码。
当你访问你喜爱的网站时,你可能不知道在这背后有很多复杂的事情正在发生。万维网是怎么工作的概述了当你通过你的电脑查看一个网页时发生了什么。