網(wǎng)頁制作與網(wǎng)站建設(shè)課堂實錄

第1課 網(wǎng)頁設(shè)計與布局基礎(chǔ)
1.1 預(yù)備知識
1.2 如何設(shè)計網(wǎng)頁
1.2.1 網(wǎng)頁設(shè)計的任務(wù)
1.2.2 網(wǎng)頁設(shè)計的實現(xiàn)
1.2.3 網(wǎng)頁設(shè)計的基本原則
1.3 常用網(wǎng)頁設(shè)計軟件
1.4 網(wǎng)頁版面布局設(shè)計
1.4.1 網(wǎng)頁版面布局原則
1.4.2 點、線、面的構(gòu)成
1.5 網(wǎng)頁布局方法
1.5.1 紙上布局法
1.5.2 軟件布局法
1.6 常見的版面布局形式
1.6.1 “國”字型布局
1.6.2 “廠”字型布局
1.6.3 “框架”型布局
1.6.4 “封面”型布局
1.6.5 Flash型布局
1.7 課后習題
1.7.1 選擇題
1.7.2 填空題
1.7.3 問答題
第2課 合理搭配網(wǎng)頁的色彩
2.1 網(wǎng)頁配色原理
2.1.1 色彩的產(chǎn)生
2.1.2 色彩的三要素
2.2 色彩與網(wǎng)頁表現(xiàn)
2.3 網(wǎng)頁色彩搭配
2.3.1 網(wǎng)頁色彩搭配原理
2.3.2 網(wǎng)頁色彩搭配技巧
2.3.3 網(wǎng)頁色彩選擇標準
2.3.4 常見的幾種網(wǎng)頁配色方案
2.4 課 后習題
2.4.1 選擇題
2.4.2 填空題
2.4.3 問答題
第3課 網(wǎng)頁圖像處理軟件PhotoshopCS3基礎(chǔ)
3.1 熟悉PhotoshopCS3的工作界面
3.2 調(diào)整圖像
3.2.1 調(diào)整圖像大小
3.2.2 調(diào)整畫布大小
3.3 調(diào)整圖像的色彩
3.3.1 使用“色階”命令
3.3.2 使用“曲線”命令
3.3.3 使用“色彩平衡”命令
3.3.4 使用“亮度/對比度”命令
3.3.5 使用“色相/飽和度”命令
3.4 設(shè)置前景色和背景色
3.4.1 使用“拾色器”對話框
3.4.2 使用“吸管”工具
3.5 選擇操作區(qū)域
3.5.1 選擇規(guī)則選區(qū)
3.5.2 選擇不規(guī)則選區(qū)
3.6 圖層的基本操作
3.6.1 添加圖層
3.6.2 刪除圖層
3.6.3 合并圖層
3.6.4 設(shè)置圖層樣式
3.7 課 堂練習——創(chuàng)建簡單的網(wǎng)頁圖像
3.8 高手支招
3.9 課 后習題
3.9.1 選擇題
3.9.2 填空題
3.9.3 操作題
第4課 設(shè)計豐富多彩的網(wǎng)頁特效文字
4.1 使用“文字”工具
4.1.1 輸入文字山
4.1.2 設(shè)置文字屬性
4.1.3 文字的變形
4.2 設(shè)計常見的網(wǎng)頁特效文字
課堂練習1——發(fā)光文字
課堂練習2——漸變文字
課堂練習3——水晶文字
課堂練習4——描邊文字
課堂練習5一立體字
課堂練習6——火焰文字
4.3 高手支招
4.4 課后習題
4.4.1 選擇題
4.4.2 填空題
4.4.3 操作題
第5課 設(shè)計網(wǎng)頁按鈕、導航欄和Logo
5.1 設(shè)計常見的網(wǎng)頁按鈕
課堂練習1——制作圓角按鈕
課堂練習2——制作發(fā)光按鈕
課堂練習3——制作水晶按鈕
5.2制作導航欄
課堂練習4——制作豐富多彩的導航欄
課堂練習5——設(shè)計Banner實例
5.3 網(wǎng)站L0g0設(shè)計
課堂練習6——Logo設(shè)計
5.4 高手支招
5.5 課后習題
5.5.1 選擇題
5.5.2 填空題
5.5.3 操作題
第6課 網(wǎng)站動畫設(shè)計軟件Flash CS3基礎(chǔ)
6.1 Flash CS3的工作環(huán)境簡介
6.1.1 菜單欄
6.1.2 工具箱
6.1.3 “時間軸”面板
6.1.4 舞臺
6.1.5 “屬性”面板
6.1.6 面板組
6.2 創(chuàng)建各種類型的Flash動畫
課堂練習1——創(chuàng)建逐幀動畫
課堂練習2——創(chuàng)建動畫補間動畫
課堂練習3——創(chuàng)建形狀補間動畫
課堂練習4——創(chuàng)建引導層動畫
課堂練習5——創(chuàng)建遮罩層動畫
6.3 高手支招
6.4 課后習題
6.4.1 選擇題
6.4.2 填空題
6.4.3 操作題
第7課 設(shè)計網(wǎng)站中常見的Flash動畫
7.1 設(shè)計網(wǎng)站Flash動畫廣告
7.1.1 網(wǎng)站廣告設(shè)計基本原則
7.1.2 網(wǎng)站廣告的類型
7.2 設(shè)計網(wǎng)站動畫實例
課堂練習1——設(shè)計Banner廣告
課堂練習2——設(shè)計聲音動畫
課堂練習3——創(chuàng)建導航按鈕
7.3 高手支招
7.4 課后習題
7.4.1選擇題
7.4.2 填空題
7.4.3 操作題
第8課 使用Dreamweaver CS3創(chuàng)建基本網(wǎng)頁
8.1 Dreamweaver CS3簡述.
8.2 熟悉Dreamweaver CS3的工作環(huán)境
8.2.1 菜單欄
8.2.2 插入欄
8.2.3 浮動面板組
8.2.4 “屬性”面板
8.2.5 文檔窗口
8.3 創(chuàng)建和管理站點
8.3.1 創(chuàng)建本地站點
8.3.2 管理本地站點
8.4 插入和設(shè)置文本屬性
8.4.1 插入普通文本
8.4.2 設(shè)置文本屬性
8.5 創(chuàng)建各種類型的超級鏈接
8.5.1 創(chuàng)建下載文件的超級鏈接
8.5.2 創(chuàng)建電子郵件超級鏈接
8.5.3 創(chuàng)建圖像熱區(qū)鏈接
8.5.4 創(chuàng)建錨點鏈接
8.6 插入文件頭部內(nèi)容
8.6.1 插入META信息
8.6.2 設(shè)置基礎(chǔ)
8.6.3 插入關(guān)鍵字
8.6.4 插入說明文字
8.6.5 設(shè)置刷新
8.7 課堂練習
課堂練習1——創(chuàng)建本地、站點
課堂練習2——創(chuàng)建基本文本網(wǎng)頁
8.8 高手支招
8.9 課后習題
8.9.1 選擇題
8.9.2 填空題
8.9.3 操作題
第9課 使用圖像和多媒體創(chuàng)建豐多彩的網(wǎng)頁
9.1 在網(wǎng)頁中插入圖像
9.1.1 插入圖像
9.1.2 設(shè)置圖像屬性
9.2 在Dreamweaver中編輯圖像
9.2.1 裁剪圖像
9.2.2 調(diào)整圖像的亮度和對比度
9.2.3 銳化圖像
9.3 插入其他網(wǎng)頁圖像
9.3.1 插入圖像占位符
9.3.2 插入鼠標經(jīng)過圖像
9.4 插入豐富多彩的媒體
9.4.1 插入Flash動畫
9.4.2 ~Flash按鈕對象
9.4，3 插入Flash文本對象
9.4.4 插入Java Applet
9.4.5 添加背景音樂
9.5 課堂練習
課堂練習1——創(chuàng)建圖文混排網(wǎng)頁
課堂練習2——創(chuàng)建翻書圖像效果
9.6 高手支招
9.7 課后習題
9.7.1 選擇題
9.7.2填空題
9.7.3操作題
第10課 使用表格排版布局網(wǎng)頁
10.1 在網(wǎng)頁中插入表格
10.1.1 插入表格
10.1.2 設(shè)置表格屬性
10.2 選擇表格元素
10.2.1 選擇表格
10.2.2 選擇行或列
10.2.3 選擇單元格
10.3 表格的基本操作
10.3.1 添加或刪除行或列
10.3.2 拆分單元格
10.3.3 合并單元格
10.4 排序及整理表格內(nèi)容
10.4.1 導入表格式數(shù)據(jù)
10.4.2 排序表格
10.5 課堂練習
課堂練習1——制作細線表格
課堂練習2——制作圓角表格
課堂練習3——利用表格布局網(wǎng)頁
10.6 高手支招
10.7 課后習題
10.7.1 選擇題
10.7.2 填空題
10.7.3 操作題
第11課 使用APDiv和框架布局網(wǎng)頁
11.1 使用APDiv
11.1.1 關(guān)于“AP元素”面板
11.1.2 插入AP Div
11.1.3 選擇AP Div
11.1.4 調(diào)整APDiv的大，小
11.2 Spry布局的使用
11.2.1 Spry菜單欄
11.2.2 Spry選項卡式面板
11.2.3 使用Spry折疊式
11.3 創(chuàng)建框架網(wǎng)頁
11.3.1 創(chuàng)建框架集
11.3.2 保存框架和框架集文件
11.3.3 在頂部框架中添加內(nèi)容
11.3.4 在底部框架中添加內(nèi)容
11.4 課堂練習
課堂練習1——創(chuàng)建網(wǎng)頁下拉菜單
課堂練習2——創(chuàng)建浮動框架網(wǎng)頁
11.5 高手支招
11.6 課后習題
11.6.1 選擇題
11.6.2填空題
11.6.3 操作題
第12課 使用模板和庫批量制作網(wǎng)頁
12.1 創(chuàng)建模板
12.1.1 新建模板
12.1.2 從現(xiàn)有文檔創(chuàng)建模板
12.2 創(chuàng)建可編輯區(qū)域
12.2.1 插入可編輯區(qū)域
12.2.2 刪除可編輯區(qū)域
12.3 應(yīng)用模板創(chuàng)建網(wǎng)頁
12.4 創(chuàng)建與應(yīng)用庫項目
12.4.1 創(chuàng)建庫項目
12.4.2 應(yīng)用庫項目
12.5課堂練習
課堂練習1——創(chuàng)建模板
……
第13課 利用行為和腳本制作動感特效網(wǎng)頁
第14課 使用CSS樣式美化和布局網(wǎng)頁
第15課 設(shè)計動態(tài)交互式網(wǎng)頁
第16課 網(wǎng)站的發(fā)布維護與推廣
第17課 網(wǎng)站建設(shè)基礎(chǔ)
第18課 企業(yè)網(wǎng)站建設(shè)綜合實例