邊用邊學Dreamweaver網(wǎng)頁設(shè)計與制作

前言

Dreamweaver是一款專業(yè)的網(wǎng)頁制作工具，具有可視化編輯界面和強大的所見即所得編輯功能，它集網(wǎng)頁制作與網(wǎng)站管理于一身，用戶不必編寫復雜的HTML源代碼，就可快速生成跨平臺、跨瀏覽器的網(wǎng)頁。為了幫助初學者快速掌握運用Dreamweavet進行網(wǎng)頁設(shè)計與制作的方法，本書以Dreamweaver（2S4為平臺，采用“邊用邊學，實例導學”的寫作模式，全面涵蓋了其應用于網(wǎng)頁設(shè)計領(lǐng)域的知識點，并通過大量案例幫助初學者學會如何在實際工作當中進行靈活應用。1.寫作特點（1）注重實踐，強調(diào)應用有不少讀者常常抱怨學過Dreamweaver-卻不能夠獨立設(shè)計出作品。這是因為目前的大部分相關(guān)圖書只注重理論知識的講解而忽視了應用能力的培養(yǎng)。眾所周知，網(wǎng)頁設(shè)計是一門實踐性很強的領(lǐng)域，只有通過不斷的實踐才能真正掌握其設(shè)計方法，才能獲有更多的直接經(jīng)驗，設(shè)計并制作出真正好的、有用的作品。對于初學者而言，不能期待一兩天就能成為設(shè)計大師，而是應該踏踏實實地打好基礎(chǔ)。而模仿他人的設(shè)計作品就是很好的學習方法，因為“作為人行為模式之一，模仿是學習的結(jié)果”，所以在學習的過程中通過模仿各種成功作品的設(shè)計技巧，可快速地提高設(shè)計水平與制作能力?；诖?，本書通過細致剖析各類經(jīng)典的網(wǎng)頁設(shè)計案例，如“好滋味”食品網(wǎng)頁、美容護膚網(wǎng)頁、“愛車網(wǎng)”等，深入地講解如何運用Dreamweaver進行網(wǎng)頁設(shè)計的方法。（2）知識體系完善，專業(yè)性強本書深入淺出地講解了使用Dreamweaver-制作網(wǎng)頁的方法和技巧。既能讓具有一定網(wǎng)頁設(shè)計經(jīng)驗的讀者迅速熟悉網(wǎng)站的制作，也能讓具有一定網(wǎng)頁設(shè)計能力的讀者加強網(wǎng)站制作的理論知識，并能使完全沒有用過Dreamweaver的讀者能夠從大量精選案例的實戰(zhàn)中體會運用Dreamweaver進行網(wǎng)頁設(shè)計與網(wǎng)站制作的精髓。同時，本書是由資深設(shè)計師與教學經(jīng)驗豐富的教師共同創(chuàng)作的，融會了多年的實戰(zhàn)經(jīng)驗和設(shè)計技巧?？梢哉f，閱讀本書相當于在工作一線實習和進行職前訓練。（3）通俗易懂，易于上手本書在介紹使用Dreamweaver進行網(wǎng)頁設(shè)計時，先通過小實例引導讀者掌握.Dreamweaver軟件中各種實用工具的應用方法，再深入地講解各個相關(guān)工具的知識，以使讀者更易于理解各種工具在實際工作中的作用。對于初學者以及具有一定基礎(chǔ)的讀者而言，只要按照書中的步驟一步步學習，就能夠在較短的時間內(nèi)掌握Dreamweaver網(wǎng)頁設(shè)計的要領(lǐng)。

內(nèi)容概要

Dreamweaver CS4是Adobe公司推出的一款網(wǎng)頁設(shè)計的專業(yè)軟件，其強大功能和易操作性令它成為同類開發(fā)軟件中的佼佼者。    本書從網(wǎng)頁設(shè)計與制作的實際應用出發(fā)，通過大量典型實例的制作，全面介紹了Dreamweaver CS4在網(wǎng)頁設(shè)計與制作方面的方法和技巧。本書主要內(nèi)容包括認識網(wǎng)頁與Dreamweaver CS4、網(wǎng)頁基本編輯操作、編輯網(wǎng)頁文本、創(chuàng)建與管理站點、網(wǎng)頁中的圖像處理、使用表格進行網(wǎng)頁布局、層與超級鏈接、制作多媒體效果網(wǎng)頁、應用模板和庫制作網(wǎng)頁、使用框架制作網(wǎng)頁、使用表單，以及使用行為制作網(wǎng)頁特效等。最后通過制作化妝品公司的網(wǎng)頁，使讀者全面掌握Dreamweaver CS4強大的網(wǎng)頁制作功能。    本書內(nèi)容豐富、實用，可供網(wǎng)頁設(shè)計、網(wǎng)站開發(fā)等相關(guān)專業(yè)人員及Dreamweaver初學者、網(wǎng)頁設(shè)計愛好者學習和參考，尤其適合各類開設(shè)網(wǎng)頁設(shè)計專業(yè)的大中專院校及培訓學校用作教材。

書籍目錄

第1章　認識網(wǎng)頁與Dreamweaver CS4　  1.1　認識網(wǎng)頁與網(wǎng)站　  1.2　網(wǎng)頁設(shè)計的基本原則　　1.3　網(wǎng)站制作流程　　1.4　認識Dreamweaver CS4　　　1.4.1　啟動與退出Dreamweaver CS4　　　1.4.2　Dreamweaver CS4窗口簡介　　　1.4.3　Dreamweaver CS4的參數(shù)設(shè)置　　1.5　應用實踐　　　1.5.1　任務1——Dreamweaver CS4的快捷操作　　　1.5.2　任務2——個性化代碼視圖設(shè)置　　1.6　知識鏈接　　　1.6.1　認識HTML　　　1.6.2　HTML的基本語法　　1.7　自我檢測　第2章　網(wǎng)頁基本編輯操作　　2.1　網(wǎng)頁的創(chuàng)建與存儲　　　2.1.1　創(chuàng)建網(wǎng)頁　　　2.1.2　存儲網(wǎng)頁　　2.2　網(wǎng)頁的打開與關(guān)閉　　　2.2.1　打開網(wǎng)頁　　　2.2.2　關(guān)閉網(wǎng)頁　　2.3　在網(wǎng)頁中插入當前日期　　2.4　插入水平線　　2.5　應用實踐　　　2.5.1　任務1——在網(wǎng)頁中制作彩色水平線　　　2.5.2　任務2——利用水平線制作多彩表格　　2.6　知識鏈接　　　2.6.1　使用標尺　　　2.6.2　使用網(wǎng)格　　2.7　自我檢測　第3章　編輯網(wǎng)頁文本　　3.1　添加網(wǎng)頁文本　　　3.1.1　直接在網(wǎng)頁窗口中輸入文本　　　3.1.2　復制粘貼外部文本　　　3.1.3　導入Office程序文本　　　3.1.4　在網(wǎng)頁中添加空格　　3.2　項目列表與編號列表　　　3.2.1　插入項目列表　　　3.2.2　插入編號列表　　3.3　應用實踐　　　3.3.1　任務1——制作并設(shè)置“公司簡介”網(wǎng)頁文本效果　　　3.3.2　任務2——使用列表排版“美容護膚”網(wǎng)頁　　3.4　知識鏈接　　　3.4.1　插入特殊符號　　　3.4.2　添加/刪除字體列表　　3.5　自我檢測　第4章　創(chuàng)建與管理站點　　4.1　站點的規(guī)劃　　4.2　認識站點面板　　4.3　應用實踐　　　4.3.1　任務1——創(chuàng)建我的第一個網(wǎng)站　　　4.3.2　任務2——管理網(wǎng)頁文檔　　4.4　知識鏈接　　　4.4.1　遠程站點　　　4.4.2　站點的基本編輯操作　　4.5　自我檢測　第5章　網(wǎng)頁中的圖像處理　　5.1　網(wǎng)頁中常用的圖像格式　　5.2　插入圖像　　5.3　鼠標經(jīng)過圖像　　5.4　網(wǎng)頁背景　　　5.4.1　網(wǎng)頁背景顏色　　　5.4.2　網(wǎng)頁背景圖像　　5.5　圖像映射　　5.6　應用實踐　　　5.6.1　任務1——網(wǎng)頁導航條　　　5.6.2　任務2——為網(wǎng)頁圖像不同部分分別添加替換文字　　5.7　知識鏈接　　　5.7.1　圖像占位符　　　5.7.2　設(shè)置外部圖像編輯器　　5.8　自我檢測　第6章　使用表格進行網(wǎng)頁布局　第7章　層與超級鏈接　第8章　制作多媒體效果網(wǎng)頁　第9章　應用模板和庫制作網(wǎng)頁　第10章　使用框架制作網(wǎng)頁　第11章　使用表單　第12章　使用行為制作網(wǎng)頁特效　第13章　制作化妝品公司網(wǎng)站　

章節(jié)摘錄

插圖：作為網(wǎng)頁的集合，網(wǎng)站的類型、主題和風格決定著網(wǎng)站中各個網(wǎng)頁，尤其是主頁的設(shè)計思路與實現(xiàn)手段。不同類型網(wǎng)站的設(shè)計制作過程是不一樣的，但大體上都遵循選擇網(wǎng)站主題、規(guī)劃網(wǎng)站欄目和目錄結(jié)構(gòu)、設(shè)計網(wǎng)頁布局以及整合網(wǎng)頁內(nèi)容這4個步驟。1.選擇網(wǎng)站主題在制作網(wǎng)頁時，首先要清楚建立網(wǎng)站的目的是什么。如果是個人網(wǎng)站，那么網(wǎng)頁的設(shè)計可以圍繞個性化來進行；如果是企業(yè)網(wǎng)站，則應立足于企業(yè)形象展示來進行設(shè)計。在確定網(wǎng)站主題后，即可組織網(wǎng)站內(nèi)容，搜集所需的資料，尤其是相關(guān)的文本和圖片，準備得越充分，越有利于下一步網(wǎng)站欄目的規(guī)劃。2.規(guī)劃網(wǎng)站欄目和目錄結(jié)構(gòu)確定了網(wǎng)站主題后，即可根據(jù)網(wǎng)站內(nèi)容開始規(guī)劃網(wǎng)站欄目。網(wǎng)站欄目實際上是一個網(wǎng)站內(nèi)容的大綱索引，在規(guī)劃時要注意以下幾點。（1）對搜集到的資料進行分類，并為各類建立專門的欄目，各欄目的主題圍繞網(wǎng)站主題展開，同時欄目的名稱要具有概括性，各欄目名稱字數(shù)最好相同。規(guī)劃網(wǎng)站欄目的過程實際上是對網(wǎng)站內(nèi)容的細化，一個欄目有可能就是一個專欄網(wǎng)頁。（2）在創(chuàng)建網(wǎng)站目錄結(jié)構(gòu)時，不要將所有的文件都存放在根目錄下，而是應該按照網(wǎng)站欄目來建立，如企業(yè)站點可以按公司簡介、產(chǎn)品介紹、在線訂單、信息反饋等建立相應的目錄。通常一個站點根目錄下都有一個Images目錄，如果把站點的所有圖片都放在這個目錄下，不便于管理，因此也應該為每個欄目建立一個獨立的Images目錄，而根目錄下的Images目錄只用于存放主頁中的圖片。（3）在為目錄文件命名時要使用簡短的英文形式，文件名應不超過8個字符，一律以小寫字母處理。另外，大量同一類型的文件應該以數(shù)字序號標識區(qū)分，以利于查找修改。3.設(shè)計網(wǎng)頁布局網(wǎng)頁的布局主要是指針對網(wǎng)站主頁的版面設(shè)計，因此最好先用筆將構(gòu)思的頁面布局草圖勾勒出來，然后再進行版面的細化和調(diào)整。在設(shè)計時應該先把一些主要的元素放到網(wǎng)頁中，‘如網(wǎng)站的標志、廣告欄、導航條等，這些元素應該放在最突出、最醒目的位置，然后再考慮其他元素的放置。在將各主要元素確定好之后，就可以考慮文字、圖片、表格等頁面元素的排版布局了。確定布局草案后，利用網(wǎng)頁制作工具，如Dreamweaver，可把草案做成一個簡略的網(wǎng)頁，以觀察總體效果，對不協(xié)調(diào)的地方進行調(diào)整。網(wǎng)頁布局的好壞是決定網(wǎng)站美觀與否的一個重要方面，通過合理的、有創(chuàng)意的布局，能把文字、圖像等內(nèi)容完美地展現(xiàn)在瀏覽者面前。對于網(wǎng)頁制作初學者來說，應該多參考優(yōu)秀站點的版面設(shè)計，多閱讀平面設(shè)計類書籍，來提高自己的藝術(shù)修養(yǎng)和網(wǎng)頁版面布局水準。

編輯推薦

《邊用邊學Dreamweaver網(wǎng)頁設(shè)計與制作》：ITAT教育工程是教育部教育管理信息中心于2000年5月啟動的實用型信息技術(shù)培訓工程。經(jīng)過多年的可持續(xù)發(fā)展，ITAT教育工程在全國建立了300多家授權(quán)培訓機構(gòu)，培訓網(wǎng)絡遍布全國，課程內(nèi)容基本涵蓋IT技術(shù)及應用的各個領(lǐng)域。被專家譽為“有教無類”的平民學校。ITAT培訓以就業(yè)為導向，以大、中專院校學生為主要培訓對象，也可以滿足職業(yè)培訓、社區(qū)教育的需要。ITAT教育工程的宗旨是：樹立民族IT培訓品牌，努力成為全國培訓規(guī)模最大、系統(tǒng)性最強、質(zhì)量最好、最經(jīng)濟實用的國家級信息技術(shù)培訓工程，為實現(xiàn)我國信息產(chǎn)業(yè)的跨越式發(fā)展做出貢獻。目前，ITAT教育工程共開設(shè)了如下課程：Windows XP、LinUX、常用工具軟件、計算機組裝與維護、Word、Excel、PowerPoint、FrontPage、Dreamweaver、Fireworks、Flash、網(wǎng)站開發(fā)與維護、Photoshop、CorelDRAW，Illustrator？Director.Authorware？Maya，3ds max.Premiere.AutoCAD，Pro/ENGINEER.服裝CAD技術(shù)、室內(nèi)設(shè)計、影視動畫、平面設(shè)計、插畫設(shè)計、商業(yè)展示設(shè)計、Visual FoxPro、SQL Server、Access、C語言、C++、Java、Visual C++、Visual Basic、Visual Basic.NET、JavaScript、JSP、ASP.NET、C#、網(wǎng)絡基礎(chǔ)、局域網(wǎng)建設(shè)、網(wǎng)絡管理、網(wǎng)絡安全、電子商務基礎(chǔ)、電子商務實務、計算機英語、課件制作、中小學教師信息技術(shù)培訓。

圖書封面

評論、評分、閱讀與下載

---

    邊用邊學Dreamweaver網(wǎng)頁設(shè)計與制作 PDF格式下載

---