---
# System prepended metadata

title: 來架個網站吧-1.前言
tags: [來架個網站吧]

---

# 來架個網站吧-1.前言

###### tags: `來架個網站吧`

這一系列的文章，我想把我自己學習架設網站的學習過程一步一步敘述出來，從零基礎開始到一個網站的誕生。順便在撰寫文章的過程中，更精進這方面的技術與吸收。

## 前端 與 後端

在網站工程中，常常聽到「前端」與「後端」，但是什麼是前端？什麼是後端？

以我自己本身的經驗，對一般人比較能理解的說法是：用瀏覽器開一個網站，眼睛看得到絕大部分都是前端技術，眼睛看不到的都是後端技術。但是在時務經驗中，前端技術也可以寫後端，例如：Note.js。後端技術也可以應用在瀏覽器，例如：Java Applet。原則上技術本質是中性的，沒有絕對只有適合而已。在工作中，後端工程師也會需要處理前端丟過來的問題，進而協助前端如何處理資料傳輸的問題。前端也會需要如何用JavaScript產生文件的時後。在網站領域做了一段時間，兩端多少都需要碰到，只是早晚問題。

這一系列開始，我會介紹程式基礎。程式語言基礎的部份，我選擇JAVA。沒有其他原因，就我自己比較熟悉而已。接下來會介紹資料資料庫，以及如何操作。整體後端大略介紹完後，會開始介紹前端基礎技術HTML、CSS、JavaScript。

整體技術介紹完之後，我想簡單介紹程式撰寫習慣。因為這項關係到日後接手的工程師或是一年以後的自己。

再來是進入這系列的重點：如何開發網站。

## 如何開發網站

網站，最基本的功能是有目的的資訊交流平台。所以開發一個網站需要先探討，是為誰建立的？使用目的是什？接下來才是後續的系統流程設計與開發。

這邊我先設定架設網站的目標：給中學生查詢的網站字典。之後架設網站時，我會以我自己在學生時期的經驗為範本，逐步構出需求。

開發完成後，會把成品上線。對於這部份有些我自己沒有實做過，例如：https的安全憑證、網域申請。只有看過知道怎做而已。這部份算是對我自己的挑戰吧。

上線之後是「維運」的開始。在網路的世界中，沒有一個網站是永遠沒有意外的。一定會有人發現系統問題，一定會出現網站失去服務功能。當出現意外時，要如何處置，還有要怎麼讓開發者(團隊)知到出現問題，是網站的生命週期中很重要的一環。而且「維運」這一階段，從第一次上線或是開發階段就已經開始，直到網停止服務的當下才會結束。另外，這部份也是佔最多「人力」、「金錢」、「物力」資源的部份。

上述是這系列的概述。原則上我會一週出一篇文章，經過上一系列「我的Linux日常生活」認真初體驗，一週一篇對於現目前的我應該算是極限了。畢竟我只有睡前短短兩個小時可以實做、學習、撰寫。以下是這系列的大綱，之後對於內容有錯誤，還請大家多多指點，不怕被更正，只怕錯誤的資訊被傳遞而已。

```
1. 前言
2. 開發環境建置
3. 後端技術-JAVA、SQL
   1. Java
      1. 宣告
      2. 資料型別
      3. 判斷式
      4. 迴圈
      5. 封裝
      6. 繼承
      7. 介面
   2. SQL
      1. 新增資料
      2. 查詢資料
      3. 修改資料
      4. 刪除資料
4. 前端技術-HTML、CSS、JavaScript
   1. 瀏覽器
   2. HTML
   3. CSS
   4. JavaScript
5. HTTP協議
   1. GET
   2. POST
6. 前端與後端資料傳遞
7.  程式撰寫習慣
   1. 一致性的命名方式
   2. 有意義的命名
   3. 盡量扁平化語意
8.  需求探討
   4. 系統目標
   5. 目標使用者
   6. 使用者需求
9.  系統規劃
   7. 功能規劃
10. 開發實做
11. 系統測試
12. 上線
13. 系統問題分析
14. 處理系統問題

```

**完稿時間**:2021-07-15 23:50  **回報內容錯誤**:jameschangwork@gmail.com