【網頁設計】架站編程學習之路要怎麼走？完整網頁開發教學(下)

終於進到最後一個環節了！如果還沒看過上篇＆中篇的朋友們，建議先看過再回來哦。
 

網頁設計７：培養設計美感

設計美感是要培養的，而最快去培養設計美感的方法，就是：多看一些美麗的作品。
behance收集了世界各地最美麗的平面設計

圖/ Behance網頁畫面截圖
awwwards收集了世界各地最美麗的網頁設計

圖/ awwwards網頁畫面截圖
最後，如果發現自己的設計美感還是不太行，在修改template時，就盡量不要做大的修改！以免改得不倫不類。
TC編備註：template即為網頁模板。
 

網頁設計8： 編程學習路徑

好了！如果你終於下定決心，要學習網頁編程。那麼，你應該從哪裡開始學起？我的建議，是你應該由Frontend語言開始學。
第一樣需要學習的是HTML（外觀的結構），可參考HTML教學全攻略2019 – 9個課程
接下來可以學習CSS（讓外觀更美麗）。
學習完基本CSS後，你可以學習一些常用的CSS Framework，例如Bootstrap。再進一步就是CSS的動態元素，如CSS3 Animation，GSAP等等。
Framework是一堆一早寫好的源碼，讓你隨時使用。利用不同的Framework，可以讓你大大加快開發速度。
再下來就是javascript。
學習完基本javascript後，我們通常還會學習jQuery。jQuery是javascript以上的一個Framework，實際應用很多。
到了這步後，你已經成為了一個Frontend Developer！如果你想更深入去編寫Web APP，更可以學習一些Web APP Framework，如Angular，React等等。
至於後台，你則需要選擇一種語言去專精。
在眾多後台語言中，我會建議初學者學習PHP。因為比較普及又易學。
學習完基本PHP後，你可以學習一些以PHP為語言的CMS開發，例如Wordpress，OctoberCMS等等。
如果你想開發功能繁複的平台，你更可以學習一些PHP MVC Framework，如Laravel等等。成為一個真正的Backend Developer。
MVC 全名是Model-View-Controller。開發功能繁複的平台時，我們通常會利用MVC去架構後台功能。（現階段看不明白是正常的！）
 

網頁設計9：網址與伺服器

在前幾章節，我們常常提及到伺服器（Server）。究竟，什麼是伺服器呢？
「伺服器」其實就是一台連著互聯網的電腦。這台電腦的主要作用是，讓其他人看見這台電腦上的網頁。


如何在茫茫互聯網中找到這台「伺服器」？當然，它會有一個地址，這個地址就是叫IP Address。
IP Address通常都像這樣：192.3.4.2。很難記吧？因此，我們把它弄得易記一點，就變成網址(Domain)了。
整個上網的流程，就像這樣：
1. 用家開電腦
2. 開瀏覽器
3. 在瀏覽器輸入網址
4. 網址變成IP Address
5. 根據IP Address，找到伺服器
6. 問伺服器可否看你的網頁
7. 伺服器說OK，它給你HTML
8. 瀏覽器收到HTML，把它變為你看得懂的網頁
明白了嗎？看到這裡，通過這9個章節，相信大家己對網頁設計，掌握了各種重要的基礎概念。
今天的教學到這裡，希望大家可以好好學習！
 
文章由【鬍子科技學院】授權提供TC使用，原文文章標題為【學寫網頁教學2019 – 9個課程】，版權歸【鬍子科技學院】所有，欲轉載請聯繫原發布單位，經TC彙集整理，部分內容為TC創作，未經授權不得轉載。首圖來源：pexels

TC Summary
培養設計美感：多看behance與awwwards這兩個網站。
編程學習路徑：先學前端（HTML、CSS、Javascript），再學後端（PHP等等）
網址與伺服器：伺服器(Server)就像一台連著互聯網的電腦，要要求伺服器給你看東西需要透過位址(IP Address)找到它，為了容易記和傳給別人，所以將它轉為網址(Domain)。
 
《延伸閱讀》
 

[台中實習] TC學期實習

要如何在短時間內提升自己的軟/硬實力呢？答案是大量且有規劃性的實作。


軟體開發、網頁製作、社群品牌操作、SEO數位行銷、人資助理、商業執行助理、客戶規劃助理，七個實習職缺，最多11位實習生可參與TC完整的培訓課程，學期實習結束後，你會獲得：

1.   實際參與整個大型專案開發的經驗
2.   你所產出的東西都會被客戶使用/看見
3.   豐富的作品集充實自己的履歷

想成為數位/行銷的人才嗎，TC實習讓你在實作中學習，學習中成長，還不快加入！
前往申請：https://pse.is/tcintern9