課程概要
軟件的結(jié)構(gòu)分類(lèi)
- C/S架構(gòu)（Client/Server即 客戶(hù)端/服務(wù)器架構(gòu)）
- 客戶(hù)端：供用戶(hù)使用的終端。
- 服務(wù)器：負(fù)責(zé)處理軟件的業(yè)務(wù)邏輯眷昆。
- 結(jié)構(gòu)特點(diǎn)：
- 軟件使用前必須安裝。
- 軟件更新時(shí)，客戶(hù)端與服務(wù)器同時(shí)更新。
- C/S架構(gòu)不能跨平臺(tái)侈沪。
- 客戶(hù)端—服務(wù)器通信使用自有協(xié)議，相對(duì)安全晚凿。
- B/S架構(gòu)（Browser/Server即 瀏覽器/架構(gòu)）
- 本質(zhì)也是C/S架構(gòu)亭罪，只是用瀏覽器作為客戶(hù)端。通過(guò)瀏覽器訪問(wèn)網(wǎng)頁(yè)的形式歼秽，來(lái)使用軟件应役。
- 結(jié)構(gòu)特點(diǎn)：
- 軟件不需安裝，直接使用瀏覽器訪問(wèn)指定網(wǎng)址燥筷。
- 軟件更新時(shí)箩祥，客戶(hù)端不需要更新。
- 跨平臺(tái)肆氓，只要系統(tǒng)中有瀏覽器袍祖，就可以使用。
- 通信協(xié)議為http或https
基礎(chǔ)概念
-
網(wǎng)頁(yè)的三部分（去耦合谢揪，三者分離蕉陋，相互獨(dú)立）
- 結(jié)構(gòu)（HTML）：結(jié)構(gòu)是頁(yè)面的整體結(jié)構(gòu)捐凭，哪里是標(biāo)題，哪里是段落寺滚，哪里是圖片柑营。
- 表現(xiàn)（CSS）：表現(xiàn)是頁(yè)面的外在的樣式，比如字體村视，字體大小，字體顏色酒奶，背景蚁孔。
- 行為（JavaScript）：頁(yè)面和用戶(hù)之間的交互行為。
-
HTML（超文本標(biāo)記語(yǔ)言Hypertext Markup Language）
- 用HTML標(biāo)簽來(lái)標(biāo)識(shí)出頁(yè)面中的不同部分惋嚎。
-
標(biāo)簽
- 成對(duì)出現(xiàn)：<標(biāo)簽名></標(biāo)簽名>
- 自結(jié)束標(biāo)簽：<標(biāo)簽名/>
-
屬性
- 通過(guò)屬性可以設(shè)置標(biāo)簽的效果杠氢。
- 屬性需要定義在開(kāi)始標(biāo)簽中或這自結(jié)束標(biāo)簽中。
- 屬性實(shí)際上是一組一組名值對(duì)結(jié)構(gòu)另伍。
- 涉及到表現(xiàn)的屬性往往通過(guò)CSS來(lái)實(shí)現(xiàn)鼻百。
-
標(biāo)簽
- 文檔聲明
<!doctype html>- 用來(lái)標(biāo)識(shí)當(dāng)前頁(yè)面的html的版本，該聲明用來(lái)告訴瀏覽器摆尝，當(dāng)前的頁(yè)面是使用HTML5的標(biāo)準(zhǔn)編寫(xiě)的温艇。
- 用HTML標(biāo)簽來(lái)標(biāo)識(shí)出頁(yè)面中的不同部分惋嚎。
HTML頁(yè)面基本結(jié)構(gòu)
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<!-- 網(wǎng)頁(yè)的主體內(nèi)容 -->
</body>
</html>
-
HTML常用標(biāo)簽
<html>
<head>
<body>
標(biāo)題
文本編輯
段落標(biāo)簽會(huì)獨(dú)占一行。
N個(gè)空格與換行都會(huì)化為一個(gè)空格堕汞。所以換行和空格需要單獨(dú)表示勺爱。
實(shí)體/轉(zhuǎn)義字符
圖片標(biāo)簽
