好的網站除了是靠後端，伺服器的好壞去判斷之外，還有前端javascript的撰寫，更重要的是UI版面和UX流程。這理由很簡單，假設你看見了下面的網站顏色混雜沒有一個統一的配色，使用者的眼睛並無法在短時間內吸取重要的資訊。
取自pchome官網https://shopping.pchome.com.tw/
應該有人疑問，什麼是響應式網站？響應就是不同螢幕大小得到的頁面不同。例如著名部落格網站medium就有製作響應式網站
下面的是手機版
手機版網站上方多了一個Open App的標誌，明顯他知道你現在在用手機，所以給出電腦版不同的頁面。
取自medium 榮民叔叔轉職攻城獅的藏書筆記 【課程筆記】不確定時代下的敏捷測試-利用持續測試交付價值
如果沒有使用響應，手機版網站的字體會變得非常的小導致使用者必須放大觀看操作，造成不變。例如下方的網站
取自pchome官網https://shopping.pchome.com.tw/
講了這麼久終於來到了套用的環節了，如果你還不知道什麼是html的話，我建議你先取看這個網站http://www.pcnet.idv.tw/pcnet/html/html.htm ，它能帶你簡單入門，下一集才會正式進入製作的環節。如果已經會的朋友就只要把下面的程式碼放到<head></head>裡面就好了
超級前端人
<meta name="viewport" content="width=device-width, initial-scale=1.0">
未來才會介紹到css針對不同螢幕大小的處理。
終於到了總結了。
好網站的構成是由後端，前端，UI，UX所構成，要對每位使用者想著他們的所遇見的困難，創造出適合每一個人都能簡單操作的環境。
完成第一篇就這麼累!
iThome鐵人賽
看影片追技術