第1章 網(wǎng)頁的基本結(jié)構(gòu)
1.1 網(wǎng)頁的基本元素
1.2 網(wǎng)頁的布局結(jié)構(gòu)
1.3 案例：創(chuàng)建第一個網(wǎng)頁
1.3.1 HTML簡介
1.3.2 HTML語法結(jié)構(gòu)
1.3.3 HTML語法規(guī)范
1.3.4 HTML文檔結(jié)構(gòu)
1.4 實訓
習題1
第2章 網(wǎng)頁文檔編輯
2.1 案例：網(wǎng)絡(luò)花店服務向?qū)ы撁妗淖峙c段落排版
2.1.1 注釋標簽
2.1.2 段落標簽
2.1.3 換行標簽
2.1.4 水平線標簽
2.1.5 標題文字標簽
2.1.6 特殊符號
2.2 案例：網(wǎng)絡(luò)花店購物指南頁面——超鏈接
2.2.1 超鏈接簡介
2.2.2 超鏈接的應用
2.3 案例：網(wǎng)絡(luò)花店商品明細頁面——圖像
2.3.1 網(wǎng)頁圖像的格式和使用原則
2.3.2 圖像標簽
2.4 案例：網(wǎng)絡(luò)花店客服中心頁面——列表
2.4.1 無序列表
2.4.2 有序列表
2.4.3 定義列表
2.4.4 嵌套列表
2.5 實訓：制作鮮花名片頁面
習題2
第3章 網(wǎng)頁布局與交互
3.1 案例：網(wǎng)絡(luò)花店購物車信息統(tǒng)計——表格
3.1.1 表格的結(jié)構(gòu)
3.1.2 表格的基本語法
3.1.3 表格修飾
3.1.4 不規(guī)范表格
3.1.5 表格數(shù)據(jù)的分組標簽
3.2 案例：網(wǎng)銀在線支付步驟及版權(quán)信息——分區(qū)和局部信息
3.2.1
標簽
3.2.2 標簽
3.2.3 span與div的區(qū)別
3.3 案例：網(wǎng)絡(luò)花店會員注冊頁面——表單
3.3.1 表單的基本概念
3.3.2 表單的工作原理
3.3.3 表單標簽
3.3.4 表單元素
3.4 實訓：使用表格布局技術(shù)制作用戶注冊表單
習題3
第4章 網(wǎng)頁表現(xiàn)語言——CSS
4.1 初識CSS
4.1.1 什么是CSS
4.1.2 CSS的優(yōu)點
4.1.3 CSS設(shè)計與編寫原則
4.1.4 CSS的顯示環(huán)境
4.2 案例：網(wǎng)絡(luò)花店簡介頁面——CSS的定義與使用
4.2.1 內(nèi)聯(lián)樣式
4.2.2 內(nèi)部樣式表
4.2.3 鏈入外部樣式表
4.2.4 導入外部樣式表
4.3 CSS語法基礎(chǔ)
4.3.1 構(gòu)造樣式規(guī)則
4.3.2 常用的CSS選擇符
4.4 CSS的屬性單位
4.4.1 長度、百分比單位
4.4.2 色彩單位
4.5 案例：網(wǎng)絡(luò)花店相關(guān)商品局部頁面——文檔結(jié)構(gòu)
4.5.1 文檔結(jié)構(gòu)
4.5.2 繼承
4.5.3 樣式表的層疊、特殊性與重要性
4.5.4 元素類型
4.6 實訓：制作網(wǎng)絡(luò)花店新聞更新局部頁面
習題4
第5章 Div+CSS布局頁面
5.1 Web標準
5.1.1 Web標準的概念
5.1.2 建立Web標準的優(yōu)點
5.1.3 理解表現(xiàn)和結(jié)構(gòu)相分離
5.2 認識Div+CSS布局
5.2.1 Div+CSS布局的優(yōu)點
5.2.2 將頁面用Div分塊
5.3 案例：網(wǎng)絡(luò)花店頁面頂部的布局——盒模型
5.3.1 盒模型簡介
5.3.2 外邊距、邊框與內(nèi)邊距
5.3.3 盒模型的寬度與高度
5.3.4 塊級元素與行級元素寬度和高度的區(qū)別
5.3.5 外邊距的合并
5.4 案例：商城登錄頁面的整體布局——定位與浮動
5.4.1 定位
5.4.2 浮動與清除浮動
5.5 典型的CSS布局樣式
5.5.1 兩列布局樣式
5.5.2 三列布局樣式
5.6 實訓：網(wǎng)絡(luò)花店熱賣鮮花局部頁面
習題5
第6章 元素外觀修飾
6.1 案例：網(wǎng)絡(luò)花店服務向?qū)ы撁妗O(shè)置文本樣式
6.1.1 設(shè)置字體類型
6.1.2 設(shè)置字體大小
6.1.3 設(shè)置字體粗細
6.1.4 設(shè)置字體傾斜
6.1.5 設(shè)置字體修飾
6.1.6 設(shè)置字體顏色
6.1.7 設(shè)置文本對齊方式
6.1.8 設(shè)置首行縮進
6.1.9 設(shè)置首字下沉
6.1.10 設(shè)置行高
6.2 案例：玫瑰花簡介頁面——設(shè)置圖像與背景樣式
6.2.1 設(shè)置圖像樣式
6.2.2 設(shè)置背景樣式
6.3 案例：暢銷鮮花排行榜頁面——設(shè)置表格樣式
6.3.1 設(shè)置表格邊框合并
6.3.2 設(shè)置單元格間距
6.3.3 設(shè)置表格標題位置
6.3.4 設(shè)置是否顯示單元格邊框
6.4 案例：網(wǎng)絡(luò)花店聯(lián)系我們表單——設(shè)置表單樣式
6.5 實訓：網(wǎng)絡(luò)花店環(huán)保社區(qū)頁面
習題6
第7章 鏈接與導航設(shè)計
7.1 案例：網(wǎng)絡(luò)花店友情鏈接局部頁面——設(shè)置鏈接樣式
7.1.1 設(shè)置文字鏈接
7.1.2 設(shè)置圖文鏈接
7.2 案例：網(wǎng)絡(luò)花店鮮花展示頁面——設(shè)置列表樣式
7.2.1 表格布局與列表布局的對比
7.2.2 設(shè)置列表類型
7.2.3 設(shè)置列表項圖片符號
7.2.4 設(shè)置列表項位置
7.3 案例：網(wǎng)絡(luò)花店鮮花分類導航菜單——設(shè)置縱向?qū)Ш讲藛?/span>
7.3.1 普通的鏈接導航菜單
7.3.2 縱向列表導航菜單
7.4 案例：網(wǎng)絡(luò)花店主導航菜單——設(shè)置橫向?qū)Ш讲藛?/span>
7.5 實訓：網(wǎng)絡(luò)花店商務安全中心頁面
習題7
第8章 使用JavaScript制作網(wǎng)頁特效
8.1 JavaScript概述
8.2 在網(wǎng)頁中調(diào)用JavaScript
8.2.1 直接加入HTML文檔
8.2.2 引用腳本文件
8.2.3 在HTML標簽內(nèi)添加腳本
8.3 案例：循環(huán)滾動的圖文字幕——制作網(wǎng)頁特效
8.4 案例：網(wǎng)站后臺管理菜單——制作二級縱向列表導航菜單
8.5 實訓：制作Flash幻燈片廣告
習題8
第9章 網(wǎng)絡(luò)花店前臺頁面
9.1 網(wǎng)站的開發(fā)流程
9.1.1 需求分析
9.1.2 站點規(guī)劃
9.1.3 網(wǎng)站制作
9.1.4 測試發(fā)布
9.2 使用Dreamweaver創(chuàng)建站點
9.2.1 Dreamweaver基本工作界面
9.2.2 創(chuàng)建站點與目錄結(jié)構(gòu)
9.3 案例：制作網(wǎng)絡(luò)花店首頁
9.4 案例：制作商品展示頁面
9.5 案例：制作商品詳細信息頁面
9.6 案例：制作查看購物車頁面
習題9
第10章 網(wǎng)絡(luò)花店后臺管理頁面
10.1 案例：制作網(wǎng)絡(luò)花店后臺管理登錄頁面
10.2 案例：制作商品查詢頁面
10.3 案例：制作商品添加頁面
10.4 案例：制作商品修改頁面
10.5 頁面的整合
習題10
參考文獻
書單推薦
