請選擇 進入手機版 | 繼續訪問電腦版

施勢帆老師的教學網站

 找回密碼
 註冊
搜索
熱搜: 活动 交友 discuz
12
返回列表 發新帖
樓主: shie

網站建置 -- 作業十二 WordPress, Discuz & Ecshop 系統安裝

[複製鏈接]
1061B108103242 發表於 2021-5-18 18:34:29 | 顯示全部樓層
網址https://mjitec.com/blog/design/%e7%b6%b2%e7%ab%99%e6%9e%b6%e8%a8%ad%e7%9a%844%e5%a4%a7%e5%9f%ba%e6%9c%ac%e8%83%bd%e5%8a%9b/網站架設的4大基本能力
隨著新零售時代的來臨,網站已經成為每間商家開業後的必備資產。但詭譎的是只有少數商家了解自己的網站,多數店家都是能夠使用就好。為了讓各位商家能更了解自己的網站,今天就來為各位店家介紹4個架設網站所需的技術能力。考量到多數商家都沒有技術背景,這篇會用最淺顯易懂的方式來介紹,讓你可以更熟悉自己的網站是如何誕生的。
1.程式能力
程式能力是架設一個網站最基本也最重要的一個能力,前台部分需要懂HTML與CSS語法與經過切版處理之後,才能讓網站前端的頁面具有基本的功能。目前很多廠商或系統都把前台改為拖拉式區塊讓調整更方便,但如果是比較特殊的設計,或是一些網頁效果還是要交由網頁設計師來調整。
2.UI/UX設計
比較容易被忽略的一項技術就是UI/UX設計能力,這將決定一個網站能不能提供給消費者或操作人員良好的使用體驗。良好的UX(User Experience, 使用者體驗)透過分析規劃,將整體網頁的框架、架構與使用體驗的設計,讓網站符合使用者的操作邏輯,不會造成使用者在網站內繞來繞去找不到功能的現象。接著交給UI設計(User Interface, 使用者介面),以帶給使用者良好的視覺設計、內容編排為主,讓網站閱覽也是一種享受。
3.視覺設計
簡單的說從企業識別與整體網站風格、圖片、字體等都是網站視覺設計的一環。網站的整體視覺設計通常會從企業識別(CI)或其他相關資料進行延伸,作為設計的主軸。這一部分的設計要同時有網站及平面設計的經驗才比較能處理得好,會建議交由有設計能力的網站設計公司或是專業人員來處理。
4.文案敘事能力
承接UI/UX的之下的除了平面設計外,就是文案了!網站就是商家與客戶進行一場無聲溝通的場所,要贏得客戶信任的第一步就是做好網站的說故事能力,讓使用者透過文字感受商家對商品、服務的用心態度。從首頁的介紹、關於企業的介紹、理念、服務、…到每個行動呼籲、按鈕都可以是透過文字與客戶交流的範圍,與視覺設計搭配構成企業網站的核心元素。
一個網站的組成主要由這4種基本能力組成,看似簡單但每一種區塊都會影響到網站未來的推廣與吸客能力,所以在建置時就要好好的與合作夥伴溝通確認每個細節。未來我們會持續深入在這四種元素的說明,務必把傑克大俠加到我的最愛以便隨時收到新聞的通知喔!


心得:現在許多事情都可以利用架設網站變得更方便,例如商家的網站以及網路拍賣等等,這在未來是種趨勢,現今也已越來越多的技術和參考都能在網路上查詢到,所以架設網站只會簡化並且更進步。



1061B108103240 發表於 2021-5-18 18:40:34 | 顯示全部樓層
在上圖中,我們主要需要注意到的硬體有哪些呢?大致有底下這些啦:
  • 節點 (node):節點主要是具有網路位址 (IP) 的設備之稱, 因此上面圖示中的一般PC、Linux伺服器、ADSL數據機與網路印表機等,個別都可以稱為一個 node ! 那中間那個集線器 (hub) 是不是節點呢?因為他不具有 IP ,因此 hub 不是節點。
  • 伺服器主機 (server):就網路連線的方向來說,提供資料以『回應』給用戶的主機, 都可以被稱為是一部伺服器。舉例來說,Yahoo 是個 WWW 伺服器,崑山的 FTP (http://ftp.ksu.edu.tw/) 是個檔案伺服器等等。
  • 工作站 (workstation) 或用戶端 (client):任何可以在電腦網路輸入的設備都可以是工作站, 若以連線發起的方向來說,主動發起連線去『要求』資料的,就可以稱為是用戶端 (client)。舉例來說,一般 PC 打開瀏覽器對 Yahoo 要求新聞資料,那一般 PC 就是用戶端。
  • 網路卡 (Network Interface Card, NIC):內建或者是外插在主機上面的一個設備, 主要提供網路連線的卡片,目前大都使用具有 RJ-45 接頭的乙太網路卡。一般 node 上都具有一個以上的網路卡, 以達成網路連線的功能。
  • 網路介面:利用軟體設計出來的網路介面,主要在提供網路位址 (IP) 的任務。 一張網卡至少可以搭配一個以上的網路介面;而每部主機內部其實也都擁有一個內部的網路介面,那就是 loopback (lo) 這個迴圈測試介面!
  • 網路形態或拓樸 (topology):各個節點在網路上面的連結方式,一般講的是物理連接方式。 舉例來說,上圖中顯示的是一種被稱為星形連線 (star) 的方式,主要是透過一個中間連接設備, 以放射狀的方式連接各個節點的一種形態,這就是一種拓樸。
  • 網關 (route) 或通訊閘 (gateway):具有兩個以上的網路介面, 可以連接兩個以上不同的網段的設備,例如 IP 分享器就是一個常見的網關設備。那上面的 ADSL 數據機算不算網關呢? 其實不太能算,因為數據機通常視為一個在主機內的網卡設備,我們可以在一般 PC 上面透過撥號軟體, 將數據機模擬成為一張實體網卡 (ppp) ,因此他不太能算是網關設備啦!
  • 資料網址:https://linux.vbird.org/linux_se ... 10network_basic.php
心得:很多人都只會上網玩遊戲,卻不知道網路是怎麼來的,例如我。其實這東西並不難,只要稍微花個時間上網查一下就可以知道了。

本帖子中包含更多資源

您需要 登錄 才可以下載或查看,沒有帳號?註冊

x
test 發表於 2021-5-18 18:44:26 | 顯示全部樓層
網路架設相關文章:網站架設流程與網站架構釐清
網站架構和內容主軸的關聯性很高,內容主軸若不清楚,整個網站的架構和脈絡將會模糊不清,一個混亂的網站,將會使消費者也陷入混亂,因此,網站架構和網站內容主軸的規劃,必須更加嚴謹。這些也都仰賴明確的網站架設流程,在初步規劃網站架構時便能先將一些基本的 bug 排除掉。
網站架設流程簡述1. 購買網址+虛擬主機申請/架設網站伺服器
好的「網址」對網站來說至關重要,它可以視為網站的門牌,通常越精簡越好。而虛擬主機則提供可以視為網站的「地」,通常自己經營虛擬主機所費不少,主機、人力、技術成本可是幾十萬起跳,因此現在自行架設網站常向第三方申請租借,每月支付租金即可享有虛擬主機!較知名的虛擬主機如 AWS 虛擬伺服器SiteGround 等。
2. 網站設計/網頁製作
要有好的網站架設首先得釐清網站的需求,為什麼架設網站?架設網站給誰看?希望網站架設達成什麼樣的效益?做好了基本的功課後再進入網頁架構的規劃與版面的規劃設計,才能較有邏輯的進行規劃。網站設計流程又包括了「使用者體驗設計」與「視覺設計」,這於下面的章節會有詳細的敘述。
3. 前端程式撰寫與切版4. 後端程式撰寫與資料庫串聯5. 測試上線
網站架構與內容主軸定調
所謂網站架構就是網頁間的分層關係,在初期可以先用簡單的樹狀圖列出網站的層級關係,網站中要有哪些資訊、哪些主題和子主題。同時你也需要了解一個網站的基本資訊和頁面是哪些,像是「關於我們」、「團隊介紹」、「服務介紹」、「最新消息」等,這些基本頁面視產品與產業有所不同,可以參考相關產業的網站。再來就可以利用線上繪圖工具產製較正式的網站架構圖了。
網站架構相關文章網址:
https://ranking.works/%E7%B6%B2%E7%AB%99%E8%A8%AD%E8%A8%88/%E7%B6%B2%E7%AB%99%E6%9E%B6%E8%A8%AD
心得:
我覺得網站架設不像我以前想像的那麼難,只要照著網路上的教學做就可以做出最基本的網站了,但是網站的架設要花一些時間。



test 發表於 2021-5-18 18:44:47 | 顯示全部樓層
網路架設相關文章:網站架設流程與網站架構釐清
網站架構和內容主軸的關聯性很高,內容主軸若不清楚,整個網站的架構和脈絡將會模糊不清,一個混亂的網站,將會使消費者也陷入混亂,因此,網站架構和網站內容主軸的規劃,必須更加嚴謹。這些也都仰賴明確的網站架設流程,在初步規劃網站架構時便能先將一些基本的 bug 排除掉。
網站架設流程簡述1. 購買網址+虛擬主機申請/架設網站伺服器
好的「網址」對網站來說至關重要,它可以視為網站的門牌,通常越精簡越好。而虛擬主機則提供可以視為網站的「地」,通常自己經營虛擬主機所費不少,主機、人力、技術成本可是幾十萬起跳,因此現在自行架設網站常向第三方申請租借,每月支付租金即可享有虛擬主機!較知名的虛擬主機如 AWS 虛擬伺服器、SiteGround 等。
延伸閱讀:虛擬主機選用鐵則,讓 SEO 排名效益更上一層樓
2. 網站設計/網頁製作
要有好的網站架設首先得釐清網站的需求,為什麼架設網站?架設網站給誰看?希望網站架設達成什麼樣的效益?做好了基本的功課後再進入網頁架構的規劃與版面的規劃設計,才能較有邏輯的進行規劃。網站設計流程又包括了「使用者體驗設計」與「視覺設計」,這於下面的章節會有詳細的敘述。
3. 前端程式撰寫與切版4. 後端程式撰寫與資料庫串聯5. 測試上線
網站架構與內容主軸定調

所謂網站架構就是網頁間的分層關係,在初期可以先用簡單的樹狀圖列出網站的層級關係,網站中要有哪些資訊、哪些主題和子主題。同時你也需要了解一個網站的基本資訊和頁面是哪些,像是「關於我們」、「團隊介紹」、「服務介紹」、「最新消息」等,這些基本頁面視產品與產業有所不同,可以參考相關產業的網站。再來就可以利用線上繪圖工具產製較正式的網站架構圖了。
網站架構相關文章網址:
https://ranking.works/%E7%B6%B2% ... 9%E6%9E%B6%E8%A8%AD
心得:
我覺得網站架設不像我以前想像的那麼難,只要照著網路上的教學做就可以做出最基本的網站了,但是網站的架設要花一些時間並且運用壹些邏輯的觀念能導致整個網站架設更順利。
test 發表於 2021-5-18 18:44:56 | 顯示全部樓層
網路架設相關文章:網站架設流程與網站架構釐清
網站架構和內容主軸的關聯性很高,內容主軸若不清楚,整個網站的架構和脈絡將會模糊不清,一個混亂的網站,將會使消費者也陷入混亂,因此,網站架構和網站內容主軸的規劃,必須更加嚴謹。這些也都仰賴明確的網站架設流程,在初步規劃網站架構時便能先將一些基本的 bug 排除掉。
網站架設流程簡述1. 購買網址+虛擬主機申請/架設網站伺服器
好的「網址」對網站來說至關重要,它可以視為網站的門牌,通常越精簡越好。而虛擬主機則提供可以視為網站的「地」,通常自己經營虛擬主機所費不少,主機、人力、技術成本可是幾十萬起跳,因此現在自行架設網站常向第三方申請租借,每月支付租金即可享有虛擬主機!較知名的虛擬主機如 AWS 虛擬伺服器SiteGround 等。
2. 網站設計/網頁製作
要有好的網站架設首先得釐清網站的需求,為什麼架設網站?架設網站給誰看?希望網站架設達成什麼樣的效益?做好了基本的功課後再進入網頁架構的規劃與版面的規劃設計,才能較有邏輯的進行規劃。網站設計流程又包括了「使用者體驗設計」與「視覺設計」,這於下面的章節會有詳細的敘述。
3. 前端程式撰寫與切版4. 後端程式撰寫與資料庫串聯5. 測試上線
網站架構與內容主軸定調
所謂網站架構就是網頁間的分層關係,在初期可以先用簡單的樹狀圖列出網站的層級關係,網站中要有哪些資訊、哪些主題和子主題。同時你也需要了解一個網站的基本資訊和頁面是哪些,像是「關於我們」、「團隊介紹」、「服務介紹」、「最新消息」等,這些基本頁面視產品與產業有所不同,可以參考相關產業的網站。再來就可以利用線上繪圖工具產製較正式的網站架構圖了。
網站架構相關文章網址:
https://ranking.works/%E7%B6%B2%E7%AB%99%E8%A8%AD%E8%A8%88/%E7%B6%B2%E7%AB%99%E6%9E%B6%E8%A8%AD
心得:
我覺得網站架設不像我以前想像的那麼難,只要照著網路上的教學做就可以做出最基本的網站了,但是網站的架設要花一些時間並且運用壹些邏輯的觀念能導致整個網站架設更順利。
1061B108103228 發表於 2021-5-18 18:50:20 | 顯示全部樓層
網路架設相關文章:網站架設流程與網站架構釐清
網站架構和內容主軸的關聯性很高,內容主軸若不清楚,整個網站的架構和脈絡將會模糊不清,一個混亂的網站,將會使消費者也陷入混亂,因此,網站架構和網站內容主軸的規劃,必須更加嚴謹。這些也都仰賴明確的網站架設流程,在初步規劃網站架構時便能先將一些基本的 bug 排除掉。
網站架設流程簡述1. 購買網址+虛擬主機申請/架設網站伺服器
好的「網址」對網站來說至關重要,它可以視為網站的門牌,通常越精簡越好。而虛擬主機則提供可以視為網站的「地」,通常自己經營虛擬主機所費不少,主機、人力、技術成本可是幾十萬起跳,因此現在自行架設網站常向第三方申請租借,每月支付租金即可享有虛擬主機!較知名的虛擬主機如 AWS 虛擬伺服器SiteGround 等。
2. 網站設計/網頁製作
要有好的網站架設首先得釐清網站的需求,為什麼架設網站?架設網站給誰看?希望網站架設達成什麼樣的效益?做好了基本的功課後再進入網頁架構的規劃與版面的規劃設計,才能較有邏輯的進行規劃。網站設計流程又包括了「使用者體驗設計」與「視覺設計」,這於下面的章節會有詳細的敘述。
3. 前端程式撰寫與切版4. 後端程式撰寫與資料庫串聯5. 測試上線
網站架構與內容主軸定調
所謂網站架構就是網頁間的分層關係,在初期可以先用簡單的樹狀圖列出網站的層級關係,網站中要有哪些資訊、哪些主題和子主題。同時你也需要了解一個網站的基本資訊和頁面是哪些,像是「關於我們」、「團隊介紹」、「服務介紹」、「最新消息」等,這些基本頁面視產品與產業有所不同,可以參考相關產業的網站。再來就可以利用線上繪圖工具產製較正式的網站架構圖了。
網站架構相關文章網址:
https://ranking.works/%E7%B6%B2%E7%AB%99%E8%A8%AD%E8%A8%88/%E7%B6%B2%E7%AB%99%E6%9E%B6%E8%A8%AD
心得:
我覺得網站架設不像我以前想像的那麼難,只要照著網路上的教學做就可以做出最基本的網站了,但是網站的架設要花一些時間並且運用壹些邏輯的觀念能導致整個網站架設更順利。

1061B108103206 發表於 2021-5-19 15:52:51 | 顯示全部樓層

使用架站平台一鍵架設顧名思義就是架設網站的平台,這類平台通常只要註冊一個帳號後就可以開始架設網站,以台灣最大的架站平台 – 痞客邦為例,註冊完帳號後就可以擁有一個自己的部落格,這個部落格會先以預設版型的樣子呈現,如果想更換網站的設計或是做些微調,再去部落格後台更換部落格主題等等。例如:這是我前幾年心血來潮架的痞客邦部落格,版型的部分就是使用架站平台預設的。

而這類的平台也不算少,但主要可以依據你想架設網站的種類來區分。例如:以部落格為主的痞客邦、Blogger、WordPress.com,已發表文章為主的Medium (也可以架部落格),或是及各種應用於一身的Wix。

接著聊聊這些架站平台的特性吧!

內容目錄      
1. 技術門檻
2. 優點
2.1 免費
2.2 可以直接套用版型
2.3 主機及網域由平台提供
2.4 SEO較好
3. 缺點
3.1 平台的條款,就是王法
3.2 內容的版權疑慮
3.3 平台穩定度,決定網站穩定度
3.4 網站設計受限
4. 結論
優點
缺點
1. 技術門檻
相對第一個方法 (自己寫程式碼),這類架站平台的門檻基本上可以說是沒有,通常只要註冊一個帳號後就可以開始架設網站,你甚至不需要懂任何的網站知識也可以開始當一個部落客,因此你可以專注在網站內容的發表。

2. 優點
2.1 免費
這類架站平台通常會讓你免費註冊,同時也可以開始架設網站,不過在免費的狀況下當然就會有些功能限制啦~像是儲存空間限制,排版限制等等,不過也有些架站平台提供付費解鎖的功能。換句話說你可以從頭開始慢慢摸索,當你哪天覺得某些功能不夠用時,再付錢給架站平台擴充功能就好了。

2.2 可以直接套用版型
大部分的架站平台會提供版型給使用者挑選,也就是說如果你對網頁設計不是那麼有概念的話,可以先挑選一個自己順眼的版型,而不需要從無到有都自己設計網站。

2.3 主機及網域由平台提供
還記得構成網站的檔案必須存放在哪裡嗎?沒錯,就是主機!所以當我們使用第一種方式 (自己寫程式碼)架設網站的話,我們還必須自己租用主機及購買網域,而使用架站平台的話則完全不用負擔主機與網域的成本。

然而這個特性算是優點也算缺點。因為等於你的生殺大權全都掌握在架站平台的手裡,雖然不用負擔主機的價格,但如果今天架站平台的主機慘遭駭客攻擊,或是因為天災人禍遭遇毀滅性的破壞,那你的部落格或網站可能就永遠連不上了。

另外,不用負擔網域的費用,也代表你不能使用象徵自己網站的個人網域,但這在某些平台是可以付費解鎖使用自己的網域的 (例如:痞客邦)。

2.4 SEO較好
許多架設網站的平台已經存在一段時間,累積了一定的流量和內容,因此Google會判定這些平台是屬於優質的網站,定期更新並發布一定品質的內容,也會讓在平台上的文章比較容易被搜尋到。

相對的,如果你是自己架設網站,或是使用WordPress等CMS架站的話,不僅需要自己優化網站的SEO,也需要累積一定的文章內容才會讓你的網站比較容易被搜尋引擎找到,而就連網站的載入速度、你的網站傳送過程是否有加密 (https v.s. http)等等因素也都會影響SEO的好壞,然而使用架站平台就都不用擔心這些問題了 (或是說你擔心也沒用,因為主機是架站平台在管的)。

3. 缺點
3.1 平台的條款,就是王法
既然是使用平台的服務來架設網站,當然就要按照平台的規定走,然而大部分的人應該都不會仔細看平台的服務條款等等。

例如:痞客邦的服務條款第七項 – 使用者行為的第3點:PIXNET 並未針對會員所傳送、張貼或發表之內容做任何形式或實質之審查,如果任何文字、圖檔、圖片或其他著作或資料發生權利歸屬或其他合法性爭議, PIXNET 有權隨時不經通知,直接停止提供會員服務、或直接刪除該文字、圖檔、圖片或其他著作或資料、或通知會員停止使用會員服務。

也就是說當你的內容有爭議性時,平台是可以隨時將你的服務停止的!

3.2 內容的版權疑慮
我寫的文章內容,版權當然在我身上呀!一般來說大部分人都會這樣想,然而有些平台也有明文規定你在該平台發布的內容屬於自由內容,也就是說可以任意讓人推薦與分享,例如:你在Medium上所發佈的所有內容皆屬於自由內容。

辛辛苦苦寫的文章卻能夠被任意轉載,對於某些人來說就會降低對平台的依賴性。不過這也不全然是缺點,因為能夠讓人任意轉載也就代表當你寫了一篇好文章時,可以透過許多人的轉載而快速竄紅。

3.3 平台穩定度,決定網站穩定度
就像優點3提到的,雖然平台免費提供主機給你的網站使用,但如果哪天平台的主機掛了,你的網站也救不回來了。

甚至平常的時候,如果平台主機中毒,導致你網站的載入速度變慢,你也沒有方法可以加速,因為主機是在平台的管轄範圍底下,而不是你。

3.4 網站設計受限
雖然一般平台有提供版型可以選擇,但相對第一種方式來說想要客製化設計還是有很大的彈性限制。

不過也有些架站平台提供修改CSS原始碼修改,像是Dribs & Drabs這個部落客就專門提供客製化痞客邦部落格的服務,我很喜歡的一個部落格食癮,拾影也是找他設計的,而且設計得完全沒有痞客邦的味道哈哈。

4. 結論
雖然網路上滿多人都會推薦使用CMS自己架站,然而使用這些方法架設網站還是需要具備一定的電腦及網路知識,否則很可能你只是不小心按到某個按鈕,就造成網站掛點,還很難在網路上找到方法救回,就連我這個算對電腦比較熟悉的臭宅,第一天用WordPress架站就把網站給弄掛了,花了2個小時才找到方法救回來嗚嗚。

總之,我認為如果你對電腦或網路知識完全沒興趣,只是單純想架設一個部落格或網站,那麼使用架站平台也是個不錯的選擇,可以在剛開始經營網站的時候專注在內容的發表上,等到經營到一定規模再花錢擴充功能或是搬家也ok (有些平台提供搬家的功能)。大家也可以看看這篇文章:痞客邦其實不錯用,WordPress 遠比你以為更複雜-梅屋記事。

那麼最後就來歸納一下使用架站平台的優缺點吧!

優點
免費
可以直接套用版型
主機及網域由平台提供
SEO較好
缺點
平台的條款,就是王法
內容的版權疑慮
平台穩定度,決定網站穩定度
網站設計受限
當然,不同的架站平台還是會有各自的優缺點,這篇文章列出的算是比較普遍的優缺點,之後有機會的話再為各位詳細介紹各個平台的特性!
心得:在了解了架設網站的優點與缺點,便了解架設網站用架設網站比較方便。

1061B108103234 發表於 2021-5-19 16:09:40 | 顯示全部樓層
網站建置前有哪些準備工作?
對於公司網站的建置來說,有很大的機率會直接找網頁設計公司進行網站建置。網站建置的技術與細節很多,在網站建置前(也就是簽約前),會有哪些準備工作?下列這幾點通常是決定性的重點,給各位參考。

  • 準備好你的網站架構表 - 網站架構表(sitemap)代表整個網站設計的工作範疇,有了網站架構表,至少網頁設計公司比較知道你的網站是大是小,有沒有什麼特殊功能、有沒有什麼特殊版面、適合用套版或是客製化的方式進行網站建置。
  • 找出至少5個目標網站參考範例 - 網頁設計的需求品質與風格很難用口語或文字表達,但通常可以在網站參考範例看得出來。提供網頁設計參考範例可以讓網頁設計公司很直覺來理解你對設計品質的要求程度。
  • 提出預算範圍 - 網站製作的預算範圍可以從5萬到100萬,就像蓋房子一樣,預算決定了你可以蓋多大的房子,決定了室內裝潢能做到什麼程度,提出你的預算範圍有助於讓網頁設計公司評估你的預算是否能達到你的期望。
  • 決定你的上線時間 - 網站建置通常有一定的時程,尤其是客製化的網站,製作細節很多,也會花比較多時間。讓網頁設計公司了解你的上線期限(例如跟前網站製作公司的合約到期、或是要趕著參展時程),有助於掌握網站製作的時程,避免什麼事都規劃好了,才發現沒辦法在預期時間內將網站上線。

本帖子中包含更多資源

您需要 登錄 才可以下載或查看,沒有帳號?註冊

x
1061B106103259 發表於 2021-5-20 10:13:13 | 顯示全部樓層
1. WordPress

介紹:在眾多的 免費網頁空間 架站工具中,WordPress 無疑是 CMS 系統中最受歡迎並廣泛被使用的網頁製作平台,WordPress 分成兩種網站架設類型,分別是 WordPress.org 以及 WordPress.com,而我們介紹的免費架站工具是 WordPress.org,也就是透過下載 WordPress 軟體並安裝在虛擬主機上,就可以開始網站架設工作。

優點: WordPress 有著開源程式碼特點,因此無論在國內外部落格、社群媒體 、教學網站等都有多人開發的免費教學資源,也有許多免費或付費網站佈景主題可以直接套版使用,如果說要為網站附加功能,WordPress 擁有上萬種不同的外掛可供安裝,且大部分都是不需付費就能夠使用基本功能

缺點: WordPress 雖然擁有眾多的優勢,但就自架站操作實際面向來說,與 Wix 及 Weebly 相比是需要花費更多時間去學習網站運作原理及網頁設計基礎,必須依賴網路教學文章或實體課程,才能對 WordPress 架構有所了解。如果網站規模比較大,需要的功能較多,一般免費的佈景主題與外掛是遠不夠用的,還是會有費用成本的產生,但與其他架站平台比較而言,WordPress 架站在成本控制方面比較靈活,不會受限太多。

2. Wix

介紹:Wix 於 2006 年成立於美國,是可以做免費基礎網站的線上系統,至 2017 年為止在 190 個國家超過 1億用戶,以簡約、美觀、快速架設網站為主要核心目標,讓企業主能更專心於本務工作,不需耗費大量時間網站架設上。

優點: Wix 擁有超過 500 種網站版型樣式及 APP 附加元件可供網站架設應用,在網頁設計操作方面使用視覺化編輯器,通過拖、拉方式就能對版面元素作詳細編輯,即使對 HTML、JavaScript、CSS 等程式語言一竅不通也能自行架設網站,並且在網站主機維護與網路安全方面不需耗費時間管理,這也是使用網頁製作平台的共同優點。

缺點: 網頁編輯介面是以英文顯示,無法直觀了解編輯器操作功能,因為Wix 不是開源式的平台,在台灣與 Wix 相關的中文教學資源並不多,即使有也大都是基礎教學。

Wix 架站功能必須依賴官方開發,想要自定義網站外觀及功能相當困難,可以說套了版後就被鎖死,自由度相當低。

另外如果想要更換網站架設平台,Wix 在搬移網站時無法匯出網站版型外觀,只能以手動方式將內容保存,在要轉移的平台上必須重新規劃網站架構,不能說是搬家,幾乎是另外再做新網站。

3. Weebly

介紹:Weebly 與 Wix 是差不多的免費網站平台,成立於 2007 年,到目前為止全球擁有 5000 萬以上個網站,在 2018 年 5 月由美國移動支付金融公司 Square 收購,此後發展以快速建立電子商務網站與行動裝置線上購物系統為主要發展方向。

優點: Weebly 操作介面已有繁體中文,比起 Wix 能更快上手,操作模式上同樣是以所見即所得的拖曳方式來對網頁內容做排版設定,與 Wix 相比有更加直覺的操作方式。

另外在行動裝置電商網站管理方面,擁有專屬的 App 能夠透過智慧型手機做網路商店營運管理,這一點在行動流量超越桌機流量的現代,的確相當重要。

Weebly 可以在短時間內架設起一個具有購物車、結帳、庫存追蹤、產品篩選的線上銷售網站,並且能夠支援實體與數位商品,對於想要架設網路商店,銷售物品種類較少或者是活動期間短期銷售的小型電商站長而言,的確是不錯的選擇。

缺點: Weebly 與 Wix 這類將網站寄存的架站平台其實都有共同的缺點,諸如網頁版型過少,內容素材可選性低、附加功能不夠豐富、網站搬家不易、虛擬主機共用資源拖慢網站速度等,這些問題有部分可以透過購買方案升級來解決,但對於想要在網站上發展數位行銷事業到企業主而言,在後續還是會帶來不少網站升級、改版、管理上的麻煩。

4. Blogger

介紹:Blogger 創立於 1999 年,初期以提供個人在網路上創立網誌發表文章為主要服務取向,在 2003 年被 Google 收購,許多需要付費的功能都轉為免費,自此成為免費架設網站/部落格的選擇之一,基於完全免費的概念,在節省架站成本的概念與 Google 為 Blogger 改版加入網站版面模組編輯 HTML 、 CSS 功能的雙重條件下,Blogger 也被應用在建立形象網站或購物網站。

優點: Blogger 由 Google 經營後,成為 Google + 社群服務下的產品之一,所提供的是真正完全免費架站,沒有儲存空間限制、網站流量限制,沒有任何付費方案,另外在 SEO 架構上基本符合 Google 搜尋引擎要求,如果想要在 Blogger 上顯示廣告賺取費用,也能直接在 Blogger 後台直接啟用 Google AdSence 來放置廣告,快速而方便。

缺點: Blogger 終究是以建立網誌為目的所設立的免費架站平台,因此無論在網頁版面選擇、附加功能項目上都相當陽春,可操作與設定的項目也不多,如果想要運用 Blogger 免費主機與 SEO 優良表現來降低架設形象網站或電商網站成本,相對的就是要學習如何看懂與運用 HTML 等程式語言,並且購買 Blogger 相關教學書籍或在網路上搜尋可用資源,簡單而言與 WordPress 自架站的過程有些類似,但不同的是 WordPress 已經發展出非常完善的網站架設系統,要附加網站功能只需要在網站後台搜尋就能快速找到近似的外掛安裝,而在 Blogger 介面就必須要請教高手或上網爬文,所耗費的時間成本當然不可同日而語。

1061B108103219 發表於 2021-5-26 03:29:40 | 顯示全部樓層
網站架設流程簡述1. 購買網址+虛擬主機申請/架設網站伺服器
好的「網址」對網站來說至關重要,它可以視為網站的門牌,通常越精簡越好。而虛擬主機則提供可以視為網站的「地」,通常自己經營虛擬主機所費不少,主機、人力、技術成本可是幾十萬起跳,因此現在自行架設網站常向第三方申請租借,每月支付租金即可享有虛擬主機!較知名的虛擬主機如 AWS 虛擬伺服器SiteGround 等。
2. 網站設計/網頁製作
要有好的網站架設首先得釐清網站的需求,為什麼架設網站?架設網站給誰看?希望網站架設達成什麼樣的效益?做好了基本的功課後再進入網頁架構的規劃與版面的規劃設計,才能較有邏輯的進行規劃。網站設計流程又包括了「使用者體驗設計」與「視覺設計」,這於下面的章節會有詳細的敘述。
3. 前端程式撰寫與切版4. 後端程式撰寫與資料庫串聯5. 測試上線
網站架構與內容主軸定調
所謂網站架構就是網頁間的分層關係,在初期可以先用簡單的樹狀圖列出網站的層級關係,網站中要有哪些資訊、哪些主題和子主題。同時你也需要了解一個網站的基本資訊和頁面是哪些,像是「關於我們」、「團隊介紹」、「服務介紹」、「最新消息」等,這些基本頁面視產品與產業有所不同,可以參考相關產業的網站。再來就可以利用線上繪圖工具產製較正式的網站架構圖了。

攻略三:好的網站設計帶你上天堂:網站設計教學網站呈現與功能

在網站架構和內容主軸確認後,就可以開始探討網站的呈現和網站需要哪些功能。請先了解網頁組成要素,像是網頁分為 Header、Content、Footer 區塊。在前置作業階段,不需要太仔細設計外觀,只需把網頁的配置大略提出並製成 Wireframe(線框稿) ,主要是為了呈現頁面上的重要資訊與資訊的排版。
心得:現今世代對於網頁的架設愈來愈方便,有許多架站平台可供我們使用,即使遇到困難上網查詢大多都能找到解決辦法

1061B108103207 發表於 2021-6-1 10:18:22 | 顯示全部樓層
網站架設流程網域申請、虛擬主機租用與DNS指向設定
如果我們將網站架設比喻成「住家」,「網域」如同網站的門牌,申請網域才能讓我們的網站在茫茫網路世界中能夠被清楚辨識,因此網域名稱通常越精簡好記越好,通常以幾個原則為主:「.com」優先、以品牌命名、去除www、避免使用中文。
虛擬主機可以視為網站的「房子」,需要先有個空間才能存放網站的所有資料,通常自己經營的主機所費不貲,現在許多主機商提供租用虛擬主機的服務,不僅方便更是省下了許多人事和技術成本,而挑選主機的的考量點有:公司、價格、功能性等,其中大多數的人推薦選用國外主機,例如Bluehost和Siteground。
DNS為網路名稱系統,像是「地址簿」一樣,是儲存許多IP位址的資料庫。設定DNS指向的意思如同告訴別人這間房子的門牌就是你家,讓瀏覽者可以輸入網域就找到你的主機,參觀你的網站。
更多網域、虛擬主機和DNS的運作和推薦,在下方「網站架設的必備知識」有更深入的介紹喔!
網站地圖
正式進入網頁製作的步驟前,建議繪製網站地圖(Sitemap)確立網站的架構,並釐清網站架設的目的、目標客群是誰、期望達到的效益等等。
網站地圖(Sitemap):製作Sitemap就像是繪製你的網站地圖,計畫頁面組織以及資訊該存放在哪個位置,讓用戶可以找到他們想去的方向。網站架構的全貌在這個階段會被具體繪製出來,以「頁面」為單位進行架構的確認,透過 sitemap 圖可以知道各頁面的層級關係及如何連結,以及定義清楚靜態頁面及需要後台管理的頁面。

確認網站架構和內容主軸後,就可以開始探討網站呈現的方式。首先,我們要先了解網頁組成的3大要素:Header(頁首)、Content(內容)、Footer(頁尾),每一部分都有它的功能與策略。
Header包含主要的視覺設計和精神,企業Logo也涵蓋在內,是維持網站整體感的重要部分,由於不斷的重複顯示於每一頁,不宜做得太花俏。
Content是變化最多元、最有趣的地方,內容可以用段落(section)組合而成,而段落中可以依照需求劃分數個欄(column),不同的欄數也有不同的效果。
Footer為頁面做收尾的動作,跟Header一樣重複顯示於每一頁,其提供網站的聯絡資訊,例如聯絡電話、Email、版權宣示…等,同時也是SEO的重要項目之一。
心得:
網站架構可以讓它很簡單的就出來,現在有很多架站平台,可以讓我們很方便的架構,所以沒有想像中的困難,而且現在網路很多資料可以參考。

1061B108103216 發表於 昨天 10:16 | 顯示全部樓層
使用架站平台一鍵架設顧名思義就是架設網站的平台,這類平台通常只要註冊一個帳號後就可以開始架設網站,以台灣最大的架站平台 – 痞客邦為例,註冊完帳號後就可以擁有一個自己的部落格,這個部落格會先以預設版型的樣子呈現,如果想更換網站的設計或是做些微調,再去部落格後台更換部落格主題等等。例如:這是我前幾年心血來潮架的痞客邦部落格,版型的部分就是使用架站平台預設的。

而這類的平台也不算少,但主要可以依據你想架設網站的種類來區分。例如:以部落格為主的痞客邦、Blogger、WordPress.com,已發表文章為主的Medium (也可以架部落格),或是及各種應用於一身的Wix。

接著聊聊這些架站平台的特性吧!

內容目錄      
1. 技術門檻
2. 優點
2.1 免費
2.2 可以直接套用版型
2.3 主機及網域由平台提供
2.4 SEO較好
3. 缺點
3.1 平台的條款,就是王法
3.2 內容的版權疑慮
3.3 平台穩定度,決定網站穩定度
3.4 網站設計受限
4. 結論
優點
缺點
1. 技術門檻
相對第一個方法 (自己寫程式碼),這類架站平台的門檻基本上可以說是沒有,通常只要註冊一個帳號後就可以開始架設網站,你甚至不需要懂任何的網站知識也可以開始當一個部落客,因此你可以專注在網站內容的發表。

2. 優點
2.1 免費
這類架站平台通常會讓你免費註冊,同時也可以開始架設網站,不過在免費的狀況下當然就會有些功能限制啦~像是儲存空間限制,排版限制等等,不過也有些架站平台提供付費解鎖的功能。換句話說你可以從頭開始慢慢摸索,當你哪天覺得某些功能不夠用時,再付錢給架站平台擴充功能就好了。

2.2 可以直接套用版型
大部分的架站平台會提供版型給使用者挑選,也就是說如果你對網頁設計不是那麼有概念的話,可以先挑選一個自己順眼的版型,而不需要從無到有都自己設計網站。

2.3 主機及網域由平台提供
還記得構成網站的檔案必須存放在哪裡嗎?沒錯,就是主機!所以當我們使用第一種方式 (自己寫程式碼)架設網站的話,我們還必須自己租用主機及購買網域,而使用架站平台的話則完全不用負擔主機與網域的成本。

然而這個特性算是優點也算缺點。因為等於你的生殺大權全都掌握在架站平台的手裡,雖然不用負擔主機的價格,但如果今天架站平台的主機慘遭駭客攻擊,或是因為天災人禍遭遇毀滅性的破壞,那你的部落格或網站可能就永遠連不上了。

另外,不用負擔網域的費用,也代表你不能使用象徵自己網站的個人網域,但這在某些平台是可以付費解鎖使用自己的網域的 (例如:痞客邦)。

2.4 SEO較好
許多架設網站的平台已經存在一段時間,累積了一定的流量和內容,因此Google會判定這些平台是屬於優質的網站,定期更新並發布一定品質的內容,也會讓在平台上的文章比較容易被搜尋到。

相對的,如果你是自己架設網站,或是使用WordPress等CMS架站的話,不僅需要自己優化網站的SEO,也需要累積一定的文章內容才會讓你的網站比較容易被搜尋引擎找到,而就連網站的載入速度、你的網站傳送過程是否有加密 (https v.s. http)等等因素也都會影響SEO的好壞,然而使用架站平台就都不用擔心這些問題了 (或是說你擔心也沒用,因為主機是架站平台在管的)。

3. 缺點
3.1 平台的條款,就是王法
既然是使用平台的服務來架設網站,當然就要按照平台的規定走,然而大部分的人應該都不會仔細看平台的服務條款等等。

例如:痞客邦的服務條款第七項 – 使用者行為的第3點:PIXNET 並未針對會員所傳送、張貼或發表之內容做任何形式或實質之審查,如果任何文字、圖檔、圖片或其他著作或資料發生權利歸屬或其他合法性爭議, PIXNET 有權隨時不經通知,直接停止提供會員服務、或直接刪除該文字、圖檔、圖片或其他著作或資料、或通知會員停止使用會員服務。

也就是說當你的內容有爭議性時,平台是可以隨時將你的服務停止的!

3.2 內容的版權疑慮
我寫的文章內容,版權當然在我身上呀!一般來說大部分人都會這樣想,然而有些平台也有明文規定你在該平台發布的內容屬於自由內容,也就是說可以任意讓人推薦與分享,例如:你在Medium上所發佈的所有內容皆屬於自由內容。

辛辛苦苦寫的文章卻能夠被任意轉載,對於某些人來說就會降低對平台的依賴性。不過這也不全然是缺點,因為能夠讓人任意轉載也就代表當你寫了一篇好文章時,可以透過許多人的轉載而快速竄紅。

3.3 平台穩定度,決定網站穩定度
就像優點3提到的,雖然平台免費提供主機給你的網站使用,但如果哪天平台的主機掛了,你的網站也救不回來了。

甚至平常的時候,如果平台主機中毒,導致你網站的載入速度變慢,你也沒有方法可以加速,因為主機是在平台的管轄範圍底下,而不是你。

3.4 網站設計受限
雖然一般平台有提供版型可以選擇,但相對第一種方式來說想要客製化設計還是有很大的彈性限制。

不過也有些架站平台提供修改CSS原始碼修改,像是Dribs & Drabs這個部落客就專門提供客製化痞客邦部落格的服務,我很喜歡的一個部落格食癮,拾影也是找他設計的,而且設計得完全沒有痞客邦的味道哈哈。

4. 結論
雖然網路上滿多人都會推薦使用CMS自己架站,然而使用這些方法架設網站還是需要具備一定的電腦及網路知識,否則很可能你只是不小心按到某個按鈕,就造成網站掛點,還很難在網路上找到方法救回,就連我這個算對電腦比較熟悉的臭宅,第一天用WordPress架站就把網站給弄掛了,花了2個小時才找到方法救回來嗚嗚。

總之,我認為如果你對電腦或網路知識完全沒興趣,只是單純想架設一個部落格或網站,那麼使用架站平台也是個不錯的選擇,可以在剛開始經營網站的時候專注在內容的發表上,等到經營到一定規模再花錢擴充功能或是搬家也ok (有些平台提供搬家的功能)。大家也可以看看這篇文章:痞客邦其實不錯用,WordPress 遠比你以為更複雜-梅屋記事。

那麼最後就來歸納一下使用架站平台的優缺點吧!

優點
免費
可以直接套用版型
主機及網域由平台提供
SEO較好
缺點
平台的條款,就是王法
內容的版權疑慮
平台穩定度,決定網站穩定度
網站設計受限
當然,不同的架站平台還是會有各自的優缺點,這篇文章列出的算是比較普遍的優缺點,之後有機會的話再為各位詳細介紹各個平台的特性!
1061B108103224 發表於 昨天 14:43 | 顯示全部樓層
網站架設的4大基本能力
隨著新零售時代的來臨,網站已經成為每間商家開業後的必備資產。但詭譎的是只有少數商家了解自己的網站,多數店家都是能夠使用就好。為了讓各位商家能更了解自己的網站,今天就來為各位店家介紹4個架設網站所需的技術能力。考量到多數商家都沒有技術背景,這篇會用最淺顯易懂的方式來介紹,讓你可以更熟悉自己的網站是如何誕生的。
1.程式能力
    程式能力是架設一個網站最基本也最重要的一個能力,前台部分需要懂HTML與CSS語法與經過切版處理之後,才能讓網站前端的頁面具有基本的功能。目前很多廠商或系統都把前台改為拖拉式區塊讓調整更方便,但如果是比較特殊的設計,或是一些網頁效果還是要交由網頁設計師來調整。
2.UI/UX設計
    比較容易被忽略的一項技術就是UI/UX設計能力,這將決定一個網站能不能提供給消費者或操作人員良好的使用體驗。良好的UX(User Experience, 使用者體驗)透過分析規劃,將整體網頁的框架、架構與使用體驗的設計,讓網站符合使用者的操作邏輯,不會造成使用者在網站內繞來繞去找不到功能的現象。接著交給UI設計(User Interface, 使用者介面),以帶給使用者良好的視覺設計、內容編排為主,讓網站閱覽也是一種享受。
3.視覺設計
    簡單的說從企業識別與整體網站風格、圖片、字體等都是網站視覺設計的一環。網站的整體視覺設計通常會從企業識別(CI)或其他相關資料進行延伸,作為設計的主軸。這一部分的設計要同時有網站及平面設計的經驗才比較能處理得好,會建議交由有設計能力的網站設計公司或是專業人員來處理。
4.文案敘事能力
    承接UI/UX的之下的除了平面設計外,就是文案了!網站就是商家與客戶進行一場無聲溝通的場所,要贏得客戶信任的第一步就是做好網站的說故事能力,讓使用者透過文字感受商家對商品、服務的用心態度。從首頁的介紹、關於企業的介紹、理念、服務、…到每個行動呼籲、按鈕都可以是透過文字與客戶交流的範圍,與視覺設計搭配構成企業網站的核心元素。
一個網站的組成主要由這4種基本能力組成,看似簡單但每一種區塊都會影響到網站未來的推廣與吸客能力,所以在建置時就要好好的與合作夥伴溝通確認每個細節。未來我們會持續深入在這四種元素的說明,務必把傑克大俠加到我的最愛以便隨時收到新聞的通知喔!


心得:
    現今世界越來越發達,很依賴網路的世代,沒有網路很多事情會無法運作,而這堂課在學習如何做 WordPress, Discuz & Ecshop系統安裝。在現在這個網路發達的時代,架設一個網站比起來已經容易許多了,網路上也有不少相關教學的文章可以參考,而透過這次的作業學習到網站架設的一些基本觀念以及原理。

1061B108103238 發表於 11 小時前 | 顯示全部樓層
網站規劃流程5步驟

1. 整理網站基本資料與定位
首先要先整理出公司或品牌的基本資料,如公司簡介、地址與電話、營業時間、品牌故事等,接著要確認網站的定位,是電商平台、形象頁面、還是服務諮詢頁面等類別,了解自身定位之後再繼續進行規畫才不會越走越歪。


2. 決定網站版型與內容計畫
透過繪製網站架構圖,標示出明瞭的網站動線圖,以及各頁面的分類層級,接著再規劃網站要有什麼內容,如部落格、聯絡我們、產品介紹等。之後可以再新增IA ,是以sitemap為基礎,規劃出網站進階資訊配置的表格,包括主要與次要關鍵字、Slug、SEO設定、Wireframe head設定。


3. 網頁設計與製作
可以畫出一個線框稿,標示出 Header、Content、Footer 等區塊,以及各區塊的呈現方式如大圖輪播、影片播放等,還要包含文案內容、標題標示、與資訊架構相呼應的頁面識別、檔案名稱命名等。之後決定想要的風格、色調,過程中務必考慮到使用者體驗,並要符合 RWD 響應式網頁的需求,再交給網頁設計公司/人員去執行。


4. 功能開發與網址及主機選用
這就需要網頁工程師進行網站功能的程式開發,如購物車、金流平台、社群分享功能等,在網站上線之前,請務必先進行測試來確保功能無異常。接下來便要規劃網址,規劃的時候要注意網址有無SSL憑證,且網址名稱最好不要是亂碼,有意義的網址名稱可以幫助SEO的操作,也能讓使用者清楚網站的內容。主機選用的部分,則要選用能夠有效提高網站速度、有使用加密憑證、有穩定的網站運行時間的主機,好的主機能提升網站體驗與排名,也因此選擇好的主機是非常重要的。


5. 網站上線與後續維護
網站上線之後,要定期去追蹤流量變化、停留時間等指標,以利進行SEO的操作,適時進行網站內容更新,或是進行載入時間優化等,確保網站能正常運作,提高網站排名,並增加曝光率與流量。



您需要登錄後才可以回帖 登錄 | 註冊

本版積分規則

小黑屋|手机版|Archiver|施勢帆老師的教學網站  

GMT+8, 2021-6-23 16:04 , Processed in 0.103539 second(s), 14 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回復 返回頂部 返回列表