Dreamweaver CS6網(wǎng)頁(yè)設(shè)計(jì)與圖書目錄

時(shí)間：2023-02-21 19:51:01 | 來(lái)源：營(yíng)銷百科

時(shí)間：2023-02-21 19:51:01 來(lái)源：營(yíng)銷百科

Dreamweaver CS6網(wǎng)頁(yè)設(shè)計(jì)與圖書目錄：第一篇網(wǎng)站建設(shè)與網(wǎng)頁(yè)設(shè)計(jì)入門

第1課動(dòng)態(tài)網(wǎng)站建設(shè)基本流程

1.1網(wǎng)站建設(shè)概述

1.1.1什么是網(wǎng)站

1.1.2網(wǎng)站建設(shè)的目的

1.1.3建設(shè)網(wǎng)站學(xué)習(xí)內(nèi)容

1.2網(wǎng)站的類型

1.2.1個(gè)人網(wǎng)站

1.2.2電子商務(wù)類網(wǎng)站

1.2.3娛樂(lè)游戲類網(wǎng)站

1.2.4時(shí)尚類網(wǎng)站

1.2.5新聞資訊類網(wǎng)站

1.2.6門戶類網(wǎng)站

1.3常用網(wǎng)頁(yè)制作軟件

1.3.1圖像設(shè)計(jì)軟件Photoshop和Fireworks

1.3.2動(dòng)畫設(shè)計(jì)軟件FIash

1.3.3網(wǎng)頁(yè)設(shè)計(jì)軟件DreamweaVer

1.3.4HTML標(biāo)記

1.3.5動(dòng)態(tài)網(wǎng)頁(yè)編程語(yǔ)言ASP

1.4網(wǎng)站建設(shè)的一般流程

1.4.1網(wǎng)站的目標(biāo)定位

1.4.2申請(qǐng)網(wǎng)站域名

1.4.3申請(qǐng)服務(wù)器空間

1.4.4網(wǎng)站整體規(guī)劃

1.4.5確定站點(diǎn)風(fēng)格

1.4.6整理收集素材

1.4.7設(shè)計(jì)網(wǎng)頁(yè)圖像

1.4.8切圖并制作成頁(yè)面

1.4.9開(kāi)發(fā)動(dòng)態(tài)網(wǎng)站模塊

1.4.10發(fā)布與上傳

1.4.11網(wǎng)站優(yōu)化

1.4.12網(wǎng)站維護(hù)

1.4.13網(wǎng)站的推廣

1.5習(xí)題測(cè)試

1.6本課小結(jié)

第2課頁(yè)面布局與色彩搭配

2.1基礎(chǔ)知識(shí)

2.1.1色彩的基本概念

2.1.2色彩的三要素

2.1.3網(wǎng)頁(yè)安全色

2.1.4網(wǎng)頁(yè)的色調(diào)

2.2各種色彩分析

2.2.1紅色

2.2.2黑色

2.2.3橙色

2.2.4灰色

2.2.5黃色

2.2.6綠色

2.2.7藍(lán)色

2.2.8紫色

2.2.9白色

2.3頁(yè)面色彩搭配

2.3.1網(wǎng)頁(yè)色彩搭配原理

2.3.2網(wǎng)頁(yè)設(shè)計(jì)中色彩搭配的技巧

2.4習(xí)題測(cè)試

2.5本課小結(jié)

第二篇網(wǎng)頁(yè)設(shè)計(jì)及網(wǎng)站動(dòng)畫制作

第3課設(shè)計(jì)網(wǎng)站的圖片元素

3.1PhotoshopCS6介紹

3.1.1菜單欄

3.1.2工具箱及工具選項(xiàng)欄

3.1.3文檔窗口及狀態(tài)欄

3.1.4面板

3.2網(wǎng)頁(yè)中的設(shè)計(jì)元素

3.2.1Logo

3.2.2導(dǎo)航欄

3.2.3網(wǎng)站Banner

3.2.4網(wǎng)頁(yè)圖像

3.2.5Flash動(dòng)畫

3.3設(shè)計(jì)網(wǎng)站Logo

3.3.1網(wǎng)站Logo的重要性

3.3.2Logo的設(shè)計(jì)原則

3.3.3課堂練一練：設(shè)計(jì)網(wǎng)站Logo

3.4設(shè)計(jì)網(wǎng)站Banner

3.4.1網(wǎng)站Banner的設(shè)計(jì)原則

3.4.2課堂練一練：設(shè)計(jì)有動(dòng)畫效果的Banner

3.5制作網(wǎng)頁(yè)導(dǎo)航條

3.5.1導(dǎo)航設(shè)計(jì)的基本要求

3.5.2課堂練一練：設(shè)計(jì)橫向?qū)Ш綏l

3.6習(xí)題測(cè)試

3.7本課小結(jié)

第4課快速掌握動(dòng)畫設(shè)計(jì)軟件FlashCS6

4.1FlashCS6簡(jiǎn)介

4.1.1Flash應(yīng)用范圍

4.1.2FlashCS6工作界面

4.2文本操作基礎(chǔ)

4.2.1課堂練一練：靜態(tài)文本

4.2.2課堂練一練：輸入文本

423設(shè)置文本的基本屬性

4.3對(duì)文本使用濾鏡效果

4.3.1課堂練一練：給文本添加濾鏡

4.3.2設(shè)置濾鏡效果

4.4時(shí)間軸

4.4.1'時(shí)間軸'面板

4.4.2幀、關(guān)鍵幀和空白關(guān)鍵幀

4.5圖層的基本操作

4.5.1插入和重命名圖層

4.5.2調(diào)整圖層順序

4.5.3設(shè)置圖層屬性

4.5.4插入和編輯圖層文件夾

4.5.5刪除圖層

4.6元件

4.6.1元件的概念

4.6.2創(chuàng)建圖形元件

4.6.3創(chuàng)建影片剪輯

4.6.4創(chuàng)建按鈕

4.7動(dòng)作面板

4.7.1'動(dòng)作'面板的組成

4.7.2動(dòng)作面板的工具

4.7.3工作中腳本的添加方法

4.8Flash動(dòng)畫的優(yōu)化與發(fā)布

4.8.1課堂練一練：優(yōu)化動(dòng)畫

4.8.2課堂練一練：測(cè)試動(dòng)畫

4.9實(shí)戰(zhàn)：文字旋轉(zhuǎn)

4.10實(shí)戰(zhàn)：利用元件創(chuàng)建按鈕

4.11習(xí)題測(cè)試

4.12本課小結(jié)

第4課制作各種類型的網(wǎng)頁(yè)Flash動(dòng)畫

5.1實(shí)戰(zhàn)應(yīng)用：創(chuàng)建逐幀動(dòng)畫

5.2補(bǔ)間動(dòng)畫的制作

5，2.1課堂練一練：創(chuàng)建改變對(duì)象大小的動(dòng)畫

5.2.2課堂練一練：創(chuàng)建形狀補(bǔ)間動(dòng)畫

5.3利用圖層制作動(dòng)畫

5.3.1課堂練一練：創(chuàng)建引導(dǎo)動(dòng)畫

5.3.2課堂練一練：創(chuàng)建遮罩動(dòng)畫

5.4制作多媒體動(dòng)畫

5.4.1課堂練一練：給Flash動(dòng)畫片頭添加聲音

5.4.2課堂練一練：制作Flash視頻動(dòng)畫

5.5制作腳本動(dòng)畫

5.5.1課堂練一練：制作發(fā)送電子郵件動(dòng)畫

5.5.2課堂練一練：停止和播放按鈕

5.6習(xí)題測(cè)試

5.7本課小結(jié)

第三篇站點(diǎn)的搭建與網(wǎng)頁(yè)內(nèi)容的添加

第6課開(kāi)始建站之旅——熟悉DreamweaverCS6的工作環(huán)境

6.1認(rèn)誤解DreamweaverCS6界面

6.1.1菜單欄

6.1.2'插入'工具欄

6.1.3面板組

6.1.4'屬性'面板

6.2體驗(yàn)DreamweaverCS6的新功能

6.2.1可響應(yīng)的自適應(yīng)網(wǎng)格版面

6.2.2FTP快速上傳

6.2.3AdobeBusinessCatalyst集成

6.2.4增強(qiáng)型jQuery移動(dòng)支持

6.2.5更新的PhoneGap

6.2.6CSS3過(guò)渡

6.2.7更新的實(shí)時(shí)視圖

6.2.8更新的多屏幕預(yù)覽面板

6.3實(shí)戰(zhàn)：創(chuàng)建本地站點(diǎn)

6.4管理站點(diǎn)

6.4.1打開(kāi)站點(diǎn)

6.4.2編輯站點(diǎn)

6.4.3刪除站點(diǎn)

6.4.4復(fù)制站點(diǎn)

6.5習(xí)題測(cè)試

6.6本課小結(jié)

第7課添加網(wǎng)頁(yè)內(nèi)容和多媒體元素

7.1文本的輸入和編輯

7.1.1課堂練一練：輸入文本

7.1.2課堂練一練：設(shè)置文本屬性

7.1.3課堂練一練：輸入特殊字符

7.2在網(wǎng)頁(yè)中插入圖像

7.2.1課堂練一練：插入圖像

7.2.2設(shè)置圖像屬性

7.2.3課堂練一練：插入鼠標(biāo)經(jīng)過(guò)圖像

7.3鏈接的設(shè)置

7.3.1鏈接的類型

7.3.2課堂練一練：設(shè)置文本鏈接

7.3.3課堂練一練：創(chuàng)建錨記鏈接

7.3.4課堂練一練：創(chuàng)建圖像熱點(diǎn)鏈接

7.3.5課堂練一練：創(chuàng)建電子郵件鏈接

7.3.6課堂練一練：創(chuàng)建下載文件的鏈接

7.4插入媒體

7.4.1課堂練一練：插入Flash動(dòng)畫

7.4.2課堂練一練：插入視頻

7.4.3課堂練一練：在網(wǎng)頁(yè)中插入背景音樂(lè)

7.5實(shí)戰(zhàn)：制作圖文混排的多媒體頁(yè)面

7—6習(xí)題測(cè)試

7.7本課小結(jié)

第8課使用行為和JavaScript點(diǎn)綴網(wǎng)頁(yè)特效

8.1特效中的行為和事件

811事件

8.1.2動(dòng)作

8.2使用Dreamweaver內(nèi)置行為

8.2.1課堂練一練：交換圖像

8.2.2課堂練一練：彈出提示信息

8.2.3課堂練一練：打開(kāi)瀏覽器窗口

8.2.4課堂練一練：轉(zhuǎn)到URL

8.2.5課堂練一練：預(yù)先載入圖像

8.2.6課堂練一練：設(shè)置容器中的文本

8.2.7課堂練一練：顯示一隱藏元素

8.2.8課堂練一練：檢查表單

8.2.9課堂練一練：設(shè)置狀態(tài)欄文本

8.3利用腳本制作特效網(wǎng)頁(yè)

8.3.1JavaScript簡(jiǎn)介

8.3.2JavaScript的放置位置

8.3.3JavaScript函數(shù)

8.3.4課堂練一練：制作滾動(dòng)公告網(wǎng)頁(yè)

8.3.5課堂練一練：制作自動(dòng)關(guān)閉網(wǎng)頁(yè)

8.4習(xí)題測(cè)試

8.5本課小結(jié)

第四篇網(wǎng)頁(yè)排版與布局

第9課網(wǎng)頁(yè)的排版布局

9.1網(wǎng)頁(yè)版面布局設(shè)計(jì)

9.1.1網(wǎng)頁(yè)版面布局原則

9.1.2點(diǎn)、線、面的構(gòu)成

9.2網(wǎng)頁(yè)排版布局方法

9.2.1紙上布局草圖法

9.2.2軟件布局法

9.3常見(jiàn)的網(wǎng)頁(yè)結(jié)構(gòu)類型

9.3.1'國(guó)'字型布局

9.4.2'廠'字型布局

9.4.3'框架'型布局

9.4.4'封面'型布局

9.4.5Flash型布局

9.5頁(yè)面排版布局趨勢(shì)

9.6習(xí)題測(cè)試

9.7本課小結(jié)

第10課用表格排版網(wǎng)頁(yè)

10.1在網(wǎng)頁(yè)中插入表格

10.1.1課堂練一練：插入表格

10.1.2課堂練一練：添加內(nèi)容到單元格

10.2設(shè)置表格屬性

10.2.1設(shè)置單元格屬性

10.2.2設(shè)置表格屬性

10.3表格的基本操作

10.3.1選定表格

10.3.2選取行或列

10.3.3選取單元格

10.3.4添加行或列

10.3.5合并單元格

10.3.6拆分單元格

10.3.7調(diào)整表格大小

10.4表格其他功能

10.4.1課堂練一練：導(dǎo)入表格式數(shù)據(jù)

10.4.2課堂練一練：排序表格

10.5實(shí)戰(zhàn)應(yīng)用

10.5.1課堂練一練：利用表格排版頁(yè)面

10.5.2課堂練一練：創(chuàng)建圓角表格

10.6習(xí)題測(cè)試

10.7本課小結(jié)

第11課快速創(chuàng)建網(wǎng)頁(yè)——使用模板和庫(kù)

11.1認(rèn)識(shí)模板

11.2創(chuàng)建模板

11.2.1在空白文檔中創(chuàng)建模板

11.2.2從現(xiàn)有文檔創(chuàng)建模板

11.2.3課堂練一練：創(chuàng)建可編輯區(qū)域

11.3實(shí)戰(zhàn)：創(chuàng)建基于模板的頁(yè)面

11.4庫(kù)的創(chuàng)建、管理與應(yīng)用

11.4.1課堂練一練：創(chuàng)建庫(kù)項(xiàng)目

11，4.2課堂練一練：庫(kù)項(xiàng)目的應(yīng)用

11.4.3編輯庫(kù)項(xiàng)目

11.5實(shí)戰(zhàn)：創(chuàng)建完整的企業(yè)網(wǎng)站模板

11.5.1創(chuàng)建企業(yè)網(wǎng)站模板

11.5.2利用模板創(chuàng)建網(wǎng)頁(yè)

11.6習(xí)題測(cè)試

11.7本課小結(jié)

第12課美化網(wǎng)頁(yè)——使用CSS樣式

12.1初識(shí)CSS

12.1.1CSS概述

12.1.2CSS的作用

12.1.3基本CSS語(yǔ)法

12.2定義CSS樣式的屬性

12.2.1文本樣式的定義

12.2.2背景樣式的定義

12.2.3區(qū)塊樣式的定義

12.2.4方框樣式的定義

12.2.5邊框樣式的定義

12.2.6列表樣式的定義

12.2.7定位樣式的定義

12.2.8擴(kuò)展樣式的定義

12.2.9過(guò)渡樣式的定義

12.3CSS濾鏡設(shè)計(jì)特效文字

12.3.1濾鏡概述

12.3.2光暈（GIow）

12.3.3模糊（B|ur）

12.3.4遮罩（Mask）

12.3.5透明色（Chroma）

12.3.6陰影（Dropshadow）

12.3.7波浪（Wave）

12.3.8X射線（Xray）

12.4編輯CSS樣式

12.4.1修改CSS樣式

12.4.2刪除CSS樣式

12.4.3復(fù)制CSS樣式

12.5實(shí)戰(zhàn)：用CSS制作文字效果

12.5.1CSS樣式美化文字

12.5.2應(yīng)用CSS樣式制作陰影文字

12.6習(xí)題測(cè)試

12.7本課小結(jié)

第13課靈活布局頁(yè)面——使用CSS DIV

13.1網(wǎng)站—Web標(biāo)準(zhǔn)

13.1.1什么是Web標(biāo)準(zhǔn)

13.1.2為什么要建立Web標(biāo)準(zhǔn)

13.2初識(shí)DIV

13.2.1Div概述

13.2.2創(chuàng)建Div

13.3CSS定位與DIV布局

13.3.1盒子模型

13.3.2元素的定位

13.4CSS DIV布局的常用方法

13.4.1使用Div對(duì)頁(yè)面整體規(guī)劃

13.4.2設(shè)計(jì)各塊的位置

13.4.3使用CSS定位

13.5常見(jiàn)的布局類型

13.5.1使用CSS定位單行單列固定寬度

13.5.2一列自適應(yīng)

13.5.3兩列固定寬度

13.5.4兩列寬度自適應(yīng)

13.5.5三列浮動(dòng)中間寬度自適應(yīng)

13.6CSS布局與傳統(tǒng)的表格方式

布局分析

13.7習(xí)題測(cè)試

13.8本課小結(jié)

……

第五篇?jiǎng)討B(tài)網(wǎng)站開(kāi)發(fā)

第六篇網(wǎng)站發(fā)布與推廣

第七篇網(wǎng)站建設(shè)實(shí)戰(zhàn)