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

施勢帆老師的教學網站

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

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

[複製鏈接]
1061A108103129 發表於 2021-5-17 21:58:19 | 顯示全部樓層
1、網站企劃
在開始製作網站之前,你一定要考慮好網站的主題、路向和細節。你可以多參考一下網路上的網站企劃書範例。一般來說,網站企劃書包括網站中提供哪些方面的內容;在各個頁面中要植入哪些內容;植入什麼樣的圖片;植入什麼文字內容,想要吸引哪些目標訪客等等。如果毫無頭緒,只是跟風做網站,走一步看一步,那麼你的網站很難吸引到訪客。
2、網域申請
網域就是一個網站的位址,給自己的網站起一個簡單好記的網域名稱是非常重要的,這樣易於網站的傳播。網域一般都比較簡單,可以是自己個人、公司名字的縮寫或全拼。網域註冊的管道有很多,比如 GoDaddy、Strikingly,HiNet等等。不少朋友要問了,有沒有提供免費網域申請的平台呢?當然有。Strikingly就提供免費網域。這意味著你可以免去網域購買的費用,從而降低你的架站成本。不过,免費的網域是屬於 Strikingly 的二級網域。如果你想擁有更加個性化的網域,Strikingly 也會以低廉的價格向你提供。你可以參與 Strikingly 的年度計劃,獲得最多全免的折扣。
3、準備dns伺服器
可能有不少朋友好奇,架設網站需要空間嘛?其實並不一定需要。如果你想自己組建技術團隊開發或者找團隊定制,那麼會需要單獨架設網站伺服器,但如果是使用 cms 自助架站系統,比如 Strikingly,那麼架設的任何網站都是內建免費伺服器的,不需要額外購買或使用其他的伺服器,非常方便。
4、製作網站頁面
這一步,如果你找團隊定制的話,那麼需要跟開發團隊做好溝通,認真檢查並確認設計方案;如果是使用自助架站系統,那麼自主性會高很多,這一部分完全可以由你自己一個人做完。現在大多數自助架站系統都很簡單,以 Strikingly 為例,只需要選一個喜歡的模板(範本),然後添加自己需要的功能版塊,修改文案,植入圖片、影片就可以了。如果需要展示的內容不多,十分鐘就能做好。
5、測試上線
網站架成後,可能會有一些 BUG,所以你最好再檢查一遍,待測試完成後即可發佈。除了BUG,你最好再做個網站速度測試。這樣可以保證網站的穩定運行,讓訪客有良好的瀏覽體驗。
6、網站優化和網站維護
網站想要徹底架好,一定別忘了做好維護,定期更新內容,刪除多餘的資訊,根據訪客的意見調整網站,讓網站美觀、乾淨,這樣才會在搜尋引擎中有好的網頁排名。
以上就是基本的網站架設流程了,希望對你有用。架站對於架設者的思維和創意都有很高的要求,所以大家要認真對待每一步,這樣,你的網站才能給客戶很好的流覽體驗,也才能真正為自己所用。
心得:網站架設對於我來說一直是一個陌生的領域,因為平常不會有需要去操作和理解的需求,在本次作業之前,我認為網站架設是件很專業的工作,其實這麼說也沒有錯,畢竟一個有專業人員架設跟一個是第一次假設網站做出來的新手相比,站在使用者的角度來看,使用起來的順手度與順暢度來說還是無法相比的;經過本次作業讓我對網站架設感到不再陌生,因為網路上實在太多資料了,按照上面的步驟來操作,自己也能作出一個屬於自己的網站。

1061A108103125 發表於 2021-5-18 09:40:44 | 顯示全部樓層
本帖最後由 1061A108103125 於 2021-5-18 10:02 編輯

為什麼Gremlin Works
與眾不同?
Gremlin Works擁有專業用心的網站設計服務,與多年網站建置的應用開發經驗,深知網站最關鍵的核心在目標與定位。我們透過與客戶溝通了解您的需求,不論是購物網站、形象官網的架設,還是ERP與CRM系統建立,或是客製化網站、一頁式網頁設計等,利用程式撰寫和UI/UX設計等技術,提供最有效率的網站架設解決方案,並進行完整的分析,擬定SEO企劃及品牌行銷策略,協助您打造心目中理想的網站,讓Gremlin Works為您的企業創造最佳效益與無限價值。
Gremlin Works 網站架設的六大特色
網站目標分析與品牌策略
透過品牌價值與目標客群分析,定位網站發展方向與成效,建構品牌與服務產品在網站上的完整連結性,佈局客戶體驗與策略需求,提升網站關注瀏覽量,創造網站所帶來的企業價值與效益。
模擬體驗UI/UX設計
以良好的使用者體驗為核心,運用UI/UX 企劃與設計技術,透過 Wireframe 製作,準確繪製所有功能與模擬使用者操作,並進行設計與規範製作,預覽網站視覺呈現與態度,以利進行下階程式開發的網頁製作。
網站SEO內容企劃
針對企業性質及需求擬定的SEO優化企劃,專注於改善關鍵字報告、內容行銷、內部連結等方向,為您打造穩定排名的關鍵字佈局。我們將定期分析競業網站、線上流量與市場狀況,確保策略符合搜尋引擎的演算法更新。
網站程式開發與建置
網路架設技術與程式應用整合是重要的核心基礎,包跨國際企業網站應用整合、中小型網站、工具應用平台、內部服務功能平台、ERP、CRM導入串接… 等項目,透過完整分析與計畫,提供最適切的開發技術與工具應用及物聯網整合。
網站設計與體驗優化
順應目前的主流裝置與使用趨勢,設計符合使用者習慣的網站,其中RWD響應式網站設計與一頁式網頁,不僅提供使用者在不同環境下都能有最佳的瀏覽體驗,還能提升SEO排名與企業形象。
網站維運與營運
網站在線上發佈後,持續提供維護與營運的服務,包含內容企劃、設計製作、功能製作更新、經營代管等工作執行。國際企業的網站平台營運執行與技術支援,有效提升數位化與網路化效能與創造利潤。
心得:現在網路越來越發達,擁有自己的網站可以讓大家更了解你。
1061A108103122 發表於 2021-5-18 12:01:18 | 顯示全部樓層
網站架設流程簡述1. 購買網址+虛擬主機申請/架設網站伺服器
好的「網址」對網站來說至關重要,它可以視為網站的門牌,通常越精簡越好。而虛擬主機則提供可以視為網站的「地」,通常自己經營虛擬主機所費不少,主機、人力、技術成本可是幾十萬起跳,因此現在自行架設網站常向第三方申請租借,每月支付租金即可享有虛擬主機!較知名的虛擬主機如 AWS 虛擬伺服器SiteGround 等。
2. 網站設計/網頁製作
要有好的網站架設首先得釐清網站的需求,為什麼架設網站?架設網站給誰看?希望網站架設達成什麼樣的效益?做好了基本的功課後再進入網頁架構的規劃與版面的規劃設計,才能較有邏輯的進行規劃。網站設計流程又包括了「使用者體驗設計」與「視覺設計」,這於下面的章節會有詳細的敘述。
3. 前端程式撰寫與切版4. 後端程式撰寫與資料庫串聯5. 測試上線
網站架構與內容主軸定調
所謂網站架構就是網頁間的分層關係,在初期可以先用簡單的樹狀圖列出網站的層級關係,網站中要有哪些資訊、哪些主題和子主題。同時你也需要了解一個網站的基本資訊和頁面是哪些,像是「關於我們」、「團隊介紹」、「服務介紹」、「最新消息」等,這些基本頁面視產品與產業有所不同,可以參考相關產業的網站。再來就可以利用線上繪圖工具產製較正式的網站架構圖了。
心得:在架設網站的過程中很不容易,需要注意的東西非常多,後面要維護網站也要付出很多心力,我們應該要好好愛護我們在用的網站

1061A108103144 發表於 2021-5-18 12:05:17 | 顯示全部樓層
本帖最後由 1061A108103144 於 2021-5-18 12:07 編輯

https://daotw.com/%E5%A6%82%E4%B ... %E7%B6%B2%E7%AB%99/


心得:我在國中跟高中都有上過網站架設的課程,高中是用JavaScript寫的,然後當時是直接架在高中校網上,當時是蠻有興趣的,因為喜歡寫程式語言,但後來沒有再接觸類似的課程,也就有些忘記了。看了這文章讓我又恢復了一些記憶,架設網站可用於分享資料、心得、甚至賣東西開商店等等,是個很好用的工具。

本帖子中包含更多資源

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

x
1061A108103104 發表於 2021-5-18 12:37:39 | 顯示全部樓層
參考https://www.codepulse.com.tw/zh-tw/-Website-flow

開案
1.事前準備
企劃
2.企劃驗收
設計
3.設計驗收
切版
4.切版驗收
後台
5.功能驗收
結案

心得:現在要自己架設網站已經越來越容易了 就算有不懂的網路上也很容易查到相關資料 非常方便

本帖子中包含更多資源

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

x
1061A106103258 發表於 2021-5-18 19:33:53 | 顯示全部樓層
參考文獻:https://frankknow.com/website-build-teach/
              https://ebenezer.pixnet.net/blog/post/147403518

1.Wordpress是什麼?
WordPress為 Matt Mullenweg、Mike Little和其他優秀的開發者 於2003年完成的一款主要是以PHP和MySQL 為平台的自由開源的部落格軟體和內容管理系統(CMS) ,讓任何人都可以使用製作自己的網站,也就是從WordPress.org下載Wordpress。
  • 購買網址和虛擬主機
  • 安裝Wordpress
  • 設定佈景主題
#1.購買網址和主機空間



(1)用自己的電腦主機架站還是網路主機。
差別在於:
A自己的電腦主機架站必須24小時開啟著電腦,只要電腦關機網站別人就無法進入你的網站。
B網路主機,只要主機運作正常基本上都是正常全天候開放網站,以穩定上來說當然是付費主機比較穩定,免費主機網站被砍站都是無預警的,所以,必須要做好備份工作。防範萬一的可能。

(2)申請網路域名,先申請好自己的域名(例如:yahoo.com.tw ),這也是在網路世界中屬於你所創立網站的代表號。既然已經決定架站,請準備一個頂級域名,不要使用二級域名,不然你辛辛苦苦所建設的網站域名是在主域名之下,網路排名上是只看的到主域名看不到你自己的域名。

106A108103135 發表於 2021-5-18 21:49:27 | 顯示全部樓層
參考網址:https://www.design-hu.com/web-news/website-construction.html
架設網站前要先了解你的網站的主要用途與取向
大致可分為(1)一頁式網站(2)形象網站(3)電子商務網站(4)外銷網站
決定好網站目標之後 就要決定
網站需要哪些頁面?如何正確分配內容?
企業精神與品牌特色要用怎樣的文案風格表達?圖片還是影音?
哪一種形式能達到最好效果?主要服務及產品該如何分類?
網站架構是不是要符合 SEO 優化規則?
網站製作時間?如何更有效率完成?



當你的網站架設好之後,後續的維護與更新也是很重要的
很多人都覺得網路只是虛擬且數據化的空間,架設完就放著就好
其實網站跟機器一樣,需要定期的維護與保養
比如說使用WordPress架站,主程式與外掛更新的相當頻繁,除了安全漏洞的修補,
也有解決CMS版本與主題及外掛相容性的用意在,為確保網站能夠正常運作,不出現版面及功能無法使用的問題,
網站維護與更新的還是非常必要的!

心得: 國小電腦課的時候有學過自己架設自己的網站,都是跟著老師一步一步來,那時也覺得不太容易,
到之後上大學在接觸架設網站時,才知道其實架設網站並不簡單,而且後續顧網站更是困難,
要確保被攻擊時網站能保有一定使用度,還要修補漏洞,真的不簡單,如果是現在的我需要一個自己的網站,
我一ˋ定會選擇直接跟別人購買。
1061A108103142 發表於 2021-5-19 11:37:52 | 顯示全部樓層
網路架設相關文章:網站設計與架設流程的6個步驟
第一步:明確目的、受眾及功能需求
在最初的階段,一般至少需要釐清網站的目的、客群及功能需求等等。這些項目環環相扣,也影響了後續步驟的規劃方向以及最終產出的結果。因此,如果沒有明確的話,容易造成後續方向與預期不符,進而導致人力成本及時間成本的浪費。
網站的目的為何?
網站的受眾為何?
網站的功能需求為何?

第二步:網站規劃
透過第一個步驟的討論,我們對網站有了模糊的輪廓。到了網站規劃的步驟,則是要將這個模糊的輪廓更加明確。一般來說,會針對以下幾個項目討論。
明確網站設計與架設範疇
以傳遞形象、資訊為主要目的的網站,需要明確出具體需要那些頁面,例如:關於、服務、聯絡等,這些頁面裡大概要有那些內容,有哪些功能是必須的。而已販售產品為主要目的的網站,除了要討論前述的內容外,更需要深入討論使用者流程及相對應的功能。舉例來說,一般電商的使用者流程為產品頁、購物車、結帳頁、感謝頁,在這個流程中,是否需要設置滿額免運等優惠方式,又或者在購物車頁面設置加價購,甚至修改結帳表單並讓網站後台符合企業內部作業流程等,都是需要加以明確的內容。
網站架構階層圖
具體的頁面確定之後,則需要以階層圖的形式繪製出網站架構圖。網站地圖能使設計師、工程師等合作夥伴系統性地了解網站整體,有助於網站頁面內容規劃、文案規劃、網站頁面設計、功能流程設計等。
以FirstHatch一起孵網站為例,首頁以下共有4個頁面,在專案列表頁及Blog列表頁以下,則分別有各自的文章頁面。
使用者流程圖
對於電子商務網站、會員網站等較為複雜的網站來說,繪製出使用者流程圖並做為討論依據,能夠協助釐清需要客製化的地方,減少溝通誤差。
以NGO/NPO領域的網站為例,若需要透過網站進行捐款,則進行捐款的使用者流程可能如下圖所示。
設計規範
設計規範是網站未來進行網站頁面設計的依據,根據網站的目的、客群及品牌個性的不同,設計規範也會不太一樣,一般來說,至少會包含風格、色調、各級標題的字型及大小,再嚴謹一點的甚至會包含網站使用者介面的規範,例如:選單、按鈕、邊距等,以及錯誤範例。
專案進度圖
透過專案進度圖,可以把每個步驟可視化,使得合作夥伴了解負責步驟的時間點以及專案進度,進而能在適當時機提供幫助。此外,也能夠藉由專案進度圖預估可能的風險,進而擬定對策,降低專案延遲的概率。

第三步:網站設計
網站設計的階段,可以分成線框圖及設計稿兩個部分。透過這兩個部分,確立網站各個頁面的的使用介面及體驗(UI/UX)。
線框圖與使用者體驗
線框圖,白話來說,就是草稿。透過線條與圖形的方式,呈現出網頁的各個元素及文案的編排。設計時,需要將使用者體驗(UX)納入考量,根據使用者的習慣,思考透過何種形式能呈現資訊較能達到網站目的,同時也帶給使用者最佳的瀏覽體驗。
設計稿與使用者介面
設計稿以設計規範為基礎呈現出網站整體視覺以及使用者介面(UI),完成的設計稿即是網站完成後應有的樣子。

第四步:網站架設
在網站架設階段,工程師依照設計稿、功能需求等,選擇適當的伺服器配置及架站方式,例如:WordPress。在架設的時候,除了要確保成品與設計稿一致之外,也需要注意網站程式結構的搜尋引擎友善度、網站速度、不同瀏覽器或裝置間的顯示、安全性等,才能讓網站最終發揮最大的數位價值。

第五步:品質確認
一般來說,網站速度、不同瀏覽器或裝置間的顯示、安全性等是這個階段的主要測試項目。另外,對於功能較為複雜的網站,例如:電子商務網站、會員網站等,則需要設計不同的使用情境,模擬使用者的真實情況,確認有無流程上的瑕疵。

第六步:上線並持續維護
在完成前述五個步驟之後,就可以讓網站上線了。然而,上線並不是終點,為了確保網站運作順暢,需要定時進行維護及更新,例如:伺服器管理、程式更新、資料庫清理、備份等。

心得:以前都會覺得架設網站是一件非常複雜的事,但是經過這次課程別去查詢,充分了解到其實也不是那麼的困難,只要有基礎概念就可架設出一個簡易的網站了。

1061A108103120 發表於 2021-5-21 10:03:49 | 顯示全部樓層




社會在走,架站知識要有,隨著時代的進步,架設網站已經不再是網站設計公司的專利,到底做一個網站為什麼會費用會這麼高呢?做網站又包含哪些程序?快跟著光先生了解架站流程吧!



每日學,內容精要,重點快速瀏覽學習,輕鬆掌握重點。
架站流程




































一.網域

  • 不要使用主機商網域:



有很多網路主機商都會標榜免費提供網域的服務,但是請不要這麼做,將網域與主機分別申請,若是日後有更換主機商的需求可以避免掉糾紛。



  • 不要使用免費子網域:



有很多部落格平台都會提供免費子網域,但是除非完全沒有要營利,否則使用免費子網域經營blog是很危險的,除了違反平台規定可能會被懲罰或停權之外,因為網址不是自己的,投入的時間成本也只是在幫這些平台「打工」。



台灣有很多廠商提供網域申請服務,在這邊我們以遠傳電信Seednet為例:



Step1:
選擇國際域名(.com)






Step2: 輸入Email後到信箱收取確認信,點入連結進入頁面輸入想要的網域名稱後按下確定,建議是簡單好記或與企業有相關的英文字。



為什麼一定要註冊國際域名(.com)呢?因為可以讓你的網站在全世界都能瀏覽,而不會因為.tw的關係被阻擋,讓外國人也可以是你的客人



Step3: 註冊會員並選擇年份及繳費方式



一般如果是要長久經營得網站,我們會建議客戶購買3年的年限,畢竟一個網站大約3~5年就需要進行一次更新。












二.虛擬主機

我們蓋房子前都需要有一塊地,而主機就是我們網站的「地」,地買的多大,房子就能蓋的多大;地的大小在虛擬主機規格上大致可以由磁碟空間、每月流量、資料庫空間來決定,規格越高能架設的網站就越大。


光曜也有提供虛擬主機服務,以最熱門的Wordpress平台為基礎(省去安裝步驟)

光曜賣的不只是虛擬主機,更多的是附加價值,使用最夯的Wordpress架站平台,提供你實用的網頁製作外掛,讓企業可以自由架設各種網站,更可以放上海量商品資訊供消費者參考,除此之外,還免費安裝網站分析工具,對於企業未來的內容行銷絕對是一項很重要的依據












三.網頁製作軟體

有了土地也設好了路標,那就可以開始架設我們的網站了!網站的架設有程式碼的撰寫,也有網站架設平台可以使用,在之前我們寫過了一篇文章從前架站需要30天,現在你只要30分鐘,詳細介紹了這兩種方式的差異。





四.除此之外還有網站分析工具要使用

一個好的網站絕對不是架設完畢就可以了,還需要進行分析,不然怎麼知道網站做的到底好不好呢?。網路上就有兩款功能強大且免費的分析工具可以使用。


第一是Search Consle


主要就是Google主動對你的網頁進行檢查,也可以手動提交Simap,讓Google能更快搜尋到你的網頁,此外也可以得知使用者都是透過哪些關鍵字來搜尋到網頁,以此來進行SEO的優化,而最近Search consle也進行了改版,可以閱讀體驗新版Search consle,在耍什麼花樣?了解一下。


第二是Google Analytics



當我們為網站安裝了GA的追蹤碼之後,當使用者進到我們的網站就會被GA所標記,在網站內的一舉一動包括使用者的客層、行為、管道等等,不只在網站內,就算離開網站追蹤碼也會持續的追蹤使用者,如果有使用廣告的需求就可以將受眾設定為這群人,若是對GA有興趣想要更了解可以閱讀是什麼令你的訪客無所遁形?了解GA分析工具的強大這篇文章





不斷更新,提供最佳使用者體驗

時代一直在進步,人們的使用習慣也不斷在改變,今天的網站動線是人們所習慣所喜歡的,但是5年後10年後呢?看看5年前與現在的網站就知道了,視覺上人們從擬真化設計,到現在的扁平式設計,自從智慧型裝置出現並興盛之後,網站沒有RWD架構是沒有人會想要瀏覽的,由此可證,只有不斷更新,才能提供最佳使用者體驗,才能讓網站不只是曇花一現。




心得:現在的人普遍都是用電腦玩遊戲居多,沒想過為何這個遊戲可以運行,一個遊戲背後離不開一個完善的網站結構,沒有一個堅固的網站架設就會導致遊戲很容易崩潰,從中我學習到架設網站不像我想象中的那麼困難,一些小型的網站,只要我們按照步驟架設,每個人都可以成功。






1061A108103133 發表於 2021-5-24 13:30:41 | 顯示全部樓層
參考:https://ranking.works/%E7%B6%B2% ... 9%E6%9E%B6%E8%A8%AD
心得:我覺得要自行架設網站所需的步驟較為繁瑣,包含了註冊網域,跟購買網站空間,還需要網站設計讓使用得人都能清楚掌握重點是非常有技巧的,完成之後網站架構也是個麻煩要把自己的產品或內容資料分類以便看的人可以找到他需要的東西。
106A108103112 發表於 2021-5-31 14:24:44 | 顯示全部樓層
本帖最後由 106A108103112 於 2021-5-31 14:29 編輯

[size=15.008px]WordPress是一個以PHPMySQL為平台的自由開源的部落格軟體和內容管理系統。WordPress具有外掛程式架構和模板系統。截至2018年4月,排名前1000萬的網站中超過30.6%使用WordPress。WordPress是最受歡迎的網站內容管理系統。全球有大約30%的網站(7億5000個)都是使用WordPress架設網站的。WordPress是目前網際網路上最流行的部落格系統。WordPress在最著名的網路發布階段中脫穎而出。如今,它被使用在超過7000萬個站點上。2003年5月27日,WordPress從b2/cafelog分支,由[size=15.008px]馬特·查爾斯·穆倫維格(Matt Mullenweg)和Mike Little開發。到了2011年12月,3.0版本已經被下載了超過6500萬次
網域查詢網域 (Domain name)
網域 (Domain name) 又稱「域名」、「網域名稱」,是網站首頁地址。例如,在瀏覽器輸入 www.pixnet.net 會到達痞客邦網站首頁。URL是什麼
URL (Uniform Resource Locator) 中文意思是「統一資源定位符」,俗稱網址。
一個網站是由HTML、CSS、JavaScript、PHP… 等檔案組成(散佈於不同資料夾)。URL是到達資料夾中某檔案的路徑。
網域是URL的一部份!若只輸入網域,你會到達網站根目錄(所謂的首頁)。

心得:現在網路越來越發達,可以製作屬於自己獨特的網站,也可以與人交流。
1061B107103249 發表於 昨天 08:43 | 顯示全部樓層
本帖最後由 1061B107103249 於 2021-6-23 08:45 編輯

外包網站架設公司 vs 自行架設網站
首先,你需要評估要自行架站或外包,這關係到架站前的規劃與時間、金錢和人力,即網站架設費用以及成本,再選擇最符合需求和條件的方式架設網站。
[size=1.5]網站架設費用及成本
時間成本
1. 自行架設網站:多耗費在工具(網頁製作軟體、網站架設軟體)、相關知識研究,與細節規劃與執行
2. 外包網站架設公司:主要耗費在與外包團隊的來回溝通時間
人力成本
1. 自行架設網站:非專業背景的小團隊獨立製作較耗費時間,分工需更明確;若團隊內有網站架設工程師,可分配較深入的技術性工作
2. 外包網站架設公司:需一窗口和網站架設公司溝通,團隊可繼續執行其他工作
網站架設成本
1. 自行架設網站:要自行架設網站所需的步驟較為繁瑣,包含了註冊網域(Domain)、購買(或租用)網站空間等。以市場平均網站架設費用價格來看,註冊國外網域一年約需 10 至 15 元(美金)左右;而買斷「伺服器」一年需 3 萬至 10 萬元(台幣),租用「虛擬主機」則約 3 千至 8 千元(台幣)不等的月費。
2. 外包網站架設公司:須視網站功能,以及不同網站架設公司的報價而有所不同,一般約 3 萬至 50 萬元(台幣)不等。一般形象網站價格可能較低;,而電商購物車網站因為功能複雜,價格相對也較高。
網站架設流程與網站架構釐清
網站架構和內容主軸的關聯性很高,內容主軸若不清楚,整個網站的架構和脈絡將會模糊不清,一個混亂的網站,將會使消費者也陷入混亂,因此,網站架構和網站內容主軸的規劃,必須更加嚴謹。這些也都仰賴明確的網站架設流程,在初步規劃網站架構時便能先將一些基本的 bug 排除掉。
網站架設流程簡述
1. 購買網址+虛擬主機申請/架設網站伺服器
好的「網址」對網站來說至關重要,它可以視為網站的門牌,通常越精簡越好。而虛擬主機則提供可以視為網站的「地」,通常自己經營虛擬主機所費不少,主機、人力、技術成本可是幾十萬起跳,因此現在自行架設網站常向第三方申請租借,每月支付租金即可享有虛擬主機!較知名的虛擬主機如 AWS 虛擬伺服器SiteGround 等。
2. 網站設計/網頁製作
要有好的網站架設首先得釐清網站的需求,為什麼架設網站?架設網站給誰看?希望網站架設達成什麼樣的效益?做好了基本的功課後再進入網頁架構的規劃與版面的規劃設計,才能較有邏輯的進行規劃。網站設計流程又包括了「使用者體驗設計」與「視覺設計」,這於下面的章節會有詳細的敘述。
3. 前端程式撰寫與切版4. 後端程式撰寫與資料庫串聯5. 測試上線網站架構與內容主軸定調
所謂網站架構就是網頁間的分層關係,在初期可以先用簡單的樹狀圖列出網站的層級關係,網站中要有哪些資訊、哪些主題和子主題。同時你也需要了解一個網站的基本資訊和頁面是哪些,像是「關於我們」、「團隊介紹」、「服務介紹」、「最新消息」等,這些基本頁面視產品與產業有所不同,可以參考相關產業的網站。再來就可以利用線上繪圖工具產製較正式的網站架構圖了。
心得:架設一個網站現在來說已經不是難事了,在這個資訊發達的時代,網路上有非常多的資料可供我們參考,也有很多的平台與軟體供使用者選擇,但要做出一個好的網站並不容易。

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

本版積分規則

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

GMT+8, 2021-6-24 20:29 , Processed in 0.100309 second(s), 14 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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