iT邦幫忙

0

【轉職前端之路】網站開發的流程

  • 分享至 

  • xImage
  •  

規劃


需求確認

  在開發網站之前,了解需求是相當重要的,若是不事先了解需求,開始設計甚至是進入程式開發時才發現網站不符合想像及需求,就會形成無端的人力、物力及時間上的浪費。通常在確認需求時,至少會需要確認以下項目:
目的

  需要確認網站是為了什麼而架設?是為了做宣傳?還是做為銷售通路?不同的目的會影響網站的結構及設計。
受眾/使用者

  依照目標客群或使用者的不同,在外觀及使用習慣上都會有所不同,了解受眾及使用者能更好在設計時提升使用者體驗,讓網站不只好看還好用。

功能

  依照不同目的可能會有不同的需求功能,事先確認需要哪些功能,便能在設計時將功能一併考慮進使用流程及體驗中,開發時也才能依照需求進行相關的功能開發。功能方面舉幾個例子,如:商城購物、會員管理、資訊/文章發佈更新等等……

規劃網站架構

  了解需求之後,就需要將網站架構建立起來,那麼什麼是網站架構呢?簡單來說就是所謂的網站地圖。他不只能將網站的輪廓描繪出來,也與使用者體驗有關,若是設計不良的架構,有可能會導致使用者難以從網站中找到所需的資訊;對開發者而言,網站架構也是一個了解網站規模、有哪些網頁需要製作的重要資料。

  網站架構通常可以先參考同類型的網站,畫出雛形後再來依據需求做調整。同時,好的網站架構也能優化SEO。

開發時程安排

  通常在網站架構規劃完後,便能依照架構所呈現的規模及所需的功能來安排開發時程。

設計


  網站規劃完成後,便需要依照規劃進行設計,設計的重點便是要讓網站「好看又好用」,讓使用者更願意在網站停留或使用網站的服務。設計又分為樣式及使用體驗:

樣版設計(風格、版面安排等……)

  就如人要衣裝,網站的模樣也十分的重要。好的樣版設計能吸引使用者佇足,同時也是一種形象的呈現。

使用者體驗(瀏覽動線、閱覽方式及習慣等)

  若說風格樣式是要給使用者留下良好的第一印象,進而吸引使用者閱覽或使用,那麼良好的使用者體驗就是留住使用者持續使用的重要關鍵。

開發


  設計完成後,就需要將設計的內容實際製作成可以使用的網站,依照樣版及需求功能來進行開發。比較通常會需要進行的開發如下:

將圖像設計稿透過HTML/CSS轉成網站

  設計稿本身只是圖像,還需以HTML/CSS製作成可呈現在瀏覽器上的網站。

網站功能開發

  開發階段最主要就是以程式來作業,依照網站性質種類不同,可能會有一些功能上的需求,例如:

  • 購物商場:會員管理、金流、資料庫等
  • 部落格:後台發文管理、數據分析功能等
  • 企業內部網站:內部工作系統、人資系統、倉管系統等

測試及發佈


測試網站功能及除錯

  當網站製作完成後,就需要進行測試,確保網站符合設計並可以使用。例如:

  • 不同瀏覽器下的版面及使用情況
  • 不同使用者及使用狀況模擬
  • 速度及順暢度等等

發佈

  當網站經過測試除錯後,便能將網站上傳至伺服器,讓使用者能透過網址來使用網站。

維護


  網站發佈了之後,通常並非結束,後續的持續經營才能讓網站持續有所作用,所以還需後續的維護,如:

內容更新

  有些網站如部落格或資訊分享型的網站,需要時常更新內容才能提升SEO排名,也才能發揮該網站的價值。

樣版更新

  或許是因為企業經營方針改變、個人形象改變或是因應季節活動等等,有時也會需要幫網站換套外觀。

系統/安全性維護、優化

  隨著時間的發展,可能出現了新的技術、或是資料量變得龐大,導致使用上的效能或體驗下降,這時候就需要針對既有的功能或系統進行維護及優化,使網站能保持良好的運作。


  我是正在努力學習網頁開發知識,立志朝網頁前端工程師邁進的佧佧,這個系列是我的學習筆記及記錄,希望我的學習歷程也能給予同樣走在學習路上的夥伴一些協助,若是內容有任何錯誤或不足,也希望各位前輩、先進不吝提出,謝謝!
我的學習地圖


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言