網(wǎng)頁藝術(shù)設計與應用

第一章 基本概念
1．1 網(wǎng)絡媒體的歷史及發(fā)展
1．1．1 Internet的歷史及發(fā)展
1．1．2 網(wǎng)絡傳媒的特點
1．1．3 網(wǎng)頁設計手段的發(fā)展
1．1．4 Internet對相關行業(yè)的巨大影響
1．1．5 未來發(fā)展趨勢
1．2 網(wǎng)絡基本概念
1．2．1 Internet常見服務
1．2．2 WWW概念及其發(fā)展
1．2．3 HTML
1．2．4 Web瀏覽器
1．2．5 網(wǎng)頁與網(wǎng)站
1．2．6 URL
1．2．7 基于URL的協(xié)議
1．2．8 網(wǎng)址與域名
1．2．9 搜索引擎
1．3 網(wǎng)頁藝術(shù)設計綜述
1．3．1 網(wǎng)頁藝術(shù)設計的特點
1．3．2 網(wǎng)頁藝術(shù)設計的原則
1．3．3 網(wǎng)頁藝術(shù)沒計的內(nèi)容
1．3．4 網(wǎng)頁所支持的多媒體格式
1．3．5 網(wǎng)頁藝術(shù)設計常用的開發(fā)工具
1．3．6 網(wǎng)站設計的未來發(fā)展方向
本章小結(jié)
思考題
第二章 網(wǎng)頁配色
2．1 總述
2．2 色彩基礎理論
2．2．1 什么是色彩
2．2．2 加色模式與減色模式(光源色與印刷色)
2．2．3 原色、間色、復色、補色
2．2．4 色彩要素
2．2．5 色彩心理效應
2．2．6 色彩的特征及含義
2．2．7 小結(jié)與思考
2．3 包彩模式(混色原理)
2．3．1 綜述
2．3．2 RGB模式--顯示器的色彩模式
2．3．3 CMYK模式--印刷的混色原理
2．3．4 INDEXED模式--索引色模式
2．3．5 思考
2．4 web設計色彩的原理
2．4．1 屏幕怎樣顯示色彩
2．4．2 十六進制表示色彩
2．4．3 數(shù)字色彩
2．4．4 網(wǎng)頁色彩的環(huán)境變化
2．4．5 216網(wǎng)站安全色
2．4．6 顏色的名稱
2．5 網(wǎng)頁配色方案
2．5．1 基本規(guī)律與概念
2．5．2 基于色相的配色
2．5．3 基于色調(diào)的配色
2．5．4 以對比為原則的配色
2．5．5 特殊配色
2．6 配色實踐中需要注意的問題
2．6．1 前提：以網(wǎng)站的內(nèi)容為基礎
2．6．2 尋找搭配方案的技巧和經(jīng)驗
2．6．3 顏色與文本
2．6．4 色彩的調(diào)和
2．6．5 色彩的面積與位置
2．7 顏色的數(shù)量
2．8 實例分析：紅色在網(wǎng)站中的具體應用
2．9 經(jīng)驗與技巧
本章小結(jié)
思考題
第三章 網(wǎng)站策劃與網(wǎng)頁版式
3．1 網(wǎng)站策劃的一般內(nèi)容
3．1．1 調(diào)查與定位
3．1．2 確立目標
3．1．3 內(nèi)容與形式策劃
3．1．4 推廣策略
3．2 網(wǎng)站形象策劃及原則
3．2．1 網(wǎng)站風格
3．2．2 CIS的介入
3．2．3 信息內(nèi)容編輯
3．3 網(wǎng)站結(jié)構(gòu)
3．3．1 與傳統(tǒng)介質(zhì)的區(qū)別和優(yōu)勢
3．3．2 鏈接結(jié)構(gòu)：超級鏈接的使用
3．3．3 整體格局：壓平與縱深
3．3．4 文件結(jié)構(gòu)與規(guī)范
3．3．5 導航系統(tǒng)
3．3．6 互動沒計
3．4 網(wǎng)頁構(gòu)圖與版式設計
3．4．1 網(wǎng)頁構(gòu)成要素
3．4．2 與平面設計的聯(lián)系和區(qū)別
3．4．3 網(wǎng)頁構(gòu)圖概念
3．4．4 版式設計基礎：點、線、面
3．4．5 常見的網(wǎng)頁版面布局
3．4．6 視覺流程
3．4．7 首頁的設計
3．5 網(wǎng)頁設計中的元素處理
3．5．1 文字設計與處理
3．5．2 圖片的使用
3．5．3 網(wǎng)絡廣告
3．6 網(wǎng)站的系統(tǒng)化操作
3．6．1 網(wǎng)頁設計的簡要流程
3．6．2 網(wǎng)站開發(fā)規(guī)范
3．6．3 網(wǎng)站推廣
3．7 經(jīng)驗與技巧
3．7．1 第一屏與版面尺寸
3．7．2 多分辨率的支持
3．7．3 空白的處理
3．7．4 文件尺寸與等待時間
3．7．5 不可濫用框架網(wǎng)頁
3．7．6 網(wǎng)頁制作之"事不過三"
3．7．7 滾動條
3．7．8 流媒體
本章小節(jié)
思考題
第四章 HTML
4．1 HTML基礎
4．1．1 HTML發(fā)展及特性
4．1．2 HTML結(jié)構(gòu)
4．1．3 HTML的基本元素
4．1．4 分組元素DIV、SPAN
4．1．5 通用屬性Lang,title 標識屬性id,class
4．1．6 文檔注釋
4．1．7 小結(jié)與思考
4．2 文本格式
4．2．1 段落與換行
4．2．2 標題元素Hn
4．2．3 HTML字體元素
4．2．4 小結(jié)與思考
4．3 列表
4．3．l 有序列表元素
4．3．2 無序列表元素
4．3．3 定義列表元素
4．3．4 小結(jié)與思考
4．4 建立超鏈接
4．1．1 相對URL與絕對URL
4．4．2 鏈接元素A
4．4．3 小結(jié)與思考
4．5 表格的使用
4．5．1 表格的基本結(jié)構(gòu)
4．5．2 表格元素
4．5．3 表格格式
4．5．4 表格使用示例
4．5．5 小結(jié)與思考
4．6 插入對象
4．6．1 插入圖像
4．6．2 插入對象元素
4．6．3 小結(jié)與思考
4．7 使用框架
4．7．1 框架結(jié)構(gòu)
4．7．2 框架顯示效果
4．7．3 框架間的鏈接
4．7．4 小結(jié)與思考
4．8 表單
4．8．1 創(chuàng)建表單
4．8．2 表單域
4．8．3 表單的提交與處理
4．8．4 小結(jié)與思考
第五章 CSS基礎
5．1 CSS基本知識
5．1．1 CSS格式
5．1．2 CSS位置
5．1．3 級聯(lián)
5．1．4 小結(jié)與思考
5．2 CSS屬性
5．2．1 顏色與背景屬性
5．2．2 字體屬性
5．2．3 文本屬性
5．2．4 邊框與布局
5．2．5 定位屬性
5．2．6 列表屬性
5．2．7 小結(jié)與思考
5．3 CSS選擇符
5．3．1 簡單選擇符
5．3．2 簡單類選擇符
5．3．3 簡單偽類選擇符
5．3．4 簡單ID選擇符
5．3．5 上下文選擇符
5．3．6 組合選擇符
5．3．7 小節(jié)與思考
第六章 網(wǎng)絡圖像處理基礎
6．1 網(wǎng)絡圖像理論基礎
6．1．1 矢量與點陣
6．1．2 常見圖像格式
6．1．3 思考
6．2 重新認識Photoshop和ImageReady
6．2．1 優(yōu)化Photoshop
6．2．2 Photoshop的界面和工具
6．2．3 Photoshop中的網(wǎng)絡功能簡介
6．2．4 認識ImageReady
6．2．5 ImageReady的界面與工具
6．2．6 ImageReady的主要功能
6．2．7 思考
6．3 Photoshop和ImageReady的網(wǎng)絡圖像處理功能
6．3．1 切片
6．3．2 圖像映射制作
6．3．3 樣式面板：制作按鈕的最簡單方法
6．3．4 在ImageReady中使用Rollover效果
6．3．5 Web照片畫廊
6．3．6 使用動作
6．3．7 利用自動批處理
6．3．8 其他可以自動執(zhí)行的命令
6．3．9 制作GIF動畫
6．3．10 思考
6．4 圖像調(diào)整與處理
6．4．1 色彩控制
6．4．2 創(chuàng)建選取范圍(選區(qū))的方式
6．4．3 思考
6．5 利用其他網(wǎng)絡圖像軟件
6．5．1 小巧便利的firework
6．5．2 專業(yè)的矢量插圖軟件Illustrator
6．5．3 功能強大的矢量插圖軟件Freehand
6．5．4 利用Cool3D制作三維立體效果
6．5．5 簡潔精干的PhotoImpact
6．5．6 動態(tài)全景軟件Ulead Cool360
本章小節(jié)
思考題
第七章 網(wǎng)絡圖像處理實戰(zhàn)
7．1 利用圖層樣式創(chuàng)建特效
7．1．1 應用圖層樣式
7．1．2 陰影效果
7．1．3 內(nèi)陰影效果
7．1．4 內(nèi)發(fā)光和外發(fā)光效果
7．1．5 浮雕效果
7．1．6 色澤
7．1．7 疊加效果
7．1．8 運用圖層樣式實例
7．1．9 思考
7．2 圖像的優(yōu)化
7．2．1 GIF,JPEG與PNG格式的特點
7．2．2 格式的選擇
7．2．3 Save for Web--在Photoshop中優(yōu)化圖像
7．2．4 在ImageReady中優(yōu)化圖像
7．2．5 圖片的透明處理
7．2．6 思考
7．3 制作GIF(網(wǎng)絡點陣)動畫
7．3．1 動畫面板和命令
7．3．2 制作簡的逐幀動畫
7．3．3 使用過渡效果制作動畫
7．3．4 綜合運用練習
7．3．5 動畫的優(yōu)化
7．3．6 思考
7．4 網(wǎng)站基本元素的設計
7．4．1 Logo設計
7．4．2 旗幟廣告設計
7．4．3 按鈕及小圖標設計
7．4．4 網(wǎng)頁背景處理
7．4．5 其他元素的設計
7．4．6 小結(jié)與思考
第八章 排版工具Frontpage
8．1 Frontpage界面
8．1．1 用戶界面
8．1．2 視圖界面
8．1．3 思考
8．2 創(chuàng)建與管理網(wǎng)站
8．2．1 網(wǎng)站概述
8．2．2 創(chuàng)建網(wǎng)站
8．2．3 管理網(wǎng)站
8．2．4 思考
8．3 創(chuàng)建網(wǎng)頁
8．3．1 創(chuàng)建自己的網(wǎng)頁
8．3．2 套用模板創(chuàng)建網(wǎng)頁
8．3．3 設置顏色
8．3．4 思考與練習
8．4 文本與段落
8．4．1 網(wǎng)頁中的文本與段落格式
8．4．2 編輯文本
8．4．3 格式化文本
8．4．4 設置段落格式
8．4．5 項目符號和編號列表
8．4．6 范例
8．4．7 思考與練習
8．5 創(chuàng)建超鏈接
8．5．1 創(chuàng)建超鏈接
8．5．2 創(chuàng)建和使用書簽
8．5．3 編輯超鏈接
8．5．4 思考與練習
8．6 圖像操作與映射
8．6．1 插入圖像
8．6．2 圖像外觀
8．6．3 創(chuàng)建圖像映射
8．6．4 思考與練習
8．7 使用表格
8．7．1 表格的用途
8．7．2 表格的屬性
8．7．3 插人表格
8．7．4 表格操作
8．7．5 為表格設置屬性
8．7．6 綜合舉例
8．7．7 思考與練習
8．8 框架
8．8．1 框架的用途
8．8．2 創(chuàng)建框架網(wǎng)頁
8．8．3 編輯框架網(wǎng)頁
8．8．4 目標框架
8．8．5 思考與練習
8．9 表單
8．9．1 表單域的類型
8．9．2 創(chuàng)建表單
8．9．3 思考與練習
8．10 讓網(wǎng)頁動起來
8．10．1 設置動態(tài)效果
8．10．2 應用動態(tài)HTML
8．10．3 為Web頁設置背景聲音
8．10．4 練習
8．11 運用樣式表
8．11．1 什么是樣式表
8．11．2 創(chuàng)建級聯(lián)樣式表
8．11．3 在網(wǎng)頁中使用樣式表
8．11．4 思考
8．12 綜合實例
8．12．1 考慮布局與用色問題
8．12．2 繪制頁面
8．12．3 設置顏色
8．12．4 創(chuàng)建樣式表
8．12．5 設置超鏈接
9．1 網(wǎng)絡動畫基礎
9．1．1 動畫是如何顯示的
9．1．2 完全動畫和不完全動畫
9．2 認識Flash
9．2．1 Flash的應用領域
9．2．2 熟悉操作界面
9．2．3 參數(shù)設定
9．2．4 一個小常試
9．3 繪制圖形
9．3．1 工具箱
9．3．2 基本繪圖工具
9．3．3 使用選取工具
9．3．4 鋼筆和白色指針(輔選)工具
9．3．5 改變對象顏色與樣式(墨水瓶及油漆桶工具)
9．3．6 提取與擦除
9．3．7 應用漸變效果
9．3．8 自由變形
9．3．9 處理文本
9．3．10 小結(jié)
9．4 對象編輯與導入
9．4．1 群組與分離
9．4．2 柔邊與變形
9．4．3 導入矢量圖形
9．4．4 處理導入的位圖
9．4．5 導入輸出動態(tài)影像
9．4．6 輔助命令
9．5 元件與庫
9．5．1 元件
9．5．2 庫資源
9．6 創(chuàng)建Flash動畫
9．6．1 Flash動畫基礎操作
9．6．2 逐巾貞動畫
9．6．3 制作簡單運動補間動畫
9．6．4 制作變形動畫
9．6．5 利用軌跡制作動畫
9．6．6 利用蒙版制作動畫
9．7 制作較復朵的動畫
9．7．1 利用影片剪輯制作復雜動畫
9．7．2 交互式按鈕制作
9．7．3 聲音編輯
9．7．4 ActionScript簡介
9．7．5 綜合技巧實例
本章小結(jié)
思考題
主要參考文獻