網(wǎng)頁布局和間的關系

2016-08-07    分類: 網(wǎng)站建設

網(wǎng)站設計和布局基本上都是一個人或者兩個人搞,但是對于設計和布局應該怎么做,創(chuàng)新互聯(lián)的負責人覺得一般來說分工雖然可以不太嚴密,但是卻都需要對這些有一定的了解。有時候用戶對設計師的設計有點難以理解和還原,這時候我們可以看到最主要的原因還是他們對瀏覽器和屏幕的理解不一樣。也有的是因為效果太絢,顏色太多。更有甚者是使用flash制作嫌浪費,而html又雞肋。下面,我們來看一些設計布局和屏幕效果的關系。

  對于屏幕分辨率,大多數(shù)還是以1024×768為主?,F(xiàn)在我們不能確定用戶的ie裝了幾個插件,另外,插件越多,瀏覽器顯示高度越低。而且也不能確定用戶的顯示器是否設置正確,不能確定用戶顯示器的分辨率是否為好分辨率。其典型在于某些寬屏或高屏顯示器,有的是等比例縮小后留白。而更有甚者則是滿屏拉伸。比例就不對了。要使得網(wǎng)頁滿屏。很多人說寬度1003,也有人說是1004。是不是呢?假設客戶要求網(wǎng)頁滿屏。那么,你就要曉得用戶的顯示器尺寸的屏幕分辨率。如果客戶對這玩意認知度很低。就不要輕易去改人家的分辨率。我1440×900的寬屏,我用1024×768的分辨率,我樂意。這樣的話你怎么說呢?如果這客戶要求一定要滿屏,那么問題又出現(xiàn)了,如果交貨的時候客戶換了一臺不同尺寸的顯示器呢?分辨率變大了,你的網(wǎng)頁窄了,分辨率小了,你的網(wǎng)頁寬了!你咋辦。這時候就會很糾結。其實滿屏也分兩種,我姑且命名一種為內(nèi)容滿屏,一種為視覺滿屏。而且所謂內(nèi)容滿屏,就是指網(wǎng)站上的東西,左邊界就在顯示器左邊界,右邊界就是在顯示器右邊界。好的解決辦法就是使用百分比。而百分比帶來的負面效應。但是會使得設計及制作難度增加。而所謂視覺滿屏,其實是一種取巧的做法。而這種方法。其實很簡單,一個網(wǎng)站的頭部,無非就是導航和banner,如果導航在最上邊,那么,將導航的背景呈100%,導航居中。如果banner在最上邊,那么注意處理圖片兩端,還是100%寬+背景。

  另外就是雖然內(nèi)容寬度還有可能是1000、1003、甚至是900或更低,視覺上依然是百分百的寬度,只要避免最小寬度大于瀏覽器寬度、或客戶的顯示器分辨率寬度大于你的最小寬度。最后就是布局和循環(huán)的問題,說網(wǎng)頁制作,直角最簡單。布局以按照設計稿為標準?;蛘哒f叫使用html還原設計稿。對于布局,問題大的,其實還是在設計和還原效果上!雖然可以使用css的負值、浮動、重疊等屬性進行不規(guī)則布局,但問題依然存在,工作量和難度有可能依然會翻倍。對于復雜的設計稿、復雜的效果、甚至是過分的設計,要懂得如何降低使用html還原設計稿的工作量及難度。

 

網(wǎng)站題目:網(wǎng)頁布局和間的關系
URL鏈接:http://www.muchs.cn/news1/39151.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供Google網(wǎng)站策劃、響應式網(wǎng)站、服務器托管、外貿(mào)網(wǎng)站建設、動態(tài)網(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)

成都定制網(wǎng)站建設