網頁設計-蓋婭科技有限公司 -- 網路開店頁面寬度設定
正在加載......
X
 
會員帳號 :
會員密碼 :
忘記密碼    加入會員

分享: 把Tellus推薦至Facebook 把Tellus分享至PLURK 把Tellus分享至twitter 把Tellus分享至MURMUR

網路開店 - Portal House版面亂掉怎麼辦?

解決Portal House前台版面亂掉

  當剛開始使用Portal House時,整體頁面預設是跟著視窗大小一起變動,而在設計網站時,很容易只用自己的螢幕解析度來看設計的成果,但別忘記,網站是放在網路上的,來看你網站的人用的解析度是多少,你可不知道哩,不同的解析度會有甚麼問題嗎?問題可大了!來看看下面的例子,你會比較容易瞭解問題是甚麼,如果你使用的不是Protal House後台的話,這篇文章請跳過,這篇文章不適用於你的後台喔。


1024*768下的樣子

1024*768的的顯示畫面


  這是在1024*768下設計的,看起來很正常阿,沒有甚麼問題,美女很美,但如果是在800*600的解析度下看會變怎樣呢?


800*600下的樣子

800*600的的顯示畫面


  由於背景是跟著視窗大小的,所以就變成只有800的寬度了,但是裡面的東西早就放超過800放的下的寬度拉,所以就凸出來了,變成上面那樣,甚麼?你說現在早就沒有人用800*600在看網站了,這倒是真的,不過用寬螢幕一樣有問題,不信?那我們來看看22吋的1920*1024的畫面會變怎樣。


1920*1024下的樣子

1920*1024的顯示畫面


  在1920*1024的解析度時,背景寬度從本來設計時的1024變成1920,但是物件的寬度卻沒有跟著變動,因此各物間之間的間距就變成非常的大,讓網頁看起來空空曠曠的,很不美觀。


  那麼該怎麼解決呢?難道不能把背景固定一個寬度,不要讓背景寬度變大變小變變變了嗎?當然可以阿,不然我寫這篇文章要做甚麼,馬上就來教你解決方法。


解決方法


  進入後台,點選【頁面設定】→【頁面整體設定】,在頁面寬度的欄位填入1000,然後選居中,那為什麼不填1024呢?這是因為當內容太長的時候,瀏覽器的旁邊會有捲軸出現,這個捲軸也會佔掉螢幕的顯示寬度,因此設定1000就好,才不會跟捲軸搶到顯示畫面。


頁面寬度整體設定

  改完了之後我們再來看看800*600以及1920*1024的顯示畫面,就都沒有版面亂跑的問題了。


頁面寬度整體設定

更改後800*600的顯示畫面


頁面寬度整體設定

更改後1920*1024的顯示畫面


  當然也還有可以讓背景去符合螢幕解析度,又不會讓版面亂掉的方法,但是這個方法需要更多的設計概念,就下次再說明囉。

: NT 0
   

分享: 把Tellus推薦至Facebook 把Tellus分享至PLURK 把Tellus分享至twitter 把Tellus分享至MURMUR


站內搜尋

Loading

協力廠商

最後更新 : 01/19/2016

gotop