翻譯不完整。請協助 翻譯此英文文件

當你完成你的網頁程式碼後,你需要把它放到網路上,這樣人們才可以搜尋得到。這個章節將介紹如何快速的把你的程式碼放到網路上。

What are the options?

發佈網站並不是一個幾句話就能說得完的課題,主要是因為有太多方法能夠發佈網站。在這個章節中,我們不會介紹所有可能的方法,但是我們會引見三個概念,並從初學者的角度分別說明它們的優缺點,然後一步一步帶你用一個你現階段有辦法完成的方法發佈網站。

取得主機(hosting)和網域名稱(domain name)

如果你想要完全掌控你發佈的網站,那你大概就需要花錢: 

  • 主機 — 跟主機租借商(hosting company)的網頁伺服器(web server)租一個放置檔案的空間。你把你建置的網頁檔案放到這個空間中,然後想要連結到網頁的人就能透過網頁伺服器連結到你的網站。
  • 網域名稱( domain name )— 人們可以透過這個獨特的網址來尋找你的網站,像是http://www.mozilla.org或 http://www.bbc.co.uk。你需要向網域名稱註冊商(domain registrar)租借網域名稱。

許多專業的網站是用這個方法發佈的。

除此之外,你還會需要一個 File Transfer Protocol (FTP) 程序 ( 點選How much does it cost: software 來取得更多資訊 ) ,這樣才能真正的把你建置的網頁檔案傳達給伺服器。FTP程序很廣泛,但一般來說,你可以用你公司提供的資訊,像是使用者名稱、密碼以及host name來登入你的網頁伺服器,它就會以兩個視窗的形式分別顯示你電腦裡的檔案和你網頁伺服器上的檔案,然後你就可以移動你的檔案。

租借主機和網域的方法

  • 在這裡我們不介紹特定的主機租借商(hosting companies)或網域名稱註冊商(domain name registrars),你只要搜尋"web hosting"和"domain names"就能找到它們。所有的註冊商都會提供方法讓你檢查你想要的網域名稱可不可以使用或者有沒有被註冊過。
  • 你的 internet service provider 可能會提供有限制的主機,這可以讓你發佈一些比較簡易的網站,雖然會有些限制,但嘗試使用它來發佈你的第一個網站也是很不錯的 — 聯絡並詢問他們!
  • 有些公司提供免費的服務,像是NeocitiesBloggerWordPress,但是我要強調,你付出多少得到多少,不過使用它們來發佈你的第一個網站何嘗不是一個理想的方法? 而且免費的服務大部分不需要FTP程序來上傳檔案,你只需要用它們提供的介面來移動檔案。
  • 有些公司同時提供主機(hosting)和網域(domains)的服務。

使用線上工具,像是 GitHub 或 Google App Engine

使用工具來發佈網站: 

  • GitHub 可以交流程式的平台,它提供你一個空間來存放程式碼,這個空間是以 Git 形式來操控的系統,你就能夠透過系統共同編輯平台上的程式專案,而這個系統是開放資源,也就是說全世界的人都可以找到你的GitHub code,包括使用它、從中學習並將它改得更好。GitHub提供一個非常實用的工具 — GitHub Pages, 它能讓你發佈網站。
  • Google App Engine 是一個強大的平台,它能讓你在Google的基礎下建置和運行應用程式 — 不管是要build a multi-tiered web application from scratch or host a static website. 點選 How do you host your website on Google App Engine? 以獲得更多資訊。

Unlike most hosting, such tools are usually free to use, but you only get a limited feature-set.

Using a web-based IDE such as Thimble

There are a number of web apps that emulate a website development environment, allowing you to enter HTML, CSS and JavaScript and then display the result of that code when rendered as a website — all in one browser tab. Generally speaking these tools are quite easy, great for learning, and free (for basic features), and they host your rendered page at a unique web address. However, the basic features are pretty limited, and the apps usually don't provide hosting space for assets (like images).

Try playing with some of these examples, and see which one you like the best:

Publishing via GitHub

Now let's take you through how to easily publish your site via GitHub Pages.

  1. First of all, sign up for GitHub and verify your email address.
  2. Next, you need to create a repository for your files to go in.
  3. On this page, in the Repository name box, enter username.github.io, where username is your username. So for example, our friend bobsmith would enter bobsmith.github.io.
    Also check Initialize this repository with a README and then click Create repository.
  4. After that, drag and drop the content of your website folder into your repository and then click Commit changes.
     

    Note: Make sure your folder has an index.html file.

  5. Now navigate your browser to username.github.io to see your website online. For example, for the username chrisdavidmills, go to chrisdavidmills.github.io.

    Note: It may take a few minutes for your website to go live. If it doesn't work immediately, you may have to wait a few minutes and then try again.

To learn more, see GitHub Pages Help.

Further reading

文件標籤與貢獻者

 此頁面的貢獻者: MLJ
 最近更新: MLJ,