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