HTML5+CSS3前端技術(shù)：UI設(shè)計師與開發(fā)人員合作秘籍（互聯(lián)網(wǎng)UI設(shè)計師）

前言 課程設(shè)計說明 關(guān)于引用作品的版杈聲明 第1章 初識HTML5 本章簡介 理論講解 1.1 網(wǎng)站開發(fā)流程及網(wǎng)頁基本結(jié)構(gòu) 1.1.1 “互聯(lián)網(wǎng) ”時代的網(wǎng)站開發(fā)流程 1.1.2 網(wǎng)頁的基本結(jié)構(gòu) 1.2 HTML5概述 1.2.1 什么是HTML 1.2.2 HTML5的優(yōu)勢 1.2.3 HTML5文檔的基本結(jié)構(gòu) 1.2.4 HTML5代碼編輯工具 1.2.5 網(wǎng)頁基本信息 1.3 基本HTML5標(biāo)簽及網(wǎng)站SEO應(yīng)用 1.3.1 標(biāo)題標(biāo)簽 1.3.2 段落標(biāo)簽和換行標(biāo)簽 1.3.3 圖像標(biāo)簽 1.3.4 鏈接標(biāo)簽 實戰(zhàn)案例 本章總結(jié) 本章作業(yè) 第2章 HTML5的高級標(biāo)簽 本章簡介 理論講解 2.1 列表 2.1.1 列表簡介 2.1.2 列表的分類 2.1.3 列表的應(yīng)用 2.2 表格 2.2.1 為什么使用表格 2.2.2 表格的基本結(jié)構(gòu) 2.2.3 表格的基本語法 2.2.4 表格的對齊方式 2.3 表單 2 3.1 表單的內(nèi)容 2.3.2 表單標(biāo)簽及其屬性 2.3.3 表單元素及格式 實戰(zhàn)案例 本章總結(jié) 本章作業(yè) 第3章 CSS3樣式及UI設(shè)計PAQ 本章簡介 理論講解 3.1 百度簡介 3.1.1 CSS3簡介 3.1.2 在Dreamweaver中創(chuàng)建CSS3 3.1.3 CSS3樣式 3.1.4 字體樣式 3.1.5 水平對齊方式 3.1.6 制作百度簡介頁面 3.2 當(dāng)當(dāng)網(wǎng)首頁 3.2.1 背景顏色 3.2.2 背景圖像 3.2.3 制作當(dāng)當(dāng)網(wǎng)首頁 實戰(zhàn)案例 本章總結(jié) 本章作業(yè) 第4章 盒子模型及UI設(shè)計FAQ 本章簡介 理論講解 4.1 主題相冊 4.1.1 什么是盒子模型 4.1.2 盒子模型屬性 4.1.3 盒子模型尺寸 4.1.4 制作主題相冊頁面 4.2 騰訊網(wǎng)站導(dǎo)航 4.2.1 標(biāo)準文檔流 4.2.2 display屬性 4.2.3 制作騰訊網(wǎng)站導(dǎo)航頁面 實戰(zhàn)案例 本章總結(jié) 本章作業(yè) 第5章 HTML5/CSSC3標(biāo)準化布局 本章簡介 理論講解 5.1 CSS3排版觀念 5.2 基本的DlV CSS3布局 5.3 自動居中的布局 5.4 “1—2—1”固定寬度布局 5.5 HTML5布局的新方法 5.6 制作QQ積分頁面 實戰(zhàn)案例 本章總結(jié) 本章作業(yè) 第6章 列表、定位樣式及UI設(shè)計FAQ 本章簡介 理論講解 6.1 商品分類頁面 6.1.1 list—style—type 6.1.2 Iist—style—image 6 1.3 list—style—position 6 1.4 list—style 6.2 北大青鳥首頁 6.2.1 Z-index屬性 6.2.2 制作北大青烏網(wǎng)站下拉列表導(dǎo)航菜單頁面 實戰(zhàn)案例 本章總結(jié) 本章作業(yè)