我們今天講的主題是， 什麼是 Web Development and HTML ?，大綱如下
第一章 : Internet 是如何工作 ?
第二章 : Web Development ?
第三章 : HTML ?
第二章 : Web Development ?
網站開發分為前端和後端
● 前端 : 顯示頁面、與用戶互動、發送其他請求等。
● 後端 : 處理請求（來自多個用戶端）、儲存資料、發送"個性化"回復等。
這邊我們先以前端來做說明
前端主要由三個程式組成，HTML、CSS、Javascript
● HTML (HyperText Markup Language) : 主要是建立網頁的結構與內容
● CSS (Cascading Style Sheets) : 主要是用來修飾樣式，ex : 文字大小、長度、寬度、高度、顏色、背景、圖片、表格等，所有樣式的修飾
● Javascript : 產生什麼互動，ex : 按下一個按鈕，顯示出一個視窗等，因應用戶的動作而做什麼互動。
簡單說明一下這三個的內容 :
➤ HTML :
<head></head> : 主要定義的東西不是用來呈現在網頁的，是要告訴它怎樣呈現<body></body>裡面的東西。只有<title></title>會呈現在tag上面
<body></body> : 裡面的東西是真的會出現在網頁上的
➤ CSS :
在HTML的<head></head>裡加上一個連結
<link rel=”stylesheet” type=”text/css” href=”css/main.css”>
連結到資料夾css裡的main.css檔，把這個CSS用到這裡的HTML
➤ Javascript :
在<body></body>裡面的最下面加上一個
<script type=”text/javascript” src=”js/main.js”>
跟它說資料夾js裡的main.js檔，把這個Javascript用到這裡的HTML
✱ 註 : Javascript加在<head></head>或<body></body>裡面都可以，而加在<body></body>裡面的最下面，是常見大家統一的做法，應為通常大型的case它的Javascript會需要跑一段時間，所以我們都不會把它放在上面的地方，更不會放在<head></head>裡面，花時間在load它你程式看起來會像卡住，主要是給用戶更好的呈現
第一章 : Internet 是如何工作 ?
第二章 : Web Development ?
第三章 : HTML ?
痞客邦 : https://warlimit.pixnet.net/blog?utm_source=PIXNET&utm_medium=navbar&utm_term=my_blog
隨意窩 : https://blog.xuite.net/warlimit/blog
Blogspot : https://warlimit.blogspot.com/
留言列表
