初學者如果想要開始學習網頁前端程式,寫出一個簡易的網站介面,需要先了解的是HTML,接著會是CSS,而有這兩項技能就可以寫出一個靜態的網頁囉!那若是要讓這個介面,有一些能夠與使用者互動的功能或是動態效果,就要再將 JavaScript 的部分加入。
今天多喜就要用超直白的說明,來解釋寫網頁前端主要會用到三項技能:Html、Css、JavaScript 這三個項目之間的關係!
HTML 是不能沒有的骨架

HTML 是「描述網站的架構」,因此我們可以把他想像成是人的骨架,一定要有它才能夠構成最基本的完整結構!在Html中,可以加入標籤(tag),瀏覽器能夠知道該如何呈現你的資訊。而Html的tag有非常多種,只要決定好想要呈現的元素,就能夠加上合適的tag。
用 CSS 穿上好看的衣服裝飾

如果只有骨架的話,那麼每個人物就沒有什麼區別性,太沒特色了。因此,我們就可以透由CSS來「打扮」網頁,制定好樣式,讓每個元件都能夠擁有獨特的外觀和屬性,就像是替網頁長出肉、穿上好看的衣服、再搭配幾個裝飾物。
JavaScript 就可以開始行動
接著透由 JavaScript 的登場,就能夠讓這個人開始作出一些「行為」,賦予它動態的生命
(借用一下神力女超人😉)
例如我們會透由操作網頁上一些元素,來達到使用者與網頁互動的效果(像是點擊、運算、搜尋、跳出視窗⋯),而 JavaScript,正是用來撰寫這些行為互動的語言。
=====
上述的這三個項目就是初學者在開始撰寫前端程式之前,應該要先認識的好朋友啦!
先用最簡單的概念來介紹Html、Css、JavaScript,未來會再讓各位逐步了解該如何運用~
一起來和它們熟悉熟悉吧!