經典案例
  • 企業郵箱
  • 空間租用
  • 域名注冊
  • 網站建設
  • 米克設計

一個簡單的網站搭建教程

發布于:2018-05-14 11:17來源:成都上水網絡 作者:admin 點擊:

  對于很多人來說,其實搭建網站(不限于個人網站)可以大大激發學習興趣,還可以把之前似懂非懂的理論知識付諸實踐、串聯起來,是個很好的鍛煉技術能力的方式,而且,要是能真正利用起來,可能還有意想不到的收獲。

  這里,我整理了一份快速建站教程,大家有興趣可以試試看。1. 選擇合適的平臺

  如果你想快速搭建一個好用的、移動友好的、功能性的網站,那么你需要選擇一個平臺(也被稱為 CMS)

  1.1 什么是 CMS?

  CMS 全稱為 Content Management System ,也就是內容管理系統。

  回首 2004 年,彼時,大多數的網站是用 html, css, 甚至還有 flash 寫的,這需要一點點寫大量的代碼,需要花費巨大的時間和精力去學習,而且還不容易掌握。

  這就是為什么至今還有人覺得從頭開始創建一個網站是多么困難的事情, 涉及到許許多多的 coding 和 design 技能。

  然而,并非如此。

  到今天, 2018 年,使用像 WordPress 這樣的 CMS ,任何人都可以輕而易舉的創建網站。

  簡單的說,CMS(或者其他的建站平臺)就是一個用戶友好的,用來搭建網站、管理在線內容的平臺。

  1.2 2018 年最流行的建站平臺

  根據 W3Techs 最近的調查結果顯示,WordPress 是目前最流行的 CMS (55%),后面兩個是 Joomla (20%) 和 Drupal (11%)。1.3 下面是為什么推薦使用 WordPress 建站的原因

  WordPress vs. HTML & CSS: 從零開始學習 HTML 大概會花費 6 個月以上的時間,更不要說還有 CSS,PHP。雖說能掌握 HTML 基礎知識更好,但是如果你想要在一兩天之內,就可以創建一個屬于自己的網站的話,那么從頭開始學 HTML 并不是一個可行的方案。

  WordPress vs. Website Builders: Website Builders 通常比較貴,而且功能受限,如果網站只有一個頁面的話,用 Website Builders 是挺好的,如果有很多頁面的話,Website Builders 并不是一個好的選擇。

  WordPress vs. Joomla/Drupal: Drupal 是一個強大的建站平臺,在 web 開發人員和有經驗的程序員當中,非常流行,但是因為它陡峭的學習,對于初學者來說,并不是一個好的選擇。Joomla 也不錯,只是跟 WordPress 相比,它要求建站者擁有更多的編程技能。

  1.4 強烈建議初學者使用 WordPress

  說實話,這是筆者用過的最簡單的一個建站平臺。同時,它也非常的靈活,從小企業主,到搞藝術創作和博客網站的自由工作者,它幾乎適用于任何人。

  1.5 在開始下一步之前,你需要:

  √選擇一個建站平臺,我這里推薦的是 WordPress,因為它簡單且免費。本教程就是以 WordPress 為例,教你如何搭建自己的網站。

  √目前為止,你不需要下載安裝任何東西,接下來,跟我一步步的做就好。

  2. 獲取域名和虛擬主機

  搭建 WordPress 之前 , 首先要做兩件事:

  • 獲取域名 (就像 yoursitename.com 這樣的一個網站地址)

  • 獲取虛擬主機(一個提供了托管服務的,把你的網站同 Internet 連接起來的服務器)

  WordPress 本身是免費的,但是購買域名和虛擬主機,則需要每月花費一點點錢,好在并不貴,可能就是一杯咖啡的錢。

  擁有自己的域名,可以讓網站可以比 yourbusiness.my-free-website.com 這種用別人的域名看起來更專業。

  擁有自己的虛擬主機,可以保證它不會什么時候突然掛掉,而且它還可以提供非??斓捻憫俣?。

  2.1 如何獲取域名和虛擬主機

  國內的話推薦使用阿里云,國外的話可以選擇 Godaddy,Name,Bluehost 等,都可以。

  下面以 www.Bluehost.com 為例,講解如何注冊域名,獲取虛擬主機。

  它實際上并不貴,而且客服比較好,并且目前它上面有免費域名可供選擇,非常值得一試。

  一旦你在上面獲取了一個域名,你同時也會獲得一個個人 email 賬號,比如 you@yoursite.com 這樣的,它看起來比你用第三方域名注冊的 email 賬號顯得專業多了。

  下面講一步步的教你如何申請域名,獲得虛擬主機,配置網站等。

  2.2 步驟詳解

  2.2.1 登陸 Bluehost.com
  2.2.2 選擇網站托管計劃

  點擊 get started now 進入 select your plan 頁面。

  對于新手來說,basic 也就是 $2.75/mon 就基本夠用了。plus 和 prime 相對較貴,因為較之 basic,它們提供了更多的功能,但對新手和新網站來說,暫時還用不到這么多的功能。所以,這里選擇最便宜的 basic 就好了。
  2.2.3 取一個好的域名

  這有兩條簡單實用的原則:

  • 如果是為自己的公司申請域名,那么就取一個跟公司名字相關聯的域名,比如 YourCompanyName.com

  • 如果是為個人申請域名,類似 YourName.com 這樣的就可以了。

  域名通常以 .com, .org, .net 結尾,但是最近還出現了許多像 .agency, .pizza 這樣的擴展域名。

  在域名選取上,筆者的建議是,盡量用 .com, .net,.org 這些常見域名,最好不要用奇奇怪怪的擴展域名。
  2.2.4 填寫個人信息

  填好域名之后,點擊 next, 如果域名可用,那么就進入 create your account  頁面。
  填好表格中的個人信息之后,你注冊的郵箱中會收到一封確認郵件。

  2.2.5 核對 Package 信息

  默認付費時長為 3 年,在 Account Plan 里面也可以對它進行更改。后面那些收費選項,是額外提供的一些服務,可以按需購買,最后仔細核對最終的付費信息。

  2.2.6 創建密碼

  填好支付信息之后,點擊提交,接下來就是付款了。

  付好款后,會有一封確認郵件發到你的郵箱,此時就代表注冊和購買成功了。

  接下來,會提示為你的賬戶創建密碼。

  2.3 在開始下一步之前,你需要:

  √想出一個獨具特色、跟你個人業務相匹配的域名

  √購買虛擬主機來托管你的網站

  3. 搭建網站

  購買好域名和虛擬主機,現在就可以開始搭建自己的網站了。

  3.1 安裝 WordPress

  第一步是在虛擬主機中安裝 WordPress。

  有兩種安裝方式。

  3.1.1 一鍵安裝

  現在絕大多數的虛擬主機都支持 WordPress 一鍵安裝,因為它大大簡化了安裝過程,節省了建站者不必要的體力勞動。

  注冊好 Bluehost 虛擬主機之后,你會在個人賬戶管理頁面上發現一鍵安裝(1-click-installation)功能。

  步驟如下,其他虛擬主機供應商大體類似。

  • 賬戶登陸 Bluehost

  • 找到 control panel

  • 找到 WordPress 或者 Website 圖標

  • 選擇你要安裝的網站的域名

  • 點擊 Install Now,安裝結束之后,就可以訪問你的 WordPress 網站了。

  3.1.2 手動安裝

  如果虛擬主機并沒有提供 WordPress 一鍵安裝功能,那么就只好手動安裝了。手動安裝略麻煩,這里就不做展開說明了。

  3.2 為網站選擇主題模板

  安裝好 WordPress 之后,訪問域名,你會看到一個最基本的頁面。

  接下來,可以定制化你想要的主題,下面是一個例子。

  WordPress 提供了上千個專業的主題可供選擇,你可以根據這些主題來定制化你的網站頁面。

  3.3 如何找到想要的主題

  3.3.1 登陸 WordPress dashboard

  如果你不知道如何登陸,可以在瀏覽器 URL 欄輸入 https://yoursite.com/wp-admin, 把 yoursite 替換成你自己的域名就好了。

WordPress dashboard 就是這個樣子的。

  3.3.2 找到免費主題

  在 WordPress dashboard 當中,有超過 1500 個的免費主題可以使用。在邊側的導航欄中找到 Appearance,然后點擊 Themes。

  如果這里主題的不足以滿足你的需求,那么可以去 ThemeForest.net 上面找,這上面有大量的價格不等的主題可以選擇。

  不過在這之前,還是建議你多看看 WordPress dashboard 上面的免費主題,它們很多都做得非常專業。

  就像圖中顯示的,安裝主題非常的簡單方便,

  你可以用關鍵字搜索想要的主題,找到最適合自己的。

  另外,你應該盡量使用 responsive 的主題,這代表了它在移動設備上同樣適配。

  3.3.3 安裝主題

  找到你喜歡的主題,然后點擊 install now 開始安裝,非常的簡單。

  說明一下, 改變主題并不會刪掉你以往的網站數據,你大可以頻繁、放心的更換主題。

  3.4 如何為網站增加內容和創建新的頁面

  主題安裝好之后,就可以為網站增添內容了,下面讓我們來快速看下相關的一些基本知識。

  3.4.1 增加和編輯頁面

  想增加一個「服務」頁面?或者 「關于我」頁面?

  • WordPress Dashboard 側邊工具欄中找到 Pages -> Add New。

  • 接下來,你會發現一個跟 Word 差不多的界面,在里面加入你想要的圖文,然后保存就可以了。

  3.4.2 增加頁面至菜單

  如果你想把一個頁面鏈接到菜單導航欄,這么做:

  • 點擊 Update 按鈕,保存對頁面的所有更改。

  • 點擊 WordPress Dashboard 側邊工具欄上的 Appearance -> Menus

  • 找到你剛剛創建的頁面,然后選中, Add to Menu

  3.4.3 增加和編輯推送

  如果你是博客類型的網站,那么可能就需要經常的推送文章,你可以使用 categories 為相似的文章分類。

  比如,你想創建一個名為 blog 的 category, 那么就把它加入菜單,接下來開始文章推送就好了。

  你需要做的是:

  • 點擊 WordPress Dashboard 側邊工具欄上的 Posts -> Categories

    或者

  • 點擊 Posts -> Add New  創建一個新的博客推送。編輯好博客之后,把它放進合適的 category

  創建好 category 之后,把它放進菜單中,就 OK 了。

  3.5 定制化和不斷的調整

  3.5.1 更改頁面 title 和 tagline

  頁面 title 向訪問者直觀展示了自己網站的用途,很大程度上它也決定了你的網站在搜索引擎上的排名,所以,確保頁面 title 含有合適的關鍵字,并且網站上所有的頁面都應該有一個獨特的 title。

  Tagline 則是跟在每個頁面的 title 末尾。

  修改 title 和 tagline,是在 WordPress Dashboard 側邊工具欄上的 Settings -> General 位置。

  3.5.2 禁用留言和評論

  禁用頁面留言

  • 創建一個新的頁面的時候,點擊右上角的 Screen Options 選項

  • 點擊 Discussion,底部出現 Allow Comments 復選框

  • 把 Allow Comments 復選框的勾去掉。

  禁用所有頁面留言

  • 找到 WordPress Dashboard 側邊工具欄上的 Settings -> Discussion

  • 去掉 Allow people to post comments on new articles 復選框中的勾

  3.5.3 設置靜態頁面

  靜態頁面是不會發生改變的頁面。

  不像博客網站,最后發布的文章/頁面往往排在最前面,靜態頁面是每次登陸和訪問看到的都是同樣的內容,就像你指定的主頁一樣。

  設置靜態頁面的方法:

  • 找到 Settings -> Reading

  • 選中 A static page

  如果沒有設置靜態頁面,WordPress 會把你最新的推送顯示在主頁上。

  3.5.4 編輯側邊欄

  大多數的 WordPress 主題都會在右邊顯示側邊欄 (有時也在左邊)

  如果不想要側邊欄,或者要更改側邊欄中顯示的內容,可以這么做:

  • 在 WordPress Dashboard 中找到 Appearance -> Widgets

  • 在這里,可以采用拖放的方式,對側邊欄進行更改

  3.6 安裝插件以獲取更多功能

  3.6.1 什么是插件

  插件的作用是用來擴展 WordPress 能力、為你的網站增加額外的功能。

  使用插件,避免了自己從頭開始開發 feature 的麻煩之處,可以快速構建你想要的功能。

  插件幾乎做任何事,比如 添加相冊、提交表格、優化網站,開網店等。

  3.6.2 如何安裝插件

  在 Plugins -> Add New 中,搜索自己想要的插件,免費的插件有超過 25,000 之多,所以你有很多的選擇余地。

  安裝插件非常簡單,找到你想要的插件,點擊 install 就可以了。

  這里簡單介紹下目前最流行的三個插件。

  • Contact form 7: 使用這個插件,不用登陸第三方郵箱,就可以方便的給網站 owner 發郵件。

  • Yoast SEO for WordPress: 如果想要你的網站擁有 SEO 的能力,那么這個插件是個很好的選擇,重要的是,它是免費的。

  • Google Analytics: 這個插件可以有效統計流量信息和訪客行為。

  恭喜,到此為止,一個還不錯的網站就上線了

------分隔線----------------------------
------分隔線----------------------------
成都seo
關閉
028-83305647
高清快速播放器