頁面

RWD 適應性網頁設計

適應性網頁設計簡介

適應性網頁設計 (Responsive Web Design) 簡稱 RWD ,也有人說是自適應網頁設計,或是響應式網頁設計。隨著行動裝置愈來愈多樣化,適應性網頁設計也愈來愈流行。

RWD 是一種網頁設計的技術,這種設計主要是希望讓網站在多種瀏覽裝置上(例如:個人電腦、平板電腦,以及手機…等行動裝置),都能夠順利閱讀和導覽,並且可以減少在小型裝置瀏覽器上,縮放、平移和捲動螢幕的操作。

適應性網頁設計和過去的網頁設計方式,究竟有什麼不同呢?

傳統網頁設計的瀏覽呈現

傳統的網頁設計方式,在不同裝置上,都是同樣的呈現方式。在小型裝置瀏覽器下顯示,只是網頁依比例縮小。有時照片、文字、選單、按鈕…等,都小到看不清楚,或是不容易點選。所以需要使用縮放手勢,不斷的去放大縮小觀看網頁。 (如下圖)

傳統網頁設計 - 瀏覽示意圖

適應性網頁設計的瀏覽呈現

RWD 的網頁設計方式,則是依不同的螢幕解析寬度,去調整不一樣的網頁顯示及導覽方式,讓小型裝置瀏覽器上的網頁,字體不至於縮到太小,選單、按鈕、連結…等,也不太需要經過縮放,就能方便點選操作。 (如下圖)

RWD 適應性網頁設計 - 瀏覽示意圖

網站案例

網頁設計與架站

網站建置與設計 (Web Design, Programming and Deploy)

隨著科技的進步,網站的規劃與建置需求愈來愈高,現在已經不是為了網站而建置網站的時代了,而是要更仔細的去想,我們需要網站來為我們做些什麼?希望能夠達到什麼樣的功效?

這是我們所擅長的,我們所擁有的專業技術,能夠為您打造一個特有的網站,符合您所想要的需求,我們也會儘量提出我們的建議,告訴您什麼樣的網站功能對您的幫助最大。

網站建置類型 (Solutions of Website Plan)

  • 公司網站、形象網站、官方網站、機關單位網站、社團網站
  • 企業內部入口網站 (EIP)
  • 客戶關係管理系統 (CRM)
  • 電子商務 (EC)、網路商店、線上金流
  • 拍賣整合
  • 個人化網站、部落格、網路相簿
  • 群眾募資網站
  • Facebook 整合: Facebook 粉絲團建立、 Facebook 應用程式開發
  • 其它客製化專案

網站建置技術分類 (Types and Technologies of Website)

HTML 網頁設計
以美工頁面及文字內容所組成,可穿插 Flash 使網站更有生氣。
PHP / JSP 網站
以 MySQL 為資料庫或以 XML 為資料來源,可增加與使用者互動之功能,以及更多進階後台管理。
ASP / ASP.NET 網站
Access 或 SQL Server 為資料庫或以 XML 為資料來源,可增加與使用者互動之功能,以及更多進階後台管理。

我們所擅長的網頁相關資訊技術

作業平台:
Linux 、 FreeBSD 、 Windows Server
網頁技術:
HTML 、 HTML5 、 DHTML 、 XHTML 、 CSS 、 CSS3 、 Java Script 、 Ajax 、 jQuery 、 jQuery UI 、 jQuery Mobile 、 MVC 、 XML 、 JSON 、 RWD 、 Bootstrap
網頁程式:
PHP 、 ASP 、 ASP.NET (Web Form) 、 ASP.NET (MVC) 、 ASP.NET (Core MVC) with (Entity Framework Core) 、 JSP 、 Python 、 Django 、 Action Script 、 Flex
地圖定位:
Google Map API 整合、 Mapbox API 整合
資 料 庫:
MySQL 、 SQL Server 、 Access
Web App:
iPad 、 iPhone 、 Android
多 媒 體:
Flash
網路環境:
網路規劃、佈線及伺服器架設
其  它:
ADSI 、 LDAP 、 Web Standards 、搜尋引擎最佳化 (SEO) 、系統整合、平台開發、無障礙規範

網站案例

https://phd.com.tw/category/客戶案例/網站案例/