別具光芒[Dreamweaver+Photoshop效果圖設計與網頁實現] -百科知識中文網

簡介

在介紹各個網站實例的製作過程中，不僅分析了各個網站的配色方案和布局結構，而且還細緻地講解了從設計版面效果到實現最終HTML頁面的操作步驟，以及一些實際網頁設計和製作中常用的方法和技巧。

1.1　關於網頁的配色
1.1.1　網頁安全色
1.1.2　基本配色的方法
1.1.3　基本色相、色調的配色方案
1.2　色彩和感覺的神秘關係
1.2.1　色彩的溫度感
1.2.2　色彩的重量感
1.2.3　色彩和聲音
1.2.4　色彩和味覺、香味
1.2.5　色彩與光
1.2.6　色彩的心理感覺

第2章　網頁布局

2.1　網頁布局類型的確定方法
2.1.1　把內容放入自己喜歡的網頁類型中
2.1.2　草繪出兩三個不同網頁類型的模板
2.2　網頁布局的連貫性和多樣性
2.3　網頁布局結構
2.3.1　網頁布局結構的標準——信息架構
2.3.2　單一結構
2.3.3　複合結構
2.4　網頁布局形態
2.4.1　功能優先還是形態優先
2.4.2　網頁布局形態表達的含義及傳遞的情感
2.4.3　普通形態
2.4.4　獨特形態
2.4.5　實驗形態

第3章　手機增值業務網站

3.1　背景概述
3.2　實例分析
3.2.1　色彩分析
3.2.2　布局分析
3.3　使用Photoshop軟體設計版面效果
3.3.1　新建檔案並設定參考線
3.3.2　設計Logo和導航
3.3.3　設計主要內容區
3.3.4　設計版權資訊部分
3.3.5　切割網頁圖像並存儲為Web所用格式
3.4　使用Dreamweaver軟體製作成HTML頁面
3.4.1　定義本地站點
3.4.2　使用表格布局頁面
3.4.3　製作Logo和選單欄
3.4.4　使用CSS樣式定義背景和文本域屬性
3.4.5　製作主要內容區
3.4.6　製作版權資訊部分
3.5　將網頁發布到網際網路上
3.5.1　使用Dreamweaver自帶的上傳功能上傳
3.5.2　使用CuteFTP軟體上傳

第4章　旅遊網站

4.1　背景概述
4.2　實例分析
4.2.1　色彩分析
4.2.2　布局分析
4.3　使用Photoshop軟體設計版面效果
4.3.1　設計頭部區域
4.3.2　設計內容區域
4.3.3　設計尾部區域
4.3.4　切割網頁圖像
4.4　將效果圖製作成HTML頁面
4.4.1　定義站點與表格布局
4.4.2　製作會員登錄入口
4.4.3　插入Flash選單和頂部導航
4.4.4　利用CSS樣式設定框線效果
4.4.5　編排內容區域各元素
4.4.6　製作尾部區域
4.4.7　利用時間軸和層製作漂浮廣告

第5章　家電家居網站

5.1　背景概述
5.2　實例分析
5.2.1　色彩分析
5.2.2　布局分析
5.3　使用Photoshop軟體設計版面效果
5.3.1　設計主內容區域
5.3.2　設計尾部區域
5.3.3　切割網頁圖像
5.4　將效果圖製作成HTML頁面
5.4.1　定義站點與表格布局
5.4.2　製作導航條
5.4.3　製作下拉選單
5.4.4　編排其他內容
5.4.5　製作尾部區域
5.5　利用模板製作網頁
5.5.1　認識模板
5.5.2　創建模板
5.5.3　套用模板製作內頁

第6章　手機和數碼產品網站

6.1　背景概述
6.2　實例分析
6.2.1　色彩分析
6.2.2　布局分析
6.3　使用Photoshop軟體設計版面效果
6.3.1　規劃整體版面
6.3.2　使用鋼筆工具繪製不規則圓角粗框線
6.3.3　設計Banner區域
6.3.4　製作Logo和導航區域
6.3.5　設計內容區域框線
6.3.6　設計內容區域各元素
6.3.7　切割網頁圖像
6.4　使用Dreamweaver軟體製作HTML頁面
6.4.1　定義站點與設定頁面屬性
6.4.2　利用表格和〔CSS樣式〕面板布局
6.4.3　利用〔行為〕面板製作交換圖像效果選單
6.4.4　製作Banner區域
6.4.5　利用CSS樣式設定內容區域框線
6.4.6　編排內容區域各元素
6.4.7　利用〔行為〕面板製作彈出頁面

第7章　音樂網站

7.1　背景概述
7.2　實例分析
7.2.1　色彩分析
7.2.2　布局分析
7.3　使用Photoshop軟體設計版面效果
7.3.1　設計斜形紋理背景圖像
7.3.2　規劃整體版面
7.3.3　設計頭部區域
7.3.4　設計導航區域
7.3.5　設計動畫播放視窗
7.3.6　設計內容區域
7.3.7　設計尾部區域
7.4　使用Dreamweaver軟體製作HTML頁面
7.4.1　設定背景圖像
7.4.2　利用表格初步布局
7.4.3　插入Flash檔案
7.4.4　編輯其他內容區域
7.4.5　製作內頁
7.4.6　在頁面中插入視頻檔案
7.4.7　在頁面中插入背景音樂

第8章　藝術設計網站

8.1　背景概述
8.2　實例分析
8.2.1　色彩分析
8.2.2　布局分析
8.3　使用Photoshop軟體設計版面效果
8.3.1　規劃整體版面
8.3.2　設計Logo
8.3.3　設計導航欄
8.3.4　設計左邊區域和Banner區域
8.3.5　設計其他區域
8.3.6　切割網頁圖像
8.4　使用Dreamweaver軟體製作HTML頁面
8.4.1　利用表格布局
8.4.2　製作“滑鼠經過圖像”效果
8.4.3　製作左邊區域的內容
8.4.4　使用〔顯示-隱藏層〕行為製作Banner
8.4.5　製作其他內容部分
8.4.6　設定狀態欄文本
8.4.7　設定滾動條顏色和隱藏滾動條
8.4.8　加入防止網頁被COPY的代碼

第9章　企業網站

9.1　背景概述
9.2　實例分析
9.2.1　色彩分析
9.2.2　布局分析
9.3　使用Photoshop軟體設計版面效果
9.3.1　規劃整體版面
9.3.2　設計頭部區域
9.3.3　設計導航區域
9.3.4　設計內容區域
9.3.5　設計尾部區域
9.3.6　切割網頁圖像
9.4　使用Dreamweaver軟體製作HTML頁面
9.4.1　初步編輯網頁
9.4.2　製作頭部區域和導航區域
9.4.3　製作內容區域
9.4.4　製作尾部區域

第10章　時尚社區網站

10.1　背景概述
10.2　實例分析
10.2.1　色彩分析
10.2.2　布局分析
10.3　使用Photoshop軟體設計版面效果
10.3.1　設計頭部區域
10.3.2　設計導航和Banner區域
10.3.3　設計內容區域
10.3.4　設計尾部區域
10.3.5　切割網頁圖像
10.4　使用Dreamweaver軟體製作HTML頁面
10.4.1　新建站點與設定頁面屬性
10.4.2　利用表格布局
10.4.3　製作導航和Banner區域
10.4.4　製作會員登錄部分
10.4.5　製作內容區域其他部分
10.4.6　製作尾部區域

別具光芒[Dreamweaver+Photoshop效果圖設計與網頁實現]

簡介

目錄

第1章　網頁配色