網(wǎng)頁設(shè)計(jì)基礎(chǔ)教程

內(nèi)容概要

本書由Adobe軟件教育專家和資深平面設(shè)計(jì)師聯(lián)袂策劃和編寫，以“學(xué)以致用”為寫作出發(fā)點(diǎn)，系統(tǒng)并詳細(xì)地講解了Dreamweaver、Flash、Photoshop圖像處理軟件的使用方法和操作技巧。
全書共分16章，包括：網(wǎng)頁設(shè)計(jì)基礎(chǔ)知識，初識DreamweaverCS5，頁面布局，使用CSS美化網(wǎng)頁，使用模板與庫，使用表單，為網(wǎng)頁添加行為及第三方插件，網(wǎng)站的上傳與維護(hù)，認(rèn)識FlashCS5，圖形的繪制與編輯，元件、實(shí)例和素材文件的使用，制作網(wǎng)頁動畫，認(rèn)識PhotoshopCS5，圖層的應(yīng)用，選區(qū)的創(chuàng)建及通道的使用，以及文字、路徑和切片的使用。
本書圖文并茂、條理清晰、內(nèi)容翔實(shí)、通俗易懂，在難以理解和掌握的地方給出了大量經(jīng)驗(yàn)性的提示，并在書中安排了大量的實(shí)例，每個(gè)實(shí)例均凝結(jié)了作者多年的工作經(jīng)驗(yàn)和心得體會，在詳細(xì)講解操作步驟的同時(shí)，融入了網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)的思想，使讀者不僅能學(xué)會網(wǎng)頁設(shè)計(jì)制作技術(shù)，還能學(xué)會網(wǎng)頁和網(wǎng)站的整體創(chuàng)意與策劃技巧。
本書適合網(wǎng)頁設(shè)計(jì)和制作初學(xué)者使用，也可以作為大中專院校相關(guān)專業(yè)的教材。

書籍目錄

第1章 網(wǎng)頁設(shè)計(jì)基礎(chǔ)知識
1.1 網(wǎng)站與網(wǎng)站開發(fā)
1.1.1 網(wǎng)站的概念
1.1.2 網(wǎng)站的構(gòu)成
1.1.3 HTTP與FTP
1.1.4 IP地址與域名
1.1.5 網(wǎng)站開發(fā)語言
1.2 網(wǎng)頁與網(wǎng)頁設(shè)計(jì)
1.2.1 了解網(wǎng)頁
1.2.2 網(wǎng)頁構(gòu)成元素
1.2.3 了解網(wǎng)頁設(shè)計(jì)
1.3 網(wǎng)站規(guī)劃設(shè)計(jì)
1.3.1 了解客戶的需求
1.3.2 制作項(xiàng)目規(guī)劃文案
1.3.3 規(guī)劃網(wǎng)站主題及風(fēng)格
1.3.4 規(guī)劃網(wǎng)站內(nèi)容
1.3.5 設(shè)計(jì)網(wǎng)站欄目及地圖
1.3.6 發(fā)布與推廣網(wǎng)站
1.4 認(rèn)識網(wǎng)頁頁面元素
1.4.1 網(wǎng)頁頁面元素的種類
1.4.2 網(wǎng)頁圖像元素的格式
1.5 網(wǎng)頁版式與配色
1.5.1 頁面版式
1.5.2 認(rèn)識網(wǎng)頁安全色
1.5.3 基本配色的方法
1.6 設(shè)計(jì)網(wǎng)頁圖像元素
1.6.1 LOGO設(shè)計(jì)
1.6.2 設(shè)計(jì)橫幅廣告條
1.6.3 設(shè)計(jì)按鈕
1.6.4 設(shè)計(jì)導(dǎo)航欄
1.7 設(shè)計(jì)網(wǎng)頁動畫元素
1.7.1 設(shè)計(jì)按鈕動畫
1.7.2 設(shè)計(jì)橫幅動畫
1.7.3 設(shè)計(jì)動畫廣告
1.8 思考與練習(xí)
第2章 初識Dreamweaver CS5
2.1 Dreamweaver CS5的工作界面
2.2 創(chuàng)建站點(diǎn)
2.3 管理站點(diǎn)內(nèi)容
2.3.1 添加文件或文件夾
2.3.2 刪除文件或文件夾
2.3.3 重命名文件或文件夾
2.4 網(wǎng)頁文檔的基本操作
2.4.1 創(chuàng)建空白網(wǎng)頁
2.4.2 打開網(wǎng)頁文檔
2.5 設(shè)置網(wǎng)頁文本
2.5.1 為網(wǎng)頁輸入文本
2.5.2 設(shè)置文本屬性
2.5.3 設(shè)置段落格式
2.5.4 設(shè)置列表
2.5.5 設(shè)置特殊字符
2.6 為網(wǎng)頁添加圖像
2.6.1 插入圖像
2.6.2 鼠標(biāo)經(jīng)過圖像
2.6.3 添加背景圖像
2.7 設(shè)置超級鏈接
2.7.1 文本和圖像鏈接
2.7.2 E-mail鏈接
2.7.3 錨記鏈接
2.7.4 空鏈接
2.7.5 下載鏈接
2.8 添加多媒體文件
2.9 上機(jī)練習(xí)——制作簡單網(wǎng)頁
2.9.1 制作圖文混排網(wǎng)站頁面
2.9.2 創(chuàng)建具有鏈接的網(wǎng)頁
2.10 思考與練習(xí)
第3章 頁面布局
3.1 利用表格布局頁面
3.1.1 插入表格
3.1.2 設(shè)置表格屬性
3.1.3 插入嵌套表格
3.2 表格基本操作
3.2.1 改變表格和單元格的大小
3.2.2 表格數(shù)據(jù)的導(dǎo)入與導(dǎo)出
3.3 使用AP Div
3.3.1 創(chuàng)建AP Div
3.3.2 設(shè)置AP Div的屬性
3.4 使用Spry布局對象
3.4.1 使用Spry菜單欄導(dǎo)航菜單
3.4.2 創(chuàng)建Spry選項(xiàng)卡式面板
3.4.3 以Spry折疊式顯示選項(xiàng)卡
3.4.4 使用Spry可折疊面板管理內(nèi)容
3.5 創(chuàng)建框架網(wǎng)頁
3.5.1 創(chuàng)建框架和框架集
3.5.2 保存框架
3.6 上機(jī)練習(xí)——制作產(chǎn)品展示界面
3.7 思考與練習(xí)
第4章 使用CSS美化網(wǎng)頁
4.1 CSS的概念
4.1.1 CSS的特點(diǎn)
4.1.2 CSS的基本語法
4.1.3 CSS樣式表的選擇器類型
4.2 創(chuàng)建CSS樣式
4.2.1 創(chuàng)建新的CSS樣式
4.2.2 設(shè)置CSS屬性
4.2.3 創(chuàng)建嵌入式CSS樣式
4.2.4 鏈接外部樣式表
4.2.5 使用CSS布局模板
4.3 CSS樣式的編輯
4.3.1 修改CSS樣式
4.3.2 刪除CSS樣式
4.3.3 復(fù)制CSS樣式
4.4 上機(jī)練習(xí)——用CSS樣式美化頁面內(nèi)容
4.5 思考與練習(xí)
第5章 使用模板與庫
5.1 使用模板
5.1.1 使用模板的優(yōu)點(diǎn)
5.1.2 創(chuàng)建空白模板
5.1.3 創(chuàng)建和刪除可編輯區(qū)域
5.1.4 創(chuàng)建可選區(qū)域和重復(fù)區(qū)域
5.1.5 從模板中分離
5.1.6 更新模板及基于模板的網(wǎng)頁
5.2 使用庫項(xiàng)目
5.2.1 認(rèn)識庫項(xiàng)目
5.2.2 創(chuàng)建庫項(xiàng)目
5.2.3 插入庫項(xiàng)目
5.2.4 編輯庫項(xiàng)目
5.3 上機(jī)練習(xí)——制作模板和基于模板的網(wǎng)頁
5.4 思考與練習(xí)
第6章 使用表單
6.1 表單概述
6.2 表單域
6.3 表單對象
6.4 表單對象的創(chuàng)建
6.4.1 文本域
6.4.2 插入多行文本域
6.4.3 復(fù)選框
6.4.4 單選按鈕
6.4.5 列表和菜單
6.4.6 跳轉(zhuǎn)菜單
6.4.7 表單按鈕
6.4.8 創(chuàng)建圖像域
6.5 上機(jī)練習(xí)——會員注冊表單
6.6 思考與練習(xí)
第7章 為網(wǎng)頁添加行為及第三方插件
7.1 行為概述
7.1.1 行為
7.1.2 事件
7.1.3 行為面板
7.1.4 打開瀏覽器窗口
7.1.5 修改行為
7.1.6 刪除行為
7.1.7 交換圖像
7.1.8 創(chuàng)建彈出信息
7.1.9 狀態(tài)欄文本
7.1.10 檢查表單
7.2 Dreamweaver CS5插件簡介
7.3 插件的管理和安裝
7.3.1 安裝第三方插件
7.3.2 刪除第三方插件
7.4 上機(jī)練習(xí)——制作網(wǎng)頁中的行為效果
7.4.1 制作網(wǎng)頁背景音樂
7.4.2 制作浮動圖片
7.4.3 不同時(shí)段顯示不同問候語
7.5 思考與練習(xí)
第8章 網(wǎng)站的上傳與維護(hù)
8.1 網(wǎng)站上傳前的準(zhǔn)備工作
8.1.1 注冊域名
8.1.2 申請空間
8.1.3 上傳網(wǎng)站
8.2 站點(diǎn)的測試
8.2.1 報(bào)告
8.2.2 檢查站點(diǎn)范圍的鏈接
8.2.3 改變站點(diǎn)范圍的鏈接
8.2.4 查找和替換
8.2.5 清理文檔
8.2.6 同步
8.3 網(wǎng)站宣傳
8.3.1 利用大眾傳媒
8.3.2 利用網(wǎng)絡(luò)傳媒
8.3.3 利用電子郵件
8.3.4 使用留言板、博客和論壇
8.3.5 注冊搜索引擎
8.3.6 和其他網(wǎng)站交換鏈接
8.4 思考與練習(xí)
第9章 初識Flash CS5
9.1 Flash CS5工作界面
9.1.1 菜單欄
9.1.2 工具箱
9.1.3 時(shí)間軸面板
9.1.4 屬性面板
9.1.5 舞臺和工作區(qū)
9.1.6 輔助工具
9.2 常用面板
9.2.1 【顏色】面板
9.2.2 【樣本】面板
9.2.3 【庫】面板
9.3 場景
9.3.1 編輯場景
9.3.2 改變場景背景
9.3.3 場景跳轉(zhuǎn)
9.4 時(shí)間軸
9.4.1 幀和幀頻
9.4.2 編輯幀
9.4.3 使用繪圖紙
9.5 輸出和發(fā)布
9.5.1 測試Flash影片
9.5.2 輸出Flash作品
9.5.3 輸出設(shè)置
9.5.4 發(fā)布預(yù)覽
9.6 上機(jī)練習(xí)——制作熱氣飄動動畫
9.7 思考與練習(xí)
第10章 圖形的繪制與編輯
10.1 繪圖工具
10.1.1 線條工具
10.1.2 矩形工具與基本矩形工具
10.1.3 橢圓工具與基本橢圓工具
10.1.4 多角星形工具
10.1.5 鋼筆工具
10.1.6 鉛筆工具
10.1.7 刷子工具
10.2 選擇對象工具
10.2.1 選擇工具
10.2.2 部分選取工具
10.3 任意變形工具
10.4 橡皮擦工具
10.5 顏色工具
10.5.1 顏料桶工具
10.5.2 墨水瓶工具
10.5.3 滴管工具
10.6 圖形的其他編輯操作
10.6.1 對象的組合與分解
10.6.2 對象的對齊與排列次序
10.6.3 修飾圖形
10.7 上機(jī)練習(xí)——繪制卡通人物頭部
10.8 思考與練習(xí)
第11章 元件、實(shí)例和素材文件的使用
11.1 元件
11.1.1 元件概述
11.1.2 創(chuàng)建元件
11.1.3 編輯元件
11.1.4 元件類型的相互轉(zhuǎn)換
11.2 實(shí)例
11.2.1 實(shí)例的編輯
11.2.2 編輯實(shí)例的屬性
11.3 導(dǎo)入素材
11.3.1 導(dǎo)入的基本方法
11.3.2 導(dǎo)入PNG文件
11.3.3 導(dǎo)入視頻
11.3.4 設(shè)置導(dǎo)入的位圖屬性
11.4 在動畫中使用聲音
11.4.1 導(dǎo)入聲音
11.4.2 壓縮聲音
11.4.3 編輯聲音
11.5 上機(jī)練習(xí)——制作文字變色動畫
11.6 思考與練習(xí)
第12章 制作網(wǎng)頁動畫
12.1 逐幀動畫
12.2 傳統(tǒng)補(bǔ)間動畫
12.2.1 傳統(tǒng)補(bǔ)間動畫基礎(chǔ)
12.2.2 創(chuàng)建傳統(tǒng)補(bǔ)間動畫
12.3 補(bǔ)間形狀動畫
12.3.1 補(bǔ)間形狀動畫基礎(chǔ)
12.3.2 創(chuàng)建補(bǔ)間形狀動畫
12.4 上機(jī)練習(xí)——飄落的樹葉
12.5 思考與練習(xí)
第13章 認(rèn)識Photoshop CS5
13.1 初識Photoshop CS5
13.2 Photoshop CS5的工作界面
13.2.1 菜單欄
13.2.2 工具箱
13.2.3 選項(xiàng)欄
13.2.4 面板
13.2.5 圖像窗口
13.2.6 狀態(tài)欄
13.3 Photoshop CS5的基本操作
13.3.1 新建空白文檔
13.3.2 打開文檔
13.3.3 保存文檔
13.3.4 關(guān)閉文檔
13.4 認(rèn)識色彩模式
13.4.1 RGB 顏色模式
13.4.2 CMYK顏色模式
13.4.3 Lab 顏色模式
13.4.4 灰度模式
13.4.5 位圖模式
13.4.6 索引顏色模式
13.4.7 雙色調(diào)模式
13.5 使用形狀工具
13.5.1 繪制規(guī)則形狀
13.5.2 繪制不規(guī)則形狀
13.6 對圖像進(jìn)行修飾處理
13.6.1 變換圖形
13.6.2 變形效果應(yīng)用
13.6.3 圖章工具
13.6.4 污點(diǎn)修復(fù)畫筆工具
13.6.5 修復(fù)畫筆工具
13.6.6 修補(bǔ)工具
13.6.7 紅眼工具
13.6.8 模糊工具
13.6.9 銳化工具
13.6.10 涂抹工具
13.6.11 減淡工具
13.6.12 加深工具
13.6.13 海綿工具
13.7 上機(jī)練習(xí)——為人物衣服替換顏色
13.8 思考與練習(xí)
第14章 圖層的應(yīng)用
14.1 認(rèn)識圖層
14.1.1 圖層概述
14.1.2 圖層面板
14.1.3 圖層菜單
14.2 創(chuàng)建圖層
14.2.1 新建圖層
14.2.2 圖層的類型
14.2.3 將背景層轉(zhuǎn)換為普通圖層
14.2.4 重命名圖層
14.3 圖層組的應(yīng)用
14.3.1 創(chuàng)建與重命名圖層組
14.3.2 將圖層移入與移出圖層組
14.3.3 刪除圖層組
14.4 圖層基本操作
14.4.1 選擇圖層
14.4.2 復(fù)制圖層
14.4.3 隱藏與顯示圖層
14.4.4 圖層不透明度與圖層順序
14.4.5 鏈接圖層
14.4.6 鎖定圖層
14.4.7 刪除圖層
14.4.8 圖層的合并
14.5 圖層對象的對齊與分布
14.5.1 對齊圖層對象
14.5.2 分布圖層對象
14.6 圖層混合模式
14.7 圖層樣式
14.7.1 添加圖層樣式
14.7.2 清除圖層樣式
14.8 上機(jī)練習(xí)——制作個(gè)性按鈕
14.9 思考與練習(xí)
第15章 選區(qū)的創(chuàng)建及通道的使用
15.1 使用工具創(chuàng)建幾何選區(qū)
15.1.1 矩形選框工具
15.1.2 橢圓選框工具
15.1.3 單行選框工具
15.1.4 單列選框工具
15.2 使用工具創(chuàng)建不規(guī)則選區(qū)
15.2.1 套索工具
15.2.2 多邊形套索工具
15.2.3 磁性套索工具
15.2.4 魔棒工具
15.2.5 快速選擇工具
15.3 使用命令創(chuàng)建隨意選區(qū)
15.3.1 全部選擇
15.3.2 反向選擇
15.3.3 使用【色彩范圍】命令創(chuàng)建選區(qū)
15.3.4 使用【選取相似】命令創(chuàng)建相似選區(qū)
15.4 編輯選區(qū)
15.4.1 移動選區(qū)
15.4.2 取消選擇與重新選擇
15.4.3 變換選區(qū)
15.4.4 使用【調(diào)整邊緣】命令調(diào)整選區(qū)邊緣
15.4.5 按特定數(shù)量的像素?cái)U(kuò)展或收縮選區(qū)
15.4.6 使用【擴(kuò)大選取】命令擴(kuò)大選區(qū)
15.5 填充選區(qū)
15.5.1 前景色與背景色
15.5.2 使用拾色器
15.5.3 吸管工具
15.6 使用通道
15.6.1 認(rèn)識通道
15.6.2 【通道】面板
15.6.3 重命名和刪除通道
15.6.4 分離和合并通道
15.6.5 載入通道中的選區(qū)
15.7 上機(jī)練習(xí)——使用通道替換背景
15.8 思考與練習(xí)
第16章 使用文字、路徑和切片
16.1 文字的輸入與設(shè)置
16.1.1 輸入文字
16.1.2 載入文本路徑
16.1.3 設(shè)置文字屬性
16.1.4 設(shè)置段落屬性
16.2 編輯文本
16.2.1 設(shè)置文字變形
16.2.2 柵格化文字
16.3 認(rèn)識路徑
16.3.1 路徑形態(tài)
16.3.2 路徑的組成
16.3.3 【路徑】面板
16.4 創(chuàng)建路徑
16.4.1 使用【鋼筆工具】創(chuàng)建路徑
16.4.2 使用【自由鋼筆工具】
16.4.3 將選區(qū)轉(zhuǎn)換為路徑
16.5 編輯路徑
16.5.1 使用【路徑選擇工具】
16.5.2 使用【直接選擇工具】
16.5.3 添加/刪除錨點(diǎn)
16.5.4 轉(zhuǎn)換點(diǎn)工具
16.6 使用路徑面板
16.6.1 填充路徑
16.6.2 描邊路徑
16.6.3 路徑和選區(qū)的轉(zhuǎn)換
16.6.4 工作路徑
16.6.5 使用【創(chuàng)建新路徑】和【刪除當(dāng)前路徑】按鈕
16.6.6 復(fù)制路徑
16.7 網(wǎng)頁切片輸出
16.7.1 創(chuàng)建切片
16.7.2 編輯切片
16.7.3 輸出切片
16.8 上機(jī)練習(xí)——繪制京劇臉譜
16.9 思考與練習(xí)

章節(jié)摘錄

版權(quán)頁：   插圖：   8.3 網(wǎng)站宣傳 要想推廣一個(gè)網(wǎng)站，坐等訪客的光臨是不行的，放在互聯(lián)網(wǎng)上的網(wǎng)站就像一塊立在地下走道中的公告牌一樣，即使人們在走道里走動的次數(shù)很多，往往也很難發(fā)現(xiàn)這個(gè)公告牌，由此可見，宣傳網(wǎng)站有多么重要。就像任何產(chǎn)品一樣，再優(yōu)秀的網(wǎng)站如果不進(jìn)行自我宣傳，也很難有較大的訪問量。那么如何才能使自己的網(wǎng)站的訪問量增大呢？ 8.3.1 利用大眾傳媒 大眾傳媒通常包括電視、書刊報(bào)紙、戶外廣告以及其他印刷品等。 1.電視 目前，電視是最大的宣傳媒體。如果在電視中做廣告，一定能收到像其他電視廣告商品一樣家喻戶曉的效果，但對于個(gè)人網(wǎng)站而言就不太適合了。 2.書刊報(bào)紙 報(bào)紙是僅次于電視的第二大媒體，也是使用傳統(tǒng)方式宣傳網(wǎng)站的最佳途徑。作為一名電腦愛好者，在使用軟硬件和上網(wǎng)的過程中，通常也積累了一些值得與別人交流的經(jīng)驗(yàn)和心得，那就不妨將它寫出來。寫好后可寄給《電腦愛好者》等比較著名的報(bào)刊，從而讓更多人受益?？梢栽谖恼碌哪┪沧⒚髯约旱闹黜摰刂泛虴-mail地址，或者將一些難以用書稿方式表達(dá)的內(nèi)容放在自己的網(wǎng)站中表達(dá)，如果文章很受歡迎，那么就能吸引更多的朋友來訪問自己的主頁。 3.戶外廣告 在一些繁華、人流量大的地段的廣告牌上做廣告也是一種比較好的宣傳方式。目前，在街頭、地鐵內(nèi)所做的網(wǎng)站廣告就說明了這一點(diǎn)，這種方式比較適合有實(shí)力的商業(yè)性質(zhì)的網(wǎng)站。 4.其他印刷品 公司信箋、名片、禮品包裝等都應(yīng)該印上網(wǎng)址名稱，讓客戶在記住公司的同時(shí)。也能看到并記住公司的網(wǎng)址。 8.3.2 利用網(wǎng)絡(luò)傳媒 由于網(wǎng)絡(luò)廣告的對象是網(wǎng)民，具有很強(qiáng)的針對性，因此，使用網(wǎng)絡(luò)廣告不失為一種較好的宣傳方式。 在選擇網(wǎng)站做廣告的時(shí)候，需要注意以下兩點(diǎn)。 （1） 應(yīng)選擇訪問率高的門戶網(wǎng)站。只有選擇訪問率高的網(wǎng)站。才能達(dá)到廣而告之的效果。 （2） 優(yōu)秀的廣告創(chuàng)意是吸引瀏覽者的重要手段，要想喚起瀏覽者點(diǎn)擊的欲望，就必須給瀏覽者點(diǎn)擊的理由，因此，圖形的色彩和圖形的動態(tài)設(shè)計(jì)以及與網(wǎng)頁的搭配等都是極其重要的。 8.3.3 利用電子郵件 在主頁上提供更新網(wǎng)站的郵件訂閱功能，這樣，在自己的網(wǎng)站被更新后，便可通知網(wǎng)友了。不要隨便地向自己不認(rèn)識的網(wǎng)友發(fā)E-mail宣傳自己的主頁，因?yàn)橛行┚W(wǎng)友會認(rèn)為那是垃圾郵件，并將其列入黑名單或拒收郵件列表內(nèi)，這樣對提高網(wǎng)站的訪問率并無實(shí)質(zhì)性的幫助，而且未經(jīng)別人同意就三番五次地發(fā)送邀請信，這也是不禮貌的。

圖書封面

評論、評分、閱讀與下載

---

    網(wǎng)頁設(shè)計(jì)基礎(chǔ)教程 PDF格式下載

---