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