動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)教程：美工與技術(shù)

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