fb-pageview-noscript

最新文章

在開始以前 Before You Install

00-在開始以前

日期:2019-05-03

l

作者:max

分類:基本篇

大家好,我是 max,成立這個網站的主要目的,是希望讓想要架設網站的朋友,不要白白浪費時間,走太多的冤枉路。資訊量大到無法想像的網路世界,很多初學網站架設的朋友,連過濾資訊都是一項困難的功課。

我個人當初開始架設網站時,就有非常深刻的體會。所以決定將這複雜的網站架設與網頁設計過程,透過最簡單易懂的文字與影片,幫助大家在不具備程式設計基礎下,就可以開始學習,架設出一個專業又有質感的網站。

 

始架設出一個專業又有質感的網站

 

必裝應用軟體

所謂工欲善其事,必先利其器。這裡文章內容是以桌上型電腦,搭配微軟的視窗作業系統(Win 10)為基礎,Firefox 與 Google Chrome 瀏覽器交互使用檢測。如果有發生展示效果上的差異,歡迎隨時回報給我知道。另外,也請在開始網站架設前,先安裝好建議的這幾款必用的應用軟體,這些應用軟體都是在 Win 10 上可以正確使用,同時也都是免費的。

 

Firefox 瀏覽器

Firefox 目前市佔率大概是排名第二(桌機版來統計),通常網頁呈現的設計效果,需要其他瀏覽器交互測試,所以視窗作業系朋友當然建議安裝。

下載網址:https://www.mozilla.org/zh-TW/firefox/new/

Firefox 瀏覽器

 

Google Chrome 瀏覽器

Google Chrome 是目前市佔率第一的瀏覽器,相關的擴充工具也多,是網頁開發者不可或缺的工具,不論是視窗作業系統還是 macOS 作業系統,建議都要安裝。

下載網址:https://www.google.com/intl/zh-TW/chrome/

Google Chrome 瀏覽器

 

7-Zip

7-Zip 是一款免費的解壓縮軟體,支援繁體中文,在網站架設的過程中,很多檔案(佈景主題與外掛程式)都是被包裝成一個壓縮檔,這個時候就需要解壓縮軟體的幫助。

下載網址:https://www.7-zip.org/

7-Zip 解壓縮軟體

 

FileZilla

FileZilla 是一款免費的檔案傳輸軟體,安裝完成以後,同樣也提供繁體中文的使用介面。透過 FileZilla 軟體,我們可以上傳檔案到主機上,或是下載檔案到本機上,是一款操作方式很直覺的檔案傳輸體,使用方法與檔案總管有點類似。

下載網址:https://filezilla-project.org/

FileZilla 檔案傳輸軟體

 

Notepad++

Notepad++ 是在微軟視窗環境之下的一個免費的代碼編輯器(文字編輯器),同時更支援繁體中文操作介面,在往後的學習中,需要程式碼或是式樣檔修改時會使用到,建議大家可以安裝這一套軟體,來取代原本常用的記事本。

下載網址:https://notepad-plus-plus.org/zh/

Notepad++ 免費代碼編輯器

 

 

準備好了出發

必裝的應用軟體都安裝好以後,基本的準備都已經完成,就可以開始進行我們的網站架設旅程。在往後的示範過程中,還會陸續跟大家介紹其他的好用的擴充工具。讓整個學習過程更輕鬆、效果更好。

05-WordPress 安裝

05-WordPress 安裝

在網站主機相關的設定告一段落之後,接下來我們的重頭戲就是 WordPress 安裝。很多主機商(包含配合的 5Net)都有提供一鍵安裝(註)的應用套件,這是一種網頁應用程式,可以讓我們在主機的控制台(cPanel)裡面,透過點選的方式,就可以直接安裝 WordPress 了。 不過這篇教學內容,還是會透過手動方式來安裝 WordPress,讓大家在安裝的過程中,熟悉整個 WordPress...

04-網站主機設定

04-網站主機設定

DNS 設定完成以後,我們可以先試試在自己的電腦上,打開 Google Chrome 瀏覽器,在網址列上輸入自己的網址,看看網頁是不是有反應,如果有出現,那麼表示我們在網域名稱設定,已經正確生效了。   cPanel Setting 網站主機管理頁面 在承租虛擬主機以後,主機商給我們的主機管理資料裡面,包含了登入網站主機的管理者帳號密碼,這裡需要特別留意一下,這裡所指的網站主機,就是往後我們要安裝 WordPress 網站的主機。它的管理介面路徑一般會是,申請的網址後面加上...

03-網域名稱設定

03-網域名稱設定

一般來說承租了虛擬主機以後,會收到主機商寄給我們的主機帳號管理資訊,裡面包含了登入主機管理介面的帳號與密碼,還有一項很重要的資料就是網站主機的 DNS SERVER 設定資料。這個資料是要將我們在步驟 01 申請註冊的網域名稱(網址),指向我們承租的虛擬主機,同時告訴世界我們的網站在哪裡,所以這個步驟對網站建置來說是一個很重要的開始,通常也只需要設定一次就可以了。   DNS 設定 關於 DNS 的設定,我們將以 PCHome...

02-虛擬主機承租

02-虛擬主機承租

網域名稱(Domain Name)有了以後,我們就要開始找一個地方來架設網站,而提供這個網站架設的地方,我們稱為網站的主機(Server)。一般來說提供網站主機服務的有:虛擬主機商(或是稱為共享主機商),還有最近很多人討論的 VPS(虛擬專用伺服器),當然有能力的朋友也可以自己購買機器自己架設網站主機。...

文章聯繫表單

有任何關於教學內容的問題,都歡迎透過下列表單與我聯繫。

5 + 14 =