From 33dac47edf742c613339a23ba81e23b8932ede9a Mon Sep 17 00:00:00 2001 From: familyboat <84062528+familyboat@users.noreply.github.com> Date: Tue, 10 Sep 2024 09:12:01 +0800 Subject: [PATCH] zh-cn: update the translation of "Getting started with the web" (#23485) Co-authored-by: A1lo --- .../getting_started_with_the_web/index.md | 44 +++++++++++-------- 1 file changed, 26 insertions(+), 18 deletions(-) diff --git a/files/zh-cn/learn/getting_started_with_the_web/index.md b/files/zh-cn/learn/getting_started_with_the_web/index.md index a64ee0026cced5..d2cf76b4a11f13 100644 --- a/files/zh-cn/learn/getting_started_with_the_web/index.md +++ b/files/zh-cn/learn/getting_started_with_the_web/index.md @@ -1,51 +1,59 @@ --- -title: web 入门 +title: Web 入门 slug: Learn/Getting_started_with_the_web +l10n: + sourceCommit: 33d92d501901ca505f1d33f914531753ca289f2e --- {{LearnSidebar}} -*web 入门*是一个简要的系列，向你介绍 web 开发的实用性。你将配置你需要的工具来构建一个简单的网页，并发布一份属于你自己的代码。 +*Web 入门*是一套简明的，介绍 Web 开发实践的系列文章。你会安装构建简单网页和发布简单代码所需的工具。 ## 你的第一个网站 -创建一个专业的网站需要大量的工作，所以如果你是 web 开发的新手，我们鼓励你从小事做起。你不可能立马再建一个 Facebook，但做一个自己的简单网站并不难，我们将由此开始。 +创建一个专业的网站需要大量的工作，因此如果你是 Web 开发的新手，我们会鼓励你从小事做起。虽然你无法立刻再建一个 Facebook，但是做一个简单的网站并不难，我们将由此开始。 -通过阅读下面列出的文章，你将从零开始获得你的第一个在线网页。让我们开始吧！ +## 指南 -- [安装基本软件](/zh-CN/docs/Learn/Getting_started_with_the_web/Installing_basic_software) +通过学习下列的文章，你将从零开始获得第一个在线网页。让我们开始旅程吧！ - - : 说到建设网站的工具，有很多可供选择的。如果你初入门径，你可能会被外面的一系列代码编辑器、框架和测试工具所迷惑。在这篇文章中，我们将逐步向你展示如何安装你需要的软件，以开始基本的 web 开发。 +- [安装基础软件](/zh-CN/docs/Learn/Getting_started_with_the_web/Installing_basic_software) + + - : 说到建设网站的工具，有很多可供选择的。如果你初入门径，你可能会被外面一系列的代码编辑器、框架和测试工具所迷惑。在这篇文章中，我们将一步一步地教你如何安装开始基础的 Web 开发所需的软件。 - [你的网站会是什么样子？](/zh-CN/docs/Learn/Getting_started_with_the_web/What_will_your_website_look_like) - : 在你开始为你的网站写代码之前，你应该先计划一下。需要展示什么信息？使用什么字体和颜色？我们概述了一个简单的方法，你可以按照这个方法来规划网站的内容和设计。 -- [文件处理](/zh-CN/docs/Learn/Getting_started_with_the_web/Dealing_with_files) +- [处理文件](/zh-CN/docs/Learn/Getting_started_with_the_web/Dealing_with_files) - - : 一个网站由许多文件组成：文本内容、代码、样式表、媒体内容，等等。当你建立一个网站时，你需要将这些文件组合成一个合理的结构，并确保它们能够相互交流。这篇文章解释了如何为你的网站建立一个合理的文件结构以及你应该注意的问题。 + - : 一个网站由很多文件组成：文本内容、代码、样式表、媒体内容，等等。在建立网站时，你需要将这些文件以合理的结构组合起来，并确保它们能够相互交流。本文将讲解如何为网站建立合理的结构以及相关注意事项。 -- [HTML 基础知识](/zh-CN/docs/Learn/Getting_started_with_the_web/HTML_basics) +- [HTML 基础](/zh-CN/docs/Learn/Getting_started_with_the_web/HTML_basics) - - : 超文本标记语言（HTML）是你用来组织你的网络内容，并赋予它意义和目的的代码。例如，我的内容是一组段落还是一个要点列表？我的页面上是否插入了图片？我有一个数据表吗？在你的接受能力之内，这篇文章提供了足够的信息，使你熟悉 HTML。 + - : 超文本标记语言（HTML）是用于构建 Web 内容并赋予内容含义和目的的代码。例如，这个内容是段落还是列表？页面中是否插入图像？是否要有数据表格？在你的接受能力之内，这篇文章将提供足够的信息让你熟悉 HTML。 -- [CSS 基础知识](/zh-CN/docs/Learn/Getting_started_with_the_web/CSS_basics) +- [CSS 基础](/zh-CN/docs/Learn/Getting_started_with_the_web/CSS_basics) - - : 层叠样式表（CSS）是你用来为你的网站设置样式的代码。例如，你希望文本是黑色还是红色？内容应该画在屏幕的什么地方？应该用什么背景图片和颜色来装饰你的网站？在这篇文章中，我们将带你了解你所需要的东西，以便开始使用。 + - : 层叠样式表（CSS）是用于为网站添加样式的代码。例如，你希望文本是黑色还是红色？内容应该绘制在屏幕的什么地方？应该用什么背景图像和颜色装饰你的网站？在这篇文章中，我们将带你学习入门所需的知识。 -- [JavaScript 基础知识](/zh-CN/docs/Learn/Getting_started_with_the_web/JavaScript_basics) +- [JavaScript 基础](/zh-CN/docs/Learn/Getting_started_with_the_web/JavaScript_basics) - - : JavaScript 是一种编程语言，你用它来给你的网站添加交互功能。例如游戏、当按钮被按下或数据被输入表格时发生的事情、动态造型效果、动画等。这篇文章将让你了解这种令人兴奋的语言的潜力，以及如何开始使用。 + - : JavaScript 是用于为网站添加交互特性的编程语言。例如，游戏、按钮按下或在表单中输入数据时会发生的事情、动态的样式效果、动画，等等。在这篇文章中，我们将让你了解这门令人兴奋的语言的潜力，以及如何入门。 - [发布你的网站](/zh-CN/docs/Learn/Getting_started_with_the_web/Publishing_your_website) - - : 一旦你完成了编写代码并组织构成你的网站的文件时，你需要把它们全部放在网上，以便人们能够找到它。这篇文章描述了如何以最简便的方式将你的简单示例上线至网络。 + - : 一旦完成了代码编写和构成网站的文件的组织工作，你就需要把它们全部放在网上，这样人们才能找到它。这篇文章描述如何以最简便的方式将你的简单示例上线至网络。 - [万维网是如何工作的](/zh-CN/docs/Learn/Getting_started_with_the_web/How_the_Web_works) - - : 当你访问你最喜欢的网站时，你可能不知道正有很多复杂的事情在后台发生。这篇文章概述了当你在电脑上浏览网页时发生的事情。 + - : 当你访问最喜欢的网站时，有很多你可能不知道的复杂的事情正在后台发生。本文将概述在电脑上浏览网页时正在发生的事情。 ## 参见 -- [web 解密](https://www.youtube.com/playlist?list=PLo3w8EB99pqLEopnunz-dOOBJ8t-Wgt2g): 一系列解释 web 基础原理的精彩视频，针对 web 开发的完全初学者。由 [Jérémie Patonnier](https://twitter.com/JeremiePat) 创建。 -- [web 及 web 标准](/zh-CN/docs/Learn/Getting_started_with_the_web/The_web_and_web_standards): 这篇文章提供了一些关于 web 的背景故事——它是如何诞生的，什么是 web 标准，它们是如何一起工作的，为什么“web 开发者”是一个很好的职业选择，以及你将通过该课程了解什么样的最佳实践。 +- [前端开发者职业道路](https://v2.scrimba.com/the-frontend-developer-career-path-c0j?via=mdn) _MDN 课程合作伙伴_ + - : [Scrimba](https://scrimba.com?via=mdn) 的*前端开发者职业道路*教授成为合格的前端 Web 开发者所需的知识，这里有有趣的交互式课程和挑战、有学识的老师以及提供帮助的社区。让你从零到获得第一份前端工作！许多课程有单独的免费版本。 +- [Web 解密](https://www.youtube.com/playlist?list=PLo3w8EB99pqLEopnunz-dOOBJ8t-Wgt2g) + - : 由 [Jérémie Patonnier](https://github.com/JeremiePat) 创建的一系列很棒的解释 Web 基础知识的视频，面向的是 Web 开发的纯新手。 +- [Web 和 Web 标准](/zh-CN/docs/Learn/Getting_started_with_the_web/The_web_and_web_standards) + - : 这篇文章提供一些实用的和 Web 相关的背景故事——Web 是如何诞生的、什么是 Web 标准技术、Web 和 Web 标准技术是如何一起工作的、为什么“Web 开发者”是一个很好的职业选择，以及在课程中你将学习什么样的最佳实践。