學(xué)用一冊(cè)通：Dreamweaver+Photoshop+Flash+Fireworks網(wǎng)站建設(shè)與網(wǎng)頁(yè)設(shè)計(jì)

第1篇 網(wǎng)頁(yè)設(shè)計(jì)入門基礎(chǔ)篇
初識(shí)網(wǎng)頁(yè)設(shè)計(jì)
1.1 網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)術(shù)語(yǔ)
1.1.1 什么是靜態(tài)網(wǎng)頁(yè)
1.1.2 什么是動(dòng)態(tài)網(wǎng)頁(yè)
1.2 常見(jiàn)的網(wǎng)站類型
1.2.1 個(gè)人網(wǎng)站
1.2.2 企業(yè)類網(wǎng)站
1.2.3 機(jī)構(gòu)類網(wǎng)站
1.2.4 娛樂(lè)休閑類網(wǎng)站
1.2.5 行業(yè)信息類網(wǎng)站
1.2.6 門戶類網(wǎng)站
1.2.7 購(gòu)物類網(wǎng)站
1.3 網(wǎng)頁(yè)設(shè)計(jì)常用工具和技術(shù)
1.3.1 網(wǎng)頁(yè)編輯排版軟件Dreamweaver CS6
1.3.2 網(wǎng)頁(yè)圖像制作軟件Photoshop CS6和Fireworks CS6
1.3.3 網(wǎng)頁(yè)動(dòng)畫制作軟件Flash CS6
1.3.4 網(wǎng)頁(yè)標(biāo)記語(yǔ)言HTML
1.3.5 網(wǎng)頁(yè)腳本語(yǔ)言JavaScript
1.3.6 動(dòng)態(tài)網(wǎng)頁(yè)編程語(yǔ)言ASP
1.4 快速創(chuàng)建基本網(wǎng)頁(yè)
1.4.1 確定網(wǎng)頁(yè)主要欄目和整體布局
1.4.2 創(chuàng)建本地站點(diǎn)
1.4.3 新建網(wǎng)頁(yè)文檔
1.4.4 插入表格布局網(wǎng)頁(yè)
1.4.5 插入多媒體
1.4.6 插入文本內(nèi)容
1.4.7 插入圖像
1.4.8 保存瀏覽網(wǎng)頁(yè)
1.5 本章小結(jié)
打造賞心悅目的網(wǎng)頁(yè)
2.1 文字與版式設(shè)計(jì)
2.1.1 文字的字體、字號(hào)、行距
2.1.2 文字的顏色
2.1.3 文字的圖形化
2.2 圖像與版式設(shè)計(jì)
2.2.1 圖像的設(shè)計(jì)流程
2.2.2 網(wǎng)頁(yè)中應(yīng)用圖像的注意要點(diǎn)
2.3 網(wǎng)頁(yè)配色技巧
2.3.1 網(wǎng)頁(yè)色彩搭配原理
2.3.2 網(wǎng)頁(yè)色彩搭配技巧
2.4 本章小結(jié)
第2篇 Dreamweaver搭建與制作網(wǎng)頁(yè)篇
使用Dreamweaver輕松創(chuàng)建多彩的文本網(wǎng)頁(yè)
3.1　Dreamweaver CS6的工作界面
3.1.1　菜單欄
3.1.2　插入欄
3.1.3　屬性面板
3.1.4　面板組
3.1.5　文檔窗口
3.2　創(chuàng)建站點(diǎn)
3.2.1　上機(jī)練習(xí)——使用向?qū)?chuàng)建站點(diǎn)
3.2.2　上機(jī)練習(xí)——通過(guò)高級(jí)選項(xiàng)卡設(shè)置站點(diǎn)
3.3 插入文本
3.3.1 上機(jī)練習(xí)——插入普通文本
3.3.2 上機(jī)練習(xí)——設(shè)置文本屬性
3.3.3 上機(jī)練習(xí)——插入特殊字符
3.4 使用列表
3.4.1 上機(jī)練習(xí)——插入項(xiàng)目列表
3.4.2 上機(jī)練習(xí)——插入編號(hào)列表
3.5 在網(wǎng)頁(yè)中插入文件頭部?jī)?nèi)容
3.5.1 插入Meta信息
3.5.2 設(shè)置基礎(chǔ)
3.5.3 插入關(guān)鍵字
3.5.4 插入說(shuō)明文字
3.5.5 設(shè)置刷新
3.6 綜合應(yīng)用——?jiǎng)?chuàng)建基本文本網(wǎng)頁(yè)
3.7 專家秘籍
3.8　本章小結(jié)
巧用絢麗的圖像和多媒體讓網(wǎng)頁(yè)動(dòng)起來(lái)
4.1 在網(wǎng)頁(yè)中插入圖像
4.1.1 上機(jī)練習(xí)——插入網(wǎng)頁(yè)圖像
4.1.2 設(shè)置圖像屬性
4.1.3 上機(jī)練習(xí)——裁剪圖像
4.1.4 上機(jī)練習(xí)——使用Photoshop優(yōu)化圖像
4.1.5 上機(jī)練習(xí)——調(diào)整圖像的亮度和對(duì)比度
4.1.6 上機(jī)練習(xí)——銳化圖像
4.2 插入鼠標(biāo)經(jīng)過(guò)圖像
4.3 添加聲音和視頻文件
4.3.1 上機(jī)練習(xí)——添加聲音
4.3.2 上機(jī)練習(xí)——插入視頻文件
4.4 添加Flash動(dòng)畫
4.5 插入其他媒體對(duì)象
4.5.1 插入Shockwave影片
4.5.2 插入Java小程序
4.6 綜合應(yīng)用
4.7 專家秘籍
4.8　本章小結(jié)
使用超級(jí)鏈接：網(wǎng)頁(yè)互連的基礎(chǔ)
5.1 了解超級(jí)鏈接
5.1.1 絕對(duì)路徑
5.1.2 相對(duì)路徑
5.1.3 根目錄相對(duì)路徑
5.2 創(chuàng)建超級(jí)鏈接的方法
5.2.1 使用"屬性"面板創(chuàng)建鏈接
5.2.2 使用"指向文件"按鈕創(chuàng)建鏈接
5.2.3 使用菜單創(chuàng)建鏈接
5.3 創(chuàng)建超級(jí)鏈接
5.3.1 上機(jī)練習(xí)——?jiǎng)?chuàng)建下載文件鏈接
5.3.2 上機(jī)練習(xí)——?jiǎng)?chuàng)建電子郵件鏈接
5.3.3 上機(jī)練習(xí)——?jiǎng)?chuàng)建圖像熱區(qū)鏈接
5.3.4 上機(jī)練習(xí)——?jiǎng)?chuàng)建錨點(diǎn)鏈接
5.4 綜合應(yīng)用
5.5 專家秘籍
5.6 本章小結(jié)
使用表格輕松排列和布局網(wǎng)頁(yè)元素
6.1 插入表格和表格元素
6.1.1 上機(jī)練習(xí)——插入表格
6.1.2 設(shè)置表格屬性
6.1.3 添加內(nèi)容到單元格
6.2 選擇表格元素
6.2.1 選取表格
6.2.2 選取行或列
6.2.3 選取單元格
6.3 表格的基本操作
6.3.1 調(diào)整表格和單元格的大小
6.3.2 添加或刪除行或列
6.3.3 拆分單元格
6.3.4 合并單元格
6.3.5 剪切、復(fù)制、粘貼單元格
6.4 排序及整理表格內(nèi)容
6.4.1 上機(jī)練習(xí)——導(dǎo)入表格式數(shù)據(jù)
6.4.2 上機(jī)練習(xí)——表格排序
6.5 綜合應(yīng)用
6.6 專家秘籍
6.7　本章小結(jié)
使用插件擴(kuò)展Dream- weaver的功能
7.1 Dreamweaver CS6插件簡(jiǎn)介
7.2 安裝插件
7.3 綜合應(yīng)用——插件的應(yīng)用
7.4 專家秘籍
7.5　本章小結(jié)
使用CSS樣式表美化網(wǎng)頁(yè)
8.1 了解CSS樣式表
8.2 CSS基本語(yǔ)法
8.3 設(shè)置CSS屬性
8.3.1 設(shè)置CSS類型屬性
8.3.2 設(shè)置CSS背景屬性
8.3.3 設(shè)置CSS區(qū)塊屬性
8.3.4 設(shè)置CSS方框?qū)傩?br />8.3.5 設(shè)置CSS邊框?qū)傩?br />8.3.6 設(shè)置CSS列表屬性
8.3.7 設(shè)置CSS定位屬性
8.3.8 設(shè)置CSS擴(kuò)展屬性
8.3.9 設(shè)置過(guò)渡屬性
8.4 鏈接到或?qū)С鐾獠緾SS樣式表
8.4.1 上機(jī)練習(xí)——?jiǎng)?chuàng)建內(nèi)部樣式表
8.4.2 上機(jī)練習(xí)——?jiǎng)?chuàng)建外部樣式表
8.4.3 上機(jī)練習(xí)——鏈接外部樣式表
8.5 綜合應(yīng)用
8.6 專家秘籍
8.7　本章小結(jié)
用CSS+Div靈活布局頁(yè)面
9.1　初識(shí)Div
9.1.1　Div概述
9.1.2　CSS+Div布局的優(yōu)勢(shì)
9.2 AP Div基本操作
9.2.1 AP Div面板
9.2.2 創(chuàng)建普通AP Div
9.2.3 創(chuàng)建嵌套AP Div
9.3 設(shè)置AP Div的屬性
9.3.1 設(shè)置AP Div的顯示/隱藏屬性
9.3.2 改變AP Div的堆疊順序
9.3.3 為AP Div添加滾動(dòng)條
9.3.4 改變AP Div的可見(jiàn)性
9.4　CSS定位與DIV布局
9.4.1　盒子模型
9.4.2　元素的定位
9.5　CSS+Div布局的常用方法
9.5.1　使用Div對(duì)頁(yè)面整體進(jìn)行規(guī)劃
9.5.2　設(shè)計(jì)各塊的位置
9.5.3　使用CSS定位
9.6 專家秘籍
9.7 本章小結(jié)
利用行為輕易實(shí)現(xiàn)網(wǎng)頁(yè)特效
10.1 行為概述
10.1.1 使用"行為"面板
10.1.2 關(guān)于動(dòng)作
10.1.3 關(guān)于事件
10.2 使用Dreamweaver內(nèi)置行為
10.2.1 上機(jī)練習(xí)——交換圖像
10.2.2 上機(jī)練習(xí)——恢復(fù)交換圖像
10.2.3 上機(jī)練習(xí)——打開瀏覽器窗口
10.2.4 上機(jī)練習(xí)——調(diào)用JavaScript
10.2.5 改變屬性
10.2.6 上機(jī)練習(xí)——拖動(dòng)AP元素
10.2.7 上機(jī)練習(xí)——轉(zhuǎn)到URL
10.2.8 上機(jī)練習(xí)——彈出信息
10.2.9 上機(jī)練習(xí)——預(yù)先載入圖像
10.2.10 上機(jī)練習(xí)——設(shè)置狀態(tài)欄文本
10.2.11 跳轉(zhuǎn)菜單
10.2.12 顯示-隱藏元素
10.2.13 上機(jī)練習(xí)——檢查表單
10.2.14 上機(jī)練習(xí)——增大/收縮效果
10.2.15 上機(jī)練習(xí)——擠壓效果
10.3 使用JavaScript
10.3.1 上機(jī)練習(xí)——應(yīng)用JavaScript函數(shù)實(shí)現(xiàn)打印功能
10.3.2 上機(jī)練習(xí)——應(yīng)用JavaScript函數(shù)實(shí)現(xiàn)關(guān)閉窗口功能
10.4 專家秘籍
10.5 本章小結(jié)
使用模板、庫(kù)提高網(wǎng)頁(yè)制作效率
11.1 創(chuàng)建模板
11.1.1 上機(jī)練習(xí)——直接創(chuàng)建模板
11.1.2 上機(jī)練習(xí)——從現(xiàn)有文檔創(chuàng)建模板
11.1.3 上機(jī)練習(xí)——?jiǎng)?chuàng)建可編輯區(qū)域
11.2 模板的應(yīng)用
11.2.1 上機(jī)練習(xí)——應(yīng)用模板創(chuàng)建網(wǎng)頁(yè)
……