網站製作與網頁設計

網站製作經驗分享

RWD網頁很好用,但是你還可以這樣做

不啟用星號不啟用星號不啟用星號不啟用星號不啟用星號
 

響應式網頁設計(Responsive Web Design, 簡稱RWD),是目前很流行的網頁設計方式,也算是一種趨勢吧!

透過CSS3的技術,讓網頁可以隨使用裝置螢幕的大小,調整至適合的瀏覽畫面。這讓手機、平板及桌上型電腦可以使用同一個網頁的內容,非常方便。

 

但是你知道嗎?

很多網站的手機版,平板和桌上型的內容都是一樣的。

 

沒錯啊!這就是RWD

 

但是有些適合桌上型電腦的呈現方式,真的適合手機嗎?

 

手機的螢幕小,就要有適合它的內容。雖然現在有大尺寸的智慧型手機,但螢幕其實也算是比較小。因為攜帶方便嘛!

 

使用Helix Ultimate和SP Page Builder,你可以在不同裝置上呈現不一樣的內容,很不錯吧!

 

使用Helix Ultimate的版型產生器,你可以在欄與列裡面,設定區塊要顯示在哪些裝置上。

rwd helixu col 1

這個設計就很棒了!原以為只有隨裝置大小調整來顯示,現在也可以設定在哪些裝置才顯示。

 

在SP Page Builder裡面,RWD的調整就更靈活了。

 

可以針對列來做設定

rwd sppb row 1

 

欄也可以

rwd sppb col 1

 

附加元件也沒問題

rwd sppb addon 1

 

透過顯示裝置的設定,是不是可以讓你的網站在不同裝置上有更不一樣的表現呢!

 

payment fm paypayment 711 paypayment ecpaypayment paypalpayment masterpayment visa