【正文】 ＜/DIV＞id=Layer21。VISIBILITY:absolute。TOP:85px。WIDTH:127px ＞ ＜TABLEbgColor=ccccFFborder=1 (Layer2,show)height=15＞ ＜DIV href=F＞總目錄＜/A＞＜/DIV＞＜/TD＞＜/TR＞ ＜TR＞ ＜TDalign=center＞＜A到這里，你就可以看到一個完整的下拉菜單的網(wǎng)頁特效了。這些網(wǎng)站通常只有510頁html文件?！　〉菑乃阉饕娴慕嵌瓤矗谋緝?nèi)容是搜索引擎的寵愛，但“電子目錄”基本上只有公司簡介出現(xiàn)大量文本，主要的產(chǎn)品頁面往往由圖片占據(jù)，文字描述不多，而搜索引擎是看不見圖片的?！　?chuàng)建內(nèi)容豐富的網(wǎng)頁，意味著增加以文本為主的欄目，以及在原有頁面中配上大量的與該網(wǎng)站的關(guān)鍵詞相關(guān)的文本文字。此外，豐富的文本信息還有以下好處： 　　借機(jī)促銷/宣傳產(chǎn)品或服務(wù) 　　經(jīng)常更新內(nèi)容促使用戶經(jīng)常訪問網(wǎng)站 　　這里推薦幾種常用方法來創(chuàng)建內(nèi)容豐富的網(wǎng)頁：　　背景信息：如果是酒店，不妨介紹一下該酒店所在城市的情況及該地區(qū)旅游景點。總之，動用一切有利于銷售你的產(chǎn)品或服務(wù)的背景資料。多介紹一些有關(guān)該產(chǎn)品或服務(wù)的情況，為產(chǎn)品/服務(wù)撰寫評論，如使用情況。我在進(jìn)行網(wǎng)上購物時，一定要查看其他網(wǎng)友針對該產(chǎn)品的評論，并常常被這些隨意的評論所左右，決定我是否購買該產(chǎn)品。賣機(jī)械的獨獨擺張機(jī)器的照片，沒有技術(shù)指標(biāo)、性能優(yōu)勢等介紹，顯得非常潦草。A)：可作為一種自助性的客戶服務(wù)方式，已經(jīng)為很多企業(yè)網(wǎng)站采用。但不是每個人都可以寫出高質(zhì)量的專業(yè)文章。賣珠寶的轉(zhuǎn)載有關(guān)珠寶知識的文章。賣服裝的摘抄今季最新服飾流行趨勢。在這方面，網(wǎng)絡(luò)營銷服務(wù)商網(wǎng)站做得最到位?；ヂ?lián)網(wǎng)包容了隨意轉(zhuǎn)載行為，但決不允許剽竊，這在網(wǎng)上網(wǎng)下沒有任何區(qū)別?！　∮亚殒溄樱涸趺匆惨朕k法去弄幾個友情鏈接過來。這是從提高鏈接廣泛度的角度出發(fā)?？梢栽趯Ψ骄W(wǎng)站的企業(yè)黃頁登個記，再把對方鏈接過來。從長遠(yuǎn)發(fā)展的角度看，這種投入是值得的。手提問:如何制作網(wǎng)頁?編輯:佚名 來源:網(wǎng)絡(luò) 評論:13閱讀:10406 [2008/6/30 22:40:12]經(jīng)常會在網(wǎng)上看到這樣的提問,如何制作網(wǎng)頁呢?　　首先，可以告訴想學(xué)網(wǎng)頁制作的朋友。在基礎(chǔ)之上學(xué)習(xí)起來會比較輕松和快捷的?！　　〗ㄗh你要具備的條件：對電腦熟練操作，使用電腦最好在一年以上，對網(wǎng)頁設(shè)計感興趣，有較充足的學(xué)習(xí)時間，熟悉office辦公軟件?！　〉谝浑A段：開始時最好是學(xué)些網(wǎng)頁編輯軟件，如：FrontPage、。　　第二階段：會用網(wǎng)頁制作軟件后，已會制作一個較完整的網(wǎng)站了。你可以選擇地學(xué)習(xí)。到了這個時候，你就成為真正的網(wǎng)站開發(fā)者了。以上介紹的是制作網(wǎng)頁的主要綱要，希望能夠給想要學(xué)習(xí)制作網(wǎng)頁的朋友一個參考。　　　　軟件，這個軟件最大的特點就是“所見即所得”，也即是制作過程中看到的，便是到時發(fā)布到網(wǎng)絡(luò)上的。每個網(wǎng)頁的組成，不外是文字、表格、圖、動畫還有就是背景音樂等幾個大的元素，搞清楚如何將這些元素擺放進(jìn)去，你也就算懂得如何制作網(wǎng)頁了。其實做網(wǎng)頁并不難，但要做出有特色的網(wǎng)頁來，那就非一朝一夕之功了。網(wǎng)頁制作這一步又可細(xì)分為八步驟由于目前所見即所得類型的工具越來越多，使用也越來越方便，所以制作網(wǎng)頁已經(jīng)變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。建立一個網(wǎng)站就像蓋一幢大樓一樣，它是一個系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設(shè)計出一個滿意的網(wǎng)站。特別是對于個人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬象。網(wǎng)站的主題無定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。常言道：“巧婦難為無米之炊”。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。如何規(guī)劃網(wǎng)站的每一項具體內(nèi)容，我們在下面會有詳細(xì)介紹。網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，目前大多數(shù)網(wǎng)民選用的都是所見即所得的編輯工具，這其中的優(yōu)秀者當(dāng)然是Dreamweaver和Frontpage了，如果是初學(xué)者，F(xiàn)rontpage2000是首選。五、制作網(wǎng)頁材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡單后復(fù)雜來進(jìn)行制作。所謂先簡單后復(fù)雜，就是先設(shè)計出簡單的內(nèi)容，然后再設(shè)計復(fù)雜的內(nèi)容，以便出現(xiàn)問題時好修改。六、上傳測試網(wǎng)頁制作完畢，最后要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，現(xiàn)在上傳的工具有很多，有些網(wǎng)頁制作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網(wǎng)站發(fā)布到自己申請的主頁存放服務(wù)器上。全部測試完畢就可以把你的網(wǎng)址告訴給朋友，讓他們來瀏覽。推廣的方法有很多，例如到搜索引擎上注冊、與別的網(wǎng)站交換鏈接、加入廣告鏈等。在上一篇中介紹了制作主頁前的準(zhǔn)備,這篇來介紹一下網(wǎng)頁制作的工具選擇.工欲善其事，必先利其器。從原理上來講，雖然直接用記事也能寫出網(wǎng)頁，但是對網(wǎng)頁制作必須具有一定的html基礎(chǔ)，非初學(xué)者能及，且效率也很低。我認(rèn)為比較合適的網(wǎng)頁制作軟件首推Dreamweaver，它簡單易學(xué)，功能強(qiáng)大，用它做出的網(wǎng)頁垃圾代碼也比較少，另外，它還可以在我們用所見即所得的環(huán)境制作網(wǎng)頁的同時可以在代檢視窗中看到對應(yīng)的HTML代碼，這對我們學(xué)習(xí)HTML有很大好處。當(dāng)然 Frontpage也不錯，但比起Dreamweaver來還是要稍遜一籌。同時它還提供了自動更新頁面信息的功能。這項技術(shù)使得網(wǎng)頁在DreamWeaver和HTML代碼編輯器之間進(jìn)行自由轉(zhuǎn)換，HTML句法及結(jié)構(gòu)不變。DreamWeaver最具挑戰(zhàn)性和生命力的是它的開放式設(shè)計，這項設(shè)計使任何人都可以輕易擴(kuò)展它的功能。 　　 　　 使用Frontpage98制作網(wǎng)頁，你能真正體會到“功能強(qiáng)大，簡單易用”的含義?！　　　　rontpage98帶有圖形和GIF動畫編輯器，支持CGI和CSS。 FrontPage 98最強(qiáng)大之處是其站點管理功能。FrontPage 98會為你跟蹤文件并拷貝那些新版本文件。 　　 　　 下載網(wǎng)址 :∥●Netscape編輯器——制作簡單的網(wǎng)頁 　　 　　　Netscape Communicator和Netscape Navigator Gold 。你也可以像使用Word那樣編輯文字、字體、顏色，改變主頁作者、標(biāo)題、背景顏色或圖像，定義描點，插入鏈接，定義文檔編碼，插入圖像，創(chuàng)建表格等，是不是與Frontpage 98還有些像。 　　 　　 Netscape編輯器是網(wǎng)頁制作初學(xué)者很好的入門工具。如果你對HTML語言有所了解的話，能夠使用Notepad或UltraEdit等文本編輯器來編寫少量的HTML語句，那么也可以彌補Netscape編輯器的一些不足。如果你的主頁需要很多框架、表單和Image Map圖像，那么Adobe Pagemill 。Pagemill在服務(wù)器端或客戶端都可創(chuàng)建與處理Image Map圖像，它也支持表單創(chuàng)建。在Pagemill ，但仍不支持CSS、TrueDoc和動態(tài)HTML等高級特性。 下載網(wǎng)址:∥ 　 ●Claris Home Page ——快速創(chuàng)建動態(tài)的網(wǎng)頁 　　 　　 如果使用Claris Home Page軟件，你可以在幾分鐘之內(nèi)創(chuàng)建一個動態(tài)網(wǎng)頁。而且Claris Home Page ，增強(qiáng)的站點管理特性還允許你檢測頁面的合法連接。 　　 　　 下載網(wǎng)址:∥，對HTML語言又有一定的了解，那么你可以選擇下面的幾種軟件來設(shè)計你的網(wǎng)頁，他們一定會為你的網(wǎng)頁添色不少。 HotDog的高級HTML支持插入marquee，并能在預(yù)覽模式中以正常速度觀看。HotDog對plug－in的支持也遠(yuǎn)遠(yuǎn)超過其他產(chǎn)品，它提供的對話框允許你以手動方式為不同格式的文件選擇不同的選項。 　　　 HotDog是個功能強(qiáng)大的軟件，對于那些希望在網(wǎng)頁中加入CSS、Java、RealVideo等復(fù)雜技術(shù)的高級設(shè)計者，是個很好的選擇。HomeSite工作界面繁簡由人，根據(jù)習(xí)慣，可以將其設(shè)置成像Notepad那樣簡單的編輯窗口，也可以在復(fù)雜的界面下工作。 　　 　　　 HomeSite更適合那些比較復(fù)雜和精彩頁面的設(shè)計。不過對于生手過于復(fù)雜。但是初學(xué)者需要熟知HTML，才能得心應(yīng)手地使用這個軟件。而且HotMetal能夠把它們自動轉(zhuǎn)換為HTML格式，是不是很棒，此外它還能轉(zhuǎn)換很多老格式的文檔(如WordStar等)，并能在轉(zhuǎn)換過程中把這些文檔里的圖片自動轉(zhuǎn)換為GIF格式。 下載網(wǎng)址：:∥ 　　 　　以上工具各有千秋，但對于WEB新手來說，所見即所得無疑是最方便的，所以我建議你選擇 DreamWeaver ，在網(wǎng)上人們習(xí)慣叫它為“DW”。網(wǎng)頁布局的把握編輯:未知 來源:網(wǎng)絡(luò) 評論:1閱讀:983 [2008/6/22 9:33:13]　 　　由于頁面尺寸和顯示器大小及分辨率有關(guān)系，網(wǎng)頁的局限性就在于你無法突破顯示器的范圍，而且因為瀏覽器也將占去不少空間，留下給你的頁面范圍變得越來越小。從以上數(shù)據(jù)可以看出，分辨率越高頁面尺寸越大。一般目前的瀏覽器的工具欄都可以取消或者增加，那么當(dāng)你顯示全部的工具欄時，和關(guān)閉全部工具欄時，頁面的尺寸是不一樣的。但我想提醒大家除非你能肯定站點的內(nèi)容能吸引大家拖動，否則不要讓訪問者拖動頁面超過三屏?！　∈裁词窃煨?，造型就是創(chuàng)造出來的物體形象。雖然，顯示器和瀏覽器都是矩形，但對于頁面的造型，你可以充分運用自然界中的其它形狀以及它們的組合：矩形，圓形，三角形，菱形等。比如矩形代表著正式，規(guī)則，你注意到很多ICP和政府網(wǎng)頁都是以矩形為整體造型；圓形帶表著柔和，團(tuán)結(jié)，溫暖，安全等，許多時尚站點喜歡以圓形為頁面整體造型；三角形代表著力量，權(quán)威，牢固，侵略等，許多大型的商業(yè)站點為顯示它的權(quán)威性常以三角形為頁面整體造型；菱形代表著平衡，協(xié)調(diào)，公平，一些交友站點常運用菱形作為頁面整體造型?！　№擃^又可稱之為頁眉，頁眉的作用是定義頁面的主題。這樣，訪問者能很快知道這個站點是什么內(nèi)容。頁頭常放置站點名字的圖片和公司標(biāo)志以及旗幟廣告。在過去因為頁面制作技術(shù)的局限，文本放置的位置的靈活性非常小，而隨著DHTML的興起，文本已經(jīng)可以按照自己的要求放置到頁面的任何位置。頁頭是放置站點主題的地方，而頁腳是放置制作者或者公司信息的地方。圖片和文本是網(wǎng)頁的兩大構(gòu)成元素，卻一不可。而你的布局思維也將體現(xiàn)在這里。雖然它們不是經(jīng)常能被利用到，但隨著動態(tài)網(wǎng)頁的興起，它們在網(wǎng)頁布局上也將變得更重要。 打個比方，當(dāng)你拿到一本未看過的書時，理論上你會翻翻目錄、翻翻前言，通過目錄尋找感興趣的內(nèi)容，或者從頭翻起。^^是不是有點像呢？假如你知道書的某一頁有感興趣的內(nèi)容，你可能就直接翻到第N頁，有點像網(wǎng)站url一樣的功能。事實上，網(wǎng)站也不是書，詳細(xì)區(qū)別就不用我講了，換回書的概念。當(dāng)你在看書的某節(jié)或者某一頁內(nèi)容時，你會希望 翻到這一頁就是先看到目錄呢？我想這樣的書一定不喜歡。＝ 好像全世界都是這樣的；那在詳細(xì)內(nèi)容頁面，是否應(yīng)該內(nèi)容優(yōu)先存在于結(jié)構(gòu)呢？＝。最多在前面加上跳過導(dǎo)航跳過內(nèi)容。當(dāng)然，如果是首頁更期望是導(dǎo)航。 除去正常的瀏覽器，手勢設(shè)備，還存在各種可用于訪問網(wǎng)站的終端。在還沒處理每個相應(yīng)瀏覽器的版本時，一個頁適合多種終端訪問這種勉強(qiáng)的作法還是可行的。那這樣做還有什么好處呢？利于SEO ^^，搜索引擎據(jù)說比較喜歡結(jié)構(gòu)前面的文字，詳細(xì)內(nèi)容頁導(dǎo)航是次要滴,也是放在后面。 對于這種結(jié)構(gòu)，排版也是一種問題，＝?，F(xiàn)在我的網(wǎng)站就使用這種結(jié)構(gòu)，有興趣的朋友關(guān)掉樣式或者查看代碼看一下。也許是書架，也許是圖書館，也許什么都不是。myTable39。這個屬性是用來控制float屬性在文檔流的物理位置的。來清除。[Ctrl+A 全部選擇進(jìn)行拷貝 提示：可先修改部分代碼，再點擊運行] ==============================================================通常，我們往往會將“清除浮動”單獨定義一個CSS樣式，如:.clear {clear: both。不過也有不贊同意見是，div class=clear/div可以不寫，直接在下層清除就可以了。width:200px。width:400px。這個是第3列。width:200px。width:400px。/p 這點看來，div class=clear/div確實不需要寫。不過FF的效果可不是這樣的。[Ctrl+A 全部選擇進(jìn)行拷貝 提示：可先修改部分代碼，再點擊運行] 對于因多加的div class=clear/div標(biāo)簽會引起IE和FF高度變化，通過如下方法解決：.clear {clear: both。margintop:1px。}[Ctrl+A 全部選擇進(jìn)行拷貝 提示：可先修改部分代碼，再點擊運行] 有關(guān)表格邊框樣式（CSS）匯總編輯:佚名 來源:網(wǎng)絡(luò) 評論:0閱讀:585 [2008/6/23 10:15:32]表格是數(shù)據(jù)的載體，不再是布局的方式，雖然我們不需要表格來進(jìn)行網(wǎng)頁布局了，但很多表格式的數(shù)據(jù)，還是需要表格這一形式發(fā)揮它的作用！我們知道Dreamweaver在表格制作方面做得非常出色，但是在某些時候還是必須結(jié)合css才能達(dá)到一些特定效果，下面我們先把有關(guān)表格邊框的css語法整理出來，然后另外介紹怎樣用css美化表格的邊框。值可以是三個關(guān)鍵字其中的一個，都不受字體