CADCH網頁設計公司取得臺北市都市更新推動中心網站製作案,網頁將依使用者裝置解析度改變版面設計,導入Responsive Web Design,非使用wordpress版型,完全客製化成XOOPS使用之佈景,佈景導入CSS Media Query。
本設計案同時使用javascript與CSS3標籤min-width, max-width來判斷使用者的視窗寬度外,還採用max-device-width標籤判斷裝置解析度。

一般響應式設計,會將手機版的部份作成文字超大、選單位置改變、內容量減少...等。
我們發現當使用者瀏覽過電腦版的網頁,再進入手機版後,會發生不適應情況,找不到電腦版網頁相對應的內容。
KIP設計讓配置位置盡量相同,針對觸控板常用的選單作感應區放大的設計,並保留有觸控筆的裝置,對應滑鼠滑入的效果。
與目前大部份自適應設計不太相同,我們將最小裝置寬度定位在960px而非320px,最大尺寸訂義在1250px,中間尺寸訂位在1160,整體尺寸依首頁內容原素尺寸倍數計算。
為了支援舊版瀏覽器,我們使用了Window resize function(),CSS3與javascript混合使用的方式製作。
本月取得英文網頁設計案,採用二家翻譯社進行翻譯,比對後由中心人員校稿中,全後台管理,網頁可以自行編輯,校稿不需要透過網頁設計師。
特別一提的是我們在後台另外開發新聞統計系統,可以設定日期區間同時過濾新聞類別統計各別點擊數與點擊總數。
CONTACT INFORMATION
其他新聞
-
Adobe Firefly推出革命性影片生成功能 網頁設計迎來新紀元
Published on 2024-10-15 00:00:00 -
佶逸國際生技顧問有限公司多國語言網頁設計案
Published on 2024-07-11 17:00:00 -
鐵件設計-藝鋼金屬架構有限公司
Published on 2023-10-30 18:40:00 -
日本住匠株式會社東京總部官方網頁設計
Published on 2022-04-26 12:00:00 -
佑運環保網站設計完成,使用Bootstrap5原生框架架設而成。
Published on 2022-02-01 20:50:00 -
台灣Pay金流串接網站架設,模組化網頁設計安裝好即可串接
Published on 2021-10-19 17:00:00 -
台灣物理學會獎項申請與評選系統由文網股份有限公司承辦,預計於2022年初上線運作。
Published on 2021-09-25 15:20:00 -
富麗昇旺業股份有限公司形象網頁設計案
Published on 2021-06-20 06:00:00 -
星彩實業有限公司網頁設計案
Published on 2020-02-08 00:00:00 -
一頁式購物網頁設計-一頁式網站整合PChomePay金流,刷卡、ATM直接下單不用加入會員直接購買,真正的一頁式商店。
Published on 2019-12-10 10:00:00 -
元智大學全球事務處網頁設計專案
Published on 2019-01-11 05:00:00 -
CADCH網頁設計於2019年1月17日至20日員工旅遊
Published on 2019-01-08 08:00:00