副參】088 科目：行動網頁製作與應用

(1)

一律橫式作答 2-1 頁

1. (A) 下列有關於網站(Website)的概念之描述，哪一項是錯誤的？(A) 可以看成是一個 WWW 伺服器 (B) 支援 http 與 https 的通訊協定 (C) 提供網頁內容的服務 (D) 沒有特定的網址(7-2-2)

2. (B) 網頁設計流程中的第 1 個步驟是 (A) 雛形化(B) 需求分析 (C) 製作 (D) 部署。

(7-3)

3. (C) 當代較佳的網頁設計(Web design)方法是下列那一種？(A) 以技術為中心的設計 (B) 以組織為中心的設計 (C) 以使用者為中心的設計 (D) 以設計者為中心的設計 (7-3-1)

4. (C) 下列有關於Bootstrap中的螢幕類型描述，那一項是錯誤的？(A) lg是指更大的螢幕尺寸 (B) sm是指平板電腦的螢幕尺寸 (C) md是穿戴式裝置的螢幕尺寸 (D) xs是指智慧型手機的螢幕尺寸 (8-3-1)

5. (A) 下列那一項比較不屬於一般行動網頁開發工具所提供的功能？(A) 已取得授權使用的圖檔 (B) 已開發測試完成的函式庫與樣式檔 (C) 測試行動網頁是否能跨裝置與瀏覽器 (D) 使用者與開發者社群的豐富資源 (8-3-1)

6. (D) 與表格相關的「<table class="table table-hover">」語法，會產生什麼樣的效果？

(A) 表格顏色反轉 (B) 表格列交替呈現底色 (C) 有格線的表格 (D) 游標指向表格列的變色效果 (9-2-2)

7. (B) 下列的哪一個名稱代表 Bootstrap 的導覽列？(A) pagination (B) navbar (C) panel (D) breadcrumb (9-3-3)

8. (B) 下列有關於切換內容標籤(tab)之描述，哪一項是錯誤的？(A) 透過頁籤來切換瀏覽的內容 (B) 頁籤出現在不同頁面 (C) 視窗縮小時會變成直行延伸呈現 (D) 可將nav-tabs 改成 nav-pills 來改變頁籤呈現的效果 (10-2-1)

9. (A) 下列有關於手風琴效果之描述，哪一項是錯誤的？(A) 透過滑鼠游標指向的方式來控制內容的呈現與隱藏 (B) 節省版面空間的配置 (C) 常用於呈現性質類似但是內容不同的資訊 (D) 適合用於需要分項說明的內容 (10-6-1)

10. (D) Bootstrap 的輪播效果對應的是下列哪一項英文名稱？(A) tab (B) modal (C) tooltip (D) carousel (10-8)

(2)

11. (C) 當視窗縮小時，導覽按鈕會出現在哪一個區域？(A) 訊息區 (B) 主要內容區 (C) 導覽列 (D) 頁尾 (11-4-1)

12. (C) 在 Bootstrap 中，假如要使用折疊效果，則 data-toggle 屬性要設為什麼？(A) modal (B) carousel (C) collapse (D) popover (12-2-1)

1. 使用者使用裝置多元化是現況也是未來的趨勢，請簡述多元的裝置對網頁設計的影響？以及網頁設計需要如何因應？ (7-2) (7-4)

2. 何謂 Bootstrap 的格線系統？並請簡述 Bootstrap 的格線系統在製作行動網站的功用。

(7, 8,9,10)

3. 網頁上的組成元素分區通常會分成哪 4 大部份？請任選 2 個分區簡述你會如何設計？ (7-5,8-5)

4. 請任選二種本課程所教授的行動網站製作的技術或工具，並分別簡述其特色。

(7, 8,9,10)

^{一律橫式作答} ^{2-2 頁}