第1章 網(wǎng)頁(yè)的基本結(jié)構(gòu)
1.1 網(wǎng)頁(yè)的基本元素
1.2 網(wǎng)頁(yè)的布局結(jié)構(gòu)
1.3 案例:創(chuàng)建第一個(gè)網(wǎng)頁(yè)
1.3.1 HTML簡(jiǎn)介
1.3.2 HTML語(yǔ)法結(jié)構(gòu)
1.3.3 HTML語(yǔ)法規(guī)范
1.3.4 HTML文檔結(jié)構(gòu)
1.4 實(shí)訓(xùn)
習(xí)題1
第2章 網(wǎng)頁(yè)文檔編輯
2.1 案例:網(wǎng)絡(luò)花店服務(wù)向?qū)ы?yè)面——文字與段落排版
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ò)花店購(gòu)物指南頁(yè)面——超鏈接
2.2.1 超鏈接簡(jiǎn)介
2.2.2 超鏈接的應(yīng)用
2.3 案例:網(wǎng)絡(luò)花店商品明細(xì)頁(yè)面——圖像
2.3.1 網(wǎng)頁(yè)圖像的格式和使用原則
2.3.2 圖像標(biāo)簽
2.4 案例:網(wǎng)絡(luò)花店客服中心頁(yè)面——列表
2.4.1 無(wú)序列表
2.4.2 有序列表
2.4.3 定義列表
2.4.4 嵌套列表
2.5 實(shí)訓(xùn):制作鮮花名片頁(yè)面
習(xí)題2
第3章 網(wǎng)頁(yè)布局與交互
3.1 案例:網(wǎng)絡(luò)花店購(gòu)物車信息統(tǒng)計(jì)——表格
3.1.1 表格的結(jié)構(gòu)
3.1.2 表格的基本語(yǔ)法
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è)頁(yè)面——表單
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)頁(yè)表現(xiàn)語(yǔ)言——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)介頁(yè)面——CSS的定義與使用
4.2.1 內(nèi)聯(lián)樣式
4.2.2 內(nèi)部樣式表
4.2.3 鏈入外部樣式表
4.2.4 導(dǎo)入外部樣式表
4.3 CSS語(yǔ)法基礎(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)商品局部頁(yè)面——文檔結(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ò)花店新聞更新局部頁(yè)面
習(xí)題4
第5章 Div+CSS布局頁(yè)面
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 將頁(yè)面用Div分塊
5.3 案例:網(wǎng)絡(luò)花店頁(yè)面頂部的布局——盒模型
5.3.1 盒模型簡(jiǎn)介
5.3.2 外邊距、邊框與內(nèi)邊距
5.3.3 盒模型的寬度與高度
5.3.4 塊級(jí)元素與行級(jí)元素寬度和高度的區(qū)別
5.3.5 外邊距的合并
5.4 案例:商城登錄頁(yè)面的整體布局——定位與浮動(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ò)花店熱賣鮮花局部頁(yè)面
習(xí)題5
第6章 元素外觀修飾
6.1 案例:網(wǎng)絡(luò)花店服務(wù)向?qū)ы?yè)面——設(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)介頁(yè)面——設(shè)置圖像與背景樣式
6.2.1 設(shè)置圖像樣式
6.2.2 設(shè)置背景樣式
6.3 案例:暢銷鮮花排行榜頁(yè)面——設(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ū)頁(yè)面
習(xí)題6
第7章 鏈接與導(dǎo)航設(shè)計(jì)
7.1 案例:網(wǎng)絡(luò)花店友情鏈接局部頁(yè)面——設(shè)置鏈接樣式
7.1.1 設(shè)置文字鏈接
7.1.2 設(shè)置圖文鏈接
7.2 案例:網(wǎng)絡(luò)花店鮮花展示頁(yè)面——設(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ù)安全中心頁(yè)面
習(xí)題7
第8章 使用JavaScript制作網(wǎng)頁(yè)特效
8.1 JavaScript概述
8.2 在網(wǎng)頁(yè)中調(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)頁(yè)特效
8.4 案例:網(wǎng)站后臺(tái)管理菜單——制作二級(jí)縱向列表導(dǎo)航菜單
8.5 實(shí)訓(xùn):制作Flash幻燈片廣告
習(xí)題8
第9章 網(wǎng)絡(luò)花店前臺(tái)頁(yè)面
9.1 網(wǎng)站的開(kāi)發(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ò)花店首頁(yè)
9.4 案例:制作商品展示頁(yè)面
9.5 案例:制作商品詳細(xì)信息頁(yè)面
9.6 案例:制作查看購(gòu)物車頁(yè)面
習(xí)題9
第10章 網(wǎng)絡(luò)花店后臺(tái)管理頁(yè)面
10.1 案例:制作網(wǎng)絡(luò)花店后臺(tái)管理登錄頁(yè)面
10.2 案例:制作商品查詢頁(yè)面
10.3 案例:制作商品添加頁(yè)面
10.4 案例:制作商品修改頁(yè)面
10.5 頁(yè)面的整合
習(xí)題10
參考文獻(xiàn)