Menu

為何要學習HTML與CSS

html
css
frontend

Eric - Posted on 2018/12/17

學習動機

      各式各樣的網站充斥在我們的生活之間,不論是旅遊網站、購物網站、部落格網站,所有人幾乎都習慣在網路上瀏覽、尋找資訊,尤其現在幾乎人人都有手機、平板電腦或電腦等裝置,上網對於現代人來說是再普遍不過的事。

      也因為上網這件事充斥我們的生活,各種網路創業、網站改版的需求大量興起,不外乎是希望透過網路提升業績與建立品牌形象,雖然我們也可以透過社群網站經營,但最後還是得回歸到官方網站。

      無論你是基於何種理由或角色,創業、公司的要求、想轉職、想利用晚上時間學習進而接案兼差,選擇一門程式語言並開始投入無疑是最好的方式,而對於有需求跨入寫程式這個領域的人來說,最難決定的大概就是我要從何著手?那麼多的程式語言哪一個比較適合我?或者說比較好入門?如果你猶豫不決的話,HTML 與 CSS 就是一個不錯的選擇。因為

  1. 進入的門檻低

HTML 是個標記語言( HyperText Markup Language ),它讓我們可以編輯網頁的內容與架構;而 CSS 是層疊樣式表語言( Cascading Style Sheets ),它可以讓我們設定網站的樣式。HTML 與 CSS 沒有複雜的程式邏輯,例如迴圈,因此可以很簡單地讓我們做出一個靜態網站,當然,隨著進化到 HTML5 與 CSS3,我們還是可以製作有簡單動畫的網站。

  1. 所見即所得

這也是使用者的視角,我看到的就是網站的畫面,一般使用者根本也不知道背後程式是如何運作的,大多數人會很直觀地先從畫面是否美觀來判斷一個網站,再來就是網站的操作與速度,後面這兩項還牽涉到UX 設計及後端工程師的工作範疇我們就暫時不提。

同樣地,編輯 HTML 與 CSS 時,我們也可以立即看到我剛剛寫入的那段內容與樣式在畫面上看起來長得如何,所見即所得也可讓初學者稍微降低不確定感,保持一定的成就感對學習來說是一件相當重要的事。

   如果你挑選一個看起來很酷,大家都在玩、最熱門的程式語言,卻沒考慮到這個程式語言的學習曲線、可能需要先具備某些專業知識、需要花比較長的時間、適不適合自己的需求,貿然投入只會提升自己的挫折感,然後半途而廢豈不可惜。HTML 及 CSS 如前面所說,它不涉及艱澀的迴圈、判斷式,它可以讓你立即看到做出來的畫面;再者,HTML 是所有網頁的基本架構,無論你是使用手機、平板或電腦上網,無論你是使用Google Chrome、Firefox或哪一種網路瀏覽器,你看到的畫面都是基於 HTML 搭建架構、CSS 賦予樣式,而後端程式語言數十種,無論你挑選哪個,最後都是要讓使用者看到畫面吧!

 

學習 HTML 與 CSS 可以完成哪些事?

   說了這麼多還是要回歸學習的目的,我學了之後能幹嘛?只要牽涉到網頁的都跟 HTML 與 CSS有關,也就是除了 App 之外,你大概都能做(笑),舉凡個人部落格、公司網頁、電子報...都有你可以發揮的地方。

如果你是設計師

      你可以把你的平面設計稿變成一張張可以真正運用的網頁。

如果你是專案經理

     當你具備 HTML 與 CSS 的知識,跟客戶、設計師、工程師等人合作、溝通時,你再也不會覺得網頁是什麼虛幻飄渺的東西;客戶提出許多天馬行空的想像時,你已經可以稍微拿捏這對專案計畫來說實不實際;你可以直接跟設計師討論這邊的設計在撰寫網頁時會發生什麼問題,而不用等到你把設計稿交給工程師之後才被打臉;當工程師說做不出來的時候,你也可以知道他是推託或者真有困難。

如果你想兼差接案

     無論後端程式語言是使用 PHP、Python、Ruby on Rails...,最終都是要套上 HTML 與 CSS,當你具備這兩種語言的知識,你可以寫完之後交給後端工程師,也可以直接使用 WordPress 般的內容管理平台讓網站上線;甚至當你越來越熟練的時候,你還可以繼續學習 JavaScript,加入一些動畫讓網站更活潑有趣,或者其他後端程式語言。

 

   凡事都有一個開頭,也都要投注時間學習,選擇一個相對容易上手的 HTML 與 CSS,一點一滴累積你的知識與經驗,你越熟練,能做到的事情就越多,遇到新的事物需要突破也不再那麼令人恐懼。