動態(tài)網(wǎng)頁設計教程：美工與技術

前言
第1章 動態(tài)網(wǎng)頁設計概述
1.1 網(wǎng)頁設計概況
1.1.1 網(wǎng)頁設計簡介
1.1.2 網(wǎng)頁設計分類
1.1.3 網(wǎng)頁設計的特性
1.2 動態(tài)網(wǎng)頁設計的特點
1.2.1 動態(tài)網(wǎng)頁設計美工要求
1.2.2 動態(tài)網(wǎng)頁設計技術要求
1.3 動態(tài)網(wǎng)頁設計流程 
1.3.1 網(wǎng)站分析策劃 
1.3.2 網(wǎng)站概念設計 
1.3.3 利用photoshop cs5設計效果圖 
1.3.4 利用fireworks cs5制作圖像切片 
1.3.5 利用dreamweaver cs5設計網(wǎng)頁布局 
1.3.6 利用flash cs5設計網(wǎng)頁動畫 
1.3.7 利用visual studio 2008設計動態(tài)網(wǎng)頁 
1.3.8 網(wǎng)站測試 
第2章 動態(tài)網(wǎng)頁圖形圖像設計 
2.1 網(wǎng)頁圖形圖像設計的構成要素 
2.1.1 點的點睛作用 
2.1.2 線的性格特征 
2.1.3 面的造型藝術 
2.1.4 點、線、面的綜合構成 
2.1.5 空間、運動與質(zhì)感的應用 
2.2 網(wǎng)頁圖形圖像設計的創(chuàng)意技巧 
2.2.1 聯(lián)想與想象 
2.2.2 比喻與寓意 
2.2.3 對比與強調(diào) 
2.2.4 夸張與幽默 
2.2.5 懸念與魔幻 
2.2.6 情感與偶像 
2.2.7 古典與時尚 
2.2.8 開門見山與綜合運用 
2.3 網(wǎng)頁圖形圖像設計的技術看點 
2.3.1 圖像的布局 
2.3.2 圖像尺寸與規(guī)格 
2.3.3 圖像切片與優(yōu)化 
2.3.4 圖像數(shù)量 
2.4 網(wǎng)頁圖形圖像設計的技巧分析 
2.4.1 合理造型，精于構成 
2.4.2 量體裁衣，巧用造型 
2.4.3 營造空間，產(chǎn)生張力 
2.4.4 具象抽象，無限想象 
2.4.5 移花接木，圖像組合 
2.4.6 強調(diào)特寫，注重景別 
2.4.7 裝飾圖案，識別圖標 
第3章 動態(tài)網(wǎng)頁文字設計 
3.1 網(wǎng)頁字體與字體編排 
3.1.1 網(wǎng)頁字體的使用 
3.1.2 網(wǎng)頁字體的編排 
3.2 網(wǎng)頁文字編排的創(chuàng)意形式 
3.2.1 鮮明對比 
3.2.2 筆畫共用 
3.2.3 筆畫突變 
3.2.4 形象添加 
3.2.5 筆畫相連 
3.2.6 會意象形 
3.2.7 表面裝飾 
3.2.8 線條中分 
3.2.9 點圈變化 
3.2.10 邊框背景 
3.2.11 質(zhì)感紋理 
3.2.12 空間立體 
3.3 網(wǎng)頁文字設計的技術看點 
3.3.1 文字字體與大小 
3.3.2 文字排版的樣式 
3.3.3 網(wǎng)頁文字的強調(diào) 
3.4 網(wǎng)頁文字設計技巧分析 
3.4.1 巧用對比，提高文字可讀性 
3.4.2 精于版式，營造視覺美感 
3.4.3 深挖含義，體現(xiàn)創(chuàng)意魅力 
3.4.4 圖文并茂，文字圖形化處理 
第4章 動態(tài)網(wǎng)頁版式設計 
4.1 網(wǎng)頁版式設計的形式原理 
4.1.1 重復與交錯 
4.1.2 節(jié)奏與韻律 
4.1.3 對稱與均衡 
4.1.4 對比與調(diào)和 
4.1.5 比例與適度 
4.1.6 變異與秩序 
4.1.7 虛實與留白 
4.1.8 力場與結構 
4.1.9 變化與統(tǒng)一 
4.2 網(wǎng)頁版式設計的視覺因素 
4.2.1 符合視覺規(guī)律 
4.2.2 避免視覺疲勞 
4.2.3 注重主從關系 
4.3 網(wǎng)頁版式構成的類型 
4.3.1 骨骼型 
4.3.2 拐角型 
4.3.3 框架型 
4.3.4 滿版型 
4.3.5 分割型 
4.3.6 對稱型 
4.3.7 焦點型 
4.4 網(wǎng)頁導航設計 
4.4.1 導航分類 
4.4.2 導航位置 
4.4.3 導航設計的特點 
4.5 網(wǎng)頁版式設計的技術看點 
4.5.1 技術實現(xiàn)的可行性分析 
4.5.2 美工與技術沖突的解決 
4.6 網(wǎng)頁版式構成創(chuàng)意實例分析 
4.6.1 骨骼型網(wǎng)頁總體布局 
4.6.2 網(wǎng)頁細節(jié)布局 
4.6.3 flash型網(wǎng)頁布局 
4.6.4 經(jīng)典網(wǎng)頁與導航布局 
第5章 動態(tài)網(wǎng)頁色彩設計 
5.1 網(wǎng)頁色彩的基本原理 
5.1.1 色彩的相關概念 
5.1.2 色彩的對比 
5.1.3 色彩的調(diào)和 
5.1.4 色彩的心理效應 
5.2 確定網(wǎng)站的主題色 
5.2.1 主色 
5.2.2 輔色 
5.2.3 背景色 
5.2.4 網(wǎng)頁色調(diào)運用 
5.3 網(wǎng)頁色彩搭配方法 
5.3.1 網(wǎng)頁配色規(guī)則 
5.3.2 網(wǎng)頁配色技巧 
5.3.3 網(wǎng)頁元素的色彩搭配技巧 
第6章 動態(tài)網(wǎng)頁效果圖設計利器-photoshop cs5與fireworks cs5 
6.1 網(wǎng)頁標志設計 
6.1.1 網(wǎng)頁標志設計的技術要求 
6.1.2 網(wǎng)頁標志設計的藝術創(chuàng)意 
6.1.3 photoshop cs5界面介紹 
6.1.4 網(wǎng)頁標志設計過程 
6.2 主頁效果圖設計 
6.2.1 網(wǎng)頁效果圖技術要求 
6.2.2 網(wǎng)頁banner背景設計 
6.2.3 網(wǎng)頁導航設計 
6.2.4 主頁欄目設計 
6.2.5 網(wǎng)頁版權區(qū)域的設計 
6.2.6 信息中心欄目的設計 
6.2.7 熱點鏈接欄目的設計 
6.2.8 認證欄目的設計 
6.3 內(nèi)頁效果圖設計 
6.3.1 內(nèi)頁效果圖設計的技術要求 
6.3.2 內(nèi)頁效果圖設計的藝術創(chuàng)意 
6.3.3 內(nèi)頁主圖的設計制作 
6.3.4 內(nèi)頁左側(cè)導航的設計 
6.3.5 內(nèi)頁右側(cè)內(nèi)容的設計 
6.4 fireworks cs5網(wǎng)頁圖像切片制作 
6.4.1 圖像切片的技術要求 
6.4.2 圖像切片的優(yōu)化要求 
6.4.3 圖像切片的命名要求 
6.4.4 圖像切片的制作 
第7章 動態(tài)網(wǎng)頁版式設計健將-dreamweaver cs5 
7.1 建立網(wǎng)站 
7.1.1 dreamweaver cs5軟件界面 
7.1.2 建立站點 
7.1.3 創(chuàng)建文件和文件夾 
7.1.4 頁面設置 
7.1.5 html源代碼 
7.2 利用表格顯示數(shù)據(jù)與布局 
7.2.1 表格的基本操作 
7.2.2 表格的html代碼 
7.2.3 表格排版實例 
7.3 建立超級鏈接 
7.3.1 內(nèi)部鏈接 
7.3.2 外部鏈接 
7.3.3 電子郵件鏈接 
7.3.4 熱點鏈接 
7.3.5 錨點鏈接 
7.4 利用css樣式美化界面 
7.4.1 定義css樣式 
7.4.2 應用css樣式 
7.4.3 修改css樣式 
7.4.4 變化的超級鏈接 
7.4.5 使用外部css 
第8章 動態(tài)網(wǎng)頁動畫設計高手--flash cs5 
8.1 flash基本動畫快速掌握 
8.1.1 flash cs5軟件界面 
8.1.2 制作逐幀動畫--網(wǎng)頁交替廣告 
8.1.3 運動動畫--出場效果 
8.1.4 形狀動畫--張力的形成 
8.1.5 遮罩動畫--動畫標志 
8.2 flash網(wǎng)絡廣告設計 
8.2.1 布置舞臺 
8.2.2 演員化妝 
8.2.3 進行導演 
8.2.4 排練預演 
8.2.5 優(yōu)化動畫 
8.3 flash導航設計 
8.3.1 素材準備 
8.3.2 布置場景 
8.3.3 設置動作 
8.3.4 測試修改 
第9章 動態(tài)網(wǎng)站開發(fā)主帥-visual studio  
9.1 搭建visual studio 動態(tài)網(wǎng)站開發(fā)平臺 
9.1.1 動態(tài)網(wǎng)站開發(fā)軟件的安裝 
9.1.2 visual studio 界面介紹 
9.2 visual studio 開發(fā)動態(tài)網(wǎng)站 
9.2.1 新建網(wǎng)站 
9.2.2 管理網(wǎng)站文件 
9.2.3 設計網(wǎng)頁界面 
9.2.4 編寫代碼處理程序 
9.2.5 調(diào)試網(wǎng)頁程序 
9.2.6 配置iis服務器 
第10章 動態(tài)網(wǎng)頁設計語言--c# 
10.1 c#語言簡介 
10.1.1 語句 
10.1.2 語句塊 
10.1.3 縮進與空格 
10.1.4 字母大小寫 
10.1.5 注釋 
10.2 c#數(shù)據(jù)類型 
10.2.1 整數(shù)類型 
10.2.2 浮點類型 
10.2.3 小數(shù)類型 
10.2.4 布爾類型 
10.2.5 字符型 
10.2.6 字符串類型 
10.3 常量和變量 
10.3.1 常量 
10.3.2 變量 
10.4 運算符與表達式 
10.4.1 運算符與表達式的分類 
10.4.2 運算符的優(yōu)先級 
10.5 程序流程控制 
10.5.1 分支語句 
10.5.2 循環(huán)語句 
10.6 錯誤與異常處理 
第11章 動態(tài)網(wǎng)站交互設計-asp.net基本對象 
11.1 用response對象實現(xiàn)頁面跳轉(zhuǎn) 
11.1.1 response對象概述 
11.1.2 向網(wǎng)頁輸出信息 
11.1.3 頁面跳轉(zhuǎn) 
11.2 用request對象獲取用戶請求 
11.2.1 request對象概述 
11.2.2 獲取客戶端ip地址 
11.2.3 獲取客戶端請求 
11.3 用session對象記錄用戶個人信息 
11.3.1 session對象概述 
11.3.2 記錄用戶信息 
11.3.3 配置session對象的生命周期 
11.4 用application對象為所有用戶共享信息 
11.4.1 application對象概述 
11.4.2 global.asax文件的使用 
11.4.3 在線人數(shù)統(tǒng)計 
11.5 用server對象對信息編碼 
11.5.1 server對象概述 
11.5.2 對信息編碼與解碼 
11.5.3 獲取服務器路徑 
11.6 用page對象實現(xiàn)頁面加載 
11.6.1 page對象概述 
11.6.2 page對象頁面加載 
第12章 頁面交互十八般兵器-asp.net web服務器控件 
12.1 web服務器控件概述 
12.1.1 web服務器控件的通用屬性 
12.1.2 服務器控件的美工要求 
12.2 常用web服務器控件 
12.2.1 顯示控件 
12.2.2 輸入控件textbox 
12.2.3 按鈕控件 
12.2.4 鏈接控件hyperlink 
12.2.5 選擇控件 
12.2.6 容器控件panel 
12.2.7 文件上傳控件fileupload 
12.2.8 日期時間控件 calendar 
12.3 數(shù)據(jù)驗證控件 
12.3.1 數(shù)據(jù)非空驗證控件requiredfieldvalidator 
12.3.2 數(shù)據(jù)比較驗證控件comparevalidator 
12.3.3 數(shù)據(jù)范圍驗證控件rangevalidator 
12.3.4 數(shù)據(jù)格式驗證控件regularexpressionvalidator 
12.3.5 驗證錯誤信息顯示控件validationsummary 
第13章 動態(tài)數(shù)據(jù)操縱-sql server  
13.1 數(shù)據(jù)庫的基本操作 
13.1.1 建立數(shù)據(jù)庫 
13.1.2 備份數(shù)據(jù)庫 
13.1.3 還原數(shù)據(jù)庫 
13.1.4 附加數(shù)據(jù)庫 
13.1.5 建立數(shù)據(jù)表 
13.1.6 修改數(shù)據(jù)表 
13.1.7 查看數(shù)據(jù)表 
13.1.8 設置登錄方式與賬戶 
13.2 sql語言 
13.2.1 選擇語句select 
13.2.2 插入語句insert 
13.2.3 更新語句update 
13.2.4 刪除語句delete 
13.3 使用visual studio 連接數(shù)據(jù)庫 
第14章 用戶注冊登錄模塊設計-數(shù)據(jù)連接的建立 
14.1 用戶界面的設計 
14.1.1 美工的界面設計 
14.1.2 技術的實現(xiàn) 
14.2 數(shù)據(jù)庫的設計 
14.3 用戶注冊設計 
14.3.1 用戶注冊界面設計 
14.3.2 用戶信息的提交 
14.3.3 用戶名的檢測與信息驗證 
14.4 用戶登錄設計 
14.4.1 用戶登錄界面設計 
14.4.2 用戶名登錄的驗證 
14.4.3 用參數(shù)方式防止注入式攻擊 
14.5 用戶界面的美化 
14.5.1 用戶登錄界面的美化 
14.5.2 用戶注冊界面的美化 
第15章 新聞管理模塊設計-gridview控件與ado.net高級應用 
15.1 新聞管理界面的設計 
15.1.1 美工的界面設計 
15.1.2 技術的實現(xiàn) 
15.2 新聞管理數(shù)據(jù)庫的設計 
15.2.1 數(shù)據(jù)庫的建立 
15.2.2 數(shù)據(jù)表的建立 
15.2.3 數(shù)據(jù)表數(shù)據(jù)的添加 
15.3 新聞管理功能的實現(xiàn)--gridview控件的使用 
15.3.1 新聞的顯示 
15.3.2 新聞的編輯 1
15.3.3 新聞的刪除 
15.4 新聞發(fā)布功能的實現(xiàn) 
15.4.1 新聞發(fā)布界面制作 
15.4.2 新聞發(fā)布代碼設計 
15.5 新聞瀏覽功能的實現(xiàn) 2
15.5.1 新聞瀏覽界面制作 2
15.5.2 新聞瀏覽代碼設計 
15.6 新聞管理模塊界面的美化 
15.6.1 新聞管理界面的美化 
15.6.2 新聞發(fā)布界面的美化 
15.6.3 新聞瀏覽界面的美化 
15.7 新聞管理模塊高級設計--ado.net數(shù)據(jù)操縱 
15.7.1 新聞管理模塊的新需求 
15.7.2 新聞管理界面的改進 
15.7.3 新聞數(shù)據(jù)顯示中的數(shù)據(jù)綁定技術 
15.7.4 visual studio 中界面css美化 
第16章 用戶留言板設計--datalist控件使用 
16.1 用戶留言板界面的設計 
16.1.1 美工的界面設計 
16.1.2 技術的實現(xiàn) 
16.2 用戶留言板數(shù)據(jù)庫的設計 
16.2.1 數(shù)據(jù)庫的建立 
16.2.2 數(shù)據(jù)表的建立 
16.2.3 數(shù)據(jù)表數(shù)據(jù)的添加 
16.3 用戶留言板功能的實現(xiàn)--datalist控件的使用 
16.3.1 用戶留言設計 
16.3.2 程序?qū)崿F(xiàn)數(shù)據(jù)綁定 
16.3.3 用戶留言的實現(xiàn) 
16.3.4 分頁功能的實現(xiàn) 
16.4 用戶留言板界面的美化 
16.4.1 div+css布局 
16.4.2 標題部分的美化 
16.4.3 datalist留言部分的美化 
16.4.4 分頁部分的美化 
16.4.5 發(fā)布留言部分的美化 
第17章 web .0聊天室設計-ajax技術實現(xiàn)和諧交互 
17.1 ajax技術亮點 
17.2 ajax技術實現(xiàn)方法 
17.2.1 新建ajax網(wǎng)站 
17.2.2 新建ajax web窗體 
17.3 ajax聊天室設計 
17.3.1 數(shù)據(jù)庫設計 
17.3.2 用戶登錄功能設計 
17.3.3 聊天室界面設計 
第18章 綜合網(wǎng)站設計--領跑者it培訓中心網(wǎng)站 
18.1 網(wǎng)站美工設計 
18.1.1 photoshop網(wǎng)頁效果圖設計 
18.1.2 fireworks切片的使用 
18.1.3 dreamweaver網(wǎng)頁布局 
18.1.4 flash網(wǎng)頁動畫設計 
18.2 數(shù)據(jù)庫設計 
18.2.1 sql server  數(shù)據(jù)庫設計 
18.2.2 數(shù)據(jù)表的設計 
18.3 網(wǎng)站前臺顯示功能技術實現(xiàn) 
18.3.1 網(wǎng)站的建立--動態(tài)網(wǎng)站美工的結合 
18.3.2 網(wǎng)站文件的建立--網(wǎng)頁美工的實現(xiàn) 
18.3.3 首頁新聞的顯示--動態(tài)新聞技術實現(xiàn) 
18.3.4 信息中心頁面的設計 
18.3.5 師資陣容頁面的設計 
18.3.6 培訓課程頁面的設計 
18.3.7 用戶留言頁面的設計 
18.3.8 用戶注冊頁面的設計 
18.3.9 用戶登錄頁面的設計 
18.4 網(wǎng)站后臺管理功能技術實現(xiàn) 
18.4.1 后臺管理頁面的設計--母版的應用 
18.4.2 修改密碼功能的實現(xiàn) 
18.4.3 新聞管理功能的實現(xiàn)
18.4.4 用戶管理功能的實現(xiàn) 
18.4.5 用戶留言頁面的管理 
18.4.6 師資陣容頁面的管理 
18.4.7 培訓課程頁面的管理 
18.5 網(wǎng)站服務器部署與配置 
18.5.1 網(wǎng)站的web.config文件配置 
18.5.2 網(wǎng)站的生成與發(fā)布 
18.5.3 iis服務器的設置 
18.5.4 網(wǎng)站的上傳與更新
參考文獻