1.結(jié)構(gòu),表現(xiàn),行為
????結(jié)構(gòu):描述頁面的結(jié)構(gòu),有HTML完成
????表現(xiàn):用于控制頁面中元素的樣式,用CSS完成
????行為:用于響應(yīng)用戶操作,用完成Script
2.軟件構(gòu)架
? ??我們主要從事的是B/S的軟件的開發(fā)冤灾。
? ? 軟件構(gòu)架
? ? ????①.軟件主要分兩種架構(gòu)C/S和B/S妈踊。
? ? ????②.一般我們使用的軟件都是B/S構(gòu)架鬼贱。
? ? ????③.C/S構(gòu)架軟件不能跨平臺使用棘街。
? ? ? ? B/S:B指browsers(瀏覽器),S指Server(服務(wù)器)概漱。B/S框架的軟件一般通過訪問一個網(wǎng)頁的形式來使用,將一些運算等操作在遠端的服務(wù)器上夫嗓。這樣降低了客戶的要求泛源,我們只需一個瀏覽器即可使用。京東赶掖,taobao感猛,12306等這些網(wǎng)站都是B/S架構(gòu)的軟件七扰。
3.軟件開發(fā)流程
????1.網(wǎng)頁設(shè)計師先設(shè)計網(wǎng)頁
?????2.前端工程師設(shè)計做成靜態(tài)網(wǎng)頁
????? 3.后端工程師將靜態(tài)網(wǎng)頁改成動態(tài)網(wǎng)頁
4.前端三大塊
前端三大塊是根據(jù)W3C標準,一個網(wǎng)頁主要由三部分組成:結(jié)構(gòu)唱遭、表現(xiàn)和行為:
? ? ? ? ? ? 1.結(jié)構(gòu)是:HTML用于描述頁面的結(jié)構(gòu)。
? ? ? ? ? ? 2.表現(xiàn)是:CSS用于控制頁面中元素的樣式呈驶。
? ? ? ? ? ? 3.行為是:JavaScript用于響應(yīng)用戶操作拷泽。
? ? ? ?????HTML負責(zé)頁面的結(jié)構(gòu)、CSS負責(zé)頁面的樣式美化頁面袖瞻、JavaScript負責(zé)頁面的行為司致。
5.注釋
? ?在一些代碼旁做的注釋
? ? ? ? ? ? 方便查找,方便比對,方便項目組里的其它程序員了解你的代碼,而且可以方便以后你對自己代碼的理解與修改
? ? ? ? ? ? ? ?<!--? ? ?開始
? ? ? ? ? ? ? ? -->? ? ? 結(jié)束
6.文檔聲名
????html4.01和xhtml的文檔聲名十分麻煩
????<!DOCTYPE html>是html5的文檔聲名
????文檔聲名在代碼最上面,不寫文檔聲明瀏覽器會進入怪異模式
7.字符集
????依據(jù)一定的規(guī)則聋迎,將字符轉(zhuǎn)換為二進制的過程稱為編碼
????依據(jù)一定規(guī)則脂矫,將二進制編碼轉(zhuǎn)換為字符的過程稱為解碼
????編碼和解碼所采用的規(guī)則就稱為字符集
????常見的字符集:ASCII, IOS-8859-1, GBK, GB2312:中文系統(tǒng)的默認編碼, UTF-8:, ANSI
????產(chǎn)生亂碼的原因是,解碼和編碼采用的字符集不同
????在中文系統(tǒng)瀏覽器中霉晕,默認都是GB2312進行解碼的
8.常用標簽
????<h1>-<h6>標題標簽? ?<p></p>段落標簽? ? ? ? <hr />? ? <br> 換行
9.實體
????&實體數(shù)字? ?;結(jié)束
????<? ? ?<
????>? ? ? ?>
????空格? ?
????版權(quán)符號? ? ©
10.圖片
????<img src="圖片鏈接" alt="" width="" height="" loading="lazy" />
????<img>標簽沒有結(jié)束標簽
????必須被正確地關(guān)閉