網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)與應(yīng)用

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