【文章內(nèi)容簡介】 允許你檢測頁面的合法連接。不過界面設計過于粗糙，對Image Map圖像的處理也不完全。 　　 　　 下載網(wǎng)址:∥，對HTML語言又有一定的了解，那么你可以選擇下面的幾種軟件來設計你的網(wǎng)頁，他們一定會為你的網(wǎng)頁添色不少。 ●HotDog Professional 5——制作要加入多種復雜技術(shù)的網(wǎng)頁 　　 　　　 HotDog是較早基于代碼的網(wǎng)頁設計工具，其最具特色的是提供了許多向?qū)Чぞ?，能幫助設計者制作頁面中的復雜部分。 HotDog的高級HTML支持插入marquee，并能在預覽模式中以正常速度觀看。這點非常難得，因為即使首創(chuàng)這種標簽的Microsoft在FrontPage 98中也未提供這樣的功能。HotDog對plug－in的支持也遠遠超過其他產(chǎn)品，它提供的對話框允許你以手動方式為不同格式的文件選擇不同的選項。但對中文的處理不很方便。 　　　 HotDog是個功能強大的軟件，對于那些希望在網(wǎng)頁中加入CSS、Java、RealVideo等復雜技術(shù)的高級設計者，是個很好的選擇。 　　　 下載網(wǎng)址:∥ 　　 ●HomeSite ——制作可完全控制頁面進程的網(wǎng)頁 　　 Allaire的HomeSite ，有豐富的幫助功能，支持CGI和CSS等等，并且可以直接編輯perl程序。HomeSite工作界面繁簡由人，根據(jù)習慣，可以將其設置成像Notepad那樣簡單的編輯窗口，也可以在復雜的界面下工作。 　　　 HomeSite具有良好的站點管理功能，鏈接確認向?qū)Э梢詸z查一個或多個文檔的鏈接狀況。 　　 　　　 HomeSite更適合那些比較復雜和精彩頁面的設計。如果你希望能完全控制你制作的頁面的進程，HomeSite 。不過對于生手過于復雜。 　　 　　　 下載網(wǎng)址:∥:∥－ 　　 ●HotMetal Pro ——制作具有強大數(shù)據(jù)嵌入能力的網(wǎng)頁 　　 　　　　 HotMetal既提供“所見即所得”圖形制作方式，又提供代碼編輯方式，是個令各層次設計者都不至于失望的軟件。但是初學者需要熟知HTML，才能得心應手地使用這個軟件。 　　　　 HotMetal具有強大的數(shù)據(jù)嵌入能力，利用它的數(shù)據(jù)插入向?qū)В梢园淹獠康腁ccess、Word、Excel以及其它ODBC數(shù)據(jù)提出來，放入頁面中。而且HotMetal能夠把它們自動轉(zhuǎn)換為HTML格式，是不是很棒，此外它還能轉(zhuǎn)換很多老格式的文檔(如WordStar等)，并能在轉(zhuǎn)換過程中把這些文檔里的圖片自動轉(zhuǎn)換為GIF格式。 　　　　 HotMetal為用戶提供了“太多”的工具，而且它還可以用網(wǎng)狀圖或樹狀圖表現(xiàn)整個站點文檔的鏈接狀況。 下載網(wǎng)址：:∥ 　　 　　以上工具各有千秋，但對于WEB新手來說，所見即所得無疑是最方便的，所以我建議你選擇 DreamWeaver ，在網(wǎng)上人們習慣叫它為“DW”。下面我將在 DreamWeaver里做實例，希望對你有所幫助。網(wǎng)頁布局的把握編輯:未知 來源:網(wǎng)絡 評論:1閱讀:983 [2008/6/22 9:33:13]　 　　由于頁面尺寸和顯示器大小及分辨率有關(guān)系，網(wǎng)頁的局限性就在于你無法突破顯示器的范圍，而且因為瀏覽器也將占去不少空間，留下給你的頁面范圍變得越來越小。一般分辨率在800x600的情況下，頁面的顯示尺寸為：780x428個象素；分辨率在640x480的情況下，頁面的顯示尺寸為:620X311個象素；分辨率在1024X768的情況下，頁面的顯示尺寸為：1007x600。從以上數(shù)據(jù)可以看出，分辨率越高頁面尺寸越大。瀏覽器的工具欄也是影響頁面尺寸的原因。一般目前的瀏覽器的工具欄都可以取消或者增加，那么當你顯示全部的工具欄時，和關(guān)閉全部工具欄時，頁面的尺寸是不一樣的?！　≡诰W(wǎng)頁設計過程中，向下拖動頁面是惟一給網(wǎng)頁增加更多內(nèi)容(尺寸)的方法。但我想提醒大家除非你能肯定站點的內(nèi)容能吸引大家拖動，否則不要讓訪問者拖動頁面超過三屏。如果需要在同一頁面顯示超過三屏的內(nèi)容，那么你最好能在上面做上頁面內(nèi)部連接，方便訪問者瀏覽?！　∈裁词窃煨?，造型就是創(chuàng)造出來的物體形象。這里是指頁面的整體形象，這種形象應該是一個整體，圖形與文本的接合應該是層疊有序。雖然，顯示器和瀏覽器都是矩形，但對于頁面的造型，你可以充分運用自然界中的其它形狀以及它們的組合：矩形，圓形，三角形，菱形等。對于不同的形狀，它們所代表的意義是不同的。比如矩形代表著正式，規(guī)則，你注意到很多ICP和政府網(wǎng)頁都是以矩形為整體造型；圓形帶表著柔和，團結(jié)，溫暖，安全等，許多時尚站點喜歡以圓形為頁面整體造型；三角形代表著力量，權(quán)威，牢固，侵略等，許多大型的商業(yè)站點為顯示它的權(quán)威性常以三角形為頁面整體造型；菱形代表著平衡，協(xié)調(diào)，公平，一些交友站點常運用菱形作為頁面整體造型。雖然不同形狀帶表著不同意義，但目前的網(wǎng)頁制作多數(shù)是接合多個圖形加以設計，在這其中某種圖形的構(gòu)圖比例可能占的多一些?！　№擃^又可稱之為頁眉，頁眉的作用是定義頁面的主題。比如一個站點的名字多數(shù)都顯示在頁眉里。這樣，訪問者能很快知道這個站點是什么內(nèi)容。頁頭是整個頁面設計的關(guān)鍵，它將牽涉到下面的更多設計和整個頁面的協(xié)調(diào)性。頁頭常放置站點名字的圖片和公司標志以及旗幟廣告?！　∥谋驹陧撁嬷谐霈F(xiàn)都數(shù)以行或者塊(段落)出現(xiàn)，它們的擺放位置決定者整個頁面布局的可視性。在過去因為頁面制作技術(shù)的局限，文本放置的位置的靈活性非常小，而隨著DHTML的興起，文本已經(jīng)可以按照自己的要求放置到頁面的任何位置?！　№撃_和頁頭相呼應。頁頭是放置站點主題的地方，而頁腳是放置制作者或者公司信息的地方。你能看到，許多制作信息都是放置在頁腳的。圖片和文本是網(wǎng)頁的兩大構(gòu)成元素，卻一不可。如何處理好圖片和文本的位置成了整個頁面布局的關(guān)鍵。而你的布局思維也將體現(xiàn)在這里。除了文本和圖片，還有聲音，動畫，視頻等等其它媒體。雖然它們不是經(jīng)常能被利用到，但隨著動態(tài)網(wǎng)頁的興起，它們在網(wǎng)頁布局上也將變得更重要。用書的概念來理解小站的結(jié)構(gòu)編輯:佚名 來源:網(wǎng)絡 評論:1閱讀:634 [2008/6/23 9:50:09]博客就像一本書這話其實幾個月前深圳FB時就有扯到，這也不是什么新概念，也許本身就應該是這樣。 打個比方，當你拿到一本未看過的書時，理論上你會翻翻目錄、翻翻前言，通過目錄尋找感興趣的內(nèi)容，或者從頭翻起。那博客呢？當你來到一個未訪問過的博客時，也許你會翻翻導航、翻翻關(guān)于，通過導航尋找感興趣的內(nèi)容，或者從頭看起。^^是不是有點像呢？假如你知道書的某一頁有感興趣的內(nèi)容，你可能就直接翻到第N頁，有點像網(wǎng)站url一樣的功能。你可能給書的某一頁折角或者夾書簽，是不是有點像收藏夾的功能^^，書的內(nèi)容可能存在引用，指向另一本呢，是不是有點像博客文章里有個引用指向另一個網(wǎng)站呢? 但在大多時候，新網(wǎng)站的發(fā)現(xiàn)時，你可能是通過url訪問網(wǎng)站某一部分的內(nèi)容，而新書的發(fā)現(xiàn)你是從頭看起，獲取信息的順序不一樣。事實上，網(wǎng)站也不是書，詳細區(qū)別就不用我講了，換回書的概念。 當你不了解一本書時，你會先翻里面某一頁的內(nèi)容來看嗎？當然，像有人跟你說第XX頁能解決你的問題你去看就明白這種情況就例外了。當你在看書的某節(jié)或者某一頁內(nèi)容時，你會希望 翻到這一頁就是先看到目錄呢？我想這樣的書一定不喜歡。 那網(wǎng)站結(jié)構(gòu)呢?在網(wǎng)站首頁時，是否應該導航優(yōu)先存在于結(jié)構(gòu)呢?＝。＝ 好像全世界都是這樣的；那在詳細內(nèi)容頁面，是否應該內(nèi)容優(yōu)先存在于結(jié)構(gòu)呢？＝。＝好像大家都不是這樣滴。最多在前面加上跳過導航跳過內(nèi)容。 Web標準常說的一個優(yōu)勢就是一個頁適合多種終端訪問，假如你用手勢設備來訪問時，結(jié)構(gòu)的先后存在的優(yōu)勢更加明顯，如果打開某一頁內(nèi)容時，第一屏基本是導航好還是直接看到內(nèi)容好。當然，如果是首頁更期望是導航。事實上，對于手勢設備，我更傾向使用對應的版本（關(guān)于手勢設備使用的結(jié)構(gòu)等我網(wǎng)站的mobile結(jié)構(gòu)寫得差不多再跟大家討論），適合的內(nèi)容給適合的瀏覽器顯示。 除去正常的瀏覽器，手勢設備，還存在各種可用于訪問網(wǎng)站的終端。比如我用手機自帶的瀏覽器訪問，我得到的USERAGENT為空，以前有說過media=”handheld” 為手持設備添加樣式，不過也不是很理想。在還沒處理每個相應瀏覽器的版本時，一個頁適合多種終端訪問這種勉強的作法還是可行的。 當然，如果你認為網(wǎng)站只是在電腦上的瀏覽器顯示的，不需要這樣無聊的結(jié)構(gòu)也是可行滴。那這樣做還有什么好處呢？利于SEO ^^，搜索引擎據(jù)說比較喜歡結(jié)構(gòu)前面的文字，詳細內(nèi)容頁導航是次要滴,也是放在后面。^^悄悄說下Google搜索aoao已經(jīng)可以看到我的新米排到了第一頁，雖然aoao不是什么關(guān)鍵詞，當然對于搜索引擎，域名也是一種策略，不過不這里討論。 對于這種結(jié)構(gòu)，排版也是一種問題，＝。＝，還好CSS能解決這個問題?，F(xiàn)在我的網(wǎng)站就使用這種結(jié)構(gòu)，有興趣的朋友關(guān)掉樣式或者查看代碼看一下。當然，復雜結(jié)構(gòu)的網(wǎng)站使用這樣概念來做，就有點勉強了，但辦法總會是有滴，只是我還沒想到，哎，技術(shù)沒跟上。也許是書架，也許是圖書館，也許什么都不是。HTML教程：認識innerHTML編輯:佚名 來源:網(wǎng)絡 評論:6閱讀:1391 [2008/6/23 9:53:59]本文簡單介紹nnerHTML,希望對初學者有所幫助HTML DOM insertRow() 方法Definition and Usage定義與用法The insertRow() method is used to insert a new row in a specified position in a table.insertRow()方法可用來往表格中的指定位置上插入新行Syntax 語法(index)//索引，增添新行Example 舉例htmlheadscript type=text/javascriptfunction insRow(){(39。myTable39。).insertRow(0)//在文檔中尋找控件}/script/headbodytable id=myTable border=1trtdRow1 cell1/tdtdRow1 cell2/td/trtrtdRow2 cell1/tdtdRow2 cell2/td/tr/tableform//表單內(nèi)放置控件input type=button onclick=insRow()value=Insert new row before the first row//value為控件上將要顯示的內(nèi)容/form/body/html innerHTML是html標簽的屬性，成對出現(xiàn)的標簽大多數(shù)都有這個屬性 //標簽屬性是開始標簽和結(jié)束標簽之間的字符，不包括標簽本身 比如 p id=ppaaaaaaaaaaspan id=ssbbbbbbbb/span /p 這里的p標簽和span標簽嵌套在一起 aaaaaaaaaaspan id=ssbbbbbbbb/span bbbbbbbb ========================= 類似的一個屬性是outerHTML p id=ppaaaaaaaaaaspan id=ssbbbbbbbb/span /p span id=ssbbbbbbbb/spanCSS教程：clear:both清除浮動詳解編輯:佚名 來源:網(wǎng)絡 評論:0閱讀:634 [2008/6/23 10:12:57]對于Clear:both在CSS手冊上是這樣說明的：該屬性的值指出了不允許有浮動對象的邊。這個屬性是用來控制float屬性在文檔流的物理位置的。 當屬性設置float（浮動）時，其所在的物理位置已經(jīng)脫離文檔流了，但是大多時候我們希望文檔流能識別float（浮動），或者是希望float（浮動）后面的元素不被float（浮動）所影響，這個時候我們就需要用clear:both。來清除。比如：[Ctrl+A 全部選擇進行拷貝 提示：可先修改部分代碼，再點擊運行] 如果不用清除浮動，那么第3列文字就會和第2列文字在一起 ，所以我們在第3個這列加一個清除浮動 clear:both。[Ctrl+A 全部選擇進行拷貝 提示：可先修改部分代碼，再點擊運行] ==============================================================通常，我們往往會將“清除浮動”單獨定義一個CSS樣式，如:.clear {clear: both。}然后使用div class=clear/div來專門進行“清除浮動”。不過也有不贊同意見是，div class=clear/div可以不寫，直接在下層清除就可以了。比如本來好好的p style=float:left。width:200px。這個是第1列，/p p style=float:left。width:400px。這個是第2列，/p p style=clear:both。這個是第3列。/p 非要整成p style=float:left。width:200px。這個是第1列，/p p style=float:left。width:400px。這個是第2列，/p div class=clear/divp這個是第3列。/p 這點看來，div class=clear/div確實不需要寫。不過很顯然，我們在網(wǎng)頁設計時還有一種很普遍的情況：[Ctrl+A 全部選擇進行拷貝 提示：可先修改部分代碼，再點擊運行] 該頁面測試在IE下效果正合所要：藍色塊內(nèi)部有紅色和黃色兩個色塊內(nèi)容，同時在藍色塊以下是第三段文本。不過FF的效果可不是這樣的。我們不能單單想在下一層清除就能完成我們的工作，我們必須在浮動元素所在標簽閉合之前及時進行“清除”。[Ctrl+A 全部選擇進行拷貝 提示：可先修改部分代碼，再點擊運行] 對于因多加的div class=clear/div標簽會引起IE和FF高度變化，通過如下方法解決：.clear {clear: both