導航:首頁 > 萬維百科 > 滿屏網頁設計

滿屏網頁設計

發布時間:2020-08-18 15:46:12

1、PS網頁設計尺寸問題 需要滿屏

你用PS做出來的是圖片,並不是網頁,圖片是多大,就顯示多大,居中顯示是在代碼里實現的。
如果你想讓圖片居中,可以這樣做:
假如你的解析度是1440*900,,而普通的網頁頁面寬度大部分都是960(PX)。所以你想讓圖片居中就很簡單了,在1440*900的畫布上,左右分別拉兩條輔助線:左邊一條在240px,右邊一條在1200px那裡,在兩條輔助線中間的區域,剛好就是在1440解析度下的居中顯示。
所以看你的解析度,再設置你的網頁設計圖的大小,現在主流的解析度是1440*,而頁的寬度大部分是960(你可以百度一下為什麼這是大部分網站會採取的尺寸)

滿屏需要代碼標簽屬性width:100%來實現,看上面的回答貌似都是說代碼類的,所以你自己看看自己是要代碼類的居中還是要圖片類的居中。
代碼上的居中更簡單,一般採用的是div的magin居中。不過這不屬於你的問題范疇,這里就不說了。

2、製作網頁如何能讓頁面全屏!

如果您想要讓指定網頁頁面全屏顯示的話,您可以在該頁面的html源代碼文件中,添加下面的代碼就能實現了:
<form>
<div align="center">
<input type="BUTTON" name="FullScreen" value="全屏顯示" onClick="window.open(document.location, ''big'', ''fullscreen=yes'')">
</div>
</form>

如果這個方法不滿意,你可以做一個flash。把網頁嵌到裡面。

3、dreamweaver中怎麼讓網頁自適屏幕,達到滿屏效果

採用table來分配布局 最外層的table寬度設置為100%或者96%
麻煩採納,謝謝!

4、想在ps里建一個這種滿屏的網頁大小是多大?

現在國內網站的寬度一般是950到1024之間。

網頁設計標准尺寸:
1、800*600下,網頁寬度保持在778以內,就不會出現水平滾動條,高度則視版面和內容決定。

2、1024*768下,網頁寬度保持在1002以內,如果滿框顯示的話,高度是612-615之間.就不會出現水平滾動條和垂直滾動條。(在dw裡面有設定好的標准值, 1024*768頁面的標准大小是955*600,照著它的尺寸做就行了)

3、在ps裡面做網頁可以在800*600狀態下顯示全屏,頁面的下方又不會出現滑動條,尺寸為740*560左右

4、在PS里做的圖到了網上就不一樣了,顏色等等方面,因為WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣,所以自然會有失色的現象.

頁面標准按800*600解析度製作,實際尺寸為778*434px

頁面長度原則上不超過3屏,寬度不超過1屏

每個標准頁面為A4幅面大小,即8.5X11英寸

全尺寸banner為468*60px,半尺寸banner為234*60px,小banner為88*31px
另外120*90,120*60也是小圖標的標准尺寸

每個非首頁靜態頁面含圖片位元組不超過60K,全尺寸banner不超過14K

5、寬屏顯示器怎樣使打開的網頁滿屏顯示

網頁的寬度和你的顯示器的寬度是沒有關系的,如果一張網頁它的寬度定為1000px,如果你的顯示器的解析度是1024*768的,那剛好全屏顯示了,但如果你是寬屏的,如1280*800,那你看這個網頁的時候兩邊肯定留出空白了,一般網頁都是定好寬度的,但是如果網頁做的時候寬度是按百分比設計的,如100%,那不管是不是寬屏的都能全屏顯示,如果你想讓網頁放大的話,可以用快捷鍵ctrl+來放大網頁的百分比

6、網頁設計:有的網頁顯示得比較滿屏,有的沒這么滿,是因為解析度的問題嗎?怎樣查看網頁的解析度,謝謝

不是瀏覽器的解析度問題。
相同的頁面在不同瀏覽器解析度下顯示的寬度不同,但在同解析度的瀏覽器下,一個頁面顯示的結果都是相同的,不同頁面在同一瀏覽器同一解析度下顯示的寬度不同,就是由於這些頁面自己的設置寬度不同導致的。如你上面的兩個網站,應該是各自的頁面寬度不同導致的。
一般的頁面設計對寬度採用固定尺寸,不同的頁面設置的寬度不同,在瀏覽器中顯示出的寬度自然就不同。以前電腦屏幕不大,一般設計寬度為980px,後來19寬屏顯示器時代,一般的瀏覽器解析度寬度用1280或1440,所以通常用1280作為寬度。
而現在更多大屏顯示器和手機瀏覽用戶的增多,對頁面的瀏覽尺寸的需求更加多樣化。所以現在好的頁面設計一般採用兩種方法,一是採用百分比來做寬高設計。二是採用響應式布局,讓頁面計算瀏覽器寬度,顯示不同內容。這樣能夠適應多種瀏覽器,到達理想的瀏覽效果。

與滿屏網頁設計相關的知識