正參】082 科目：行動網頁製作與應用

國立空中大學 107 學年度上學期期末考試題【 正參】082

科目：行動網頁製作與應用

一、 是非題(30 分，每題 5 分)

1. ( O ) 因應多元裝置對網頁設計的影響，網頁在設計上應盡量滿足各種版本的特性，

並可宣告適用的主要瀏覽程式，但是最好選擇市占率較高者。(7-4)

2. ( O ) 響應式的網頁設計指的是一種網頁設計方法，依據使用者的瀏覽程式所在的環 境來調整網頁版面，以最佳的外觀呈現。(7-4-2)

3. ( X ) 格線系統使用 row (列)將多個水平排列的 column (欄)群組在一起，至於內容則 是放在 row (列)中。(8-3)

4. ( O ) 行動網站設計的原則是行動優先、單一版本，盡量讓網頁內容具有高度的跨平 台與跨瀏覽器的特性。(8-5-1)

5. ( X ) Bootstrap 對文字進行版面配置時，可以運用「<p class="text-center">…</p>」

對齊類別的語法，產生左右對齊的效果。(9-2-1)

6. ( X ) 在 Bootstrap 中，假如要使用折疊效果，則 data-toggle 屬性要設為「popover」。 (10-5, 10-7,12-2)

二、 選擇題(40 分，每題 5 分)

1. (D) 下列有關於網頁(Webpage)的概念之描述，哪一項是錯誤的？(A) 可以透過 Web browser 解讀與呈現的內容 (B) 一般經由 Web server 來提供 (C) 內容使用標準 化的 HTML 語法 (D) 利用增益集來建立資訊內容之間的關聯 (7-2-2)

2. (C) 下列有關於 Bootstrap 格線系統(Grid System)的描述，哪一項是錯誤的？(A) 將 網頁寬度平分成 12 欄(column) (B) 利用 Bootstrap 設定的類別來設定版面的分 區 (C) 無法依不同螢幕寬度彈性變化 (D) 適用於行動網頁的製作 (8-3-1) 3. (A) Bootstrap 按鈕的語法中，下列哪一種按鈕最小？(A) class="btn btn-default btn-xs"

(B) class="btn btn-default btn-sm" (C) class="btn btn-default btn-lg" (D) class="btn btn-default btn-block" (9-2-5)

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

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

6. (C) 企業的形象標誌通常會放置在哪一個區域？(A) 訊息區 (B) 主要內容區 (C) 導覽列 (D) 頁尾 (11-4-1)

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

8. (A) 在 Bootstrap 中，假如要使用標籤頁，則 data-toggle 屬性要設為什麼？ (A) tab (B) popover (C) modal (D) collapse (12-5-2)

三、 簡答題 (30 分)

假設你接到空大旅行社委託設計製作一個可跨瀏覽器及支援多元裝置的旅遊網 站，請問你將採用哪些軟體或是技術(請至少列出 3 項)來開發設計與製作？並請簡述網 站首頁的版面配置及各版面組成元素的設計為何？(7~12)

科目：行動網頁製作與應用【正參】