網站製作與網頁設計

網站製作經驗分享

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

會員評分:  5 / 5

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

響應式網頁設計(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

 

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

 

Image

酷!只要有頁面範本,就可以做一個網站。SP Page Builder頁面編輯器 提供80種漂亮的版型、547個頁面讓你使用,幾分鐘就可建立網站頁面(範本持續增加)。

最新 Tech Agency 技術機構

uucar 救援小英雄

uucar 救援小英雄

汽車道路救援,24小時服務零距離
簡單定位搜尋,
快速找到可靠車廠,讓你輕鬆獲救!

 

LINE 官方帳號設計

EC9 LINE官方帳號設計

#LINE OA
#LINE API 外掛模組
#LINE 官方帳號設計
#LINE官方帳號與Web程式串接

 

payment fm paypayment 711 paypayment ecpaypayment paypalpayment masterpayment visa

加入LINE好友

line pic

給你最新的學習情報!

服務專線:04-23209259