Dreamweaver CS4開發(fā)標(biāo)準(zhǔn)布局Web 2.0網(wǎng)站

前言

　　關(guān)于Web2．0　　Web2．0是2003年之后互聯(lián)網(wǎng)的熱門概念之一，不過目前對什么是Web2．0并沒有很嚴(yán)格的定義。一般說來，Web2．0（也有人稱之為互聯(lián)網(wǎng)2．01是相對’Web1．0的新的一類互聯(lián)網(wǎng)應(yīng)用的統(tǒng)稱。Web1．O的主要特點在于用戶通過瀏覽器獲取信息，Web2．0則更注重用戶的交互作用，用戶既是網(wǎng)站內(nèi)容的消費者瀏覽者，也是網(wǎng)站內(nèi)容的制造者。　　到目前為止，Web2．0技術(shù)主要包括博客（BLOG）、RSS（RDFSiteSummary，RDF（ResourceDescriptionFramework，資源描述框架）站點摘要）、百科全書（Wiki）、網(wǎng)摘、社會網(wǎng)絡(luò)（SNS）、P2P（peer—to—peer對等聯(lián)網(wǎng)）、即時通訊（IM）等。由于這些技術(shù)有不同程度的網(wǎng)絡(luò)營銷價值，因此Web2．0在網(wǎng)絡(luò)營銷中的應(yīng)用已經(jīng)成為網(wǎng)絡(luò)營銷的嶄新領(lǐng)域。“網(wǎng)上營銷新觀察”率先對博客營銷、RSS營銷等進(jìn)行實踐應(yīng)用和系統(tǒng)研究，并取得了階段性成果，他們對于博客營銷的定義等有關(guān)的研究被廣為引用。

內(nèi)容概要

對于專業(yè)網(wǎng)站制作人員而言，Web 2.0及網(wǎng)站標(biāo)準(zhǔn)化建設(shè)無疑是必須掌握的知識。在商業(yè)的Web開發(fā)中，Dreamweaver是應(yīng)用最廣泛的軟件，絕大部分布局的工作都是在Dreamweaver中完成的。    本書使用最新的Dreamweaver CS4來進(jìn)行頁面的制作與基于DIV的布局，介紹了制作標(biāo)準(zhǔn)化網(wǎng)站所需學(xué)習(xí)的知識。其中不僅包括相關(guān)HTML、CSS等代碼知識及網(wǎng)站如何構(gòu)建等基礎(chǔ)內(nèi)容，還包括Web 2.0站點整站設(shè)計制作、搜索引擎優(yōu)化、站點維護(hù)上傳等比較高級的內(nèi)容，涵蓋了從基礎(chǔ)到進(jìn)階，逐步制作完整的Web 2.0站點所需掌握的內(nèi)容。    光盤提供作者精心整理的代碼、案例文件，并包含書中重點案例制作過程的視頻教程，以及更多拓展開發(fā)視頻。    本書的讀者對象為Web開發(fā)人員、網(wǎng)站建設(shè)人員、專業(yè)網(wǎng)頁設(shè)計師、大中專院校相關(guān)專業(yè)師生、各類網(wǎng)站制作培訓(xùn)班師生等。

作者簡介

　劉濤，Macormedia第一期認(rèn)證網(wǎng)頁教師。
　　Adode第二期認(rèn)證平面教師，原北京新東方職業(yè)教育中心電腦美術(shù)講師，原天極風(fēng)格電腦美術(shù)講師，教育部考試中心《全國計算機(jī)應(yīng)用技術(shù)職業(yè)技能考試》命題和評審教師。

書籍目錄

PART 1  Dreamweaver CS4與Wed 2.0開發(fā)基礎(chǔ)　　第1章　Wed2.0時代的網(wǎng)站開發(fā)　第2章　Dreamweaver CS4光速入門　第3章　Wed2.0站點開發(fā)流程　第4章　你一定要掌握HTML代碼嗎　第5章　頁面設(shè)計的思考　第6章　頁面布局利器　第7章　DIV排兵布陣　第8章　表格　第9章　打開布局思路PART 2　網(wǎng)站元素與相關(guān)技術(shù)剖析　　第10章　文字——網(wǎng)站主角化妝　第11章　圖片無處不在　第12章　CSS濾鏡萬花筒　第13章　規(guī)范的鏈接　　第14章　人性化導(dǎo)航　　第15章　美麗智能的表單　　第16章　豐富的多媒體元素　　第17章　Web2.0中的Flsh 　第18章　交互能手JavaScript　第19章　與模板打交道　PART 3　網(wǎng)站后期維護(hù)與推廣　第20章　網(wǎng)站大體檢　　第21章　把一切交給服務(wù)器　第22章　SEO-讓搜索引擎找到我　第23章　工作的捷徑　PART 4 Web2.0站點開發(fā)實錄　第24章　CSS ZenGarden站點　　第25章　韓國Miodio站點首頁　第26章　IGN娛樂公園網(wǎng)站　

章節(jié)摘錄

　　第1章 Web2.0時代的網(wǎng)站開發(fā)　　1.5 標(biāo)準(zhǔn)化讓我們更輕松　　在國內(nèi)申請的信用卡，可以在世界上很多國家使用。　　雖然不懂廣東話，但依然可以去香港旅游、購物，因為大家都會講普通話?！　∷堫^壞了，在樓下的五金店買一個換上就行了。　　歐洲杯將在北京時間凌晨兩點直播，將觀看到精彩的比賽?！　∩钪忻刻於及l(fā)生類似的事情，這樣的事情似乎再正常不過，并沒有什么特別之處。但是，有沒有想過，為什么信用卡可以在國際上通用?為什么大家都會講普通話?為什么買來的新水龍頭的螺口正好與老的水管能接上?為什么只要在凌晨兩點打開電視機(jī)，就不會錯過比賽?在這些事情的背后，都有著一個隱藏的“因素”在起作用，這個因素就是標(biāo)準(zhǔn)。生活中各行各業(yè)都有著自己相應(yīng)的標(biāo)準(zhǔn)與規(guī)范，標(biāo)準(zhǔn)可以方便交流、促進(jìn)協(xié)作、提高效率?！　τ贗T行業(yè)，設(shè)備的多樣性與信息的多樣性更加需要標(biāo)準(zhǔn)來保證它們之間的溝通與協(xié)作?？赡芤谑謾C(jī)、打印機(jī)、數(shù)碼相機(jī)之間交互數(shù)據(jù)；可能要在網(wǎng)站、郵件和辦公軟件之間傳遞信息；可能要在未來新設(shè)備（例如機(jī)頂盒、信息家電）中應(yīng)用現(xiàn)有資源。如果沒有統(tǒng)一的標(biāo)準(zhǔn)，那么現(xiàn)在所有的信息都是孤立的、不可分享、不可重用的，需要浪費大量的人力、物力重新為新設(shè)備建立數(shù)據(jù)，需要為每一次的多系統(tǒng)應(yīng)用做專門的開發(fā)。對于這個問題，好在已經(jīng)找到了解決的方案，這就是——XML?！　ML簡單說就是一種“有規(guī)定格式的文檔”，只要設(shè)備或系統(tǒng)產(chǎn)生的數(shù)據(jù)都遵守這種格式，就可以實現(xiàn)互相的數(shù)據(jù)交換、分享與協(xié)作。自從1998年國際萬維網(wǎng)組織（W3C.org）推出XML 1.0規(guī)范以來，已經(jīng)有大量的XML標(biāo)準(zhǔn)在生活中應(yīng)用，例如用手機(jī)訂閱的天氣預(yù)報、股票行情，這些數(shù)據(jù)都是從相應(yīng)的系統(tǒng)獲得，然后通過XML格式轉(zhuǎn)換發(fā)送的；通過QQ或者M(jìn)SN上發(fā)送消息到不在線的朋友手機(jī)上，這其中的信息也是通過XML轉(zhuǎn)換實現(xiàn)的。還有更多的商業(yè)應(yīng)用，例如公司內(nèi)部的CRM、ERP、內(nèi)容管理系統(tǒng)之間的數(shù)據(jù)交互、整合與共享都應(yīng)用了XML。　　那么，自然會想到網(wǎng)頁（Web）是否也應(yīng)該遵循XML標(biāo)準(zhǔn)呢?答案是肯定的?！　”竟?jié)將介紹網(wǎng)站標(biāo)準(zhǔn)化?！　?.5.1 CSS讓網(wǎng)頁更容易設(shè)計-5維護(hù)　　萬維網(wǎng)出現(xiàn)以后，大大改變了人們的信息獲取方式，以前從報紙、電視、廣播上獲取信息，現(xiàn)在可以更方便地通過網(wǎng)絡(luò)、瀏覽器獲得。Web上的信息也曰益豐富，從一開始簡單的、靜態(tài)的文檔和圖片信息，到現(xiàn)在動態(tài)的、可交互的多媒體信息，Web上的信息已經(jīng)多到可以用“恐怖”來形容。到2008年年底，Google搜索引擎已經(jīng)能夠搜索到82億張網(wǎng)頁和21億張圖像。這么多的數(shù)據(jù)是財富，但是如果不能有效利用和搜索就是“信息垃圾”。而事實上，已經(jīng)產(chǎn)生了數(shù)據(jù)冗余和信息無法有效共享、查詢的情況?！　?9％的網(wǎng)站都是采用HTML制作的，而HTML并不符合XML格式，因此這些網(wǎng)頁信息都很難適應(yīng)未來新設(shè)備和數(shù)據(jù)共享的要求。國際萬維網(wǎng)組織（W3C.org）已經(jīng)提出了解決這個問題的辦法，他們在HTML基礎(chǔ)上，按照XML格式制定了新的規(guī)范XHTML 10。只要通過簡單的改變，就能將HTML轉(zhuǎn)為XHTML，從而實現(xiàn)向XML的過渡。同時，為了使頁面信息更加容易被搜索和重用、XHTML的代碼需要結(jié)構(gòu)更加清晰、標(biāo)簽更加有語義，W3C推薦使用CSS來控制表現(xiàn)，以實現(xiàn)內(nèi)容與表現(xiàn)的相分離。　　World Wide Web最早是以文件的概念組成，希望透過網(wǎng)頁與超鏈接，讓文件與知識更容易連接援引。從HTML語法大量使用文件概念的標(biāo)簽（例如代表標(biāo)題的　　、代表段落的　?。筒浑y看出WWW的這個特質(zhì)?！　∪欢鳺WW比起早期其他網(wǎng)絡(luò)媒介更迷人的地方，在于它能直接在頁面上嵌入并呈現(xiàn)圖片，這個改變讓W(xué)WW發(fā)展迅速，也讓頁面視覺裝飾大為盛行。但網(wǎng)頁先天的文件特性，讓圖像排版設(shè)計難以施展手腳，于是像利用嵌套表格與圖像拼組而成的頁面開始盛行，以求達(dá)到精準(zhǔn)元素定位與更精美的視覺效果。這個潘多拉盒子一開，造成了許多失控的亂象，讓頁面的源代碼變得難以閱讀與維護(hù)?！　榱俗尵W(wǎng)頁在視覺上可以有更多元的表現(xiàn)，W3C在1996年推出CSS第一版，提供解決之道。不過由于CSS有賴于瀏覽器的支持，因此長久以來，CSS的推展情況一直不佳，直到IE 6、Firefox等主流瀏覽器支持CSS，才漸漸改善?！　SS語法是要讓網(wǎng)頁內(nèi)容與視覺呈現(xiàn)分離，一方面使得頁面維護(hù)工作更容易，不會因內(nèi)容或視覺效果改變影響到另一方，這樣的頁面設(shè)計也對搜尋引擎更為友善，更容易搜尋到頁面內(nèi)容。其次，CSS也可以增加頁面在不同媒介的呈現(xiàn)效果。同一份頁面可依據(jù)用途不同，例如在屏幕顯示或打印，而自動切換不同的CSS語法，讓呈現(xiàn)最佳化。也由于讀取頁面的媒介越來越多元（如手機(jī)、PDA），CSS可以彈性調(diào)整呈現(xiàn)方式。這些都更加彰顯了CSS在網(wǎng)頁上的優(yōu)勢?！　?.5.2 扔掉Table使用XHTML+CSS的布局　　在開發(fā)標(biāo)準(zhǔn)化的網(wǎng)站時，時不時能夠看到一些頁面整體布局的問題，要求用DIV做一些Table才能做到的，否則就以此為把柄說XHTML+CSS布局方法不好。其實，首先要做的是改變思維，以適應(yīng)XHTML+CSS的布局?！　?.面向頁面設(shè)計而非面向瀏覽器設(shè)計　　XHTML+CSS能夠?qū)崿F(xiàn)的是一種流布局，也就是隨著內(nèi)容的長度自動增長區(qū)域，并且最終導(dǎo)致整個頁面增長，這時候瀏覽器就必須顯示滾動條。Table強(qiáng)迫癥的一個征兆就是極力避免流布局，希望以瀏覽器的可視區(qū)域為布局目標(biāo)，要求在可視區(qū)域中劃分內(nèi)容區(qū)域而不是在頁面上劃分內(nèi)容區(qū)域?！　嶋H上XHTML是無法針對瀏覽器設(shè)計的，因為它僅僅包含語義，或者說是內(nèi)狡而瀏覽器如何去表現(xiàn)這些內(nèi)容是無法確定的。CSS提供了控制表現(xiàn)方式的一種途徑，但這僅僅是針對主流瀏覽器的，而且瀏覽器支持的“指令集”還有稍微的差別（說到這里，真希望能夠為一個瀏覽器寫CSS，然后編譯為全平臺兼容代碼），最后這些指令暫時還僅僅支持針對頁面的流式布局控制。因此，如果決定要開始寫符合語義的XHTML，并且僅僅用CSS控制布局，首先就要把思路轉(zhuǎn)變?yōu)槊嫦蝽撁妫ɑ蛘哒f是文檔）的布局控制，而非面向瀏覽器可視區(qū)域的布局控制。　　接下來肯定有人要說，“那就是承認(rèn)了有些布局老方法很容易做到，但新方法很難做到啦”。這是當(dāng)然的，然而這不成為繼續(xù)使用Table的理由。這時候要反過來探討原始目標(biāo)，是為什么要控制布局?低層次的需求是為了美觀，誰都希望同樣的內(nèi)容能夠以更好的視覺效果展示在用戶眼前。高層次的需求是為了控制受眾的瀏覽方式，讓他們能夠按預(yù)先設(shè)計好的方式來區(qū)分頁面內(nèi)容的輕重點，按照期望優(yōu)先瀏覽某些內(nèi)容，同時也幫助他們更快地找到想要的內(nèi)容，而不會在網(wǎng)站內(nèi)感到沮喪。

圖書封面

圖書標(biāo)簽Tags

無

評論、評分、閱讀與下載

---

    Dreamweaver CS4開發(fā)標(biāo)準(zhǔn)布局Web 2.0網(wǎng)站 PDF格式下載

---