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