文章

英堡文化事業有限公司

公司簡介

英堡文化創辦人在二十年前接受過美語正音的訓練,深刻了解在成年後再校正美語發音需要驚人的毅力與投入非常多的時間!因此開發一套能讓第一次學美語,就能學好正確發音的美語拼音遊戲,也能透過改良的拼音系統自我校正美語發音,讓更多人可以用更有效率、且更好記的方式,來學習標準美語發音!

網站內容

此網站為 RWD 網頁設計。內容主要提供:公司成立宗旨、現有產品介紹、近期將推出產品、合作方案及聯絡資訊,並提供繁體中文及簡體中文多語系切換功能。

網站頁面展示

首頁

英堡文化網站 (首頁)

產品說明頁

英堡文化網站 (產品說明頁)

RWD 手機網頁

英堡文化網站 (RWD 手機網頁)

相關連結

樂玻璃網站

品牌介紹

鄭銘梵在國立研究所畢業後,放棄大學教職機會,隨即返鄉傳承家業。不僅在玻璃藝術方面,擁有深厚的底子。更以考工記「材有美,工有巧」精神,堅持台灣設計、製造,實踐台灣良品,發揚台灣工藝之美。

近年,因市場漸趨多元化發展,產業與文化創意結合大行其道,正是以創意思考與設計美學出現的時機。在 2015 年成立「樂玻璃」品牌,「樂」為樂活、快樂生活之意。利用各種製造科技,不同角度來看待玻璃,讓玻璃可輕盈又能厚實的矛盾特性,表現各式不同的風貌,使作品區隔出市場定位。也因此榮獲文化部 102 、 104 年「文化創意產業補助計畫」殊榮。

網站功能

此網站系統開發主要提供: RWD 適應性網頁設計、圖片輪播、最新消息管理、作品賞析管理、聯絡表單、多國語系…等頁面功能。

網頁設計展示 – 首頁輪播

樂玻璃網站 (首頁輪播 1)

樂玻璃網站 (首頁輪播 2)

RWD 網頁設計展示

RWD 樂玻璃網站 (首頁輪播)
RWD 樂玻璃網站 (作品賞析)


鼎毅建設股份有限公司

公司簡介

鼎毅建設自 1988 年成立以來,在台灣的這片土地上已經擁有了 40 座鼎毅建設的記憶,超越時代價值得「精品建築」,將會繼續傳頌著「質感生活」的幸福內涵。

鼎毅哲學「寧願質,也不求量」。鼎毅的榮耀在於:用「時間」換取「精品」,用「用心」換取「質感」。

網站功能

此網站系統開發主要提供: RWD 適應性網頁設計、圖片輪播、最新消息管理、熱銷個案管理、工程進度訊息管理、作品大賞、相簿、聯絡表單…等頁面功能。

網頁設計展示 – 首頁

鼎毅建設股份有限公司網站 (首頁)

網頁設計展示 – 關於鼎毅

鼎毅建設股份有限公司網站 (關於鼎毅)

網頁設計展示 – 熱銷個案

鼎毅建設股份有限公司網站 (熱銷個案)

RWD 網頁設計展示

RWD 鼎毅建設股份有限公司網站 (關於鼎毅)
RWD 鼎毅建設股份有限公司網站 (熱銷個案)


網站連結

骨質疏鬆衛教資訊網

網站簡介

骨質疏鬆衛教資訊網,介紹何為骨質疏鬆?如何治療及預防骨質疏鬆?提供新聞訊息及活動資訊,也包含衛教圖片及影片的介紹。

網站功能

此網站系統開發主要提供:網頁 CSS 拆版、支援 RWD 製作、衛教資訊後台管理…等。

網頁展示 – 首頁

骨質疏鬆衛教資訊網 (首頁)

網頁展示 – 認識骨鬆

骨質疏鬆衛教資訊網 (認識骨鬆)

RWD 手機網頁展示

骨質疏鬆衛教資訊網 (RWD 手機網頁)

網站連結

RWD 適應性網頁設計

適應性網頁設計簡介

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

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

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

傳統網頁設計的瀏覽呈現

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

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

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

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

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

網站案例

數位實境教學整合系統 – 學生端平板 APP

公司簡介

帝旺數位科技有限公司 (D-WON) 為數位內容多媒體製造公司,以製作國中小英語課外教材為主、創新、熱忱、關懷為公司經營之理念。

App 功能說明

此 App 主要為數位實境教學整合系統的裝置之一,提供學生使用,操作平板電腦 App 與課堂老師互動。

當老師於課堂上出題時,學生可以透過平板進行作答,老師能夠看到學生的回答狀況,知道哪些人答對或答錯。也可以進行搶答模式,先點選到的人搶答,以獲得加分,增進課堂學習的樂趣。

App 設計畫面展示

學生平板 App - 數位實境教學整合系統 (帝旺數位) - 教學監控

延伸閱讀

頁面

英堡文化事業有限公司

公司簡介

英堡文化創辦人在二十年前接受過美語正音的訓練,深刻了解在成年後再校正美語發音需要驚人的毅力與投入非常多的時間!因此開發一套能讓第一次學美語,就能學好正確發音的美語拼音遊戲,也能透過改良的拼音系統自我校正美語發音,讓更多人可以用更有效率、且更好記的方式,來學習標準美語發音!

網站內容

此網站為 RWD 網頁設計。內容主要提供:公司成立宗旨、現有產品介紹、近期將推出產品、合作方案及聯絡資訊,並提供繁體中文及簡體中文多語系切換功能。

網站頁面展示

首頁

英堡文化網站 (首頁)

產品說明頁

英堡文化網站 (產品說明頁)

RWD 手機網頁

英堡文化網站 (RWD 手機網頁)

相關連結

樂玻璃網站

品牌介紹

鄭銘梵在國立研究所畢業後,放棄大學教職機會,隨即返鄉傳承家業。不僅在玻璃藝術方面,擁有深厚的底子。更以考工記「材有美,工有巧」精神,堅持台灣設計、製造,實踐台灣良品,發揚台灣工藝之美。

近年,因市場漸趨多元化發展,產業與文化創意結合大行其道,正是以創意思考與設計美學出現的時機。在 2015 年成立「樂玻璃」品牌,「樂」為樂活、快樂生活之意。利用各種製造科技,不同角度來看待玻璃,讓玻璃可輕盈又能厚實的矛盾特性,表現各式不同的風貌,使作品區隔出市場定位。也因此榮獲文化部 102 、 104 年「文化創意產業補助計畫」殊榮。

網站功能

此網站系統開發主要提供: RWD 適應性網頁設計、圖片輪播、最新消息管理、作品賞析管理、聯絡表單、多國語系…等頁面功能。

網頁設計展示 – 首頁輪播

樂玻璃網站 (首頁輪播 1)

樂玻璃網站 (首頁輪播 2)

RWD 網頁設計展示

RWD 樂玻璃網站 (首頁輪播)
RWD 樂玻璃網站 (作品賞析)


鼎毅建設股份有限公司

公司簡介

鼎毅建設自 1988 年成立以來,在台灣的這片土地上已經擁有了 40 座鼎毅建設的記憶,超越時代價值得「精品建築」,將會繼續傳頌著「質感生活」的幸福內涵。

鼎毅哲學「寧願質,也不求量」。鼎毅的榮耀在於:用「時間」換取「精品」,用「用心」換取「質感」。

網站功能

此網站系統開發主要提供: RWD 適應性網頁設計、圖片輪播、最新消息管理、熱銷個案管理、工程進度訊息管理、作品大賞、相簿、聯絡表單…等頁面功能。

網頁設計展示 – 首頁

鼎毅建設股份有限公司網站 (首頁)

網頁設計展示 – 關於鼎毅

鼎毅建設股份有限公司網站 (關於鼎毅)

網頁設計展示 – 熱銷個案

鼎毅建設股份有限公司網站 (熱銷個案)

RWD 網頁設計展示

RWD 鼎毅建設股份有限公司網站 (關於鼎毅)
RWD 鼎毅建設股份有限公司網站 (熱銷個案)


網站連結

骨質疏鬆衛教資訊網

網站簡介

骨質疏鬆衛教資訊網,介紹何為骨質疏鬆?如何治療及預防骨質疏鬆?提供新聞訊息及活動資訊,也包含衛教圖片及影片的介紹。

網站功能

此網站系統開發主要提供:網頁 CSS 拆版、支援 RWD 製作、衛教資訊後台管理…等。

網頁展示 – 首頁

骨質疏鬆衛教資訊網 (首頁)

網頁展示 – 認識骨鬆

骨質疏鬆衛教資訊網 (認識骨鬆)

RWD 手機網頁展示

骨質疏鬆衛教資訊網 (RWD 手機網頁)

網站連結

RWD 適應性網頁設計

適應性網頁設計簡介

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

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

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

傳統網頁設計的瀏覽呈現

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

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

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

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

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

網站案例

數位實境教學整合系統 – 學生端平板 APP

公司簡介

帝旺數位科技有限公司 (D-WON) 為數位內容多媒體製造公司,以製作國中小英語課外教材為主、創新、熱忱、關懷為公司經營之理念。

App 功能說明

此 App 主要為數位實境教學整合系統的裝置之一,提供學生使用,操作平板電腦 App 與課堂老師互動。

當老師於課堂上出題時,學生可以透過平板進行作答,老師能夠看到學生的回答狀況,知道哪些人答對或答錯。也可以進行搶答模式,先點選到的人搶答,以獲得加分,增進課堂學習的樂趣。

App 設計畫面展示

學生平板 App - 數位實境教學整合系統 (帝旺數位) - 教學監控

延伸閱讀