Dreamweaver CS4網(wǎng)站設(shè)計實例教程

前言

　　這是一個信息高速發(fā)展的時代，網(wǎng)絡(luò)帶給人們無窮的便利，也快速連接了彼此?，F(xiàn)在，無論身在何處，人們只要連接上網(wǎng)絡(luò)，然后打開網(wǎng)站，就能通過單擊鏈接進(jìn)入到各個網(wǎng)絡(luò)頁面，迅速查找到所需要的各種信息。但如果要設(shè)計網(wǎng)站，就需要深入了解網(wǎng)站的特點，熟悉網(wǎng)頁的構(gòu)成元素，掌握網(wǎng)站設(shè)計的概念和一般方法?！　reamweaver CS4是由Adobe公司出品的網(wǎng)站設(shè)計工具，它與Photoshop、Flash一起配合使用，目前已成為使用最廣泛的網(wǎng)站設(shè)計工具之一。　　本書以Dreamweaver CS4在網(wǎng)站設(shè)計中的具體范例應(yīng)用為根本，精選網(wǎng)站設(shè)計中最典型、最實用的應(yīng)用案例，以圖示的方法來講解，全面透徹地講述了Dreamweaver CS4的主要功能和在網(wǎng)站設(shè)計方面的具體應(yīng)用方法和技巧?！　∪珪卜譃?章。第1章介紹了Dreamweaver基礎(chǔ)知識，包括網(wǎng)頁設(shè)計基礎(chǔ)、Dreamweaver基本操作、Dreamweaver面板、Dreamweaver中的站點管理、Dreamweaver的一些特色功能等內(nèi)容。第2～5章分別介紹了設(shè)計服務(wù)型公司網(wǎng)站、設(shè)計博客站點、設(shè)計社交網(wǎng)站、設(shè)計新聞網(wǎng)站等內(nèi)容，每章都圍繞實例進(jìn)行講解，步驟細(xì)致、可移植性強，并且每章都采用“網(wǎng)站設(shè)計一排憂解惑一上機(jī)實訓(xùn)一習(xí)題”四維立體教學(xué)法，通過“完整的網(wǎng)站設(shè)計實例一啟發(fā)式的疑難點解釋一精心安排的實訓(xùn)項目一鞏固知識的習(xí)題練習(xí)”，使讀者能夠真正將所學(xué)的知識融會貫通，輕松實現(xiàn)一學(xué)即會?！　”緯瓤勺鳛楦呗毟邔Ｔ盒：团嘤?xùn)學(xué)校教學(xué)的教材使用，也適合想快速入門并提高網(wǎng)站制作技能的初、中級用戶，同時也適用于廣大網(wǎng)站設(shè)計的愛好者。　　本書由湯文飛、趙曉秋、劉菁主筆，同時參加本書編寫的還有（按拼音順序）卜凡燕、操劍杰、陳杰英、馮婉燕、季業(yè)強、李高芳、劉玉華、田明君、魏友杰、楊敏、嚴(yán)哲、楊章靜?！　∮捎谧髡咚接邢?，加之時間倉促，書中難免有錯誤和疏漏之處，敬請廣大讀者批評指正。

內(nèi)容概要

　　Dreamweaver是目前使用最廣泛的網(wǎng)頁設(shè)計和網(wǎng)站管理平臺，《Dreamweaver CS4網(wǎng)站設(shè)計實例教程》通過基礎(chǔ)知識與實例相結(jié)合的方式，由淺入深、全面透徹地介紹了使用Dreamweaver CS4來制作網(wǎng)站的方法和技巧?！禗reamweaver CS4網(wǎng)站設(shè)計實例教程》共分為5章，分別講述了Dreamweaver基礎(chǔ)知識、設(shè)計服務(wù)型公司網(wǎng)站、設(shè)計博客站點、設(shè)計社交網(wǎng)站、設(shè)計新聞網(wǎng)站等內(nèi)容，知識全面、實例豐富?！　　禗reamweaver CS4網(wǎng)站設(shè)計實例教程》既可作為高職高專院校和培訓(xùn)學(xué)校教學(xué)的教材使用，也適合想快速入門并提高網(wǎng)站制作技能的初、中級用戶，同時也適用于廣大網(wǎng)站設(shè)計的愛好者。

書籍目錄

出版說明前言第1章 Dreamweaver基礎(chǔ)知識1.1 網(wǎng)頁設(shè)計基礎(chǔ)1.1.1 網(wǎng)頁基礎(chǔ)概念1.1.2 頁面組成與布局1.1.3 CSS介紹1.1.4 常用工具1.2 Dreamweaver基本操作1.2.1 啟動與退出1.2.2 了解Dreamweaver界面1.2.3 創(chuàng)建與保存網(wǎng)頁1.2.4 向網(wǎng)頁中添加內(nèi)容1.2.5 查看網(wǎng)頁1.3 Dreamweaver面板1.3.1 “CSS樣式”面板1.3.2 “標(biāo)簽檢查器”面板組1.3.3 其他面板1.3.4 進(jìn)一步美化頁面1.3.5 檢查與驗證網(wǎng)頁1.4 DTeamweaver中的站點管理1.4.1 創(chuàng)建與管理站點1.4.2 “文件”面板組1.4.3 站點報告1.4.4 發(fā)布網(wǎng)頁1.5 Dreamweaver的一些特色功能1.5.1 Spry構(gòu)件1.5.2 Spry效果1.5.3 CSS預(yù)設(shè)布局1.5.4 CSS管理1.5.5 其他功能1.6 排憂解惑1.6.1 關(guān)于CSS中的標(biāo)簽、類與ID1.6.2 關(guān)于字體大小1.7 上機(jī)實訓(xùn)1.7.1 插入特殊符號1.7.2 添加文件下載鏈接1.8 習(xí)題第2章 設(shè)計服務(wù)型公司網(wǎng)站2.1 制作首頁2.1.1 準(zhǔn)備工作2.1.2 使用Div組織導(dǎo)航欄2.1.3 使用CSS樣式修飾導(dǎo)航欄2.1.4 使用CSS制作彈出菜單2.1.5 使用Div組織信息面板2.1.6 由Div組織頁面主體框架2.1.7 使用嵌套Div進(jìn)行產(chǎn)品介紹2.1.8 使用Div制作列表框架2.1.9 使用Div添加服務(wù)列表項2.1.10 完成頁面2.2 制作服務(wù)介紹頁面2.2.1 準(zhǔn)備工作2.2.2 使用編號列表組織段落2.2.3 使用行為制作關(guān)鍵字列表2.2.4 添加信息面板并使用腳本切換2.3 排憂解惑2.3.1 關(guān)于文本顏色2.3.2 關(guān)于字體的變化效果2.4 上機(jī)實訓(xùn)2.4.1 實現(xiàn)圖片與文字的滾動2.4.2 為單幅圖片添加多個鏈接2.5 習(xí)題第3章 設(shè)計博客站點3.1 制作首頁3.1.1 準(zhǔn)備工作3.1.2 使用Div組織頁眉3.1.3 使用項目列表制作導(dǎo)航欄3.1.4 使用Div進(jìn)行主體布局3.1.5 結(jié)合Div與項目列表制作左側(cè)邊欄3.1.6 使用Div組織主體內(nèi)容并進(jìn)行修飾3.1.7 添加右側(cè)邊欄并使用CSS修飾3.1.8 完成頁面3.2 制作日志頁面3.2.1 使用嵌套Div添加評論列表3.2.2 使用表格制作評論表單3.3 排憂解惑3.3.1 關(guān)于文本的垂直對齊3.3.2 關(guān)于文本的居中對齊3.4 上機(jī)實訓(xùn)3.4.1 讓網(wǎng)頁自動轉(zhuǎn)向3.4.2 減少段落之間的空白3.4.3 實現(xiàn)瀏覽器地址欄的小圖標(biāo)效果3.5 習(xí)題第4章 設(shè)計社交網(wǎng)站4.1 制作首頁4.1.1 準(zhǔn)備工作與整體布局4.1.2 結(jié)合項目列表與腳本制作導(dǎo)航欄4.1.3 使用Div與項目列表組織側(cè)邊欄4.1.4 使用Div與列表制作頭像區(qū)域4.1.5 使用Div安排可切換的標(biāo)簽式信息面板4.1.6 使用Div與項目列表組織女友信息4.1.7 制作浮動的右側(cè)邊欄4.2 制作相冊頁面4.2.1 使用行為制作折疊式相冊列表4.2.2 使用Div組織相片列表4.3 排憂解惑4.3.1 關(guān)于查找與替換文本4.3.2 關(guān)于調(diào)整AP元素默認(rèn)屬性4.4 上機(jī)實訓(xùn)4.4.1 定制圖片的邊框4.4.2 使用圖片修飾標(biāo)題4.4.3 使用圖片修飾段首字符4.5 習(xí)題第5章 設(shè)計新聞網(wǎng)站5.1 制作首頁5.1.1 準(zhǔn)備工作與整體布局5.1.2 使用CSS修飾頁眉5.1.3 結(jié)合Div與項目列表制作導(dǎo)航欄5.1.4 使用浮動Div構(gòu)建主體框架5.1.5 使用CSS修飾即時新聞5.1.6 使用Div與項目列表組織頭條內(nèi)容5.1.7 使用Spry選項卡式面板添加圖片新聞5.1.8 使用項目列表組織新聞列表5.1.9 使用Div組織圖片列表5.1.10 由Div與項目列表組織側(cè)邊欄5.2 制作新聞頁面5.2.1 添加正文內(nèi)容并修飾段落5.2.2 使用已有樣式添加評論列表5.3 排憂解惑5.3.1 關(guān)于Dreamweaver導(dǎo)航欄5.3.2 關(guān)于格式化源代碼5.4 上機(jī)實訓(xùn)5.4.1 使用CSS防止圖片盜用5.4.2 實現(xiàn)無等待的背景圖片切換5.4.3 創(chuàng)建可縮放圓角5.5 習(xí)題參考文獻(xiàn)

章節(jié)摘錄

　　1.1.2頁面組成與布局　　不同的網(wǎng)站所擔(dān)負(fù)的目的不盡相同，相應(yīng)地，它所包含的網(wǎng)頁也會有不同的表現(xiàn)形式。人們不可能指望商業(yè)公司與公益機(jī)構(gòu)的網(wǎng)頁相同，也無法想象門戶網(wǎng)站與個人博客表現(xiàn)得一致。雖然如此，我們?nèi)匀豢梢詮木W(wǎng)頁上找到一些類似的組成部分?！　?.Logo與橫幅網(wǎng)站的Logo也就是它的標(biāo)志，它通常位于網(wǎng)頁頂部的醒目位置，有時瀏覽器地址欄中也會出現(xiàn)它的“縮略版”小圖標(biāo)。橫幅是網(wǎng)頁上的廣告形式之一，它常常表現(xiàn)為條狀的圖片，多位于網(wǎng)頁的頂部或側(cè)邊欄。搭配良好的橫幅，有時能夠讓網(wǎng)頁看起來更加豐富多彩?！　?.導(dǎo)航欄　　網(wǎng)站中包含了許多不同類別的網(wǎng)頁時，往往需要導(dǎo)航欄來指明當(dāng)前的位置和在網(wǎng)頁之間快速切換，以使瀏覽者不至于迷失在網(wǎng)站中，如圖1-18所示。導(dǎo)航欄具有各種樣式，復(fù)雜者可由圖片與Flash構(gòu)成，簡單者則可以僅由文字來實現(xiàn)。一些導(dǎo)航欄還可能具有子菜單，方便瀏覽者進(jìn)行更為細(xì)致的定位?！　〕宋挥陧撁骓敹说乃綄?dǎo)航，許多導(dǎo)航欄還以側(cè)邊欄的形式存在。另外，網(wǎng)頁中也允許同時存在多種形式的導(dǎo)航欄?！　?.文字與圖片文字與圖片構(gòu)成了網(wǎng)頁的主要內(nèi)容，合理安排文字與圖片的表現(xiàn)是設(shè)計網(wǎng)頁時經(jīng)常需要考慮的問題。HTML提供了許多標(biāo)簽用來組織文本內(nèi)容，包括定義標(biāo)題與段落、列表與定義列表、引用與強調(diào)等?！　　?/pre>








圖書封面






評論、評分、閱讀與下載



還沒讀過(75)
勉強可看(548)
一般般(934)
內(nèi)容豐富(3876)
強力推薦(317)


 


    Dreamweaver CS4網(wǎng)站設(shè)計實例教程 PDF格式下載