开始使用网络
Web 入门是一个简洁的系列,向你介绍 Web 开发的实用性。你将设置构建简单网页并发布你自己的简单代码所需的工具。
¥Getting started with the web is a concise series introducing you to the practicalities of web development. You'll set up the tools you need to construct a simple webpage and publish your own simple code.
你的第一个网站的故事
¥The story of your first website
创建专业网站需要大量工作,因此如果你是网络开发新手,我们鼓励你从小事做起。你不会立即建立另一个 Facebook,但制作你自己的简单在线网站并不难,所以我们将从这里开始。
¥It's a lot of work to create a professional website, so if you're new to web development, we encourage you to start small. You won't build another Facebook right away, but it's not hard to make your own simple website online, so we'll start there.
指南
¥Guides
通过阅读下面列出的文章,你将从一无所有到获得你的第一个网页。让我们开始我们的旅程吧!
¥By working through the articles listed below, you will go from nothing to getting your first webpage online. Let's begin our journey!
- 安装基本软件
-
当谈到构建网站的工具时,有很多可供选择的工具。如果你刚刚开始,你可能会对大量的代码编辑器、框架和测试工具感到困惑。在本文中,我们将逐步向你展示如何安装开始一些基本 Web 开发所需的软件。
- 你的网站会是什么样子?
-
在开始为你的网站编写代码之前,你应该首先进行规划。你展示什么信息?你使用什么字体和颜色?在这里,我们将概述一个简单的方法,你可以遵循该方法来规划网站的内容和设计。
- 处理文件
-
一个网站由许多文件组成:文本内容、代码、样式表、媒体内容等。当你构建网站时,你需要将这些文件组装成一个合理的结构,并确保它们可以相互通信。本文介绍了如何为你的网站设置合理的文件结构以及你应该注意的问题。
- HTML 基础知识
-
超文本标记语言 (HTML) 是用于构建 Web 内容并赋予其含义和目的的代码。例如,我的内容是一组段落还是一系列要点?我的页面上是否插入了图片?我有数据表吗?本文将提供足够的信息来帮助你熟悉 HTML,但不会让你感到不知所措。
- CSS 基础知识
-
层叠样式表 (CSS) 是用于设计网站样式的代码。例如,你希望文本是黑色还是红色?内容应该绘制在屏幕上的哪里?应该使用什么背景图片和颜色来装饰你的网站?在本文中,我们将引导你了解入门所需的内容。
- JavaScript 基础知识
-
JavaScript 是一种编程语言,用于向你的网站添加交互功能。一些例子可以是游戏、按下按钮或在表单中输入数据时发生的事情、动态样式效果、动画等等。在本文中,我们将向你介绍这种令人兴奋的语言的可能性以及如何开始。
- 发布你的示例代码
-
编写完代码并组织构成网站的文件后,你需要将其全部放在网上,以便人们可以找到它。本文介绍如何以最小的努力在线获取简单的示例代码。
- 网络如何运作
-
当你访问你最喜欢的网站时,后台会发生许多你可能不知道的复杂事情。在这里,我们将概述当你在计算机上查看网页时会发生什么。