iT邦幫忙

2023 iThome 鐵人賽

DAY 1
0
Modern Web

打造你的第一個網站系列 第 1

第一天: 打造網頁的三劍客,HTML+CSS+JavaScript

  • 分享至 

  • xImage
  •  

得之於人者太多,出之於己者太少。

總算等到開賽的日子,這次的主題靈感來自於今年公司要求學習的新網站,由於常常在網路上拜讀許多大神的文章,使得自己有機會能累積到一點的皮毛。因此,在未來的30天內,我會將這段日子所學的基礎一起分享給大家,希望大家可以少走冤枉路。

什麼是HTML、CSS、JavaScript呢?

HTML:可以顯示文字圖片多媒體等,舉例來說:在網頁上面顯示一段文字、或者顯示圖片等
CSS:可以設計HTML的樣式舉例來說:字體的大小、顏色、邊寬的位置…等等
JavaScript: 開發人員用來建立互動式網頁的程式設計語言,舉例來說: 控制多媒體、動畫…等等

嚴格來說只有JavaScript是程式語言而另外兩個則算是模板語言。有了這三者之後,前端網站就可以延伸出兩大類別,靜態網站(Static website)及動態網站(Dynamic website),這邊要注意的是靜態網站與動態網站差別並不是在有沒有特效,而是指資料是否有與後端資料庫做連結,有與後端資料做連結的我們稱作動態網站反之稱作靜態網站。
如圖所示:
https://ithelp.ithome.com.tw/upload/images/20230911/20149625CI2HfoBFHq.jpg
圖片來源: https://reurl.cc/b7Q12o


下一篇
第二天:建立你的環境及網頁
系列文
打造你的第一個網站32
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言