內容簡介
《Dreamweaver CS6基礎培訓教程(中文版)》全麵係統地介紹瞭Dreamweaver CS6的基本操作方法和網頁設計製作技巧,包括初識Dreamweaver CS6、文本與文檔、圖像和多媒體、超鏈接、使用錶格、ASP、使用層、CSS樣式、模闆和庫、錶單的使用、使用行為、網頁代碼、商業案例實訓等內容。
《Dreamweaver CS6基礎培訓教程(中文版)》內容均以課堂案例為主綫,通過對各案例的實際操作,學生可以快速上手,熟悉軟件功能和藝術設計思路。書中的軟件功能解析部分使學生能夠深入學習軟件功能。課堂練習和課後習題,可以拓展學生的實際應用能力,提高學生的軟件使用技巧。商業案例實訓,可以幫助學生快速地掌握商業網頁的設計理念和設計元素,順利達到實戰水平。
《Dreamweaver CS6基礎培訓教程(中文版)》適閤作為院校和培訓機構藝術專業課程的教材,也可作為Dreamweaver CS6自學人員的參考用書。
內頁插圖
目錄
第1章 初識Dreamweaver CS6
1.1 Dreamweaver CS6的工作界麵
1.1.1 友善的開始頁麵
1.1.2 不同風格的界麵
1.1.3 伸縮自如的功能麵闆
1.1.4 多文檔的編輯界麵
1.1.5 新穎的“插入”麵闆
1.1.6 更完整的CSS功能
1.2 創建網站框架
1.2.1 站點管理器
1.2.2 創建文件夾
1.2.3 定義新站點
1.2.4 創建和保存網頁
1.3 管理站點
1.3.1 打開站點
1.3.2 編輯站點
1.3.3 復製站點
1.3.4 刪除站點
1.3.5 導入和導齣站點
1.4 網頁文件頭設置
1.4.1 插入搜索關鍵字
1.4.2 插入作者和版權信息
1.4.3 設置刷新時間
1.4.4 設置描述信息
1.4.5 設置頁麵中所有鏈接的基準鏈接
1.4.6 設置當前文件與其他文件的關聯性
1.5 多屏幕
第2章 文本與文檔
2.1 文本與文檔
2.1.1 課堂案例——愛仁攝影網頁
2.1.2 輸入文本
2.1.3 設置文本屬性
2.1.4 輸入連續的空格
2.1.5 設置是否顯示不可見元素
2.1.6 設置頁邊距
2.1.7 設置網頁的標題
2.1.8 設置網頁的默認格式
2.1.9 課堂案例——愛傢房産網頁
2.1.10 改變文本的大小
2.1.11 改變文本的顔色
2.1.12 改變文本的字體
2.1.13 改變文本的對齊方式
2.1.14 設置文本樣式
2.1.15 段落文本
2.2 項目符號和編號列錶
2.2.1 課堂案例——鮮花速遞網頁
2.2.2 設置項目符號或編號
2.2.3 修改項目符號或編號
2.2.4 設置文本縮進格式
2.2.5 插入日期
2.2.6 特殊字符
2.2.7 插入換行符
2.3 水平綫、網格與標尺
2.3.1 課堂案例——數碼科技前綫
2.3.2 水平綫
2.3.3 顯示和隱藏網格
2.3.4 標尺
課堂練習——無公害水果網頁
課堂練習——數碼産品資訊
課後習題——化妝品網頁
第3章 圖像和多媒體
3.1 圖像的插入
3.1.1 課堂案例——兒童相冊
3.1.2 網頁中的圖像格式
3.1.3 插入圖像
3.1.4 設置圖像屬性
3.1.5 給圖片添加文字說明
3.1.6 插入圖像占位符
3.1.7 跟蹤圖像
3.2 多媒體在網頁中的應用
3.2.1 課堂案例——營養美食網頁
3.2.2 插入Flash動畫
3.2.3 插入Shockwave影片
3.2.4 影片插入Applet程序
3.2.5 插入參數
3.2.6 插入ActiveX控件
3.2.7 插入插件
課堂練習——數碼世界網頁
課堂練習——旅遊資訊網
課後習題——寶貝相冊網頁
第4章 超鏈接
4.1 超鏈接的概念與路徑知識
4.2 文本超鏈接
4.2.1 課堂案例——車行天下網
4.2.2 創建文本鏈接
4.2.3 文本鏈接的狀態
4.2.4 下載文件鏈接
4.2.5 電子郵件鏈接
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 創建熱點鏈接
課堂練習——綠色食品網頁
課堂練習——茶文化
課後習題——時尚精品素材
第5章 使用錶格
5.1 錶格的簡單操作
5.1.1 課堂案例——時尚傢居網
5.1.2 錶格的組成
5.1.3 插入錶格
5.1.4 錶格各元素的屬性
5.1.5 在錶格中插入內容
5.1.6 選擇錶格元素
5.1.7 復製、粘貼錶格
5.1.8 刪除錶格和錶格內容
5.1.9 縮放錶格
5.1.10 閤並和拆分單元格
5.1.11 增加和刪除錶格的行和列
5.2 網頁中的數據錶格
5.2.1 課堂案例——電子科技網
5.2.2 導入和導齣錶格的數據
5.2.3 排序錶格
5.3 復雜錶格的排版
課堂練習——設計傢園網
課堂練習——健康美食網頁
課後習題——時尚花庭樓盤網頁
第6章 ASP
6.1 ASP動態網頁基礎
6.1.1 課堂案例——葡萄酒網頁
6.1.2 ASP服務器的安裝
6.1.3 ASP語法基礎
6.1.4 數組的創建與應用
6.1.5 流程控製語句
6.2 ASP內置對象
6.2.1 課堂案例——體育運動網頁
6.2.2 Request請求對象
6.2.3 Response響應對象
6.2.4 Session會話對象
6.2.5 Application應用程序對象
6.2.6 Server服務對象
6.2.7 ObjectContext事務處理對象
課堂練習——咖啡訂購網頁
課後習題——燈具購物網頁
第7章 使用層
7.1 層的基本操作
7.1.1 課堂案例——聖誕禮品屋
7.1.2 創建層
7.1.3 選擇層
7.1.4 設置層的默認屬性
7.1.5 “AP元素”控製麵闆
7.1.6 更改層的堆疊順序
7.1.7 更改層的可見性
7.1.8 調整層的大小
7.1.9 移動層
7.1.10 對齊層
7.1.11 層靠齊到網格
7.2 應用層設計錶格
7.2.1 課堂案例——精品傢居網
7.2.2 將AP Div轉換為錶格
7.2.3 將錶格轉換為AP Div
課堂練習——我的音樂世界
課堂練習——時尚禮品屋
課後習題——沐浴産品網頁
第8章 CSS樣式
8.1 CSS樣式的概念
8.2 CSS樣式
8.2.1 “CSS樣式”控製麵闆
8.2.2 CSS樣式的類型
8.3 樣式的類型與創建
8.3.1 創建重定義HTML標簽樣式
8.3.2 創建和應用自定義樣式
8.3.3 創建和引用外部樣式
8.4 編輯樣式
8.5 CSS的屬性
8.5.1 課堂案例——時尚彩妝網
8.5.2 類型
8.5.3 背景
8.5.4 區塊
8.5.5 方框
8.5.6 邊框
8.5.7 列錶
8.5.8 定位
8.5.9 擴展
8.5.10 過渡
8.6 過濾器
8.6.1 課堂案例——辦公用品網頁
8.6.2 可應用過濾的HTML標簽
8.6.3 CSS的靜態過濾器
8.6.4 CSS的動態過濾器
課堂練習——抒情散文網
課堂練習——新車上市資訊
課後習題——有氧運動網
第9章 模闆和庫
9.1 “資源”控製麵闆
9.2 模闆
9.2.1 課堂案例——房産資訊網
9.2.2 創建模闆
9.2.3 定義和取消可編輯區域
9.2.4 創建基於模闆的網頁
9.2.5 管理模闆
9.3 庫
9.3.1 課堂案例——熱點話題跟蹤
9.3.2 創建庫文件
9.3.3 嚮頁麵添加庫項目
9.3.4 更新庫文件
課堂練習——節日禮品購物網
課堂練習——啤酒世界
課後習題——精品汽車網
第10章 使用錶單
10.1 使用錶單
10.1.1 課堂案例——産品訂單
10.1.2 創建錶單
10.1.3 錶單的屬性
10.1.4 單行文本域
10.2 應用復選框和單選按鈕
10.2.1 課堂案例——留言闆
10.2.2 單選按鈕
10.2.3 單選按鈕組
10.2.4 復選框
10.3 創建列錶和菜單
10.3.1 課堂案例——會員注冊錶
10.3.2 創建列錶和菜單
10.3.3 創建跳轉菜單
10.3.4 課堂案例——精品鮮花網頁
10.3.5 創建文件域
10.3.6 創建圖像域
10.3.7 提交、無、重置按鈕
課堂練習——星座查詢網
課後習題——訂購單
第11章 行為
11.1 行為概述
11.1.1 “行為”控製麵闆
11.1.2 應用行為
11.2 動作
11.2.1 課堂案例——恒洲電子商務網頁
11.2.2 打開瀏覽器窗口
11.2.3 拖動層
11.2.4 設置容器的文本
11.2.5 設置狀態欄文本
11.2.6 設置文本域文字
課堂練習——遊戲網頁
課後習題——蟹來居飯店首頁
第12章 網頁代碼
12.1 網頁代碼
12.1.1 課堂案例——音樂世界網
12.1.2 代碼提示功能
12.1.3 使用標簽庫插入標簽
12.1.4 用標簽選擇器插入標簽
12.2 編輯代碼
12.2.1 使用標簽檢查器編輯代碼
12.2.2 使用標簽編輯器編輯代碼
12.3 常用的HTML標簽
12.4 腳本語言
12.5 響應HTML事件
課後習題——兒童樂園
第13章 商業案例實訓
13.1 李可的個人網頁
13.1.1 案例分析
13.1.2 案例設計
13.1.3 案例製作
課堂練習1——李美麗的個人網頁
課堂練習2——劉戀的個人網頁
課後習題1——妞妞的個人網頁
課後習題2——曉辛的個人網頁
13.2 Flash遊戲庫網頁
13.2.1 案例分析
13.2.2 案例設計
13.2.3 案例製作
課堂練習1——在綫電影網頁
課堂練習2——娛樂星聞網頁
課後習題1——綜藝頻道網頁
課後習題2——時尚前沿網頁
13.3 戶外運動網頁
13.3.1 案例分析
13.3.2 案例設計
13.3.3 案例製作
課堂練習1——休閑生活網頁
課堂練習2——籃球運動網頁
課後習題1——旅遊度假網頁
課後習題2——滑雪運動網頁
13.4 精品房産網頁
13.4.1 案例分析
13.4.2 案例設計
13.4.3 案例製作
課堂練習1——購房網頁
課堂練習2——焦點房産網頁
課後習題1——購房中心網頁
課後習題2——房産信息網頁
13.5 戲麯藝術網頁
13.5.1 案例分析
13.5.2 案例設計
13.5.3 案例製作
課堂練習1——古樂藝術網頁
課堂練習2——數碼相機網頁
課後習題1——詩詞藝術網頁
課後習題2——書法藝術網頁
……
前言/序言
網頁設計與開發的入門指南:掌握Dreamweaver CS6的精髓 互聯網時代的蓬勃發展,讓網頁設計與開發成為一項炙手可熱的技能。從個人博客到大型企業官網,一個精心設計的網站是信息傳達、品牌塑造和業務拓展的關鍵。對於初學者而言,掌握一款功能強大且易於上手的網頁設計軟件至關重要。本書,正是為懷揣網頁設計夢想的你量身打造的啓濛之作。 我們聚焦於Adobe Dreamweaver CS6這款在網頁設計領域久負盛名的軟件。它以其直觀的界麵、強大的可視化編輯能力以及完善的代碼支持,贏得瞭無數設計師和開發者的青睞。本書旨在帶領你從零開始,循序漸進地掌握Dreamweaver CS6的核心功能和常用技巧,讓你能夠自信地創建齣專業、美觀且功能齊全的網頁。 本書內容概覽: 本書的編排遵循學習的邏輯順序,從基礎概念的建立到實際案例的演練,力求讓每一位讀者都能穩步提升。 第一部分:認識Dreamweaver CS6與網頁設計基礎 在正式動手之前,我們需要對Dreamweaver CS6有一個全麵的認識,並對網頁設計的一些基本概念有所瞭解。 Dreamweaver CS6初探: 我們將首先介紹Dreamweaver CS6的安裝與啓動,讓你快速熟悉它的工作環境。通過對軟件界麵元素的詳解,如菜單欄、工具欄、屬性麵闆、代碼視圖、設計視圖等,幫助你建立起對軟件整體結構的認知。瞭解工作區布局的自定義,以及如何高效地管理項目文件,為後續的學習打下堅實基礎。 網頁設計基礎概念: 這一部分將為你梳理網頁設計的基本原理。我們會講解HTML(超文本標記語言)和CSS(層疊樣式錶)這兩個構建網頁的基石。你將瞭解到HTML如何負責網頁內容的結構和語義,而CSS又如何控製網頁的樣式和布局。此外,還會觸及到一些基礎的網頁設計理念,例如用戶體驗(UX)、用戶界麵(UI)的重要性,以及響應式設計的概念,為後續深入學習打下理論基礎。 創建你的第一個網頁: 在掌握瞭基本概念後,我們將引導你使用Dreamweaver CS6創建你的第一個簡單網頁。從設置網站項目開始,學習如何創建HTML文件,並嘗試在設計視圖下添加文本、圖片等基本元素。同時,也會介紹如何在代碼視圖下查看和編輯HTML代碼,讓你初步體驗代碼與可視化編輯的結閤。 第二部分:掌握Dreamweaver CS6的核心功能 本部分將深入講解Dreamweaver CS6的各項核心功能,讓你能夠運用它們來構建更復雜的網頁。 HTML元素的運用: HTML是網頁的骨架。我們將詳細介紹各種常用的HTML標簽,如標題 (`
`-``)、段落 (`
`)、列錶 (`
`, ``, `- `)、鏈接 (``)、圖片 (`
`)、錶格 (``) 等。你會學習如何通過Dreamweaver CS6的可視化工具來插入、編輯和管理這些元素,並理解它們在網頁結構中的作用。 CSS樣式控製: CSS是網頁的靈魂。我們將深入講解CSS的選擇器、屬性和值,以及如何使用Dreamweaver CS6的CSS麵闆來創建和管理樣式規則。你將學會如何為文本設置字體、顔色、大小,如何調整元素的間距、邊框、背景,以及如何實現元素的定位和布局。通過CSS,你將能夠賦予網頁豐富的視覺錶現力。 頁麵布局與排版: 網頁的布局決定瞭信息的呈現方式和用戶的瀏覽體驗。我們將介紹不同的頁麵布局技術,如使用div進行塊級元素布局、使用浮動(float)和定位(position)來實現復雜的頁麵結構。你還將學習如何創建響應式布局,讓你的網頁在不同尺寸的設備上都能良好顯示。Dreamweaver CS6提供瞭強大的可視化工具來輔助你完成這些復雜的布局工作。 鏈接與導航設計: 鏈接是網頁之間相互連接的橋梁。我們將學習如何創建內部鏈接、外部鏈接和郵件鏈接,以及如何設計直觀易用的導航菜單。理解錨點鏈接的應用,以及如何通過Dreamweaver CS6的關聯文件麵闆來管理網站鏈接,確保用戶能夠順暢地在你的網站中穿梭。 圖像與多媒體處理: 圖像和多媒體元素能夠極大地提升網頁的吸引力。我們將講解如何插入和優化圖片,包括調整圖片大小、格式和分辨率。同時,也會介紹如何在網頁中嵌入音頻和視頻文件,並瞭解一些基本的交互元素,如按鈕和錶單。 第三部分:提升網頁交互性與動態效果 當你的網頁具備瞭良好的結構和樣式後,如何讓它變得更加生動有趣,更具交互性呢?這一部分將為你揭示答案。 JavaScript基礎與Dreamweaver CS6集成: JavaScript是實現網頁動態效果和用戶交互的關鍵。雖然本書不是一本JavaScript編程的專著,但我們將介紹JavaScript在網頁設計中的基礎應用,並演示如何在Dreamweaver CS6中方便地集成JavaScript代碼。你將學習如何通過Dreamweaver CS6的“行為”(Behaviors)麵闆來添加一些預設的交互效果,例如圖片輪播、下拉菜單等,而無需深入編寫復雜的JavaScript代碼。 錶單設計與驗證: 錶單是用戶與網站進行信息交互的重要渠道。我們將詳細講解如何使用Dreamweaver CS6創建各種類型的錶單元素,如文本框、密碼框、復選框、單選按鈕、下拉列錶、文本域等。同時,還會介紹如何進行簡單的客戶端錶單驗證,以提高用戶體驗和數據準確性。 添加動效與交互元素: Dreamweaver CS6內置瞭一些便捷的功能,可以幫助你快速添加一些基礎的動效和交互元素。例如,我們會演示如何創建按鈕的鼠標懸停效果,如何實現淡入淡齣動畫,以及如何利用Dreamweaver CS6的庫功能來管理可重用的頁麵元素。 第四部分:網站開發與管理 一個完整的網站項目,除瞭單個頁麵的製作,還需要對整個網站進行有效的管理和發布。 網站管理與項目設置: 在Dreamweaver CS6中,科學地設置和管理網站項目是至關重要的。我們將詳細講解如何創建本地站點,配置FTP服務器信息,以及如何使用“站點”麵闆來管理項目文件和文件夾。理解本地站點與遠程服務器之間的同步,能夠讓你在本地編輯內容,然後輕鬆上傳到服務器。 使用模闆與庫: 對於結構相似的頁麵,使用模闆和庫能夠極大地提高效率。我們將講解如何創建和使用Dreamweaver CS6的模闆功能,讓你能夠一次性修改所有基於該模闆的頁麵。同樣,也會介紹如何創建和管理庫,將常用的元素(如頁眉、頁腳、導航欄)集中管理,並在多個頁麵中復用。 網站的測試與調試: 創建完成的網站需要在不同的瀏覽器和設備上進行測試,以確保其兼容性和正常顯示。我們將介紹如何在Dreamweaver CS6中預覽網頁,以及一些常見的瀏覽器兼容性問題和調試方法。 網站的發布: 當你的網站製作完成並經過充分測試後,就可以發布到互聯網上瞭。我們將講解如何使用Dreamweaver CS6的FTP功能將你的網站文件上傳到Web服務器,使其能夠被全球用戶訪問。 本書特色: 循序漸進,由淺入深: 本書的章節安排邏輯清晰,內容由基礎概念逐步深入到高級技巧,適閤沒有任何網頁設計基礎的初學者。 圖文並茂,直觀易懂: 充分利用Dreamweaver CS6的可視化特性,通過大量的截圖和實例操作演示,讓學習過程更加直觀和生動。 實戰導嚮,案例豐富: 結閤實際的網頁設計項目,通過具體的案例講解,幫助讀者將所學知識應用到實際創作中,快速提升實踐能力。 技巧點撥,效率提升: 總結瞭許多實用的Dreamweaver CS6操作技巧和快捷方式,幫助讀者提高工作效率。 附帶光盤: 隨書附帶的CD光盤中包含瞭大量的配套學習資源,包括本書案例的源文件、精選的素材資源以及一些額外的教程視頻,為你的學習提供全方位的支持。 誰適閤閱讀本書? 零基礎的網頁設計初學者。 想要學習使用Dreamweaver CS6進行網頁設計和開發的學員。 希望快速掌握網頁設計基本技能,製作個人網站、博客或小型企業網站的設計愛好者。 需要提升網頁設計能力,將其應用於工作中的從業人員。 掌握Dreamweaver CS6,就如同擁有瞭一把開啓數字世界大門的鑰匙。通過本書的學習,你將不僅僅是學會瞭一個軟件的使用,更是掌握瞭一種創造和錶達的方式。我們期待著你用Dreamweaver CS6創造齣令人驚嘆的網頁作品!
作為一個非技術背景但對提升工作效率有迫切需求的人,我一直在尋找一款能夠幫助我快速搭建和管理在綫內容的工具。無意中翻閱瞭這本《Dreamweaver CS6基礎培訓教程》,它的內容讓我眼前一亮。這本書的講解方式非常接地氣,它並沒有上來就堆砌晦澀的技術術語,而是從最基本的“為什麼需要一個網站”和“網站的基本組成”等問題入手,讓我這種初學者能夠迅速理解學習的價值和方嚮。書中對Dreamweaver CS6的各項功能介紹都非常細緻,尤其是關於“站點管理”和“文件同步”的部分,對於我這種需要管理多個綫上項目的人來說,簡直是福音。它詳細講解瞭如何設置本地站點和遠程站點,如何進行文件的上傳和下載,以及如何避免文件衝突等問題,這些都是在實際工作中非常關鍵的環節。我特彆欣賞書中關於“網頁布局”的講解,它並沒有局限於傳統的錶格布局,而是深入地介紹瞭DIV+CSS布局的優勢,以及如何利用Dreamweaver CS6的可視化工具來實現響應式布局,讓網頁在不同尺寸的設備上都能有良好的顯示效果。書中的實例也足夠實用,我跟著書中的例子,很快就製作瞭一個簡單的公司介紹頁麵,並且成功地上傳到瞭服務器。光盤裏附帶的一些常用代碼片段和網頁模闆,也為我節省瞭大量的時間,讓我能夠專注於內容的填充和整體風格的調整。總而言之,這本書是一本非常適閤零基礎學習者,也適閤想要係統提升網頁製作技能的用戶的優秀教材。