Dreamweaver CS3網(wǎng)頁(yè)設(shè)計(jì)教程與上機(jī)指導(dǎo)

前言

　　關(guān)于本書　　Dreamweaver CS3是Adobe公司最新推出的Adobe Creative Suite 3中的重要組成成員，該軟件具有界面友好、易學(xué)易用的優(yōu)點(diǎn)，是一款適用于網(wǎng)頁(yè)制作及網(wǎng)站開發(fā)的軟件，深受廣大用戶喜愛。　　本書以“基礎(chǔ)+實(shí)例”的方式，系統(tǒng)、全面、深入地介紹了Dreamweaver CS3的最新功能與操作方法。其內(nèi)容除涉及Dreamweaver CS3的基本操作、頁(yè)面設(shè)置、表格排版、插入多媒體、表單等基本功能外，還對(duì)CSS樣式表、框架、層、行為等較難理解的高級(jí)功能進(jìn)行了詳細(xì)的介紹。與此同時(shí)，在深入介紹操作方法時(shí)，還剖析了幕后的ASP動(dòng)態(tài)網(wǎng)站開發(fā)以及Extension和JavaScript代碼的應(yīng)用。　　另外，本書在每章都配置了相應(yīng)的課后作業(yè)和練習(xí)，使讀者在學(xué)習(xí)知識(shí)的過(guò)程中，能夠親自動(dòng)手練習(xí)，培養(yǎng)實(shí)際操作的能力。同時(shí)，讀者可以使用隨書附送“雙模式教學(xué)，，光盤提供的實(shí)例源文件和光盤視頻，跟著演示學(xué)習(xí)，或者自己親手操作練習(xí)，真正做到學(xué)以致用?！　”緯Y(jié)構(gòu)　　本書共分為12章，下面概括介紹每章具體的內(nèi)容?！　〉?章：介紹Dreamweaver的具體應(yīng)用領(lǐng)域、Dreamweaver CS3的新增功能和新特性，以及適用于哪些人群和軟件的安裝。　　第2章：先介紹Dreamweaver CS3的界面組成和操作，然后說(shuō)明文檔管理的基本方法，以及網(wǎng)頁(yè)設(shè)計(jì)操作環(huán)境的設(shè)置。　　第3章：先講解網(wǎng)頁(yè)和網(wǎng)站的概念，然后介紹網(wǎng)站開發(fā)和網(wǎng)頁(yè)設(shè)計(jì)的具體內(nèi)容，例如網(wǎng)頁(yè)的配色、網(wǎng)頁(yè)的版型等?！　〉?章：由網(wǎng)站項(xiàng)目規(guī)劃設(shè)計(jì)流程開始講解，系統(tǒng)而詳細(xì)地介紹網(wǎng)站架設(shè)、管理和發(fā)布的方法?！　〉?章：介紹文本的輸入、文本屬性設(shè)置、段落編排、項(xiàng)目編號(hào)處理、插入符號(hào)，以及文本字符的檢查、處理等內(nèi)容?！　〉?章：介紹繪制布局表格和單元格的頁(yè)面規(guī)劃方法，以及插入與編排標(biāo)準(zhǔn)表格、表格美化和自動(dòng)處理技巧。　　第7章：介紹在剛頁(yè)中插入和編輯圖像、制作具有互動(dòng)效應(yīng)的鼠標(biāo)經(jīng)過(guò)圖像、導(dǎo)航條等與圖片處理相關(guān)的設(shè)計(jì)，同時(shí)介紹為網(wǎng)頁(yè)添加Flash動(dòng)畫元素和影音多媒體的操作方法?！　〉?章：由CSS的起源開始，詳細(xì)介紹Dreamweaver三種CSS樣式表的應(yīng)用、創(chuàng)建和附加樣式表、樣式表特效等設(shè)計(jì)方法，以便全面掌握CSS的操作應(yīng)用。

內(nèi)容概要

　　《Dreamweaver CS3網(wǎng)頁(yè)設(shè)計(jì)教程與上機(jī)指導(dǎo)（附光盤）》以DreamweaverCS3作為教學(xué)軟件，由淺入深地介紹了網(wǎng)頁(yè)設(shè)計(jì)與開發(fā)動(dòng)態(tài)網(wǎng)站各個(gè)功能模塊的知識(shí)，書中除了對(duì)Dreamweaver中大部分的知識(shí)點(diǎn)進(jìn)行講解外，還提供了大量的實(shí)例練習(xí)，讓讀者在潛移默化中逐漸掌據(jù)組建網(wǎng)站、編排網(wǎng)頁(yè)內(nèi)容、制作網(wǎng)頁(yè)特效、使用CSS樣式布局頁(yè)面、建立與管理網(wǎng)站數(shù)據(jù)庫(kù)，以及開發(fā)留言區(qū)功能模塊的技巧。此外，《Dreamweaver CS3網(wǎng)頁(yè)設(shè)計(jì)教程與上機(jī)指導(dǎo)（附光盤）》最后一章通過(guò)個(gè)人風(fēng)格的主頁(yè)設(shè)計(jì)、商務(wù)風(fēng)格的主頁(yè)設(shè)計(jì)、留言區(qū)功能模塊設(shè)計(jì)三個(gè)案例，綜合介紹了DreamweaverCS3在網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站開發(fā)上的應(yīng)用。《Dreamweaver CS3網(wǎng)頁(yè)設(shè)計(jì)教程與上機(jī)指導(dǎo)（附光盤）》講練結(jié)合，實(shí)踐性、實(shí)用性和可操作性強(qiáng)?！　　禗reamweaver CS3網(wǎng)頁(yè)設(shè)計(jì)教程與上機(jī)指導(dǎo)（附光盤）》既可作為大、中專院校相關(guān)專業(yè)師生和Dreamweaver應(yīng)用培訓(xùn)班的參考用書，也可作為初、中、高級(jí)Dreamweaver用戶以及平面設(shè)計(jì)師的自學(xué)指導(dǎo)用書。

書籍目錄

第1章 與DreamweaverCS3第一次接觸1.1 了解Dreamweaver的作用 1.2 體現(xiàn)DreamweaverCS3新特性 1.3 DreamweaverCS3的適用人群 1.4 安裝DreamweaverCS3 1.5 重點(diǎn)回顧 1.6 本章習(xí)題 第2章 DreamweaverCS3入門基礎(chǔ) 2.1 DreamweaverCS3界面簡(jiǎn)介 2.2 DreamweaverCS3界面操作 2.3 管理及瀏覽網(wǎng)頁(yè)文檔 2.4 設(shè)置最佳化操作環(huán)境 2.5 重點(diǎn)回顧 2.6 本章習(xí)題 第3章 了解網(wǎng)頁(yè)與網(wǎng)站的基本概念 3.1 網(wǎng)頁(yè)與網(wǎng)頁(yè)設(shè)計(jì) 3.2 網(wǎng)站與網(wǎng)站開發(fā) 3.3 關(guān)于網(wǎng)頁(yè)的配色3.4 網(wǎng)頁(yè)版型的設(shè)計(jì)3.5 重點(diǎn)回顧3.6 本章習(xí)題第4章 網(wǎng)站架設(shè).c發(fā)布與管理4.1 網(wǎng)站項(xiàng)目的規(guī)劃與設(shè)計(jì)4.2 創(chuàng)建本地Web網(wǎng)站4.3 創(chuàng)建及管理網(wǎng)站資源4.4 創(chuàng)建與管理網(wǎng)站地圖4.5 維護(hù)與發(fā)布網(wǎng)站4.6 上機(jī)指導(dǎo)：架設(shè)公司網(wǎng)站4.7 重點(diǎn)回顧4.8 本章習(xí)題第5章 網(wǎng)頁(yè)文本的添加與設(shè)置5.1 文本輸入與屬性設(shè)置5.2 編排段落文字5.3 制作列表文本內(nèi)容5.4 插入文本及符號(hào)內(nèi)容5.6 文本檢查.c查找與替代5.6 上機(jī)指導(dǎo)：編排公司網(wǎng)站簡(jiǎn)介5.7 重點(diǎn)回顧5.8 本章習(xí)題第6章 用表格設(shè)計(jì)頁(yè)面布局6.1 設(shè)計(jì)表格式頁(yè)面布局6.2 用標(biāo)準(zhǔn)表格編排內(nèi)容6.3 表格與單元格美化處理6.4 表格自動(dòng)化處理6.5 上機(jī)指導(dǎo)：設(shè)計(jì)公司網(wǎng)站首頁(yè)6.6 重點(diǎn)回顧6.7 本章習(xí)題第7章 添加圖像與媒體內(nèi)容7.1 插入勺編修圖像7.2 插入其他圖像對(duì)象7.3 插入多媒體對(duì)象..7.4 上機(jī)指導(dǎo)：設(shè)計(jì)作品展示頁(yè)面7.5 重點(diǎn)回顧7.6 本章習(xí)題第8章 用CSS進(jìn)行頁(yè)面布局與美化8.1 認(rèn)識(shí)CSS（層疊樣式表）8.2 創(chuàng)建CSS樣式表8.3 創(chuàng)建與附加樣式表8.4 用CSS濾鏡制作頁(yè)面特效8.5 上機(jī)指導(dǎo)：美化產(chǎn)品分類頁(yè)面8.6 重點(diǎn)回顧8.6 本章習(xí)題第9章 網(wǎng)頁(yè)框架與鏈接的應(yīng)用9.1 認(rèn)識(shí)框架集和框架9.2 設(shè)計(jì)框架頁(yè)面布局9.3 調(diào)整與編輯框架頁(yè)9.4 框架的高級(jí)編輯技巧9.5 添加多種超鏈接9.6 制作圖像熱點(diǎn)鏈接9.7 建立指定位置的鏈接9.8 上機(jī)指導(dǎo)：設(shè)計(jì)公司產(chǎn)品庫(kù)頁(yè)面9.9 重點(diǎn)回顧9.10 本章習(xí)題第10章 制作層.c行為.c時(shí)間軸特效10.1 用AP元素定位內(nèi)容10.2 應(yīng)用行為10.3 制作網(wǎng)頁(yè)的行為特效10.4 Spry特效設(shè)計(jì)10.5 時(shí)間軸.cAP元素與行為的搭配使用10.6 Java特效設(shè)計(jì)10.7 上機(jī)指導(dǎo)：創(chuàng)建圖書簡(jiǎn)介頁(yè)面特效10.8 重點(diǎn)回顧10.9 本章習(xí)題第11章 用數(shù)據(jù)庫(kù)管理站點(diǎn)數(shù)據(jù)11.1 配胃網(wǎng)站服務(wù)器11.2 創(chuàng)建網(wǎng)站數(shù)據(jù)庫(kù)11.3 動(dòng)態(tài)網(wǎng)站與數(shù)據(jù)庫(kù)關(guān)聯(lián)11.4 提交表單記錄到數(shù)據(jù)庫(kù)11.5 顯示數(shù)據(jù)庫(kù)記錄11.6 重點(diǎn)回顧11.7 本章習(xí)題第12章 綜合案例設(shè)計(jì)12.1 個(gè)人風(fēng)格主頁(yè)設(shè)計(jì)12.2 商務(wù)風(fēng)格主頁(yè)設(shè)計(jì)12.3 留言

章節(jié)摘錄

　　第1章 與DreamweaverCS3第一次接觸　　學(xué)習(xí)重點(diǎn)：　　了解Dreamweaver CS3的作用　　了解Dreamweaver CS3的新增功能及特性　　了解Dreamweaver CS3的適用人群　　了解安裝DreamweaverCS3的系統(tǒng)要求　　認(rèn)識(shí)Dreamweaver CS3的安裝過(guò)程　　學(xué)習(xí)提示：Adobe公司新發(fā)布的Dreamweaver CS3是一款專業(yè)的網(wǎng)頁(yè)設(shè)計(jì)工具，在學(xué)習(xí)Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)之前，首先來(lái)了解Dreamweaver的具體應(yīng)用領(lǐng)域，Dreamweaver CS3的新增功能和新特性，適用于哪些人群以及軟件的安裝。　　1.1 了解Dreamweaver的作用　　接觸過(guò)網(wǎng)頁(yè)設(shè)計(jì)的人都知道，使用Dreamweaver可以創(chuàng)建站點(diǎn)和設(shè)計(jì)網(wǎng)頁(yè)。作為功能強(qiáng)大的專業(yè)的Web設(shè)計(jì)軟件，Dreamweaver還可以幫助用戶輕松制作炫目的網(wǎng)頁(yè)特效，開發(fā)具備動(dòng)態(tài)功能的站點(diǎn)等。下面將全面介紹Dreamweaver的具體作用。 　　1.1.1　Web站點(diǎn)架設(shè)　　架設(shè)站點(diǎn)是Web設(shè)計(jì)基本而重要的內(nèi)容之一，只有通過(guò)架設(shè)站點(diǎn)才能將Web頁(yè)面及其附屬的圖像、支持程序、數(shù)據(jù)庫(kù)等內(nèi)容組成一個(gè)完整的集合。Dreamweaver根據(jù)不同用戶的目標(biāo)，提供了“基本”和“高級(jí)”兩種Web站點(diǎn)架設(shè)方式，如圖1.1所示。　　除了站點(diǎn)架設(shè)功能外，Dreamweaver還為Web站點(diǎn)的管理、維護(hù)和發(fā)布提供了強(qiáng)大的支持，不管是站點(diǎn)的規(guī)劃，還是站點(diǎn)文件的檢查與修正等功能都具備無(wú)可比擬的優(yōu)勢(shì)，同時(shí)在發(fā)布站點(diǎn)、實(shí)施遠(yuǎn)端維護(hù)等方面也具有強(qiáng)大的專業(yè)特性。圖1.2為使用Dreamweaver發(fā)布站點(diǎn)至遠(yuǎn)端服務(wù)器的示例。　　1.1.2　Web頁(yè)面布局　　網(wǎng)頁(yè)設(shè)計(jì)的大部分內(nèi)容都是通過(guò)定位布局來(lái)完成的，Dreamweaver通過(guò)所見即所得的工作環(huán)境，以可視化模式幫助用戶建立表格、層、框架等設(shè)計(jì)，輕松快速地完成網(wǎng)頁(yè)內(nèi)容的布局和編排?！　”砀袷嵌ㄎ痪W(wǎng)頁(yè)內(nèi)容的基本編排方法，Dreamweaver不但提供了完整的表格功能，用于定位網(wǎng)頁(yè)中的文本、圖像、多媒體元件，而且其獨(dú)有的“布局”操作還可以幫助用戶進(jìn)行網(wǎng)頁(yè)版面布局規(guī)劃，輕松完成網(wǎng)頁(yè)版面設(shè)計(jì)。圖1.3為通過(guò)Dreamweaver的“布局”功能規(guī)劃頁(yè)面的示例?！　reamweaver還提供了AP功能（即舊版本中的“層”），它可以使網(wǎng)頁(yè)元素的定位更加靈活。由于層可以被隨意放置在網(wǎng)頁(yè)的任意位置，因此將所需的網(wǎng)頁(yè)設(shè)計(jì)元件加入AP元素之后，便可以將設(shè)計(jì)元件置于網(wǎng)頁(yè)的任何位置，如圖1.4所示?！　〈送?，用戶也可通過(guò)Dreamweaver來(lái)創(chuàng)建框架，其原理是對(duì)瀏覽器進(jìn)行劃分，并指定某個(gè)區(qū)域顯示對(duì)應(yīng)的網(wǎng)頁(yè)文件，實(shí)現(xiàn)將不同的網(wǎng)頁(yè)集中顯示在一起的目的，如圖1.5所示。　　1.1.3　網(wǎng)頁(yè)特效制作　　為了吸引人們對(duì)網(wǎng)頁(yè)內(nèi)容的注意，許多網(wǎng)頁(yè)都加入了動(dòng)態(tài)特效，使原本平靜的頁(yè)面效果變得活潑多變。Dreamweaver提供了豐富的功能，用于制作網(wǎng)頁(yè)特效，例如，可以呈現(xiàn)互動(dòng)效果的圖像變換、動(dòng)態(tài)導(dǎo)航條效果，配合“行為’’功能，還可以輕松制作彈出式菜單、聲音播放等動(dòng)態(tài)特效，如圖1.6所示。此外，結(jié)合“時(shí)問(wèn)軸”和“層”功能，則可以完成“會(huì)動(dòng)”的網(wǎng)頁(yè)元件?！　±肈reamweaver CS3新增的“Spry框架”，可以在網(wǎng)頁(yè)中制作局部區(qū)域刷新特效，如圖1.7所示。此外還可以完成動(dòng)態(tài)列表、選項(xiàng)卡、折疊區(qū)等網(wǎng)頁(yè)效果，提高頁(yè)面的信息量和瀏覽易用性。

圖書封面

評(píng)論、評(píng)分、閱讀與下載

---

    Dreamweaver CS3網(wǎng)頁(yè)設(shè)計(jì)教程與上機(jī)指導(dǎo) PDF格式下載

---