MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

Learn web development

我需要什么软件来构建一个网站

在这篇文章我们会展示当你编辑,上传或者浏览一个网站时所需要的软件成分。

先决条件: 你应当已经知道 网页,网站,网络服务器,以及搜索引擎间的区别 [the difference between webpages, websites, web servers, and search engines]。
目标: 学习当你想要编辑,上传,或者浏览一个网站时所需要的软件成分。

概要

你可以免费下载大部分网络开发所需要的程序。我们会在此文章中提供一些链接。你会需要工具去 1) 创建和编辑网页,2) 上传文件到你的网络服务器,和 3) 浏览你的网站。

几乎所有的操作系统内置了一个文本编辑器和网站阅读器(被称作 浏览器)。所以通常你只需要获得用来传输文件到你的网络服务器的软件。

自主学习

现在还没有自主学习活动。请考虑投稿 [Please, consider contributing]。

深度探索

创建和编辑网页

要创建和编辑一个网站,你需要一个文本编辑器。文本编辑器创建并修改无格式的文本文件。(其他格式,像是 RTF,允许你去添加格式,像是加粗或者下划线。这些格式并不适用于编写网页。)你应当明智地选择一个文本编辑器,因为当你建立网站时,你会广泛地使用到它。

所有的桌面操作系统内置了一个基本的文本编辑器。这些编辑器是很直白的,但是缺乏了网页编码所需的特殊功能。如果你想要一些更花俏的东西,这里有很多可用的第三方工具。第三方编辑器通常包含了额外的功能,包括句法填色 [syntax coloring],自动填充 [auto-completion],可折叠区间 [collapsible sections],以及代码搜索 [code search]。这里有一个短的编辑器列表:

操作系统 内置编辑器 第三方编辑器
Windows Notepad

Notepad++

Visual Studio Code

Web Storm

Mac OS TextEdit TextWrangle
Linux Vi (All UNIX)
GEdit (Gnome)
Kate (KDE)
LeafPad (Xfce)
Emacs
Vim

这里是一个高级文本编辑器的截图:

Screenshot of Notepad++.

上传文件到网络

当你的网站已经为公众浏览做好准备,你会需要上传你的网页到你的网络服务器。你可以从不同的供应者(查看 在网络上做某些东西要花费多少 [How much does it cost to do something on the web?])处购买服务器的空间。一旦你选择好供应者,供应者会通过电子邮件给你发送 FTP(文件传输协议 [file transfer protocol])访问信息。上传文件到一个网络服务器是创建一个网站的重要一环,所以我们会在一篇独立的文章 [a separate article] 中介绍它。就目前而言,这里有一小列免费的基本 FTP 客户端:

操作系统  FTP 软件
Windows

WinSCP

Moba Xterm

FileZilla (All OS)
Linux Nautilus (Gnome)
Konqueror (KDE)
Mac OS Cyberduck

浏览页面

正如你所知,你需要一个网页浏览器去查看网页。这里有一系列的 [dozens] 可选浏览器供你个人实用,不过当你在开发一个网页时,你应当至少用以下的主流浏览器测试它,以保证你的网站可供大部分人浏览:

如果你正以特定的群体(比如说技术平台或者国家)为目标,你或许需要用额外的浏览器,像是 Opera、 Dolphin 或者 UC Browser,来测试它。

但是因为某些浏览器只会在特定的操作系统上运行,测试会变得复杂。Apple Safari 在 iOS 和 Mac OS 上运行,而 Internet Explorer 则只在 Windows 上运行。这时候最好利用像是 Browsershots 或者 Browserstack 之类的服务。Browsershots 提供你的网站的截图,就如同它会在不同浏览器中所看到那样。Browserstack 实际上给予你完全远程访问虚拟机 [virtual machines] 的权限,所以你可以在最普遍的环境中测试你的网站。或者,你可以设置你自己的虚拟机,不过这需要一些专业知识。(如果你选择了这样做,微软 [Microsoft] 在 modern.ie 上为开发者提供了一些工具,包括随时可用的虚拟机。)

务必在一个真实设备上运行一些测试,尤其是在真实的移动设备 [mobile devices] 上。移动设备模拟是一个崭新的,进化中的技术,而且它并不及桌面模拟可靠。当然,移动设备耗费金钱,所以我们推荐你查看一下 Open Device Lab initiative。你同时也可以分享设备,如果你想要不花费太多地在多平台上测试的话。

下一步

 

文档标签和贡献者

 此页面的贡献者: GHLgh
 最后编辑者: GHLgh,