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

前言

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

內(nèi)容概要

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

書籍目錄

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

章節(jié)摘錄

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








圖書封面






評論、評分、閱讀與下載



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


 


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