We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

一旦你编写且整理好了你网页的全部文件,你需要将它们全部上传到网上别人才能看到. 这篇文章向你展示了如何轻松地将你简单的样品传到网上。

可供选择的方法

发布一个网页并不简单,主要是因为我们有太多方法去完成它了。在这篇文章里我们并不准备列出全部方法。 反而我们准备从初学者的视角讨论一下三种常见的方式的利弊。然后带你看看我们将要使用的一种方法。

主机服务和域名

如果你想要取得你发布的网页的完全控制,那么你将需要花钱购置以下:

  • 主机服务 — 在主机服务提供商的 web server 上租用文件空间。将你网站的文件上传到这,然后服务器会响应web用户提出的要求。
  • 域名(domain name) — 一个可以让人们访问的独特的地址,像 http://www.mozilla.org,或 http://www.bbc.co.uk. 你可以从 域名注册商租借域名 。

许多专业的网站通过这种方法接入互联网。

此外,你将需要一个文件传输协议(FTP)程序 ( 点击 How much does it cost: software 查看详细信息 ) 来将网站文件上传到服务器。 不同的 FTP 程序之间差别非常大, 但是通常你需要使用主机服务提供商给你的详细信息连接到Web服务器 ( 比如用户名、密码、主机名 )。然后程序在两个窗口里分别显示本地文件和服务器文件,你可以在它们之间进行传输:

寻找主机服务和域名的建议

  • 我们不会推荐任何商业化的主机公司。要找到主机公司和域名注册商,只需要搜索 "web hosting" 和 "domain names" 来找到一家出售域名的公司。 所有这种类型的公司都允许你搜索你想要的域名。
  • 你的家庭网或办公网络服务提供商可能会提供一些有限的小型主机空间。它们的空间都非常有限,但是它们会非常适合你的第一个实验的 — 联系一下他们!
  • 有一些免费服务比如 Neocities, Blogspot, 和 Wordpress. 重复一遍, 一分钱一分货,不过它们对于你的初次实验可能会是很理想的。 免费服务大部分也不需要 FTP 软件来上传文件 — 你只需要将文件拖入到它们网页的界面里。
  • 有时公司会打包提供主机服务和域名的。

使用在线工具如 GitHub 或 Dropbox

有一些工具能使你在线发布网站 :

  • GitHub 是一个“社交编程”网站。它允许你上传代码库并储存在 Git 版本控制系统里。 然后你可以协作代码项目,系统是默认开源的,意味着世界上任何人都可以找到你 GitHub 上的代码。去使用 GitHub,从中学习并且提高自己吧! 你也可以对别人的代码那样做! 这是一个非常重要、有用的社区,而且 Git/GitHub 是非常流行的 version control system — 大部分科技公司在工作中使用它。 GitHub 有一个非常有用的特点叫 GitHub pages,允许你将网站代码放在网上。
  • Dropbox 是一个允许你在保存文件在网上并可从任何计算机中获取的文件存储系统。任何接入互联网的人都可以进入你设置为公开的文件目录。 如果那个文件夹内包含网站文件, 它将被自动视为一个网站。 点击 Host websites With Dropbox 查看更多信息。

不像大量其他的主机,这类工具通常是免费的,不过你只能使用有限的功能。

使用像 Thimble 的基于Web的集成开发环境

有许多web应用能够仿真一个网站开发环境,允许你输入 HTML、CSS 和 JavaScript 然后显示代码的结果 —— 全部在一个标签页里!通常这些工具都很简单,对学习很有帮助,而且是免费的(基本功能),它们在一个独特的地址显示你提交的网页。不过,基础功能是很有限的,而且这些应用通常不提供如图像的内容的主机空间。

使用一下以下几种工具,看看你最喜欢哪一个:

通过GitHub发布

现在,让我们通过Github页面告诉你公布的你的代码是如此的简单。

  1. 首先, 注册一个GitHub账号, 并确认你的邮箱地址。
  2. 接下来,你需要创建一个新的资源库( repository )来存放你的文件。
  3. 在这个页面上,在 Repository name 输入框里输入  username.github.io,username 是你的用户名。比如,我们的朋友 bobsmith 会输入  bobsmith.github.io。同时勾选  Initialize this repository with a README ,然后点击 Create repository
  4. 然后,将你的网页文件夹拖拽到你的资源库( repository ),再点击 Commit changes

    提示: 确保你的文件夹有一个 index.html 文件.

  5. 现在将你的浏览器转到 username.github.io 来在线查看你的网站。比如,如果用户名为chrisdavidmills, 请转到 chrisdavidmills.github.io

    提示: 你的网站可能需要几分钟的时间才能投入使用。 如果它不能立即工作,你可能需要等待几分钟,然后再试一次。

想要了解更多,请看 GitHub Pages Help.

延展阅读

文档标签和贡献者

标签: 
最后编辑者: Unequaled804,