很多非常聰明的人都說過，不從歷史中吸取教訓的人注定要重蹈覆轍。還有人說懷舊誘餌，回顧得到了很多點擊，個人認為回顧一下過去一些過時的UI慣例可能既有趣又有教育意義。

記住他們曾經(jīng)存在的原因，他們是如何死的以及為什么死的很好。它讓我們深入了解好實踐是如何產(chǎn)生的，以及為什么它們是我們擁有的“好”實踐，它為我們構建web的未來提供了環(huán)境。此外，這個行業(yè)每年都有新人加入，他們也應該知道一些這方面的知識。

對于那些現(xiàn)在還沒有本能反應的人來說，標簽就能做到這一點：blink。斷斷續(xù)續(xù)，一會兒在那兒，一會兒不在那兒，就好像它是為了傷害你的眼睛而設計的。這個標簽是在早期瀏覽器大戰(zhàn)的高潮時期發(fā)明的，是瀏覽器專用標簽的早期例子，目的是讓Netscape Navigator比當時剛剛興起的Internet Explorer更有優(yōu)勢。

Flash菜單

在開始時，無法用JavaScript構建動畫導航菜單（即具有懸停狀態(tài)的菜單），或者在Dreamweaver中稱為DHTML，所以用Macromedia Flash創(chuàng)建了帶有動畫按鈕的超炫菜單，并將它們嵌入到制作的每個網(wǎng)站標題中。

有一段時間，基于flash的菜單模板是一個獨立的家庭手工業(yè)，熱點提示：永遠，永遠不要做一個你不能通過編輯文本文件來改變的網(wǎng)站菜單。光是維護成本就令人頭痛不已，搜索引擎也從未掌握在Flash文件中爬行的竅門。

盤旋

框架，最初的AJAX

是的，在我們使用JavaScript在漸進式web應用程序中加載所有數(shù)據(jù)之前，所有的工作都是由瀏覽器完成的，想必現(xiàn)在仍然可以。你知道iframes嗎？他們曾經(jīng)有一個“老大哥”，叫做“框架”，在表格出現(xiàn)之前，我們用它來做基本的布局。

問題是，即使他們允許瀏覽器只更新部分頁面，而不是加載一個全新的頁面（某種程度上），他們也破壞了幾個基本的瀏覽器功能，包括：

后退和前進按鈕；

一般瀏覽器歷史；

將鏈接復制粘貼到網(wǎng)站的特定頁面更加困難；

重新加載一個網(wǎng)站肯定有點隨機，通常只會帶你回到“主頁”，因為它是。

最終整個框架集功能被棄用，人們主要使用iframe來加載嵌入內(nèi)容，比如YouTube視頻。

圖像按鈕

不久前，平面設計風靡全球，促使人們說，“等等……那是一個按鈕嗎？”我可以點擊它嗎？為什么要使用自定義游標呢？“在那之前，所有人都在關注那些看起來像3d的按鈕，因為它們很漂亮。聽著，它始于90年代初，我們對1980年至2005年間發(fā)生的任何事情都不提出質(zhì)疑，只是時間不同。

當然，CSS3幾乎關閉了基于圖像的按鈕，當文本被嵌入到圖像中時，按鈕是不可能管理的，而當它不管理時，我們不得不使用上千種技巧使它們甚至是半響應的。有人記得做過一個按鈕嗎？一個部分是loooooong PNG，另一個部分是右邊的角？或者在按鈕的每個角落都有一個單獨的PNG？

選框

曾幾何時，在所有人都開始說圖像滑塊不好之前，HTML實際上有一個內(nèi)置的元素來讓東西在頁面上滑動。它被稱為大帳篷標簽，在它真正死去之前很久，人們就討厭它了。它是在Internet Explorer中實現(xiàn)的，以響應標記，而且對您的眼睛的危害也只是稍微好一點。

它被拋棄了，并因過于分散用戶的注意力而遭到唾棄。

分隔符分隔器/頁面

在我們開始做正確的布局之前，人們需要一種方法來分解長頁的文本，使它們看起來不那么別扭，對于某些人來說，

元素感覺太平淡了，所以當時的設計師們就像他們經(jīng)常做的那樣，將注意力轉向了. gif。它們在本質(zhì)上只是單杠，但只要它們是圖像，它們就可以是你喜歡的任意想象。

這是CSS/CSS3的另一個趨勢，此外，當分隔符在視覺上比文本更令人興奮時，可能會給用戶帶來一些沖突。

站點地圖曾經(jīng)是導航的全部和最終部分，在網(wǎng)站擁有自己的搜索功能之前，您可以使用站點地圖來查找任何給定站點上所需的內(nèi)容。很簡單：所有的內(nèi)容都在那里，你只需要滾動。

現(xiàn)在，很多站點都太大或太小，以至于不需要站點地圖作為UI元素。它們通常仍然由許多CMS自動生成，但它們用于幫助搜索引擎更快地搜索站點。對于中等規(guī)模的網(wǎng)站，這是一個可以恢復的功能，它不會傷害任何人。

表布局

表布局一些人在笑話中嘲笑它，而另一些人則只是在低聲細語中引用它。這是推動網(wǎng)頁設計向前發(fā)展的趨勢，也是一個不能很快消亡的趨勢。它結合了內(nèi)聯(lián)樣式、相當多的混亂以及1像素的.gif文件，這些文件以某種方式將布局組合在一起。

它的死亡是因為CSS有浮動，雖然這是一個骯臟的一個半，它實際上是更好的。我們使用表的時間之所以如此之長，是因為瀏覽器（咳咳）跟不上CSS支持的速度，但它們最終做到了這一點。

奇怪的是，CSS網(wǎng)格就像有表格一樣，但是好多了。

當前名稱：怎樣讓網(wǎng)站建設的布局變得更好
網(wǎng)站URL：http://jinyejixie.com/news/97477.html

網(wǎng)站建設、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡營銷seo公司；服務項目有網(wǎng)站建設等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)