CSS3+DIV網頁樣式與布局案例課堂

第1章 制作網頁的准備工作
1.1 認識網頁和網站
1.1.1 什麼是網頁
1.1.2 什麼是網站
1.2 網頁中需要包含的要素
1.2.1 需要HTML文件
1.2.2 需要DIV層
1.2.3 需要CSS定義的網頁樣式
1.2.4 需要JavaScript設置網頁動畫
1.2.5 需要域名與服務器空間
1.3 一個簡單網頁的基本構成
1.3.1 head部分
1.3.2 body部分
1.3.3 注釋部分
1.4 制作網頁的總體流程
1.4.1 網頁規划
1.4.2 搜集資料
1.4.3 使用Photoshop設計網頁的總體效果
1.4.4 通過切圖，得到網頁素材文件
1.4.5 搭建網頁DIV層
1.4.6 定義CSS和JavaScript效果
1.4.7 測試網頁
1.5 網站種類與網頁布局方式
1.5.1 網站的種類
1.5.2 網頁布局方式
1.6 綜合示例——在Photoshop CS6中構建網頁結構
1.7 上機練習——使用Photoshop制作縱向導航條
1.8 專家答疑

第2章 網頁實現技術——HTML 5
2.1 HTML 5的基本概念
2.1.1 HTML 5簡介
2.1.2 HTML 5文件的基本結構
2.1.3 認識HTML 5標記
2.2 HTML 5文件的編寫方法
2.2.1 使用記事本手工編寫HTML文件
2.2.2 使用Dreamweaver CS6編寫HTML文件
2.3 HTML 5的基本標記
2.3.1 字符標記
2.3.2 超級鏈接標記
2.3.3 列表標記
2.3.4 制作純文本網頁
2.4 HTML 5的段落和圖片標記
2.4.1 常用段落和圖片標記
2.4.2 文字和圖片混合排版
2.5 HTML 5的表單標記
2.5.1 常用的表單控件
2.5.2 多行文本標記和下拉列表
2.5.3 用戶注冊頁面
2.6 HTML 5的表格標記
2.6.1 表格標記
2.6.2 制作季度報表
2.7 綜合示例——制作網站首頁
2.8 上機練習——簡單的HTML 5網頁
2.9 專家答疑

第3章 CSS 3樣式入門
3.1 CSS概述
3.1.1 CSS的功能
3.1.2 瀏覽器與
3.1.3 CSS的發展歷史
3.2 CSS 3的常用單位
3.2.1 顏色單位
3.2.2 長度單位
3.3 編輯和瀏覽
3.3.1 手工編寫
3.3.2 用Dreamweaver編寫
3.4 在HTML 5中調用CSS的方法
3.4.1 行內樣式
3.4.2 內嵌樣式
3.4.3 鏈接樣式
3.4.4 導入樣式
3.5 調用方法的優先級問題
3.5.1 行內樣式和內嵌樣式比較
3.5.2 內嵌樣式和鏈接樣式比較
3.5.3 鏈接樣式和導入樣式
3.6 綜合示例——制作學生信息統計表
3.7 專家答疑
……
第4章 CSS樣式的基本語法
第5章 CSS 3的高級特性
第6章 使用CSS 3控制網頁字體與段落的樣式
第7章 使用CSS控制網頁圖片的樣式
第8章 使用CSS控制網頁背景與邊框樣式
第9章 使用CSS 3美化網頁瀏覽效果
第10章 使用CSS控制表格和表單的樣式
第11章 使用CSS控制列表樣式
第12章 使用CSS 3濾鏡美化網頁元素
第13章 CSS定位與DIV布局核心技術
第14章 CSS + DIV盒子的浮動與定位
第15章 固定寬度網頁布局的剖析與制作
第16章 自動縮放網頁布局的剖析與制作
第17章 CSS 3和JavaScript的搭配應用
第18章 CSS與XML的綜合運用
第19章 CSS與Ajax的綜合應用
第20章 商業門戶類網站賞析
第21章 制作娛樂休閑類網頁
第22章 制作圖像影音類網頁
第23章 制作企業門戶類網頁
第24章 制作在線購物類網頁