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

(1)

一律橫式作答 2-1 頁

1. ( O ) 網站(Web site)可以看成是一個 WWW 伺服器，它有特定的網址，能提供網頁內容的服務，且可支援http 與 https 的通訊協定。(7-2-2)

2. ( X ) 格線系統(Grid System) 以各種不同寬度的區塊來分割版面。(8-3-1)

3. ( X ) Bootstrap 對文字進行版面配置時可以運用「<p class=" text-justify ">…</p>」對齊類別的語法，產生置中對齊的效果。(9-2-1)

4. ( O ) 一般行動網頁的版面會把導覽列擺放在網頁最上方。(11-3) 5. ( X ) 登入帳號密碼通常會放置在網頁版面的訊息區。(11-4-1)

6. ( X ) 在 Bootstrap 中，假如要使用折疊效果，則 data-toggle 屬性要設為 carousel。

(12-2-1)

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

2. (D) 下列哪一項軟體或是技術與行動網頁的開發相對比較沒有直接的關聯？(A) RWD (Responsive Web Design) (B) Bootstrap (C) CSS (Cascading Style Sheet) (D) Microsoft PowerPoint (8-2-1)

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

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

4. (C) 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)

5. (C) 下列哪一種網頁元件在視窗縮小時會出現導覽按鈕？(A) 運用折疊效果的元件 (B) 圖片輪播 (C) 導覽列 (D) 彈出訊息 (9-3-3，10-8)

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

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

(2)

8. (D) 在 Bootstrap 中，假如要使用彈出訊息，則 data-toggle 屬性要設為什麼？(A) modal (B) carousel (C) collapse (D) popover (12-2-1)

1. 何謂響應式網頁？請簡述響應式網頁的設計方法及關鍵技術為何？ (7-2，7-4-2) 2. 網頁製作為何需要行動網頁的開發工具？並請簡述行動網站設計的原則有哪些？

(8-2，8-5)

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