【培訓(xùn)目標(biāo)】
通過(guò)DIV+CSS培訓(xùn)，掌握DIV+CSS的基本知識(shí)，能熟練用DIV+CSS布局網(wǎng)頁(yè)，能快速發(fā)現(xiàn)并解決DIV+CSS在各種瀏覽器中的兼容問(wèn)題，能熟練運(yùn)用DIV+CSS+jQuery編寫(xiě)高級(jí)網(wǎng)頁(yè)特效，通過(guò)DIV+CSS培訓(xùn)能熟練設(shè)計(jì)企業(yè)網(wǎng)站。

【課程大綱】
HTML基礎(chǔ)
HTML?元素、屬性?、標(biāo)題、段落?、格式化、編輯器、樣式、鏈接、圖像、表格、列表、
塊、布局、表單、框架、內(nèi)聯(lián)框架、背景、顏色?、?顏色名；HTML?媒體、對(duì)象、音頻、
視頻；HTML?文檔類(lèi)型、頭部、腳本、實(shí)體、URL、URL?編碼、Web?服務(wù)器；
CSS基礎(chǔ)
CSS?簡(jiǎn)介、基礎(chǔ)語(yǔ)法、高級(jí)語(yǔ)法、派生選擇器、id?選擇器、類(lèi)選擇器、屬性選擇器、創(chuàng)建；
CSS樣式、背景?、文本?、字體、列表、表格、輪廓；
CSS框模型、框模型概述、內(nèi)邊距、邊框、外邊距、外邊距合并；
CSS?定位、定位概述、相對(duì)定位、絕對(duì)定位、浮動(dòng)；
CSS?選擇器、元素選擇器、選擇器分組、類(lèi)選擇器詳解、ID?選擇器詳解、
屬性選擇器詳解、后代選擇器、子元素選擇器、相鄰兄弟選擇器、偽類(lèi)、偽元素；
DIV+CSS布局
1：一列固定寬度?
2：一列自適應(yīng)寬度?
3：一列固定寬度居中?
4：二列固定寬度?
5：二列寬度自適應(yīng)?
6：左列固定，右列寬度自適應(yīng)?
7：二列固定寬度居中?
8：三列浮動(dòng)中間列寬度自適應(yīng)?
9：用CSS設(shè)計(jì)網(wǎng)站導(dǎo)航——橫向?qū)Ш?
10：帶當(dāng)前標(biāo)識(shí)的標(biāo)簽式橫向?qū)Ш?
11：帶當(dāng)前標(biāo)識(shí)的標(biāo)簽式橫向?qū)Ш綀D片美化版?
12：縱向?qū)Ш讲藛?
13：下拉及多級(jí)彈出式菜單?
14：縱向下拉及多級(jí)彈出式菜單
DIV+CSS實(shí)戰(zhàn)
企業(yè)網(wǎng)首頁(yè)、關(guān)于我們、產(chǎn)品展示、新聞動(dòng)態(tài)、在線(xiàn)留言、聯(lián)系我們頁(yè)面布局設(shè)計(jì)
DIV+CSS兼容
IE6/IE7/IE8/IE9、火狐、Google?Chrome、360瀏覽器、搜狗瀏覽器網(wǎng)頁(yè)布局和兼容
jQuery基礎(chǔ)
jQuery?安裝、語(yǔ)法、選擇器、事件；
jQuery?效果隱藏/顯示、淡入淡出、滑動(dòng)、動(dòng)畫(huà)、stop()、Callback、Chaining；
jQuery?HTML獲取、設(shè)置、添加、刪除、CSS?類(lèi)、css()、尺寸?；
jQuery?AJAX?簡(jiǎn)介、加載、Get/Post、雜項(xiàng)、noConflict()；
DIV+CSS+jQuery高級(jí)設(shè)計(jì)
在線(xiàn)表單實(shí)時(shí)更新驗(yàn)證；DIV?CSS?JQuery?圖片瀏覽器；在線(xiàn)投票系統(tǒng)；
企業(yè)網(wǎng)高級(jí)特效設(shè)計(jì)；