Dreamweaver是目前最優(yōu)秀的網(wǎng)頁制作軟件,《Dreamweaver CS4實例與操作(中文版)》結(jié)合Dreamweaver的實際用途,按照系統(tǒng)、實用、易學(xué)、易用的原則詳細介紹了Dreamweaver的各項功能,內(nèi)容涵蓋網(wǎng)頁制作基礎(chǔ)知識、Dreamweaver CS4入門、設(shè)置網(wǎng)頁內(nèi)容、使用表格布局網(wǎng)頁0應(yīng)用超鏈接和行為、使用CSS美化網(wǎng)頁、使用Div+CSS布局網(wǎng)頁、使用框架布局網(wǎng)頁、使用模板與庫項目,動態(tài)網(wǎng)頁制作入門以及測試和發(fā)布網(wǎng)站等。
《Dreamweaver CS4實例與操作(中文版)》具有如下特點:(1)全書內(nèi)容依據(jù)Dreamweaver的功能和實際用途來安排,并且嚴格控制每章的篇幅,從而方便教師講解和學(xué)生學(xué)習(xí);(2)大部分功能介紹都以“理論+操作+實例”的形式進行,并且所舉實例簡單、典型、實用,從而便于讀者理解,并能活學(xué)活用;(3)將Dreamweaver的一些使用技巧很好地融入到了書中,從而使《Dreamweaver CS4實例與操作(中文版)》獲得增值;(4)各章都給出了一些精彩的綜合實例,以便于讀者鞏固所學(xué)知識,并能在實踐中應(yīng)用。
《Dreamweaver CS4實例與操作(中文版)》可作為中、高等職業(yè)技術(shù)院校,以及各類計算機教育培訓(xùn)機構(gòu)的專用教材,也可供廣大初、中級電腦愛好者自學(xué)使用。
《Dreamweaver CS4實例與操作(中文版)》:新世紀計算機教育名師課堂中德著名教育機構(gòu)精心打造。德國人的理念+中國人的思路+最優(yōu)秀的教師,打造最經(jīng)典的計算機圖書。用實例與操作去講解軟件的功能,用綜合實例來提高實戰(zhàn)能力,讓學(xué)習(xí)變得輕松。大量的操作技巧和學(xué)習(xí)心得,讓您快速成為Dreamweaver網(wǎng)頁制作高手。附贈精美的教學(xué)課件與精彩的視頻演示光盤,讓教學(xué)輕松自如。
第1章 網(wǎng)頁制作基礎(chǔ)知識
當(dāng)你坐在電腦前欣賞Internet上各式各樣的網(wǎng)站時,是否也想擁有一個屬于自己的網(wǎng)站呢?如今,越來越多的人都想學(xué)習(xí)制作網(wǎng)頁,但卻不知道從何入手。針對這種情況,本章簡單介紹一下網(wǎng)頁相關(guān)的基礎(chǔ)知識和網(wǎng)站建設(shè)的基本流程……
1.1 認識網(wǎng)站與網(wǎng)頁
1.1.1 網(wǎng)頁的本質(zhì)
1.1.2 網(wǎng)頁的功能組成
1.1.3 IP地址、域名與網(wǎng)址
1.1.4 靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁+
1.2 網(wǎng)頁制作軟件和制作技術(shù)
1.2.1 網(wǎng)站管理與網(wǎng)頁制作軟件
1.2.2 HTML語言簡介
1.2.3 數(shù)據(jù)庫簡介
1.3 網(wǎng)站建設(shè)流程
1.3.1 收集網(wǎng)站建設(shè)需求及素材
1.3.2 制作網(wǎng)站策劃書
1.3.3 網(wǎng)頁美術(shù)設(shè)計
1.3.4 美術(shù)與程序整合+
1.3.5 測試和發(fā)布網(wǎng)站
1.3.6 推廣和維護網(wǎng)站
本章小結(jié)
思考與練習(xí)
第2章 初識Dreamweaver CS4
為便于管理網(wǎng)站中的素材,在開始制作網(wǎng)頁前最好先創(chuàng)建一個站點。Dreamweaver CS4集網(wǎng)頁制作和網(wǎng)站管理于一身,利用它不僅可以制作出各種充滿動感的網(wǎng)頁,還可以非常方便地管理網(wǎng)站中的文件和文件夾。本章就來學(xué)習(xí)Dreamweavercs4的基本操作……
2.1 熟悉Dreamweaver CS4工作界面
2.1.1 啟動Dreamweaver CS4
2.1.2 應(yīng)用程序欄
2.1.3 文檔標簽
2.1.4 文檔工具欄
2.1.5 狀態(tài)欄
2.1.6 屬性檢查器
2.1.7 面板組
2.1.8 調(diào)整Dreamweaver CS4工作界面
2.2 網(wǎng)站規(guī)劃、創(chuàng)建與管理
2.2.1 規(guī)劃網(wǎng)站結(jié)構(gòu)
2.2.2 定義站點
2.2.3 管理站點
2.3 網(wǎng)頁文檔基本操作
2.3.1 網(wǎng)頁文檔和文件夾的命名規(guī)則
2.3.2 新建和保存網(wǎng)頁文檔
2.3.3 打開、預(yù)覽和關(guān)閉網(wǎng)頁文檔
2.3.4 利用“文件”面板管理站點文件和文件夾
2.4 頁面總體設(shè)置
2.4.1 設(shè)置頁面屬性
2.4.2 設(shè)置頭信息
綜合實例——定義站點“Delong”并創(chuàng)建網(wǎng)頁
本章小結(jié)
思考與練習(xí)
第3章 設(shè)置網(wǎng)頁內(nèi)容
文字是傳遞和記錄信息的書面符號系統(tǒng),也是人類文明開始的標志。作為當(dāng)今信息傳播主流的網(wǎng)頁,文字更是其不可缺少的重要元素之一。另外,使用圖像、動畫和視頻等適當(dāng)修飾的網(wǎng)頁會更受瀏覽者的歡迎。本章就來學(xué)習(xí)文字、圖像、動畫和視頻等網(wǎng)頁內(nèi)容的設(shè)置……
3.1 文本輸入與編輯
3.1.1 輸入文本
3.1.2 設(shè)置文本格式
3.1.3 插入特殊字符
3.1.4 插入日期與水平線
3.2 應(yīng)用圖像
3.2.1 網(wǎng)頁中可使用的圖像格式
3.2.2 插入與編輯圖像
3.2.3 使用圖像占位符,
3.2.4 制作鼠標經(jīng)過圖像
3.2.5 制作導(dǎo)航條
綜合實例1——為“Delong”網(wǎng)站子頁設(shè)置內(nèi)容
3.3 應(yīng)用Flash動畫
3.3.1 Flash文件格式
3.3.2 插入Flash動畫
3.3.3 設(shè)置Flash背景透明
3.4 應(yīng)用音樂和視頻
3.4.1 網(wǎng)頁中可用的音樂文件格式
3.4.2 為網(wǎng)頁設(shè)置背景音樂+
3.4.3 在頁面中嵌入音樂文件
3.4.4 插入視頻文件
綜合實例2——為“Delong”網(wǎng)站主頁設(shè)置內(nèi)容
本章小結(jié)
思考與練習(xí)
第4章 使用表格布局網(wǎng)頁
提起表格,人們首先想到的就是數(shù)據(jù),表格可以將數(shù)據(jù)資料進行合理有效的歸類整理在網(wǎng)頁制作中,表格的作用同樣不可小覷,我們在瀏覽器中看到的網(wǎng)頁實際上是通過將不同的元素放在不同的表格單元格中制作出來的,本章就來學(xué)習(xí)表格在網(wǎng)頁布局中的應(yīng)用……
4.1 表格基本操作
4.1.1 創(chuàng)建表格
4.1.2 選擇表格和單元格
4.1.3 設(shè)置表格屬性
4.1.4 設(shè)置單元格屬性
4.2 表格高級操作
4.2.1 拆分與合并單元格
4.2.2 插入、刪除行與列
4.2.3 移動表格整行內(nèi)容
4.2.4 排序表格內(nèi)容
4.2.5 導(dǎo)入或?qū)С霰砀駜?nèi)容
綜合實例——用表格布局“delong”網(wǎng)站子頁
本章小結(jié)
思考與練習(xí)
第5章 應(yīng)用超鏈接和行為
超鏈接在網(wǎng)站中起著不可替代的作用。有了它,我們才能將一個個單獨的網(wǎng)頁組合成為一個完整的網(wǎng)站,才能從一個網(wǎng)頁跳轉(zhuǎn)到另一個網(wǎng)頁,才能下載文件或通過網(wǎng)頁直接給網(wǎng)站管理者發(fā)送電子郵件。另外,利用Dreamweaver提供的“行為”,可以輕松地實現(xiàn)網(wǎng)頁彈出窗口、廣告彈出窗口等效果。本章就來學(xué)習(xí)超鏈接和行為的應(yīng)用……
5.1 應(yīng)用超鏈接
5.1.1 認識超鏈接
5.1.2 設(shè)置常規(guī)超鏈接
5.1.3 設(shè)置電子郵件鏈接
5.1 14設(shè)置命名錨記鏈接
5.1.5 設(shè)置跳轉(zhuǎn)菜單
5.1.6 設(shè)置熱點鏈接
5.1.7 設(shè)置圖片鏈接和下載鏈接
綜合實例1——為“Delong”網(wǎng)站主頁設(shè)置鏈接
5.2 應(yīng)用行為
5.2.1 認識行為
5.2.2 應(yīng)用行為
5.2.3 編輯行為,
綜合實例2——為“Delong”網(wǎng)站主頁添加伴隨窗口
本章小結(jié)
思考與練習(xí)
第6章 使用CSS美化網(wǎng)頁
隨著人們對網(wǎng)頁要求的提高,CSS樣式正逐步成為網(wǎng)頁中不可缺少的元素。使用CSS樣式不僅可以統(tǒng)一定義整個網(wǎng)站中所有網(wǎng)頁的樣式,還可以單獨為某些特殊元素設(shè)置樣式。例如,設(shè)置列表樣式,設(shè)置圖像陰影和透明度等……
6.1 CSS樣式入門
6.1.1 熟悉“CSS樣式”面板
6.1.2 CSS樣式的存在方式
6.1.3 創(chuàng)建CSS樣式
6.2 設(shè)置CSS樣式
6.2.1 設(shè)置類型樣式
6.2.2 設(shè)置背景樣式
6.2.3 設(shè)置區(qū)塊樣式
6.2.4 設(shè)置方框樣式
6.2.5 設(shè)置邊框樣式
6.2.6 設(shè)置列表樣式
6.2.7 設(shè)置定位樣式
6.2.8 設(shè)置擴展樣式
6.3 編輯CSS樣式
6.3.1 在CSS規(guī)則定義對話框中修改
6.3.2 在“CSS樣式”面板中修改
綜合實例1——為“Delong”網(wǎng)站子頁設(shè)置樣式
6.4 CSS樣式的高級應(yīng)用
614.1 使用外部樣式表
6.4.2 在同一個網(wǎng)頁中設(shè)置兩種鏈接樣式
綜合實例2——為“Delong”網(wǎng)站主頁設(shè)置樣式
本章小結(jié)
思考與練習(xí)
第7章 使用Div+CSS布局網(wǎng)頁
Div+CSS是目前比較流行的網(wǎng)頁布局方式,同樣的內(nèi)容、同樣的布局,它能夠使用比表格少得多的代碼來完成。本章就來學(xué)習(xí)使用Div+css布局網(wǎng)頁的方法……
7.1 Web標準概述
7.1.1 什么是Web標準
7.1.2 Web標準的構(gòu)成
7.2 認識Div
7.2.1 Div簡介
7.2.2 創(chuàng)建Div
7.2.3 選擇Div
7.3 Div+CSS布局簡介
7.3.1 Div+CSS布局的優(yōu)缺點
7.3.2 絕對定位與相對定位
7.3.3 浮動定位+
7.4 使用Spry布局對象
7.4.1 Spry菜單欄
7.4.2 Spry選項卡式面板
7.4.3 Spry折疊式
7.4.4 Spry可折疊面板
綜合實例——用Div+CSS制作
手機網(wǎng)站首頁
本章小結(jié)
思考與練習(xí)
……
第8章 使用框架布局網(wǎng)頁
第9章 使用模板與庫項目
第10章 動態(tài)網(wǎng)頁制作入門
第11章 測試和發(fā)布網(wǎng)站
第12章 綜合實例——制作美食網(wǎng)站
插圖:
從制作技術(shù)的角度來講,網(wǎng)頁可分為靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁。完全采用HTML技術(shù)制作的網(wǎng)頁稱為靜態(tài)網(wǎng)頁;使用HTML、編程語言和數(shù)據(jù)庫共同完成,需要與數(shù)據(jù)庫實時交互的網(wǎng)頁稱為動態(tài)網(wǎng)頁。下面從不同角度闡述靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁的區(qū)別。
要制作靜態(tài)網(wǎng)頁,用戶只需要掌握常用的網(wǎng)頁設(shè)計和制作軟件(如Photoshop和Dreamweaver)就可以了;而要創(chuàng)建動態(tài)網(wǎng)頁,除了需要掌握常用的網(wǎng)頁制作軟件外,還必須掌握諸如ASP、PHP等動態(tài)網(wǎng)頁制作技術(shù),以及Microsoft SQL Server或Oracle等數(shù)據(jù)庫管理系統(tǒng)。
每一個靜態(tài)網(wǎng)頁都有一個固定的URL,且網(wǎng)頁文件名以.htm、.html、.shtml等為后綴;而動態(tài)網(wǎng)頁并不是都有固定的URL,其后綴名與網(wǎng)頁使用的制作技術(shù)相對應(yīng),通常為.asia、.jsp、.php等。
靜態(tài)網(wǎng)頁文件一經(jīng)發(fā)布到服務(wù)器上,無論是否有用戶訪問,每個網(wǎng)頁都是客觀存在的,也就是說,靜態(tài)網(wǎng)頁是實實在在保存在服務(wù)器上的獨立的文件;而動態(tài)網(wǎng)頁并不是獨立存在于服務(wù)器上的網(wǎng)頁文件,只有當(dāng)用戶請求時服務(wù)器才返回一個完整的網(wǎng)頁(需要從數(shù)據(jù)庫中調(diào)用數(shù)據(jù))。
靜態(tài)網(wǎng)頁的內(nèi)容相對穩(wěn)定,因此容易被搜索引擎檢索到:而動態(tài)網(wǎng)頁則相反,所以人們一般都將動態(tài)網(wǎng)頁內(nèi)容轉(zhuǎn)化為靜態(tài)網(wǎng)頁發(fā)布。
靜態(tài)網(wǎng)頁在網(wǎng)站制作和維護方面工作量較大;而動態(tài)網(wǎng)頁由于有數(shù)據(jù)庫的支持,在制作和維護方面要簡單容易得多。因此當(dāng)網(wǎng)站信息量很大,需要經(jīng)常更新時,通常采用動態(tài)網(wǎng)頁制作技術(shù)。