荔枝视频app黄
Menu

網頁設計黑客名人堂

<返回列表

荔枝视频成人app網頁設計師一直都是一群狡猾的人。如果有一個特定的外觀或功能,荔枝视频app黄旧版本需要實現,荔枝视频直播大片免费软件通常可以拚湊一個解決方案。即使沒有具體的標準或工具來指導荔枝视频app黄,情況也是如此。這就是網頁設計黑客的概念發揮作用的地方。

黑客是創造性的,通常是迂回的方法,使一個網站的外觀或工作以某種方式。有時,它們帶有一種消極的內涵。例如,基於HTML表的布局被正確地嘲笑為屏幕閱讀器無法訪問.但並不是所有的黑客都是壞人。

事實上,他們的部署是出於對可能發生的事情施加壓力的需要。網絡總是有它的局限性,設計師們用黑客來試圖繞過它們。

在此之後,讓荔枝视频app黄旧版本看一看過去幾年中最有用和最流行的網頁設計黑客,因為它的靈感來自於推特討論和其他設計師一起。雖然他們不一定與荔枝视频直播大片免费软件今天的標準相一致,但在他們自己的時代,他們卻是農民的殿堂。

布局:HTML表和CSS浮動

荔枝视频app黄旧版本的第一批選擇將一起進入這個虛擬的名人堂。雖然它們各自的峰值使用時間相隔數年,但它們本質上是用來完成相同的任務的:多顏色布局。

HTML表

在css到達現場之前,早期的網頁隻是單列事件。沒有填充或邊距,也沒有將內容放置在水平列中的標準方法。也就是說,直到某個有進取心的靈魂決定使用桌子來達到這個目的。

當然,HTML表是用來保存表格數據的,而不是頁麵布局。但是,在CSS出現之前,它們實際上是完成任務的有效方法。

CSS浮動

表有許多缺點--包括上述可訪問性問題。它們在瀏覽器中呈現的速度也很慢。所以,當CSS浮動介紹,它被看作是一個改變遊戲的網頁設計師。

浮點數不是HTML標記,所以它們更容易訪問,可以提高性能。突然之間,通過CSS可以實現多顏色的布局,並且可以更好地適應屏幕大小這樣的事情。

然而,浮標並沒有把荔枝视频直播大片免费软件一路帶到應許之地。如果希望列具有相同的高度,則附加清除攻擊必須執行。

今天,這些物品中的每一件都是非常有用的,當它們被用於原來的目的時。但對於布局,他們的日子是謝天謝地完成的。

Sketch of a website UI.

元素間距:不間斷空間(&nbsp;)和Spacer.gif

麵向細節的網頁設計師經常在尋找空間元素到精確像素的方法。再說一次,這在當時可不那麽容易。因此,使用非破缺空間( ;)和間隔.gif來獲得對間隔的更多控製。

不間斷空間(&nbsp;)

想要在水平方向上撞擊一個元素,但不需要對中或對齊?增加幾個不破壞的空間就能做到這一點。

然而,這並不是一門精確的科學。每個空格的實際大小取決於字體係列和字體大小。即使考慮到這些差異,根據訪問者使用的瀏覽器和操作係統,這次黑客攻擊的外觀也可能有所不同。

Spacer.gif

這種更精確的間隔攻擊是通過創建透明的.gif映像(通常命名為Spacer.gif)並將其放入頁麵中。整潔的一麵是,因為它是一個透明的圖像,設計師可以將高度和寬度設置為任何像素量,而不會對外觀或性能產生負麵影響。

CSS使這兩種黑客都過時了。但你難道不知道WordPress古登堡編輯器有一個Spacer塊可以做同樣的事情嗎?這僅僅是為了表明需求仍然存在。

Resizing arrows.

排版:基於圖像的文本

這個需要很簡單。早期的Web基本上僅限於安裝在用戶係統上的字體。當然,設計師們無法了解用戶可以訪問的所有字體--除了諸如TimesNewRoman、GeorgiaArial和Helvetica等基礎知識之外。

隨之而來的是一種可怕的決定,那就是創建滿是文本的圖像。Photoshop。雖然這允許使用幾乎任何字體,但它是以可訪問性為代價的。此外,使用圖像代替HTML標題標記也會消除頁麵的語義--可能會對SEO造成損害。

A person typing on a laptop computer.

粘性標題和導航:框架

HTML框架也許是在他們的時代之前,因為荔枝视频成人app曾經用過的許多任務現在都是通過CSS和JavaScript完成的。

這個概念相當簡單。布局中的每個單獨的“框架”實際上是它自己的頁麵。這是一種將頁眉、頁腳或導航從站點的其他內容中分離出來的簡單方法。例如,對導航進行更改意味著單個文件中的單個更改。它與服務器端包含的DID類似,隻是包含了一些其他的設計好處。

其中最主要的是創建“粘性”標題和導航的能力。當用戶瀏覽內容時,他們仍然可以輕鬆地瀏覽站點。

這項技術達到了目的,但遠非理想。它在不同屏幕尺寸上的適應性不強,不是很好對於SEO也是如此。對於可能從惡意URL加載框架也存在一些安全問題。

An assortment of picture frames.

圖像優化:切片圖像

在寬帶普及之前,圖像優化是至關重要的。即使是一張50 KB的圖像,也能在緩慢的連接過程中稱下一頁。

軟件巨頭Adobe提供了一個有趣的解決方案。帶著意象準備軟件設計人員可以將一幅圖像分割成任意數量的小片。然後可以對每個單獨的切片進行優化,理論上使它們可以快速下載。

但這還不是全部。然後,該軟件可以將切片導出到HTML表中。從那裏,您可以複製並粘貼HTML到您的頁麵。

這種技術的問題有兩方麵。首先,表布局可能需要額外的時間來呈現--可能會扼殺您已經實現的任何優化。其次,這可能是一個真正的痛苦維持。例如,將導航項添加到大型標頭圖形可能需要從一組全新的片重新開始,因此需要更改模板。

雖然圖像優化仍然很重要,但值得慶幸的是,寬帶允許荔枝视频app黄在大文件方麵有更多的回旋餘地。即使如此,Photoshop的現代版本仍然提供圖像切片和HTML導出。

A sliced image in Photoshop.

安撫Internet Explorer:<!--[if IE]>

直到今天,聽到網頁設計師的聲音還是很平常的。包括我自己)詛咒Internet Explorer頑強的存在。它的遺產生命還在繼續,部分原因是有些用戶根本不願放棄它。

正因為如此,荔枝视频app黄似乎永遠都在繞開IE的許多專利怪癖和限製。多年來,這包括使用條件注釋檢測IE用戶並提供其他樣式。

它有些多才多藝,因為您可以將樣式應用於所有版本的IE。<!--[if IE]>,或者針對那些使用舊版本的用戶。<!--[if lt IE 11]>。您還可以反向使用它,查找大於或等於特定版本的版本。<!--[if gte IE 10]>.

微軟一定有一些同情的網頁設計師,因為它使這些有條件的評論工作在IE。謝天謝地,他們新推出的Edge瀏覽器不需要這麽胡說八道。

Code displayed on a screen.

網頁設計黑客要記住

在荔枝视频app黄的名人堂的黑客當然不是唯一使用的網頁設計師。有數不清的解決辦法幫助荔枝视频成人app做了看似不可能的事情。但是,這份清單的不同之處在於它們的大量使用,在某些情況下,它們得到了大公司的支持。

也許荔枝视频最受男士欢迎的网站能對他們說的最好的事情就是他們成功了。荔枝视频最受男士欢迎的网站用它們作為達到目的的手段。當然,它們可能是通過磨損膠帶把它們粘合在一起的,但是在瀏覽器中實現這種高尚的設計感覺是一項真正的成就。

更好的是,他們幫助為今天的網絡鋪平了道路。此列表中的大多數項已被HTML和CSS標準所取代,這對每個人都有好處。


最新網站設計資訊
企業網站建設

企業網站建設優化一條龍,多年品牌網站設計,營銷網站開發,手機網站製作,響應式網站設計

聯係荔枝视频最受男士欢迎的网站

電話:15557455058QQ:1611387063 郵箱:[email protected]

聯係荔枝视频app黄旧版本總監微信

微信

Copyright © 2010-2020 荔枝视频成人app建站版權所有

網站建設企業網站建設網站建設公司網站製作公司網站開發公司 站點地圖