【網站開發學習筆記】網站開發的流程

更新於 發佈於 閱讀時間約 4 分鐘

規劃

需求確認

  在開發網站之前,了解需求是相當重要的,若是不事先了解需求,開始設計甚至是進入程式開發時才發現網站不符合想像及需求,就會形成無端的人力、物力及時間上的浪費。通常在確認需求時,至少會需要確認以下項目:
  • 目的
  需要確認網站是為了什麼而架設?是為了做宣傳?還是做為銷售通路?不同的目的會影響網站的結構及設計。
  • 受眾/使用者
  依照目標客群或使用者的不同,在外觀及使用習慣上都會有所不同,了解受眾及使用者能更好在設計時提升使用者體驗,讓網站不只好看還好用。
  • 功能
  依照不同目的可能會有不同的需求功能,事先確認需要哪些功能,便能在設計時將功能一併考慮進使用流程及體驗中,開發時也才能依照需求進行相關的功能開發。功能方面舉幾個例子,如:商城購物、會員管理、資訊/文章發佈更新等等……

規劃網站架構

  了解需求之後,就需要將網站架構建立起來,那麼什麼是網站架構呢?簡單來說就是所謂的網站地圖。他不只能將網站的輪廓描繪出來,也與使用者體驗有關,若是設計不良的架構,有可能會導致使用者難以從網站中找到所需的資訊;對開發者而言,網站架構也是一個了解網站規模、有哪些網頁需要製作的重要資料。
  網站架構通常可以先參考同類型的網站,畫出雛形後再來依據需求做調整。同時,好的網站架構也能優化SEO。

開發時程安排

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

設計

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

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

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

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

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

開發

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

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

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

網站功能開發

  開發階段最主要就是以程式來作業,依照網站性質種類不同,可能會有一些功能上的需求,例如:
  • 購物商場:會員管理、金流、資料庫等
  • 部落格:後台發文管理、數據分析功能等
  • 企業內部網站:內部工作系統、人資系統、倉管系統等

測試及發佈

測試網站功能及除錯

  當網站製作完成後,就需要進行測試,確保網站符合設計並可以使用。例如:
  • 不同瀏覽器下的版面及使用情況
  • 不同使用者及使用狀況模擬
  • 速度及順暢度等等

發佈

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

維護

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

內容更新

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

樣版更新

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

系統/安全性維護、優化

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

  我是正在努力學習網頁開發知識,立志朝網頁前端工程師邁進的佧佧,這個系列是我的學習筆記及記錄,希望我的學習歷程也能給予同樣走在學習路上的夥伴一些協助,若是內容有任何錯誤或不足,也希望各位前輩、先進不吝提出,謝謝!
avatar-img
4會員
15內容數
我是佧佧,歡迎來到我的術式領域。 讓我們一起磨練技術、學習程式, 在前端的領域中不斷成長吧!
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
佧佧的術式領域 的其他內容
在了解網站是什麼之後,讓我們來了解什麼是網站開發?網站開發究竟在做些什麼呢?
到底什麼是網站?網站有什麼功用?又是怎麼運作的呢?
  利用excel建立了個人的學習地圖,持績修正優化中……   目前的作法是,先從概論性的東西開始了解學習,對於可能有哪些東西需要學習再來做滾動式的安排,並記錄學習歷程及耗時。
在了解網站是什麼之後,讓我們來了解什麼是網站開發?網站開發究竟在做些什麼呢?
到底什麼是網站?網站有什麼功用?又是怎麼運作的呢?
  利用excel建立了個人的學習地圖,持績修正優化中……   目前的作法是,先從概論性的東西開始了解學習,對於可能有哪些東西需要學習再來做滾動式的安排,並記錄學習歷程及耗時。
你可能也想看
Google News 追蹤
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
🚀 設計與佈局網站建置指南 網站不僅僅是一個數位名片,它還是傳遞品牌形象與內容的橋樑。優秀的網站設計與佈局不僅能提升用戶體驗,還能加強訪客的停留時間,促進轉化率。以下是從設計規劃到完成建置的步驟指引。 🎯 專業網站建置流程 1️⃣ 明確目標:設計前的規劃 在開始設計網站之前,您需要明確
架設第一個網站是一個令人興奮且具有挑戰性的過程。這篇文章將詳細介紹如何從零開始,逐步完成一個基本的網站,並且涵蓋所需的主要步驟。 1. 計劃與構思 在開始技術工作之前,首先要明確網站的目的和目標受眾。問問自己以下問題: 這個網站的主要目的是什么?(例如,博客、電子商務、個人作品集等) 目標受
Thumbnail
當你要開始進行公司的官網設計,一定會困惑哪些是自己要準備的?而哪些是需要網頁設計公司協助完成的?本文列出每個階段流程、需要注意的事項及簡單案例,讓您快速瞭解相關工作。
Thumbnail
「聯絡我們」頁面,對於許多人來說,可能只是一個填寫表格或放置聯絡資訊的地方。然而,在服務客戶的過程中,我經常被問到:網站真的需要這樣的頁面嗎?事實上,現今的聯絡方式多樣化,可以根據不同的需求和情境進行設計,讓我們來看看具體如何做。 服務性質的考量 考慮服務的性質是第一步。通常,服務性質會涵蓋多個
Thumbnail
建立自己的網站需要考慮許多因素,包括網站類型、架站軟體的選擇、素材的準備、網域名稱的購買、主機空間的租用、網站設計的進行以及網站被收錄的步驟。透過這些步驟,你可以自己建立一個符合需求的網站,展示你的企業形象、進行電子商務或建立社交媒體平臺等。
當您需要訂製網站時,一家專業的網站開發公司是非常重要的。確保公司具有專業知識和經驗,能夠提供訂製化的網站開發服務,並在您的預算範圍內。
Thumbnail
在這個網際網路發達的時代,網站成為了企業進行網路行銷的重要推手。製作一個客製化風格、專業且具有強大功能的網站變得非常重要。在這篇文章中,我們將分享網站製作的五個步驟,從需求溝通到網站上線,讓您瞭解如何打造一個成功的網站。
Thumbnail
在這個數位時代,網站成為企業與個人展示品牌形象、提供資訊的不可或缺之一。然而,一個成功的網站不是一朝一夕就能完成的,而是需要經過精心的網站設計流程。本文將深入探討網站建置的7大步驟,從需求瞭解到網頁正式上線,帶您一窺網站設計的全貌。
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
🚀 設計與佈局網站建置指南 網站不僅僅是一個數位名片,它還是傳遞品牌形象與內容的橋樑。優秀的網站設計與佈局不僅能提升用戶體驗,還能加強訪客的停留時間,促進轉化率。以下是從設計規劃到完成建置的步驟指引。 🎯 專業網站建置流程 1️⃣ 明確目標:設計前的規劃 在開始設計網站之前,您需要明確
架設第一個網站是一個令人興奮且具有挑戰性的過程。這篇文章將詳細介紹如何從零開始,逐步完成一個基本的網站,並且涵蓋所需的主要步驟。 1. 計劃與構思 在開始技術工作之前,首先要明確網站的目的和目標受眾。問問自己以下問題: 這個網站的主要目的是什么?(例如,博客、電子商務、個人作品集等) 目標受
Thumbnail
當你要開始進行公司的官網設計,一定會困惑哪些是自己要準備的?而哪些是需要網頁設計公司協助完成的?本文列出每個階段流程、需要注意的事項及簡單案例,讓您快速瞭解相關工作。
Thumbnail
「聯絡我們」頁面,對於許多人來說,可能只是一個填寫表格或放置聯絡資訊的地方。然而,在服務客戶的過程中,我經常被問到:網站真的需要這樣的頁面嗎?事實上,現今的聯絡方式多樣化,可以根據不同的需求和情境進行設計,讓我們來看看具體如何做。 服務性質的考量 考慮服務的性質是第一步。通常,服務性質會涵蓋多個
Thumbnail
建立自己的網站需要考慮許多因素,包括網站類型、架站軟體的選擇、素材的準備、網域名稱的購買、主機空間的租用、網站設計的進行以及網站被收錄的步驟。透過這些步驟,你可以自己建立一個符合需求的網站,展示你的企業形象、進行電子商務或建立社交媒體平臺等。
當您需要訂製網站時,一家專業的網站開發公司是非常重要的。確保公司具有專業知識和經驗,能夠提供訂製化的網站開發服務,並在您的預算範圍內。
Thumbnail
在這個網際網路發達的時代,網站成為了企業進行網路行銷的重要推手。製作一個客製化風格、專業且具有強大功能的網站變得非常重要。在這篇文章中,我們將分享網站製作的五個步驟,從需求溝通到網站上線,讓您瞭解如何打造一個成功的網站。
Thumbnail
在這個數位時代,網站成為企業與個人展示品牌形象、提供資訊的不可或缺之一。然而,一個成功的網站不是一朝一夕就能完成的,而是需要經過精心的網站設計流程。本文將深入探討網站建置的7大步驟,從需求瞭解到網頁正式上線,帶您一窺網站設計的全貌。