網站建設中寬屏網頁應該如何布局 寬度1280最合適? 超大圖片和視頻可以作為頁面的背景,也可以僅僅就是一張圖像,能夠營造優秀的視覺效果,但是不推薦使用一些普通平凡的照片作為大圖,推薦使用一些有特色能夠吸引眼球的照片。網站光有圖片肯定不行,還要有文字搭配。大號文字能帶來一種“重要”的感覺,讓人難以忘記。當頁面中句子比較簡潔、直截了當的時候,建議使用這種超大文本的布局方式。重點展示案例作品的網站很適合采用超大設計,大圖片更便于展示作品,體現作品風格。 以及食品與服裝類網站,大幅的美食圖或者模特圖總能起到吸引人的作用。
由于現在寬屏顯示器的流行,實際上,頁面寬度早已經遠遠大于我們的“習慣”參數了。但,我們不可能給每個顯示器定制專屬的頁面,所以,從技術上,可以這樣處理:body{margin:0 auto 0;padding:0;}#main{width:1000px;height:auto;margin:0 auto 0;padding:......}或者:將BODY的背景圖片按橫向平鋪,內容都以百分比來限制寬度,不過對于DIV+CSS布局中的子容器可能不容易定位,但主要內容也有個最小寬度(比如1000像素,建議不要小于800像素)。這樣不管什么樣的顯示器,頁面內容都能正常顯示了。
當然,并不是頁面中所有元素都必須大。巧妙的搭配和組合更為重要,這樣才能達到最好的視覺沖擊。
大圖像必須清晰、深刻、傳遞明確的信息。如果網站是關于食物,那么盡可能多的展示出食物、菜品的細節。最好的大圖網頁設計既能保持色彩的繽紛多樣,又能保持整個頁面的可讀性。因此必須選取一流的圖片,盡量避免使用圖片庫中的圖片,因為你在用這種圖片,別人可能也在用,只有獨一無二才能保證吸引力。字體的選擇也很重要。可以使用一些超過85磅的字體,新奇的字體也能帶來極強的視覺沖擊。試著將字體與色彩結合,逐漸調整,以達到最好的效果。
超大網頁設計的網站的導航很重要,適合使用簡單的導航方式。一般會采用一頁式網頁設計,錨導航工具就很不錯,要保持導航的始終可見性。盡量不要使用復雜的js效果,例如大背景切換等,除非能保證這些效果的流暢性。否則過繁的特效會使用戶的體驗度瞬間下降。
先用動態語言檢測顯示屏模式,然后預先設置3種模式,800*600,1024*768,1280*1024,寬度設置一般是在原寬度設置減25,并把要顯示的圖片也設置為三種顯示模式的,雖然這樣做維護的時候需要做三種模式的圖片,無形中維護的工作加大,但是對于不同的顯示屏來說,就可以隨時都滿屏了~~~ 如果你是想不那么麻煩的話,可以考慮775的做發,那樣無論你是什么顯屏他都只會顯示775,但是有一個缺點,就是顯屏分辨率設置越大,顯示起來網站就會顯示得越小了~~~ 加上顯示的顯示屏大多都有1024*768的。所以如果可以的話,還是以1024*768的為標準就是最好的~~~也就是1024-25=999,就是約等于999,就可以了~~~ 如果你不想那么麻煩還可以考慮直接用CSS設置百分率,好像問問這種的排版方式,直接用CSS來實現,盡量少用圖片,如果有需要的話,就加張寬度大的圖片,然后設置為底圖顯示,那樣就可以既方便又快捷地實現多屏顯示模式了~~~當然也有他的缺點,就是如果網速不夠的話,常常要下載這么大的圖片,會對網站顯示的速度會有所下降~~~~ 總結,最終還是看你需要的~~~你網站瀏覽者大多是多大的顯屏,可以的話,最好先建設一個固定的775網站然后看統計器的統計數據,再調整~~