網頁設計三劍客（CS4中文版）標準教程（附光盤） pdf epub mobi txt 電子書 下載 2026

簡體網頁||繁體網頁

☆☆☆☆☆

孫膺，郝軍啓，劉治國 編

圖書標籤:

• 網頁設計
• CSS
• HTML
• JavaScript
• 前端開發
• CS4
• 中文教程
• 標準教程
• 光盤
• 技術
• 入門

齣版社： 清華大學齣版社

ISBN：9787302233541

版次：1

商品編碼：10400620

品牌：清華大學

包裝：平裝

叢書名： 清華電腦學堂

開本：16開

齣版時間：2010-10-01

用紙：膠版紙

頁數：343

附件：光盤

附件數量：1

內容簡介

《網頁設計三劍客（CS4中文版）標準教程（附光盤）》全麵介紹瞭使用Dreamweaver CS4、Fireworks CS4和Flash CS4設計網頁和組建網站的知識，內容包括網頁設計基礎理論、設計網頁元素、顯示數據與布局、框架和網站資源、修飾網頁元素樣式、應用網頁交互、構件動態網頁、處理網頁圖像、製作網頁動畫等相關內容。《網頁設計三劍客（CS4中文版）標準教程（附光盤）》最後介紹瞭兩個綜閤實例。配書光盤提供瞭《網頁設計三劍客（CS4中文版）標準教程（附光盤）》實例素材文件和配音教學視頻文件。《網頁設計三劍客（CS4中文版）標準教程（附光盤）》結構編排閤理，實例豐富，可以作為高等院校相關專業和社會培訓班網頁製作教材。也可以作為網頁設計的自學參考。

目錄

目錄
第1章 網頁設計基礎
1.1 網頁製作常識
1.1.1 網絡技術基礎
1.1.2 Web瀏覽器
1.1.3 IDC服務技術基礎
1.2 網頁設計理論
1.2.1 網頁配色藝術
1.2.2 網頁布局藝術
1.3 網頁標準化技術
1.3.1 XHTML語言
1.3.2 CSS樣式錶
1.3.3 ECMAScript腳本語言
1.4 動態網頁開發技術
1.4.1 ASP技術
1.4.2 ASP.NET技術
1.4.3 PHP技術
1.4.4 JSP技術
1.5 網頁設計軟件
1.5.1 Fireworks CS4
1.5.2 Flash CS4
1.5.3 Dreamweaver CS4
1.6 網站建設流程
1.6.1 網站策劃
1.6.2 方案實施
1.6.3 後期維護工作
1.7 課堂練習：配置網站服務器
1.8 課堂練習：創建Dreamweaver
站點
1.9 課堂練習：創建靜態網頁
1.10 思考與練習

第2章 設計網頁元素
2.1 設計網頁文本
2.1.1 輸入網頁文本
2.1.2 編輯文本屬性
2.1.3 文本對象與樣式
2.2 設計網頁圖像
2.2.1 插入網頁圖像
2.2.2 編輯網頁圖像
2.2.3 圖像優化與智能更新
2.3 添加超級鏈接
2.3.1 普通鏈接
2.3.2 特殊鏈接
2.4 應用媒體元素
2.4.1 插入Flash內容
2.4.2 插入音頻
2.5 課堂練習：製作企業介紹
2.6 課堂練習：製作網頁導航條
2.7 課堂練習：插入透明Flash動畫
2.8 思考與練習

第3章 數據顯示與簡單布局
3.1 製作數據錶格
3.1.1 創建數據錶格
3.1.2 設置錶格屬性
3.1.3 錶格標簽
3.2 管理錶格單元
3.2.1 調整單元格尺寸
3.2.2 編輯錶格單元格
3.2.3 錶格的進階操作
3.3 基本布局對象
3.3.1 插入Div標簽
3.3.2 插入AP Div
3.3.3 編輯AP Div
3.3.4 操作AP Div元素
3.4 Spry布局元素
3.4.1 Spry菜單欄
3.4.2 Spry選項卡式麵闆
3.4.3 Spry摺疊麵闆
3.4.4 Spry工具提示
3.5 課堂練習：製作古詩鑒賞網頁
3.6 課堂練習：榨汁機使用說明書
3.7 課堂練習：旅遊網頁導航條
3.8 思考與練習

第4章 框架與資源
4.1 創建與保存框架集
4.1.1 創建框架集
4.1.2 創建嵌套框架集
4.1.3 保存框架集
4.2 編輯框架集
4.2.1 選擇框架集
4.2.2 編輯框架屬性
4.2.3 為框架添加內容
4.2.4 編輯框架鏈接
4.3 框架標簽
4.3.1 框架集標簽
4.3.2 框架標簽
4.3.3 無框架標簽與嵌入框
架標簽
4.4 管理站點資源
4.4.1 【資源】麵闆簡介
4.4.2 管理資源
4.5 庫項目
4.5.1 創建庫項目
4.5.2 設置庫屬性
4.5.3 編輯庫項目和更新站點
4.6 網頁模闆
4.6.1 創建網頁模闆
4.6.2 編輯模闆
4.6.3 應用模闆
4.7 課堂練習：製作唯美鮮花網頁
4.8 課堂練習：製作兒童動畫劇
場網頁
4.9 課堂練習：製作庫項目和模闆
4.10 思考與練習

第5章 修飾網頁元素樣式
5.1 XHTML結構基礎
5.1.1 XHTML語法規範
5.1.2 標簽的類型
5.1.3 選擇與編輯標簽
5.2 CSS樣式錶基礎
5.2.1 CSS語法規則
5.2.2 選擇器類型
5.2.3 選擇方法
5.3 應用CSS樣式
5.3.1 附加樣式錶
5.3.2 新建CSS規則
5.3.3 編輯CSS規則
5.4 CSS布局技術
5.4.1 CSS盒模型
5.4.2 流動布局技術
5.4.3 浮動布局技術
5.4.4 定位布局技術
5.5 課堂練習：製作散文詩網頁
5.6 課堂練習：設計購物車網頁
5.7 思考與練習

第6章 應用網頁交互
6.1 檢查網頁標簽
6.1.1 檢查標簽屬性
6.1.2 管理網頁行為
6.2 文本交互行為
6.2.1 設置容器文本
6.2.2 設置狀態欄文本
6.3 窗口交互行為
6.3.1 彈齣信息
6.3.2 打開瀏覽器窗口
6.4 圖像交互行為
6.4.1 交換圖像
6.4.2 導航欄圖像
6.5 AP Div交互行為
6.5.1 拖動AP元素
6.5.2 顯示-隱藏元素
6.6 網頁對象與行為
6.6.1 效果行為
6.6.2 改變屬性
6.7 應用JavaScript
6.7.1 JavaScript簡介
6.7.2 JavaScript基本語法
6.7.3 JavaScript語句
6.7.4 JavaScript函數
6.8 JavaScript對象與DOM
6.8.1 JavaScript內置對象
6.8.2 DOM技術
6.9 課堂練習：製作房産展示版塊
6.10 課堂練習：製作數碼産品首頁
6.11 思考與練習

第7章 構建動態網頁
7.1 數據庫技術基礎
7.1.1 常用數據庫類型
7.1.2 Microsoft Access數據庫
簡介
7.1.3 創建數據錶
7.1.4 輸入數據
7.2 錶單技術基礎
7.2.1 錶單概述
7.2.2 添加錶單
7.3 添加錶單對象
7.3.1 插入文本域
7.3.2 插入復選框和單選按鈕
7.3.3 插入列錶/菜單
7.3.4 插入其他錶單
7.4 Spry錶單驗證技術
7.4.1 Spry驗證文本
7.4.2 Spry驗證選擇
7.4.3 Spry驗證密碼與確認
7.5 創建動態內容源
7.5.1 連接數據庫
7.5.2 創建記錄集
7.5.3 添加動態文本
7.6 課堂練習：製作注冊網頁
7.7 課堂練習：驗證注冊信息
7.8 思考與練習

第8章 處理Fireworks網頁圖像
8.1 Fireworks技術基礎
8.1.1 矢量圖形與位圖圖像
8.1.2 Fireworks基本操作
8.1.3 矢量筆觸
8.2 繪製矢量圖形
8.2.1 繪製幾何圖形
8.2.2 設置圖形筆觸和填充
8.3 設計文本
8.3.1 輸入Fireworks文本
8.3.2 設置文本屬性
8.4 繪製路徑
8.4.1 繪製和修改路徑
8.4.2 操作路徑對象
8.4.3 應用路徑文本
8.5 編輯位圖
8.5.1 創建與編輯位圖選區
8.5.2 編輯位圖尺寸與形狀
8.5.3 調整位圖
8.6 應用濾鏡
8.6.1 調整顔色
8.6.2 斜角與浮雕
8.6.3 陰影與光暈
8.6.4 模糊
8.7 創建網頁元素
8.7.1 創建切片
8.7.2 創建熱點
8.7.3 優化與導齣網頁圖像
8.8 課堂練習：設計網頁Logo
8.9 課堂練習：設計網頁導航
8.10 思考與練習

第9章 Flash動畫基礎
9.1 繪製矢量圖形
9.1.1 繪製綫條
9.1.2 繪製圖形
9.1.3 編輯圖形
9.2 使用文本
9.2.1 創建文本
9.2.2 編輯文本
9.2.3 設置文本屬性
9.3 導入圖像
9.3.1 導入單個圖層圖像
9.3.2 將多個圖層圖像導入
舞颱
9.3.3 將多個圖層圖像導入
到庫
9.4 應用元件
9.4.1 創建元件
9.4.2 編輯元件與實例
9.5 使用濾鏡
9.5.1 投影與模糊濾鏡
9.5.2 發光與斜角濾鏡
9.5.3 調整顔色濾鏡
9.6 應用圖層
9.6.1 混閤模式
9.6.2 特殊圖層
9.6.3 文本與圖層
9.7 課堂練習：製作背景圖像
9.8 課堂練習：製作特效文字
9.9 思考與練習

第10章 製作網頁動畫
10.1 時間軸與幀
10.1.1 時間軸
10.1.2 幀類型
10.1.3 編輯幀
10.2 逐幀動畫
10.2.1 創建逐幀動畫
10.2.2 通過序列圖像製作
逐幀動畫
10.3 補間形狀動畫
10.3.1 創建補間形狀
10.3.2 使用形狀提示
10.4 補間動作動畫
10.4.1 創建補間動畫
10.4.2 創建傳統補間動畫
10.4.3 動畫編輯器
10.5 圖層動畫
10.5.1 製作遮罩動畫
10.5.2 創建引導動畫
10.6 動畫多媒體
10.6.1 導入聲音
10.6.2 導入視頻
10.7 課堂練習：製作網頁動畫
10.8 課堂練習：製作網頁Banner
10.9 思考與練習

前言/序言

《網頁設計三劍客（CS4中文版）標準教程（附光盤）》是一本麵嚮網頁設計初學者和進階者的綜閤性學習指南。本書以Adobe Dreamweaver CS4、Adobe Fireworks CS4和Adobe Flash CS4這三款業界領先的網頁設計軟件為核心，係統性地介紹瞭它們在網頁製作流程中的應用，旨在幫助讀者掌握從概念構思到最終網站發布的完整技能。 本書的編寫宗旨在於提供一套“零門檻”的學習路徑，即使是沒有任何網頁設計基礎的讀者，也能通過本書的指導，逐步建立起對網頁設計原理、工具使用和實踐技巧的深刻理解。同時，對於已有一定基礎的設計師，本書也提供瞭深入挖掘軟件潛能、提升設計效率和作品質量的寶貴經驗。 核心內容概覽： 本書的結構圍繞著“三劍客”這三款軟件展開，每個軟件都對應著獨立而又緊密聯係的章節，共同構成一個完整的網頁設計學習體係。 第一部分：Adobe Dreamweaver CS4——網頁的骨架與靈魂 Dreamweaver作為本書的重點之一，承擔著網頁的結構搭建和內容組織的關鍵角色。本部分將詳盡解析Dreamweaver CS4的各項功能，幫助讀者熟練掌握網頁代碼的編寫和可視化編輯。 工作界麵與基礎設置： 入門章節將帶領讀者熟悉Dreamweaver CS4的各種麵闆、工具欄和快捷鍵，並指導如何根據個人習慣進行個性化設置，以最高效地進行設計工作。 HTML與CSS精通： 本書不會迴避網頁設計的底層技術，而是深入淺齣地講解HTML（超文本標記語言）和CSS（層疊樣式錶）的基礎知識。讀者將學會如何使用Dreamweaver的“代碼視圖”和“拆分視圖”來編寫和理解HTML標簽，如何利用CSS控製網頁的布局、顔色、字體、背景等視覺元素，從而實現網頁的樣式化。本書將重點講解CSS的盒模型、定位、浮動、彈性盒子（Flexbox）以及網格布局（Grid）等現代網頁布局技術，讓讀者能構建齣響應式和自適應的網頁。 網頁內容的創建與管理： 學習如何插入和編輯文本、圖片、鏈接，以及如何創建和管理錶單，這些都是構成網頁內容的基礎。Dreamweaver CS4提供瞭豐富的工具來簡化這些操作。 頁麵布局與框架構建： 掌握使用Dreamweaver的布局工具（如錶格布局、框架集、div布局）來組織網頁內容，創建復雜的頁麵結構。本書將引導讀者理解不同的布局方式的優劣，並學會如何選擇最適閤的設計方案。 網站的規劃與管理： 學習如何創建和管理網站項目，包括設置本地站點、遠程站點，理解文件和文件夾的組織結構，以及如何使用Dreamweaver的站點管理工具來保持項目文件的整潔和有序。 交互元素的添加： Dreamweaver CS4與Flash的結閤，使得添加交互式元素變得更加容易。本部分將介紹如何通過Dreamweaver調用Flash動畫、視頻等多媒體內容，以及如何利用Dreamweaver的Spry框架等技術，快速創建一些基本的交互功能，如摺疊麵闆、選項卡等。 網頁的優化與發布： 學習如何優化網頁的加載速度，包括圖片壓縮、代碼精簡等。最後，本書將指導讀者如何通過FTP客戶端或Dreamweaver的站點管理功能，將製作完成的網站上傳到Web服務器，實現網站的公開發布。 第二部分：Adobe Fireworks CS4——網頁視覺的雕塑傢 Fireworks CS4在網頁圖像處理和創意設計方麵擁有獨特的優勢，本部分將專注於其在網頁視覺元素方麵的應用。 Fireworks CS4工作空間與基礎繪圖： 介紹Fireworks CS4的界麵布局，以及鉛筆、畫筆、形狀工具、文本工具等基礎繪圖工具的使用。 位圖與矢量圖的結閤： 學習如何導入、編輯和優化位圖（如JPEG、PNG、GIF）以及創建和編輯矢量圖形。理解位圖和矢量圖在網頁設計中的不同應用場景。 網頁切片與優化： 掌握使用 Fireworks 的切片工具將復雜的網頁設計分割成多個可優化的圖像文件，從而提高網頁的加載速度。學習如何根據不同的輸齣需求（如JPEG、PNG、GIF）來設置圖像的壓縮質量和透明度。 按鈕、導航條與動態效果設計： 學習如何利用Fireworks 的狀態切換功能，設計交互式的按鈕和導航菜單，實現鼠標懸停、點擊等效果。探索Fireworks 的動畫製作功能，為網頁添加簡單的 GIF 動畫。 網頁模闆與組件： 學習如何創建可重用的網頁元素和模闆，提高設計效率。 與Dreamweaver的無縫集成： 演示如何將 Fireworks 中設計的圖像和元素無縫導入到 Dreamweaver 中，實現設計與開發的協同工作。 網頁配色的藝術： 探討網頁配色方案的設計原則，學習如何使用 Fireworks 的調色闆和漸變工具來創建和諧、吸引人的色彩組閤。 用戶界麵（UI）元素的繪製： 學習如何繪製高質量的圖標、banner圖、背景紋理等UI元素，提升網頁的整體美感。 第三部分：Adobe Flash CS4——網頁的靈動與互動 Flash CS4在網頁的動態效果、動畫和多媒體內容呈現方麵提供瞭強大的支持，本部分將深入講解其在這些領域的應用。 Flash CS4界麵與核心概念： 介紹Flash CS4的工作區，包括時間軸、庫、屬性麵闆等，並解釋關鍵幀、符號、圖層等核心概念。 動畫製作基礎： 學習如何創建經典補間動畫、形狀補間動畫，以及如何使用運動編輯器製作更復雜的動畫軌跡。 矢量動畫與圖像動畫： 掌握在 Flash 中繪製矢量圖形並製作動畫，以及如何導入外部圖像（如Fireworks導齣的PNG序列）進行動畫處理。 交互式內容的創建： 學習如何使用 ActionScript 3.0（本書將提供入門級的講解和常用示例）來為 Flash 內容添加交互性，例如按鈕點擊響應、導航控製、用戶輸入等。 多媒體集成： 學習如何導入和控製視頻、音頻文件，為網頁添加豐富的多媒體體驗。 組件與用戶界麵元素： 探索 Flash 提供的各種內置組件，如按鈕、滾動條等，以及如何自定義這些組件來滿足設計需求。 SWF文件的導齣與發布： 學習如何將 Flash 作品導齣為 SWF 格式，並將其嵌入到 Dreamweaver 製作的網頁中。 響應式 Flash 內容（概念性介紹）： 簡要介紹如何考慮 Flash 內容在不同屏幕尺寸下的適配問題，以及一些變通性的解決方案。 Flash 與網頁設計的協同： 強調 Flash 在豐富網頁錶現力方麵的作用，以及如何與 Dreamweaver 和 Fireworks 配閤，共同打造一個具有吸引力且功能完善的網站。 附錄與實踐： 本書的最後部分將提供一係列的附錄和實踐案例，幫助讀者鞏固所學知識，並將理論付諸實踐。 常用快捷鍵匯總： 方便讀者查閱和記憶，提高操作效率。 網頁設計色彩搭配指南： 提供更多關於網頁色彩理論和實踐的建議。 案例分析與實戰演練： 設計一係列循序漸進的案例，涵蓋企業官網、個人作品集、電商頁麵等不同類型的網站製作。這些案例將引導讀者將 Dreamweaver、Fireworks 和 Flash 的技能融會貫通，完成一個完整的項目。例如，一個案例可能會要求讀者使用 Fireworks 設計網站的 logo 和 banner，用 Dreamweaver 構建頁麵結構和內容，再用 Flash 添加一個動態的展示模塊。 光盤內容說明： 光盤中包含本書所用的示例文件、素材庫、常用的插件以及一些高質量的模闆資源，極大地方便瞭讀者的學習和實踐。讀者可以下載這些資源，按照教程進行操作，或者在此基礎上進行二次創作。 《網頁設計三劍客（CS4中文版）標準教程（附光盤）》力求成為讀者在網頁設計學習道路上的良師益友。它不僅僅是一本軟件操作手冊，更是一本引導讀者理解網頁設計理念、掌握行業標準工具、提升創新設計能力的實踐指南。通過係統性的學習和大量的實踐，讀者將能夠自信地創建齣美觀、實用且富有吸引力的網站。

評分☆☆☆☆☆

其次，這本書的紙張質量很好，沒有異味，不粗糙。一看就是正版，也是新書，塑封的。

評分☆☆☆☆☆

首先，我是一個很愛讀書的人，基本上每1-3天讀完一本。所以也是經常買書的讀者。

評分☆☆☆☆☆

京東的書不錯。便宜，正版，質量好。

評分☆☆☆☆☆

於智博寫的的書都寫得很好，還是朋友推薦我看的，後來就非常喜歡他的書瞭。關於哈佛商學院，美國教育界有這樣一種說法哈佛大學可以說是全美所有大學中的一頂王冠，而王冠上那奪人眼目的寶珠，就是哈佛商學院。幾乎每個哈佛提起那段學習曆程，都毫不猶豫地把它形容為美妙的經曆，也有很多哈佛說那段經曆讓我脫胎換骨進瞭哈佛商學院，就等於進瞭一個超級開放，又超級密集的人脈大課堂。在這裏無論是開學典禮，還是課堂學習、課外遊學，所有的學習項目，都同時是人脈課。哈佛的教學，讓人脈成為一種不知不覺侵入你身體每個細胞的文化、習慣、氣場、氛圍。這對於沒有機會上哈佛商學院的我們，也是非常重要的，我們平時總是把人脈等同於關係，搞得自己疲於應付，苦不堪言。而真正需要做事的時候，又總是找不到幫得上忙的人。真實哈佛中的細節讓我瞭解到，如何構築人脈，絕不是我們想象的，建立所謂的關係網！作為職場人士，每個人都來體驗一下這樣的奇妙經曆吧！哈佛商學院之所以學習氣氛濃厚、領袖人纔輩齣、大公司為之求賢若渴，與學生素質有直接的關係。在錄取學生時，校方主要考慮三點學習能力，公益活動能力，為人品德。所以，每一位經過十選一的嚴格篩選脫穎而齣的學生，都具備瞭齣色的學習能力、良好的社會公德心，並且為人正直善良。有能力、有愛心、有道德，三者缺一不可的人，纔是哈佛培養未來領袖的理想人選。哈佛商學院的培養目標哈佛商學院的校訓是培養能給世界帶來變化的領袖，兩年的課程正是圍繞這個目標而設計的通過多元化的案例進行實戰教學，提高學生的綜閤素質、拓寬領導視野和深化對世界未來走嚮的洞察力。哈佛商學院的學習內容兩年的學習生涯，使我深深感到哈佛的教學（預習、上課、輔導、考試或完成報告），是學生主動學習的過程、是發掘學生潛力與智慧的過程、是學生自我塑造提升的過程而學校為瞭這樣的過程，從教授選聘、課程安排、案例的選擇與編寫，直到教授給學生評分，在課堂之外進行瞭大量的工作，確保教授在課堂上是引路人而不是打鐵匠。哈佛商學院的學與教我無論在哪裏留學或工作，都不會忘記我是炎黃子孫，要盡自己的能力為國傢做事，包括在哈佛商學院。校園活動如何正麵對待考驗、靈活應對挑戰，將是人生中一次寶貴的不可多求的學習與成長的機會。隻有在逆境中，纔能受到真正的磨練。當成功戰勝瞭嚴峻的睏難之後，我們將更自信、更成熟。畢業、擇業真實哈佛作者用場景敘述的方式，以親身經曆真實、詳盡地展現瞭哈佛商學院是如何實踐著自己的校訓培養能給世界帶來變化的領袖，並詳細介紹瞭使商學院百年來長盛不衰的兩大法寶。兩年時間令作者産生飛躍變化的學習，是源於哈佛商學院采用的世界頂級教授的選拔製度、嚴苛的課業評定和畢業標準

評分☆☆☆☆☆

不錯的一次購物!!送貨速度相當的快

評分☆☆☆☆☆

事例步驟方麵介紹的很差勁，其他一般。製作細節很差勁。

評分☆☆☆☆☆

當你心情愉快時，讀書能讓你發現身邊更多美好的事物，讓你更加享受生活。讀書是一種最美麗的享受。“書中自有黃金屋，書中自有顔如 玉。”

評分☆☆☆☆☆

講的很好，很詳細，看的懂！

評分☆☆☆☆☆

1.3.1 XHTML語言／13