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