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

前言
第1章 動態(tài)網頁設計概述
1.1 網頁設計概況
1.1.1 網頁設計簡介
1.1.2 網頁設計分類
1.1.3 網頁設計的特性
1.2 動態(tài)網頁設計的特點
1.2.1 動態(tài)網頁設計美工要求
1.2.2 動態(tài)網頁設計技術要求
1.3 動態(tài)網頁設計流程 
1.3.1 網站分析策劃 
1.3.2 網站概念設計 
1.3.3 利用photoshop cs5設計效果圖 
1.3.4 利用fireworks cs5制作圖像切片 
1.3.5 利用dreamweaver cs5設計網頁布局 
1.3.6 利用flash cs5設計網頁動畫 
1.3.7 利用visual studio 2008設計動態(tài)網頁 
1.3.8 網站測試 
第2章 動態(tài)網頁圖形圖像設計 
2.1 網頁圖形圖像設計的構成要素 
2.1.1 點的點睛作用 
2.1.2 線的性格特征 
2.1.3 面的造型藝術 
2.1.4 點、線、面的綜合構成 
2.1.5 空間、運動與質感的應用 
2.2 網頁圖形圖像設計的創(chuàng)意技巧 
2.2.1 聯(lián)想與想象 
2.2.2 比喻與寓意 
2.2.3 對比與強調 
2.2.4 夸張與幽默 
2.2.5 懸念與魔幻 
2.2.6 情感與偶像 
2.2.7 古典與時尚 
2.2.8 開門見山與綜合運用 
2.3 網頁圖形圖像設計的技術看點 
2.3.1 圖像的布局 
2.3.2 圖像尺寸與規(guī)格 
2.3.3 圖像切片與優(yōu)化 
2.3.4 圖像數量 
2.4 網頁圖形圖像設計的技巧分析 
2.4.1 合理造型，精于構成 
2.4.2 量體裁衣，巧用造型 
2.4.3 營造空間，產生張力 
2.4.4 具象抽象，無限想象 
2.4.5 移花接木，圖像組合 
2.4.6 強調特寫，注重景別 
2.4.7 裝飾圖案，識別圖標 
第3章 動態(tài)網頁文字設計 
3.1 網頁字體與字體編排 
3.1.1 網頁字體的使用 
3.1.2 網頁字體的編排 
3.2 網頁文字編排的創(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 質感紋理 
3.2.12 空間立體 
3.3 網頁文字設計的技術看點 
3.3.1 文字字體與大小 
3.3.2 文字排版的樣式 
3.3.3 網頁文字的強調 
3.4 網頁文字設計技巧分析 
3.4.1 巧用對比，提高文字可讀性 
3.4.2 精于版式，營造視覺美感 
3.4.3 深挖含義，體現(xiàn)創(chuàng)意魅力 
3.4.4 圖文并茂，文字圖形化處理 
第4章 動態(tài)網頁版式設計 
4.1 網頁版式設計的形式原理 
4.1.1 重復與交錯 
4.1.2 節(jié)奏與韻律 
4.1.3 對稱與均衡 
4.1.4 對比與調和 
4.1.5 比例與適度 
4.1.6 變異與秩序 
4.1.7 虛實與留白 
4.1.8 力場與結構 
4.1.9 變化與統(tǒng)一 
4.2 網頁版式設計的視覺因素 
4.2.1 符合視覺規(guī)律 
4.2.2 避免視覺疲勞 
4.2.3 注重主從關系 
4.3 網頁版式構成的類型 
4.3.1 骨骼型 
4.3.2 拐角型 
4.3.3 框架型 
4.3.4 滿版型 
4.3.5 分割型 
4.3.6 對稱型 
4.3.7 焦點型 
4.4 網頁導航設計 
4.4.1 導航分類 
4.4.2 導航位置 
4.4.3 導航設計的特點 
4.5 網頁版式設計的技術看點 
4.5.1 技術實現(xiàn)的可行性分析 
4.5.2 美工與技術沖突的解決 
4.6 網頁版式構成創(chuàng)意實例分析 
4.6.1 骨骼型網頁總體布局 
4.6.2 網頁細節(jié)布局 
4.6.3 flash型網頁布局 
4.6.4 經典網頁與導航布局 
第5章 動態(tài)網頁色彩設計 
5.1 網頁色彩的基本原理 
5.1.1 色彩的相關概念 
5.1.2 色彩的對比 
5.1.3 色彩的調和 
5.1.4 色彩的心理效應 
5.2 確定網站的主題色 
5.2.1 主色 
5.2.2 輔色 
5.2.3 背景色 
5.2.4 網頁色調運用 
5.3 網頁色彩搭配方法 
5.3.1 網頁配色規(guī)則 
5.3.2 網頁配色技巧 
5.3.3 網頁元素的色彩搭配技巧 
第6章 動態(tài)網頁效果圖設計利器-photoshop cs5與fireworks cs5 
6.1 網頁標志設計 
6.1.1 網頁標志設計的技術要求 
6.1.2 網頁標志設計的藝術創(chuàng)意 
6.1.3 photoshop cs5界面介紹 
6.1.4 網頁標志設計過程 
6.2 主頁效果圖設計 
6.2.1 網頁效果圖技術要求 
6.2.2 網頁banner背景設計 
6.2.3 網頁導航設計 
6.2.4 主頁欄目設計 
6.2.5 網頁版權區(qū)域的設計 
6.2.6 信息中心欄目的設計 
6.2.7 熱點鏈接欄目的設計 
6.2.8 認證欄目的設計 
6.3 內頁效果圖設計 
6.3.1 內頁效果圖設計的技術要求 
6.3.2 內頁效果圖設計的藝術創(chuàng)意 
6.3.3 內頁主圖的設計制作 
6.3.4 內頁左側導航的設計 
6.3.5 內頁右側內容的設計 
6.4 fireworks cs5網頁圖像切片制作 
6.4.1 圖像切片的技術要求 
6.4.2 圖像切片的優(yōu)化要求 
6.4.3 圖像切片的命名要求 
6.4.4 圖像切片的制作 
第7章 動態(tài)網頁版式設計健將-dreamweaver cs5 
7.1 建立網站 
7.1.1 dreamweaver cs5軟件界面 
7.1.2 建立站點 
7.1.3 創(chuàng)建文件和文件夾 
7.1.4 頁面設置 
7.1.5 html源代碼 
7.2 利用表格顯示數據與布局 
7.2.1 表格的基本操作 
7.2.2 表格的html代碼 
7.2.3 表格排版實例 
7.3 建立超級鏈接 
7.3.1 內部鏈接 
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)網頁動畫設計高手--flash cs5 
8.1 flash基本動畫快速掌握 
8.1.1 flash cs5軟件界面 
8.1.2 制作逐幀動畫--網頁交替廣告 
8.1.3 運動動畫--出場效果 
8.1.4 形狀動畫--張力的形成 
8.1.5 遮罩動畫--動畫標志 
8.2 flash網絡廣告設計 
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)網站開發(fā)主帥-visual studio  
9.1 搭建visual studio 動態(tài)網站開發(fā)平臺 
9.1.1 動態(tài)網站開發(fā)軟件的安裝 
9.1.2 visual studio 界面介紹 
9.2 visual studio 開發(fā)動態(tài)網站 
9.2.1 新建網站 
9.2.2 管理網站文件 
9.2.3 設計網頁界面 
9.2.4 編寫代碼處理程序 
9.2.5 調試網頁程序 
9.2.6 配置iis服務器 
第10章 動態(tài)網頁設計語言--c# 
10.1 c#語言簡介 
10.1.1 語句 
10.1.2 語句塊 
10.1.3 縮進與空格 
10.1.4 字母大小寫 
10.1.5 注釋 
10.2 c#數據類型 
10.2.1 整數類型 
10.2.2 浮點類型 
10.2.3 小數類型 
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)網站交互設計-asp.net基本對象 
11.1 用response對象實現(xiàn)頁面跳轉 
11.1.1 response對象概述 
11.1.2 向網頁輸出信息 
11.1.3 頁面跳轉 
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 在線人數統(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 數據驗證控件 
12.3.1 數據非空驗證控件requiredfieldvalidator 
12.3.2 數據比較驗證控件comparevalidator 
12.3.3 數據范圍驗證控件rangevalidator 
12.3.4 數據格式驗證控件regularexpressionvalidator 
12.3.5 驗證錯誤信息顯示控件validationsummary 
第13章 動態(tài)數據操縱-sql server  
13.1 數據庫的基本操作 
13.1.1 建立數據庫 
13.1.2 備份數據庫 
13.1.3 還原數據庫 
13.1.4 附加數據庫 
13.1.5 建立數據表 
13.1.6 修改數據表 
13.1.7 查看數據表 
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 連接數據庫 
第14章 用戶注冊登錄模塊設計-數據連接的建立 
14.1 用戶界面的設計 
14.1.1 美工的界面設計 
14.1.2 技術的實現(xiàn) 
14.2 數據庫的設計 
14.3 用戶注冊設計 
14.3.1 用戶注冊界面設計 
14.3.2 用戶信息的提交 
14.3.3 用戶名的檢測與信息驗證 
14.4 用戶登錄設計 
14.4.1 用戶登錄界面設計 
14.4.2 用戶名登錄的驗證 
14.4.3 用參數方式防止注入式攻擊 
14.5 用戶界面的美化 
14.5.1 用戶登錄界面的美化 
14.5.2 用戶注冊界面的美化 
第15章 新聞管理模塊設計-gridview控件與ado.net高級應用 
15.1 新聞管理界面的設計 
15.1.1 美工的界面設計 
15.1.2 技術的實現(xiàn) 
15.2 新聞管理數據庫的設計 
15.2.1 數據庫的建立 
15.2.2 數據表的建立 
15.2.3 數據表數據的添加 
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數據操縱 
15.7.1 新聞管理模塊的新需求 
15.7.2 新聞管理界面的改進 
15.7.3 新聞數據顯示中的數據綁定技術 
15.7.4 visual studio 中界面css美化 
第16章 用戶留言板設計--datalist控件使用 
16.1 用戶留言板界面的設計 
16.1.1 美工的界面設計 
16.1.2 技術的實現(xiàn) 
16.2 用戶留言板數據庫的設計 
16.2.1 數據庫的建立 
16.2.2 數據表的建立 
16.2.3 數據表數據的添加 
16.3 用戶留言板功能的實現(xiàn)--datalist控件的使用 
16.3.1 用戶留言設計 
16.3.2 程序實現(xiàn)數據綁定 
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網站 
17.2.2 新建ajax web窗體 
17.3 ajax聊天室設計 
17.3.1 數據庫設計 
17.3.2 用戶登錄功能設計 
17.3.3 聊天室界面設計 
第18章 綜合網站設計--領跑者it培訓中心網站 
18.1 網站美工設計 
18.1.1 photoshop網頁效果圖設計 
18.1.2 fireworks切片的使用 
18.1.3 dreamweaver網頁布局 
18.1.4 flash網頁動畫設計 
18.2 數據庫設計 
18.2.1 sql server  數據庫設計 
18.2.2 數據表的設計 
18.3 網站前臺顯示功能技術實現(xiàn) 
18.3.1 網站的建立--動態(tài)網站美工的結合 
18.3.2 網站文件的建立--網頁美工的實現(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 網站后臺管理功能技術實現(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 網站服務器部署與配置 
18.5.1 網站的web.config文件配置 
18.5.2 網站的生成與發(fā)布 
18.5.3 iis服務器的設置 
18.5.4 網站的上傳與更新
參考文獻