基 礎(chǔ) 篇 網(wǎng)頁開發(fā)入門21.1 網(wǎng)頁基礎(chǔ)知識21.1.1 網(wǎng)頁與網(wǎng)站21.1.2 經(jīng)典網(wǎng)頁賞析31.1.3 瀏覽器的兼容性問題51.2 HTML、CSS、JavaScript三者扮演的角色51.2.1 HTML與HTML5的概念51.2.2 CSS與CSS3的概念71.2.3 JavaScript介紹91.3 網(wǎng)頁開發(fā)環(huán)境與工具101.3.1 網(wǎng)頁開發(fā)環(huán)境的種類101.3.2 瀏覽器的標(biāo)準(zhǔn)模式和混雜模式13 圖文并茂的頁面制作142.1 XHTML與文檔類型聲明142.2 HTML基礎(chǔ)語法162.2.1 HTML標(biāo)記162.2.2 HTML標(biāo)記屬性172.2.3 添加HTML注釋182.3 HTML文檔整體結(jié)構(gòu)202.3.1 文檔頭部202.3.2 文檔主體222.4 添加段落232.5 添加標(biāo)題242.6 文本修飾242.6.1 設(shè)置文本加粗252.6.2 設(shè)置文本傾斜252.6.3 設(shè)置下畫線252.7 特殊字符262.8 圖片與超鏈接272.8.1 設(shè)置圖片272.8.2 添加超鏈接292.8.3 絕對路徑與相對路徑302.9 HTML文件命名及代碼編寫32實訓(xùn)任務(wù) 花卉圖片展頁面制作32技能訓(xùn)練 蘇州園林景點介紹頁面制作34 表格的應(yīng)用353.1 創(chuàng)建表格353.1.1 表格的基本構(gòu)成353.1.2 設(shè)置表格的標(biāo)題373.1.3 添加表頭383.2 表格屬性設(shè)置393.2.1 設(shè)置表格邊框樣式393.2.2 設(shè)置寬度和高度413.2.3 設(shè)置對齊方式443.2.4 邊距與填充473.2.5 背景色設(shè)置493.3 跨行和跨列操作513.3.1 跨列操作 513.3.2 跨行操作 523.4 表格嵌套54實訓(xùn)任務(wù) 使用表格嵌套制作銷售員個人主頁55技能訓(xùn)練 插件中心的設(shè)計與制作57 HTML5表單的應(yīng)用584.1 創(chuàng)建表單584.2 表單輸入控件594.2.1 定義單行文本框604.2.2 定義密碼框624.2.3 定義單選按鈕624.2.4 定義復(fù)選框634.2.5 定義標(biāo)準(zhǔn)按鈕644.2.6 定義提交按鈕654.2.7 定義重置按鈕664.2.8 定義圖像域674.2.9 定義隱藏域684.2.10 定義文件域694.2.11 定義日期選擇器704.2.12 定義拾色器704.2.13 定義數(shù)值域文本框714.2.14 定義數(shù)值域滑動條724.3 定義下拉列表734.4 定義文本域744.5 定義標(biāo)簽764.6 HTML5表單數(shù)據(jù)內(nèi)容變化774.6.1 HTML5數(shù)據(jù)提交格式774.6.2 HTML5數(shù)據(jù)提交范圍774.6.3 HTML5中增加表單數(shù)據(jù)類型和控件標(biāo)記774.6.4 新增HTML5表單控件屬性77實訓(xùn)任務(wù) 登錄表單的制作81技能訓(xùn)練 注冊頁面的設(shè)計與制作82提 高 篇 使用CSS美化頁面845.1 CSS基礎(chǔ)845.1.1 CSS樣式表的概念845.1.2 CSS的選擇器845.1.3 CSS樣式表引入方式895.2 CSS字體樣式設(shè)置905.2.1 設(shè)置字體905.2.2 設(shè)置字體大小925.2.3 設(shè)置字體樣式-font-style945.2.4 設(shè)置字體加粗-font-weight965.2.5 設(shè)置字體變體 975.2.6 設(shè)置組合字體屬性 985.2.7 設(shè)置文字顏色-color995.3 文本精細(xì)排版1015.3.1 添加文本修飾1015.3.2 設(shè)置文本對齊方式1035.3.3 設(shè)置文本縮進(jìn)1045.3.4 調(diào)整行高1055.3.5 轉(zhuǎn)換英文大小寫-text-transform1075.4 背景設(shè)置1085.4.1 設(shè)置背景顏色1085.4.2 插入背景圖片1105.4.3 設(shè)置重復(fù)背景圖片1115.4.4 插入背景附件1125.4.5 設(shè)置背景圖片位置1135.4.6 設(shè)置背景組合屬性114實訓(xùn)任務(wù) 百度搜索結(jié)果頁面的樣式設(shè)計與制作116技能訓(xùn)練 新浪新聞頁面的制作117 層與區(qū)塊的頁面布局1186.1 CSS布局基礎(chǔ)1186.1.1 文檔流的概念1186.1.2 塊級元素與行內(nèi)元素1196.2 創(chuàng)建層1196.3 盒子模型1206.4 邊框?qū)傩?226.5 填充屬性1266.6 邊距屬性1276.7 元素浮動1296.8 清除浮動1366.9 元素定位1386.9.1 絕對定位1396.9.2 相對定位1436.9.3 z-index空間位置144實訓(xùn)任務(wù)?廠字形頁面布局設(shè)計145技能訓(xùn)練 DIV CSS頁面布局建站149 多媒體頁面設(shè)計1507.1 HTML5多媒體元素1507.1.1 HTML5音頻1507.1.2 HTML5視頻1527.1.3 使用DOM控制播放1547.2 HTML5 Canvas元素1587.2.1 Canvas屬性設(shè)置1597.2.2 Canvas常用方法介紹160實訓(xùn)任務(wù) 音樂盒的設(shè)計與制作164技能訓(xùn)練 笑臉的繪制166應(yīng) 用 篇 列表的應(yīng)用1688.1 列表的建立與使用1688.1.1 列表類型1688.1.2 無序列表1698.1.3 有序列表1708.2 嵌套列表1718.3 CSS設(shè)置列表樣式1728.3.1 設(shè)置列表樣式1728.3.2 添加列表圖像1738.4 列表結(jié)合CSS的應(yīng)用174實訓(xùn)任務(wù) 水平導(dǎo)航欄的制作176技能訓(xùn)練 排行榜的設(shè)計與制作183 JavaScript基礎(chǔ)1849.1 JavaScript概要1849.1.1 什么是JavaScript1849.1.2 JavaScript的特點1849.2 JavaScript的用法1859.3 JavaScript的常量與變量1869.3.1 標(biāo)識符1869.3.2 注釋1869.3.3 數(shù)據(jù)類型1879.3.4 常量1879.3.5 變量1889.4 JavaScript的運(yùn)算符1889.4.1 算術(shù)運(yùn)算符1889.4.2 比較運(yùn)算符1909.4.3 邏輯運(yùn)算符1909.5 流程控制結(jié)構(gòu)1939.5.1 順序結(jié)構(gòu)1939.5.2 選擇結(jié)構(gòu)1939.5.3 循環(huán)結(jié)構(gòu)2009.6 函數(shù)2039.7 對象2059.7.1 HTML?DOM概念2069.7.2 對象的屬性2069.7.3 對象的方法2079.7.4 常用對象2079.8 事件2129.9 jQuery腳本編程2149.9.1 jQuery介紹2149.9.2 jQuery的特點2149.9.3 jQuery應(yīng)用2159.9.4 jQuery選擇器2169.9.5 jQuery中的DOM操作2199.9.6 jQuery中的事件和動畫2219.9.7 jQuery表單和表格的應(yīng)用224實訓(xùn)任務(wù) 登錄頁面制作227技能訓(xùn)練 簡易Web計算器功能的實現(xiàn)231 綜合案例實戰(zhàn)23210.1 網(wǎng)站設(shè)計和準(zhǔn)備23210.1.1 內(nèi)容設(shè)計23210.1.2 Bootstrap的應(yīng)用23310.2 首頁制作23410.2.1 大背景圖片的自適應(yīng)布局23410.2.2 頁面浮動元素的制作23510.3 子欄目頁面的制作23710.3.1 景點列表的制作23710.3.2 住宿列表的制作23910.3.3 交通列表的制作24110.4 詳情頁面的制作24210.4.1 景點詳情頁面的制作24210.4.2 住宿詳情頁面的制作24310.4.3 交通詳情頁面的制作 244