[轉職軟體工程師、自學程式語言]什麼是 Web Development and HTML ? 第二章 : Web Development ?

5月 28, 2021

部落格轉移，給讀者更好的閱讀體驗，本文網址 : https://janstockcoin.com/blog/

我們今天講的主題是，什麼是 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://janstockcoin.com/blog/

════════════════

痞客邦 : 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/

如果您喜歡我的文章，請幫我在下方拍手區按圓圈圈裡的拍手圖案5次!
我將得到 Likecoin 的回饋:)

回饋由 Likecoin 基金會出資，您只要註冊/登入帳號(fb、google帳號都可以註冊，不超過1分鐘)，按五次左鍵，可以贊助我的文章且完全不會花到錢！若願意成為讚賞公民那是十分感激。
支持創作，正向交流:)

jan股幣