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

第1課 網(wǎng)頁設(shè)計(jì)與布局基礎(chǔ)
1.1 預(yù)備知識(shí)
1.2 如何設(shè)計(jì)網(wǎng)頁
1.2.1 網(wǎng)頁設(shè)計(jì)的任務(wù)
1.2.2 網(wǎng)頁設(shè)計(jì)的實(shí)現(xiàn)
1.2.3 網(wǎng)頁設(shè)計(jì)的基本原則
1.3 常用網(wǎng)頁設(shè)計(jì)軟件
1.4 網(wǎng)頁版面布局設(shè)計(jì)
1.4.1 網(wǎng)頁版面布局原則
1.4.2 點(diǎn)、線、面的構(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 課后習(xí)題
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)頁色彩選擇標(biāo)準(zhǔn)
2.3.4 常見的幾種網(wǎng)頁配色方案
2.4 課 后習(xí)題
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 課 堂練習(xí)——?jiǎng)?chuàng)建簡單的網(wǎng)頁圖像
3.8 高手支招
3.9 課 后習(xí)題
3.9.1 選擇題
3.9.2 填空題
3.9.3 操作題
第4課 設(shè)計(jì)豐富多彩的網(wǎng)頁特效文字
4.1 使用“文字”工具
4.1.1 輸入文字山
4.1.2 設(shè)置文字屬性
4.1.3 文字的變形
4.2 設(shè)計(jì)常見的網(wǎng)頁特效文字
課堂練習(xí)1——發(fā)光文字
課堂練習(xí)2——漸變文字
課堂練習(xí)3——水晶文字
課堂練習(xí)4——描邊文字
課堂練習(xí)5一立體字
課堂練習(xí)6——火焰文字
4.3 高手支招
4.4 課后習(xí)題
4.4.1 選擇題
4.4.2 填空題
4.4.3 操作題
第5課 設(shè)計(jì)網(wǎng)頁按鈕、導(dǎo)航欄和Logo
5.1 設(shè)計(jì)常見的網(wǎng)頁按鈕
課堂練習(xí)1——制作圓角按鈕
課堂練習(xí)2——制作發(fā)光按鈕
課堂練習(xí)3——制作水晶按鈕
5.2制作導(dǎo)航欄
課堂練習(xí)4——制作豐富多彩的導(dǎo)航欄
課堂練習(xí)5——設(shè)計(jì)Banner實(shí)例
5.3 網(wǎng)站L0g0設(shè)計(jì)
課堂練習(xí)6——Logo設(shè)計(jì)
5.4 高手支招
5.5 課后習(xí)題
5.5.1 選擇題
5.5.2 填空題
5.5.3 操作題
第6課 網(wǎng)站動(dòng)畫設(shè)計(jì)軟件Flash CS3基礎(chǔ)
6.1 Flash CS3的工作環(huán)境簡介
6.1.1 菜單欄
6.1.2 工具箱
6.1.3 “時(shí)間軸”面板
6.1.4 舞臺(tái)
6.1.5 “屬性”面板
6.1.6 面板組
6.2 創(chuàng)建各種類型的Flash動(dòng)畫
課堂練習(xí)1——?jiǎng)?chuàng)建逐幀動(dòng)畫
課堂練習(xí)2——?jiǎng)?chuàng)建動(dòng)畫補(bǔ)間動(dòng)畫
課堂練習(xí)3——?jiǎng)?chuàng)建形狀補(bǔ)間動(dòng)畫
課堂練習(xí)4——?jiǎng)?chuàng)建引導(dǎo)層動(dòng)畫
課堂練習(xí)5——?jiǎng)?chuàng)建遮罩層動(dòng)畫
6.3 高手支招
6.4 課后習(xí)題
6.4.1 選擇題
6.4.2 填空題
6.4.3 操作題
第7課 設(shè)計(jì)網(wǎng)站中常見的Flash動(dòng)畫
7.1 設(shè)計(jì)網(wǎng)站Flash動(dòng)畫廣告
7.1.1 網(wǎng)站廣告設(shè)計(jì)基本原則
7.1.2 網(wǎng)站廣告的類型
7.2 設(shè)計(jì)網(wǎng)站動(dòng)畫實(shí)例
課堂練習(xí)1——設(shè)計(jì)Banner廣告
課堂練習(xí)2——設(shè)計(jì)聲音動(dòng)畫
課堂練習(xí)3——?jiǎng)?chuàng)建導(dǎo)航按鈕
7.3 高手支招
7.4 課后習(xí)題
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 浮動(dòng)面板組
8.2.4 “屬性”面板
8.2.5 文檔窗口
8.3 創(chuàng)建和管理站點(diǎn)
8.3.1 創(chuàng)建本地站點(diǎn)
8.3.2 管理本地站點(diǎn)
8.4 插入和設(shè)置文本屬性
8.4.1 插入普通文本
8.4.2 設(shè)置文本屬性
8.5 創(chuàng)建各種類型的超級(jí)鏈接
8.5.1 創(chuàng)建下載文件的超級(jí)鏈接
8.5.2 創(chuàng)建電子郵件超級(jí)鏈接
8.5.3 創(chuàng)建圖像熱區(qū)鏈接
8.5.4 創(chuàng)建錨點(diǎn)鏈接
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 課堂練習(xí)
課堂練習(xí)1——?jiǎng)?chuàng)建本地、站點(diǎn)
課堂練習(xí)2——?jiǎng)?chuàng)建基本文本網(wǎng)頁
8.8 高手支招
8.9 課后習(xí)題
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 插入鼠標(biāo)經(jīng)過圖像
9.4 插入豐富多彩的媒體
9.4.1 插入Flash動(dòng)畫
9.4.2 ~Flash按鈕對象
9.4，3 插入Flash文本對象
9.4.4 插入Java Applet
9.4.5 添加背景音樂
9.5 課堂練習(xí)
課堂練習(xí)1——?jiǎng)?chuàng)建圖文混排網(wǎng)頁
課堂練習(xí)2——?jiǎng)?chuàng)建翻書圖像效果
9.6 高手支招
9.7 課后習(xí)題
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 導(dǎo)入表格式數(shù)據(jù)
10.4.2 排序表格
10.5 課堂練習(xí)
課堂練習(xí)1——制作細(xì)線表格
課堂練習(xí)2——制作圓角表格
課堂練習(xí)3——利用表格布局網(wǎng)頁
10.6 高手支招
10.7 課后習(xí)題
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選項(xiàng)卡式面板
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 課堂練習(xí)
課堂練習(xí)1——?jiǎng)?chuàng)建網(wǎng)頁下拉菜單
課堂練習(xí)2——?jiǎng)?chuàng)建浮動(dòng)框架網(wǎng)頁
11.5 高手支招
11.6 課后習(xí)題
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)用庫項(xiàng)目
12.4.1 創(chuàng)建庫項(xiàng)目
12.4.2 應(yīng)用庫項(xiàng)目
12.5課堂練習(xí)
課堂練習(xí)1——?jiǎng)?chuàng)建模板
……
第13課 利用行為和腳本制作動(dòng)感特效網(wǎng)頁
第14課 使用CSS樣式美化和布局網(wǎng)頁
第15課 設(shè)計(jì)動(dòng)態(tài)交互式網(wǎng)頁
第16課 網(wǎng)站的發(fā)布維護(hù)與推廣
第17課 網(wǎng)站建設(shè)基礎(chǔ)
第18課 企業(yè)網(wǎng)站建設(shè)綜合實(shí)例