iT邦幫忙

10

網站架設怎麼做?23篇不藏私教學(網頁製作流程、Blog推薦、公司費用 ..)

****** 「網址」+「主機」+「wordpress安裝」一次完成 *******

全文請看:網站架設怎麼做?

網域是什麼?

網域也稱為「Domain Name」,像是住家地址一樣,是個網際網路中的門牌號碼。

主要用來取代 IP 號碼,如「123.123.123.123」等 ..,這些數字對電腦有意義,但相對於人 .. 就比較沒關聯性了。而為了方便記憶,舉例:

在台灣,一般民眾最常選擇的就是 .com / .com.tw,大概是這兩種最常見,也最符合。

https://ithelp.ithome.com.tw/upload/images/20180802/20110874vyteok3rKl.png

這邊也把其他類型的網址,也一並列出:

  • tw – 公司與個人都可申請網域。
  • com.tw – 公司行號才可申請網域,需要公司資料。
  • org – 財團法人才可申請網域,需要財團法人資料。
  • net – 網路事業機構,例如中華電信、seednet等 .. 才可使用或是其他網路事業。
  • edu – 教育機構,一般為學校機關的網址申請,非一般補習班等機構。
  • gov – 政府機構,為政府網頁使用之網址申請,一般人無法申請。
  • tw / cn / jp – 代表不同國家,如台灣/中國/日本等。

可參考學更多:網域申請教學


哪裡可以網域查詢?

購買網域之前,可先使用網域查詢功能,來做網址查詢。

你喜歡的網址已經被人註冊過了嗎?下面提供幾個地方,都可以用來做網址查詢唷:

  1. Godaddy
  2. Namecheap
  3. PCHome
  4. 網路中文

順帶一提,「 Whois查詢 」工具可以幫你查詢申請人資訊(這就是科技的威力 ? ),你可以查詢到:

  1. 網域申請者
  2. 網域註冊商
  3. 網域有效時間

查詢到個人資料這件事,有些人會在意,有些人不在意,所以現在主機商也有保護資料不被查詢到功能,只不過很多是需要加錢的,需不需要使用「Whois個資保護」,就看自己囉 ?

可參考學更多:網域申請教學


用免費網址申請好嗎?

申請免費域名最大的好處就是「免費和學習」。

如果還在練習中,不想一次就花錢租主機或買網址,那推薦你一招,就是使用免費的「網址+網路空間」。

這邊我推薦 000webhost ,他是一個超好用的免費空間+網址的地方。

https://ithelp.ithome.com.tw/upload/images/20180802/20110874YUq2Hx9abj.jpg

以前在寫Code時,就是用這個不花半毛錢,但學習到把網站(程式碼)正式丟上線的地方,如果你也有預算考量,那也可以跟我一樣,先用這個練經驗,最後再花錢買網址+租用空間。

但 .. 未來都使用免費的「網址+網路空間」好嗎?

如果是單純練習用當然好!但如果想長久經營,用免費的是百分百不推薦!因為:

  1. 網址是子網域(公司倒了,你養的網址也沒了)
  2. 提供的免費空間,主機效能不好+有時容易被攻擊(因為免費)
  3. 用一段時間,大致上有7.8成會購買域名來更換(簡單來說就是,你從新手村畢業了 ? )

網頁排名和網址有關係嗎?

應該是說,有一點點關係,但關係不大。

當然如果你選擇的是很難閱讀,或者是亂碼,那對搜尋引擎判斷難閱讀,那就有很大關係囉!

所以名字盡量簡單扼要就好,第一:方便記憶,第二:有關聯性。

關聯性對網站排名有正面加分,比如說:

莊小犬,我的網址就是品牌名:www.frankknow.com ?

我們的第一篇,是不是就很精彩了呢?在了解網域是什麼、概念,和哪裡可以免費練習等 ..教學後。

下一篇我將會帶著你,正式申請一個,屬於你自己的網址唷 ?


網址申請教學

接下來,使用國內外各一組當示範教學。國外使用 SiteGround / Godaddy 申請、國內使用 PCHOME,三家都是知名公司,使用起來相對安全有保障,就讓我們開始吧!

SiteGround (網址+主機示範)↓↓
小提醒:這是「網址」+「主機」一併申請教學(可省去DNS指向步驟),你也可以先看「虛擬主機推薦」、「虛擬主機使用註冊」,決定是否使用 SiteGround主機,再做申請。

Step1(步驟一):
進入 SiteGround(網址申請),輸入想申請的網址,確定後按「Search」,如下圖:
https://ithelp.ithome.com.tw/upload/images/20180802/20110874uOKuAzTY6y.png
如果網址被申請過,他會提示你換別組,如果沒問題,會直接進到 Step 2(選擇主機)。

Step2(步驟二):
選擇主機,建議選擇 GrowBig(功能比較全),沒問題後就確認,前往Step3(檢查 / 完成)。
https://ithelp.ithome.com.tw/upload/images/20180802/20110874xXxNlmB8LP.png

Step3(步驟三):
最後一步,填寫基本資料(詳細可先看:虛擬主機使用註冊 的 SiteGround篇),再確認金額,沒問題就送出結帳。

https://ithelp.ithome.com.tw/upload/images/20180802/20110874gei58S0sNQ.png

如此一來,「網址」+「虛擬主機」就一併完成啦,接著就可以安裝 wordpress等 ..架站軟體,完成你的網站了。

(想越級打怪,可直接看這篇:wordpress快速安裝,就可以完成 網站架設 了:lol: :lol:)

可參考學更多:虛擬主機使用註冊

************** 網站架設-方式(4種方式) *************

網站架設推薦的4種方式

通常要架設網站,不外乎4種方式(等等進行評比):

  1. 使用網頁製作軟體,如:WordPress、Joomla、Drupal。
  2. 使用網頁製作平台,如:痞客邦、Medium、Wix、Weebly、SHOPLINE、91APP、MeepShop。
  3. 自學程式語法架設,如:HTML、CSS、JS、PHP、Python、Nodejs、Ruby、C#等 ..
  4. 請網頁設計公司製作。

看完這幾點,你可能會問:「哪一種比較好?」。
https://ithelp.ithome.com.tw/upload/images/20180802/20110874LBvqVzsvjn.jpg

請網頁設計公司製作?還是使用免費網頁製作軟體、網頁製作平台?覺得很難選嗎,請先問自己三個問題:

  • 官網主要目的是什麼?是否需要特殊的功能?
  • 我是否有足夠的架設網站知識(技術背景)或是足夠的財力?
  • 我對於曝光能力與行銷是否有把握?
  • 如果網站本身就是產品(SAAS),也可能會不斷的更新或擴充功能,或需要高度客製化功能,這種情況,基本上你就是得自行開發啦(選3或4)!

不過,如果你的主要目的是「寫Blog平台、網路開店平台、官網形象展示 ..」,其實不一定要花大錢,也可以透過第三方平台來達到,這樣不但省錢,而且也快速(選1或2)。

如:近來很夯的 WordPress、Medium 都很方便,而且使用網頁製作軟體、平台,多少會有些固定社群流量,對於一開始什麼資源都沒有的,是比較好入門的選擇 ?

針對這幾項,等在後面也都有做介紹,別著急:-) 或者你也可以先看下面連結:

網頁製作軟體(wordpress、joomla、drupal)
網頁製作平台
網站設計公司挑選

4種方式優缺點,簡單小評比

這邊先看看,剛上面提到的4種 網站架設 方式,並做簡單的評比:

1. 網頁製作軟體(優缺點)

https://ithelp.ithome.com.tw/upload/images/20180802/20110874ixWc1VuzFp.jpg

主機可以自己管理,可以使用主機公司提供的 Cpanel 做檔案備份、和一些擴展功能(如:信件傳輸、排程執行等 .. ),就算不懂程式,一樣可以使用Cpanel管理自己的虛擬主機。

也不用擔心使用網頁製作平台(如:痞客邦、Wix等 ..),若公司出了狀況那附屬在下面的網站會不會有危險、 資料會不喪失等 ..,因為你就是網站的持有人。

https://ithelp.ithome.com.tw/upload/images/20180802/20110874ZKPriNeYeS.png

那至於如何備份,其實多數虛擬主機公司都有備份功能,你只要點選,就可以把網站檔案+資料庫,全都給下載下來 ? ?

網頁製作軟體(如:wordpress、joomla等 ..)還有很多好處,他們有超多套件可以安裝,不論你是想要討論區、會員系統、電子報設計、主題背景等 .. 應有盡有 ? ?

想的到的幾乎上面都有開發者已經開發好,不太用再花錢請網頁設計公司開發,自己搞定就可以了。

https://ithelp.ithome.com.tw/upload/images/20180802/20110874qMHiayrsIi.png

舉例來說,如果使用 WordPress,那要做的就是照著教學安裝,就算你不會程式,還是可以自己完成一個 網站架設 ,整體成本降低很多 ?

2. 網頁製作平台(優缺點)

對於第二點(網頁製作平台)的看法,好處是都建置好了,只要專注在自身專業上,如:文字撰寫 / 商品銷售等.. ,程式這些難懂的人家都處理好了,不懂打個客服問也沒問題 ?

大多數也是免費軟體,有收錢的話是用月/年租方式(如:Shopline等 ..開店平台),用的不習慣終止也行,所以壓力也小很多。

https://ithelp.ithome.com.tw/upload/images/20180802/20110874VBikqbyyy9.png

https://ithelp.ithome.com.tw/upload/images/20180802/20110874vZTZMqGMfq.png

比較麻煩是資料都綁在平台上,假如某天平台公司倒了(不是不可能的),想當然資料就 ..??。

有良心的會提供匯出系統,可以讓你把商品/文章資料會出,如果沒提供那就只能節哀了 ..(想想你的好幾百件上架的網路文章、商品要重上 ..,整個辛苦經營的SEO歸零,整個很點點點 ..)。

https://ithelp.ithome.com.tw/upload/images/20180802/20110874Ftqcq6GLGu.png

還有,你的網域申請只是子網域,如:痞客邦網址(yourname.pixnet.net/xxx/xxx .. ),雖然還是可以經營自媒體,但你的網站,終究不是你自己的 。

https://ithelp.ithome.com.tw/upload/images/20180802/20110874T1Z12dtK9W.png

可參考學更多:網頁製作平台

3. 自學程式語法架設(優缺點)

第三點方式架設(學程式,自己架設網站):優點是你有最高的網站控制權,從網址、 主機、 程式架構、 擴展性等.. 你就是王,不用依附任何平台的改變。

不用被迫調整自己的商業走向,所有變化性完全自己決定,如果你要做SAAS(軟體即服務),那這一定是必須的,舉例有名的如:FB、 Line、 User等 .. 都是,就是很夯的「網路新創」公司 ??

https://ithelp.ithome.com.tw/upload/images/20180802/20110874wUocA7oAMi.png

如果你的商業策略不需如此,只需要單純自媒體來行銷自己。那對於初心者來說,如果為了 網站架設 ,花了好幾年學習程式語法,可能有點太大費周章了。

當然,如果你是要完全客製化的或是要很特別功能,那你還是要懂程式語法才行,不然還是要花錢請人製作了。

想自學程式架站這也可行,但在我學習程式的路途上,確實發現這個領域非常的「深」,沒幾年時間,想架設出像樣的網站(架構、 功能、速度)等都不太可能的,這不是在潑冷水,看看下面的圖應該會有所感 ??

https://ithelp.ithome.com.tw/upload/images/20180802/201108741zl3CYeWlO.jpg

上圖只是網頁前端領域(每一個長方形格子,代表著一個需要學習的技術),後台程式和主機架構又是各另一張學習領域,所以 .. 如果要踏入,強烈建議一定要有決心或興趣才會走的久??

當然懂些基本程式語法一定有幫助,如:Html(身體)、Css(衣服)、JS(動作),在編寫文章時,可以直接操作語法,有時也來的更快、更漂亮,這邊附上學習的好物:W3school

4. 請網頁設計公司製作(優缺點)

如果預算足夠,「花錢外包製作」也是一個好的選項,因為只需要出錢,其他交給設計公司完成就好,也能享有高度的客製化 ??

https://ithelp.ithome.com.tw/upload/images/20180802/20110874RVvKvlExCh.jpg

想高度客製化網站,可能就需要花錢外包製作、或自己學程式完成、或找工程師朋友幫忙 ..,不建議使用任何一個網路架站平台,會很難做成你想要的。

因為他們程式碼幾乎不給修改(如:痞客邦、Medium、Shopline等 ..),就算開放修改(如:wordpress、joomla等 ..),程式碼框架也是他們訂的,之後也難維護/擴充。

https://ithelp.ithome.com.tw/upload/images/20180802/20110874OGcRQzhuIN.jpg

結論

看到這裡,恭喜對 網站架設 的方式,有了更深一步的認識了。

對比之前,不知道有幾種網站設計推薦,在選擇上不太容易做出正確的決定,但在這章節一次了解多種架設方式,再整理自己的需求,相信比較能做出正確的決定。

接下來輪到你了,還沒有自己的網站嗎?快選擇一種喜歡的方式,開始打造自己的「自媒體」吧 ??

這只是「網站架設-23篇不藏私教學(網頁製作流程、Blog推薦、公司費用 ..)」的其中幾篇,如果想提升更多,請點入文章閱讀,保證你在「觀念+實戰」上一定大幅提升!


2 則留言

1
jack_len77
iT邦新手 5 級 ‧ 2018-08-02 17:08:30

非常感謝,謝謝好文分享,受教了!/images/emoticon/emoticon08.gif/images/emoticon/emoticon08.gif

謝謝你的鼓勵!

0
he.chun
iT邦新手 5 級 ‧ 2019-03-30 11:39:26

學習學習! /images/emoticon/emoticon41.gif

一起加油:)

我要留言

立即登入留言