課程1-5天day1作業(yè)和筆記

1、基礎(chǔ)班課程體系HTMLDIV+CSS4 天綜合案例；月福首頁(yè)3 天8 天6 天綜合案例：傳智的 綜合案例：當(dāng)當(dāng)網(wǎng)綜合案例：首頁(yè)JavaScript(JS)+的一個(gè)系統(tǒng)上間：9:00-12:0014:00-17:00晚自8:30-20:30課堂時(shí)長(zhǎng)大約 1 個(gè)小時(shí)左右，課間休息 10-15 左右。課堂：號(hào)在下課后，。上課需要的：Dreamweaver、Firefox 瀏覽器、飛秋、紅蜘蛛B/S 網(wǎng)絡(luò)模式（結(jié)構(gòu)）B/S，browser/Server 瀏覽器/服務(wù)器結(jié)構(gòu)。在這種模式下，客戶端不需要安裝任何的（除了瀏覽器），所有的其它的功能都集中到了服務(wù)器上。客戶端基本上零。HTML 簡(jiǎn)介HTML，H

2、yperText Markup Language 超文本標(biāo)注語(yǔ)言，是 SGML 的一個(gè)應(yīng)用。是一種標(biāo)準(zhǔn)，一種規(guī)范，一種標(biāo)志(標(biāo)記)。比如：傳智各種標(biāo)記的作用：就是告訴瀏覽器這個(gè)內(nèi)容該如何顯示。靜態(tài)網(wǎng)頁(yè)的擴(kuò)展名：.html.htm頁(yè)(包含服務(wù)器端程序)的擴(kuò)展名：.jsp.aspx 等超文本：是指加了超的文本。HTML 標(biāo)記的格式雙邊標(biāo)記：內(nèi)容舉例：廣州傳智單邊標(biāo)記：一個(gè)人有哪些特性：、學(xué)歷、畢業(yè)院校、身高、體重等同理：人是一個(gè)類別，是類別中的一個(gè)具體的對(duì)象。書寫 HTML 標(biāo)記的規(guī)范HTML 標(biāo)記不區(qū)分大小寫，建議大家使用小寫，為了向后兼容。如： 一個(gè)標(biāo)記可以有屬性，也可以沒(méi)有屬性。如果有屬性的

3、話，屬性和標(biāo)記間用空格隔開(kāi)(至少一個(gè))，屬性與屬性之間用空格隔開(kāi)。屬性必須放在開(kāi)始標(biāo)記中，不能放在結(jié)束標(biāo)記中。比如：fontsize=“7”沒(méi)有屬性：face=“黑體”3）屬性值一般情況下，都需要加引號(hào)(不加也不為錯(cuò))。4）HTML 的數(shù)值屬性值，不需要加(px)，但 CSS 中的數(shù)值的屬性值必須要加。HTML 中的寫法：CSS 中的寫法：5）標(biāo)記之間可以嵌套，但只能是順序嵌套，也就是一層套一層，不能交叉嵌套。一個(gè)網(wǎng)頁(yè)的 HTML 結(jié)構(gòu)網(wǎng)頁(yè)標(biāo)題網(wǎng)頁(yè)的主體內(nèi)容結(jié)構(gòu)說(shuō)明：當(dāng)瀏覽器遇到該標(biāo)記時(shí)，就把內(nèi)容按網(wǎng)頁(yè)格式來(lái)翻譯。包含兩個(gè)子標(biāo)記：和定義網(wǎng)頁(yè)文件頭信息的，該標(biāo)記中的內(nèi)容在瀏覽器中是不可見(jiàn)，一般起

4、一個(gè)特殊的作用。定義網(wǎng)頁(yè)的標(biāo)題的，是的子標(biāo)記。是網(wǎng)頁(yè)的主體內(nèi)容，網(wǎng)頁(yè)中 99%的內(nèi)容或標(biāo)記，都是放在中。中的內(nèi)容是可見(jiàn)的。的常用屬性bgColor：設(shè)置網(wǎng)頁(yè)背景顏色，比如：background：設(shè)置網(wǎng)頁(yè)的背景URL，比如：HTML 字體修飾標(biāo)記加粗斜體下劃線刪除線bold italicunderlinestrike 上標(biāo)下標(biāo)字體標(biāo)記常用的屬性Size：字體大小，取值：1-7，1 小 7 大。 Color：字體顏色，比如：red 或 RGB(255,0,0)或#FF0000 Face：字體類型，比如：face=“黑體”舉例：內(nèi)容水平線，是單邊標(biāo)記常用的屬性：Size：水平線的粗細(xì) Width：水

5、平線的寬度 Color：水平線的顏色noshade：純色顯示，不帶陰影效果代碼編輯器1）增強(qiáng)文本編輯器：EditplusNotepad特點(diǎn)：小、占用系統(tǒng)資源少、語(yǔ)法顏色缺點(diǎn)：沒(méi)有代碼提示功能2）IDE 集成開(kāi)發(fā)環(huán)境：Zend Studio特點(diǎn)：缺點(diǎn)：較大、占用系統(tǒng)資源多、語(yǔ)法顏色、代碼提示功能、程序的調(diào)試功能、數(shù)據(jù)庫(kù)配置等3）可視化的網(wǎng)頁(yè)代碼編輯工具：Dreamweaver第一步：創(chuàng)建站點(diǎn)，站點(diǎn)管理站點(diǎn)一個(gè)站點(diǎn)，就是一個(gè)，一個(gè)由多個(gè)目錄或文件。第二步：設(shè)置代碼字號(hào)大小 CTRL+U編輯首選參數(shù)字體第三步：設(shè)置新建網(wǎng)頁(yè)時(shí)的默認(rèn)編碼：CTRL+U編輯首選參數(shù)新建文檔UTF-8 是多國(guó)語(yǔ)言編碼，只要

6、你有相應(yīng)的輸入法，就能顯示不同國(guó)家的語(yǔ)言。如何保證網(wǎng)頁(yè)不出現(xiàn)亂碼？你的編輯器的默認(rèn)編碼，要設(shè)置為 UTF-8你的 HTML 代碼中，標(biāo)記，也要設(shè)置相應(yīng)的 UTF8 編碼你的你的網(wǎng)頁(yè)的編碼也要設(shè)置為 UTF-8的數(shù)據(jù)編碼也要設(shè)置為UTF8第四步：設(shè)置 DW 的默認(rèn)瀏覽器：CTRL+U編輯首選參數(shù)在瀏覽器中預(yù)覽DOM 瀏覽器，標(biāo)準(zhǔn)瀏覽器，F(xiàn)irefox 瀏覽器網(wǎng)頁(yè)顏色表示用英文單詞來(lái)表示：redgreen用 10 進(jìn)制來(lái)表示：RGB(255,0,0)用 16 進(jìn)制來(lái)表示：#FF0000blueRGB(0,255,0)RGB(0,0,255)#00FF00#0000FFRGB 色彩模式自然界中的所有

7、顏色，都可以通過(guò)紅(R)、綠(G)、藍(lán)(B)三種基色相互混合而成，RGB 又叫三原色。RGB 色彩模式，又叫加色模式。任何兩種顏色相加，可以產(chǎn)生其它顏色。在計(jì)算機(jī)中，每個(gè)基色用 1 個(gè)字節(jié)來(lái)表示(8 位二進(jìn)制，假設(shè)如 11011011)，共可以表示 256(0-255 個(gè)亮度級(jí)別)種顏色RGB 共可以混合出多少種顏色？ 256 * 256 *256=1677 萬(wàn)種色在網(wǎng)頁(yè)中的寫法：紅色：RGB(255,0,0)綠色：RGB(0,255,0)藍(lán)色：RGB(0,0,255)黃色：RGB(255,255,0)二進(jìn)制：0、1十進(jìn)制：0、1、2、3、4、5、6、7、8、9十六進(jìn)制：0、1、2、3、4、5

8、、6、7、8、9、A、B、C、D、E、F運(yùn)算規(guī)則：逢二進(jìn)一運(yùn)算規(guī)則：逢十進(jìn)一運(yùn)算規(guī)則：逢十六進(jìn)一網(wǎng)頁(yè)顏色用十六進(jìn)制表示：紅色：#FF0000綠色：#00FF00藍(lán)色：#0000FF用兩位 16 進(jìn)制來(lái)表示 1 位 10 進(jìn)制黃色：#F00在不同的瀏覽器下，10 進(jìn)制顯示存在不兼容性，最好的是 16 進(jìn)制表示方法。在 HTML 中 10 進(jìn)制表示顏色，沒(méi)有效果；但在 CSS 中可以使用 10 進(jìn)制表示。HTML 排版標(biāo)記代表一個(gè)段落換行水平線，noshade 屬性沒(méi)有屬性值：一級(jí)標(biāo)題最大六級(jí)標(biāo)題最小常用的屬性：align：水平對(duì)齊，取值： left、center、right預(yù)排版標(biāo)記，將保留代碼所有的空白(連續(xù)的空格或換行)，換句話說(shuō)：該標(biāo)記中的內(nèi)容會(huì)原封不動(dòng)的輸出。中輸出數(shù)組時(shí)，用保留空白輸出。在和這兩個(gè)標(biāo)記，如果單獨(dú)使用，沒(méi)有任何效果，一般要結(jié)合 CSS 來(lái)使用。這兩個(gè)標(biāo)記，雖然沒(méi)有任何意義，但在DIV+CSS 中又是用的最多的。相當(dāng)于兩個(gè)小的容器，里面用來(lái)存放其它內(nèi)容，方便排版布局。塊元素和行內(nèi)元素塊元素：?jiǎn)为?dú)占取通欄的寬度，前后的元素必須另起一行排版。比如：、行內(nèi)元素：多個(gè)行內(nèi)元素排在同一行，行內(nèi)元素沒(méi)有寬度，寬度是由內(nèi)容來(lái)決定。比如：HTML 字符實(shí)體& &;代表一個(gè)半角空格大于號(hào)小于號(hào)&; 乘號(hào)除號(hào)項(xiàng)目符號(hào)標(biāo)記(無(wú)序列表)：塊元素