2026-2027苗栗縣文化觀光旅遊網站數位優化暨維運管理委託專業服務案

## 2026-2027苗栗縣文化觀光旅遊網站<br>數位優化暨維運管理委託專業服務案

<div style="text-align:center; margin-top:-0.1em;">
<span style="display:inline-block; padding:0.34em 1.6em; border-radius:999px; background:linear-gradient(135deg,#2563EB 0%,#7c3aed 100%); color:#fff; font-size:0.5em; letter-spacing:0.14em;">服務建議簡報</span>
</div>

<div style="margin-top:1.1em; text-align:center; font-size:0.52em; color:#334155; line-height:2.1;">
<div>招標機關　<strong style="color:#0f172a;">苗栗縣政府文化觀光局</strong>　｜　案號 115161</div>
<div>投標廠商　<strong style="color:#0f172a;">提特斯科技有限公司</strong>　｜　統一編號 97512668</div>
</div>

<p class="footer-ref">(對照服務建議書 壹之一, p.1)</p>

---

## 需求分析與簡報大綱

<div style="display:grid; grid-template-columns:1.16fr 0.84fr; gap:0.9em; align-items:start;">
<div>
<div style="display:grid; grid-template-columns:1fr 1fr; gap:0.5em; font-size:0.55em;">
<div style="background:#F8FAFC; border:1px solid #E2E8F0; border-left:5px solid #2563EB; border-radius:8px; padding:0.55em 0.7em;"><strong style="color:#2563EB;">① 被找到</strong><br>GEO／SEO・結構化資料・觀光資料庫 XML 上傳</div>
<div style="background:#F8FAFC; border:1px solid #E2E8F0; border-left:5px solid #7c3aed; border-radius:8px; padding:0.55em 0.7em;"><strong style="color:#7c3aed;">② 被看懂</strong><br>首頁新版型・RWD・無障礙 AA・中英日三語</div>
<div style="background:#F8FAFC; border:1px solid #E2E8F0; border-left:5px solid #16A34A; border-radius:8px; padding:0.55em 0.7em;"><strong style="color:#16A34A;">③ 被信任</strong><br>非法旅宿業名單專區・主機資安・備份與弱掃</div>
<div style="background:#F8FAFC; border:1px solid #E2E8F0; border-left:5px solid #d97706; border-radius:8px; padding:0.55em 0.7em;"><strong style="color:#d97706;">④ 不中斷</strong><br>每月圖文上稿・多語翻譯・SLA 分級與應變</div>
</div>
<div style="margin-top:0.62em; font-size:0.49em; background:#FEF3C7; border:1px solid #FCD34D; border-radius:8px; padding:0.48em 0.75em; line-height:1.58;">
本案標的為<strong>既有網站之優化與維運，非全新建置</strong>；技術現況分兩層處理——<br>
<strong style="color:#16A34A;">① 已勘查</strong>　本團隊已就貴局網站完成<strong>公開可觀測範圍之勘查</strong>（平台型態、三語現況、SEO 與無障礙標章狀態）。<br>
<strong style="color:#d97706;">② 待確認</strong>　<strong>主機規格、資料庫版本與授權、防毒授權期別</strong>等內部資訊仍須貴局提供，履約啟動期確認後承接，<strong>未載明者不臆補</strong>。
</div>
</div>
<div style="font-size:0.52em;">

| § | 本次簡報段落 |
|:--:|---|
| 〇 | 開場與案件理解 |
| 一 | 整體計畫架構與執行構想 |
| 二 | 網站數位優化設計方案 |
| 三 | 網站內容維運與數位經營 |
| 四 | 資訊安全與主機維運管理 |
| 五 | 專案管理・服務水準・風險 |
| 六 | 經費規劃 |
| 七 | 團隊組織與履約能力 |
| 八 | 結尾與答詢 |

</div>
</div>

<p class="footer-ref">(對照服務建議書 壹之一, p.1)</p>

---

![一站雙軸服務全景：左為網站現況待解課題，右為數位優化軸與維運管理軸雙軸服務全景——9 大工作項目 31 條子項全數落在雙軸之下、同一團隊整合交付](diagrams/01-status-and-service-landscape.svg)

</div>

<p class="footer-ref">(對照服務建議書 壹之一, p.2)</p>

---

![整體服務藍圖與 PDCA 季迴圈：雙軸並行、規劃執行查核矯正每季一圈，查核落差直接回饋下一季規劃，與每季弱掃備份流量報告節拍同步](diagrams/03-service-blueprint-pdca.svg)

</div>

<div style="margin-top:0.38em; font-size:0.42em; background:#F8FAFC; border:1px solid #E2E8F0; border-left:5px solid #2563EB; border-radius:8px; padding:0.42em 0.75em; line-height:1.6; color:#1e293b;">
查核發現的落差<strong>直接回饋為下一季的規劃輸入</strong>　｜　<strong>每月月會報＝短迴圈、季查核點＝長迴圈</strong>——兩者交錯，中間不空窗
</div>

<p class="footer-ref">(對照服務建議書 貳之一, p.8)</p>

---

![工作分解結構總覽：貴局 9 大工作項目 31 條子項逐條收斂為六大工作群，需求章節交付物驗收四者逐條對照](diagrams/04-wbs-overview.svg)

</div>

<div style="margin-top:0.38em; font-size:0.4em; background:#F8FAFC; border:1px solid #E2E8F0; border-left:5px solid #16A34A; border-radius:8px; padding:0.42em 0.75em; line-height:1.62; color:#1e293b;">
<strong>交付節奏分兩類</strong>——<strong>持續型</strong>：每月圖文上稿與月工作報告、每季弱掃／備份／流量報告；<strong>階段型</strong>：不定期節慶橫幅與政令宣導、期滿結案成果報告書　▶　<span style="color:#475569;">全期各月均有可查核產出，不出現「前期趕工、後期空窗」</span>
</div>

<p class="footer-ref">(對照服務建議書 貳之三, p.13)</p>

---

## 四大遵循支柱 ＋ 本案業務母法，逐條有落地方式

<div style="display:grid; grid-template-columns:repeat(5,1fr); gap:0.5em; font-size:0.34em; align-items:stretch;">
<div style="background:#F8FAFC; border:1px solid #E2E8F0; border-top:5px solid #2563EB; border-radius:8px; padding:0.6em 0.65em; line-height:1.6;">
<span style="color:#64748b;">國家發展委員會</span><br><strong style="color:#2563EB; font-size:1.12em;">政府網站服務管理規範</strong><br><span style="color:#334155;">版面配置、內容維護與服務品質依規範辦理，改版前後逐條檢核。</span>
</div>
<div style="background:#F8FAFC; border:1px solid #E2E8F0; border-top:5px solid #7c3aed; border-radius:8px; padding:0.6em 0.65em; line-height:1.6;">
<span style="color:#64748b;">數位發展部</span><br><strong style="color:#7c3aed; font-size:1.12em;">無障礙網頁規範　AA 等級</strong><br><span style="color:#334155;">AA ＝ <strong>第 1 優先 ＋ 第 2 優先等級全部檢測項目</strong>，內建於上稿與改版檢查表。</span>
</div>
<div style="background:#F8FAFC; border:1px solid #E2E8F0; border-top:5px solid #0891b2; border-radius:8px; padding:0.6em 0.65em; line-height:1.6;">
<span style="color:#64748b;">國家標準（經濟部標準檢驗局）</span><br><strong style="color:#0891b2; font-size:1.12em;">CNS 27001</strong><br><span style="color:#334155;">承諾主體為<strong>落實控制措施</strong>，以流程導入、稽核執行與紀錄留存為佐證。</span>
</div>
<div style="background:#F8FAFC; border:1px solid #E2E8F0; border-top:5px solid #dc2626; border-radius:8px; padding:0.6em 0.65em; line-height:1.6;">
<span style="color:#64748b;">數位發展部</span><br><strong style="color:#dc2626; font-size:1.12em;">資通安全管理法及子法</strong><br><span style="color:#334155;">委外受託者之資安義務、事件通報時限與機關稽核配合，逐項納入維運程序。</span>
</div>
<div style="background:#FFFBEB; border:1px solid #FCD34D; border-top:5px solid #d97706; border-radius:8px; padding:0.6em 0.65em; line-height:1.6;">
<span style="color:#64748b;">交通部・苗栗縣政府／個資主管機關</span><br><strong style="color:#d97706; font-size:1.12em;">業務母法與個資保護</strong><span style="color:#64748b; font-size:0.85em;">（本案業務特性・見參之一）</span><br><span style="color:#334155;"><strong>發展觀光條例</strong>為非法旅宿名單公布之法源，<strong>法定應公布事項包含負責人或經營者姓名</strong>，涉<strong>個人資料保護法</strong>之個資處理，實際揭露範圍依貴局指示辦理告知與安全維護。</span>
</div>
</div>

<div style="margin-top:0.75em; display:grid; grid-template-columns:0.34fr 0.66fr; gap:0.7em; align-items:center; font-size:0.36em;">
<div style="color:#334155;">★ <strong style="color:#d97706;">這一層是本案的業務特性所在</strong>——一般網站維運案只需守前述四大支柱，本案因承載裁處結果之主動公開，須同時對齊業務母法與個資保護。</div>
<div style="background:linear-gradient(90deg,#EFF6FF 0%,#F5F3FF 100%); border:1px solid #E2E8F0; border-radius:8px; padding:0.5em 0.7em; color:#1e293b;">
<strong>共同落實方式</strong>　上線前逐條檢核　▶　每季自我稽核　▶　標章與紀錄佐證　▶　結案彙整送貴局備查
</div>
</div>

<p class="footer-ref">(對照服務建議書 壹之二, p.4；參之一, p.15)</p>

---

## 網站現況勘查與整理

<div style="text-align:center;">
<img src="images/live-home-annotated.png" style="max-height:452px; max-width:100%; width:auto; border:1px solid #cbd5e1; border-radius:8px;"/>
<p style="font-size:0.4em; margin:0.18em 0 0; color:#475569;">miaolitravel.net 首頁（<strong>115-07-28 上台日實測畫面</strong>）——三處優化著力點直接標在畫面上；<strong style="color:#16A34A;">頁尾無障礙 AA 標章與三語切換均在線</strong>，本案在此基礎上優化。</p>
</div>

<div style="margin-top:0.32em; font-size:0.375em; background:#F8FAFC; border:1px solid #E2E8F0; border-left:5px solid #2563EB; border-radius:8px; padding:0.45em 0.75em; line-height:1.62; color:#1e293b;">
<strong>① 資訊架構</strong>——動線測試（tree testing）後優化版位　｜　<strong>② 三語已在線</strong>——本案補 hreflang 語系對應（詳後頁勘查表）　｜　<strong>③ 名單入口＝最新消息文章</strong>——本案改為<strong>常設可檢索專區</strong>（詳次頁）
</div>

<p class="footer-ref">(對照服務建議書 壹之一, p.1)</p>

---

## 名單現況勘查：每月更新中，檢索可做優化

<div style="text-align:center;">
<img src="images/live-lodging-annotated.png" style="max-height:430px; max-width:100%; width:auto; border:1px solid #cbd5e1; border-radius:8px;"/>
<p style="font-size:0.4em; margin:0.18em 0 0; color:#475569;">觀光網站「最新消息」名單文章頁（<strong>115-07-28 上台日實測</strong>）——每月 2 檔 PDF、最新至 <strong>115-06-30</strong> 止。</p>
</div>

<div style="margin-top:0.32em; font-size:0.375em; background:#FFFBEB; border:1px solid #FCD34D; border-left:5px solid #d97706; border-radius:8px; padding:0.45em 0.75em; line-height:1.62; color:#1e293b;">
名單<strong>持續每月更新、貴局維護量能已在</strong>——缺的是<strong>載體</strong>：文章＋PDF 附件形式<strong>無欄位化檢索</strong>，民眾找特定業者須逐檔開啟比對　▶　<strong style="color:#d97706;">本案把既有維護節奏無縫承接到「常設、可檢索、可追溯」的專區</strong>（相容期別資料批次匯入）
</div>

<p class="footer-ref">(對照服務建議書 參之一, p.15)</p>

---

## 非法旅宿業名單專區——公開透明、維護可追溯

<div style="display:grid; grid-template-columns:1fr 1fr; gap:0.6em; font-size:0.355em; line-height:1.55; margin-bottom:0.38em;">
<div style="background:#FFFBEB; border:1px solid #FCD34D; border-left:5px solid #d97706; border-radius:8px; padding:0.42em 0.65em;">
<strong style="color:#d97706;">法源</strong>　依<strong>發展觀光條例第 55 條第 8 項</strong>，違規情節重大者，主管機關<strong>應</strong>公布名稱、地址、負責人或經營者姓名、違規事項——公布為法定義務；<strong style="color:#dc2626;">情節是否重大之認定權屬貴府</strong>（文化觀光局為執行單位），本團隊建置承載與揭露的系統。
</div>
<div style="background:#F0FDF4; border:1px solid #bbf7d0; border-left:5px solid #16A34A; border-radius:8px; padding:0.42em 0.65em; text-wrap:pretty;">
<strong style="color:#16A34A;">現況（投標前勘查・上台日實測更新）</strong>　名單於觀光網站以<strong>最新消息文章＋每月 PDF 附件</strong>發布（最新至 <strong>115-06-30</strong> 止）；縣府官網另存名單頁（最新一期至 111-05-31）——<strong>兩處並存、皆無欄位化檢索、採月份期別制</strong>。★ 本案把它<strong>轉為站內常設、可檢索的專區</strong>。
</div>
</div>

![非法旅宿業名單專區資訊架構：前臺名單列表、年度檢索與附件下載；後臺單筆維護、年度批次匯入、附件上傳與發布留痕](diagrams/07-lodging-info-architecture.svg)

</div>

<div style="margin-top:0.32em; font-size:0.34em; background:#F8FAFC; border:1px solid #E2E8F0; border-left:5px solid #2563EB; border-radius:8px; padding:0.4em 0.7em; line-height:1.58; color:#1e293b;">
<strong style="color:#2563EB;">檢索軸與資料模型</strong>　以<strong>年度</strong>為檢索主軸、<strong>相容現行期別式資料</strong>之匯入與呈現；「列管／處分依據」單一欄位涵蓋<strong>無照經營與擅自擴大</strong>兩類，新增類別不需改程式　｜　<strong style="color:#7c3aed;">揭露欄位</strong>　依貴局現行名單格式與個資揭露政策<strong>於履約啟動期確認辦理</strong>；若指示納入負責人或經營者姓名，一併規劃個資告知與安全維護措施，<strong>不自行裁決揭露範圍</strong>
</div>

<p class="footer-ref">(對照服務建議書 參之一, p.15)</p>

---

![名單資料維護雙路徑：日常裁處結果逐筆即時上架、年度大量更新批次匯入——同一份名單前後臺共用檢索口徑、異動可追溯、無外部系統依賴](diagrams/09-lodging-maintenance-direct.svg)

</div>

<div style="margin-top:0.38em; font-size:0.4em; background:#F8FAFC; border:1px solid #E2E8F0; border-left:5px solid #2563EB; border-radius:8px; padding:0.42em 0.75em; line-height:1.62; color:#1e293b;">
<strong>匯入前先驗證</strong>——格式與必填欄位逐列檢查，不合規者退回並標示問題列、<strong style="color:#dc2626;">錯誤不進資料庫</strong>　｜　<strong>發布留痕</strong>——每筆異動記錄誰、何時、改了什麼，貴局隨時可回溯查證　<span style="color:#94a3b8;">（維護方式之方案評估詳見服務建議書 參之一（三））</span>
</div>

<p class="footer-ref">(對照服務建議書 參之一, p.18)</p>

---

## 讓苗栗觀光被搜尋引擎與生成式 AI 平台辨識引用

<div style="font-size:0.4em; background:#F8FAFC; border:1px solid #E2E8F0; border-left:5px solid #2563EB; border-radius:8px; padding:0.45em 0.75em; line-height:1.6; margin-bottom:0.5em; color:#1e293b;">
<strong style="color:#2563EB;">內容語意層　▶　結構化資料層　▶　技術 SEO　▶　觸及成果</strong>——前三層是做法、第四層是驗收；旅客問行程的入口正移向生成式 AI 對話，目標是讓苗栗觀光內容<strong style="color:#7c3aed;">被引用</strong>、不只是被排名<br>
對應貴局工作項目：<strong>觀光內容語意化</strong>・<strong>網站結構 SEO</strong>；成果以流量季報之<strong>熱門瀏覽單元、來訪國家</strong>回看，形成調整依據
</div>

<div style="display:grid; grid-template-columns:1fr 1fr; gap:0.4em 0.55em; font-size:0.42em; line-height:1.55;">
<div style="text-align:center; font-weight:700; color:#dc2626;">SEO 現況（本團隊投標前之公開勘查所見）</div>
<div style="text-align:center; font-weight:700; color:#16A34A;">本案作為</div>
<div style="background:#FEF2F2; border:1px solid #fecaca; border-left:5px solid #dc2626; border-radius:8px; padding:0.42em 0.65em; text-wrap:pretty;">首頁<strong>未見 JSON-LD 結構化資料</strong>標記</div>
<div style="background:#F0FDF4; border:1px solid #bbf7d0; border-left:5px solid #16A34A; border-radius:8px; padding:0.42em 0.65em; text-wrap:pretty;">上稿即套用 <strong>JSON-LD</strong>（景點・常見問答・活動・導覽路徑），至少每季更新</div>
<div style="background:#FEF2F2; border:1px solid #fecaca; border-left:5px solid #dc2626; border-radius:8px; padding:0.42em 0.65em; text-wrap:pretty;"><strong>未設 robots.txt</strong>；sitemap 停於 <strong>2021-08-24</strong><br>（外部工具一次性產生之靜態檔）</div>
<div style="background:#F0FDF4; border:1px solid #bbf7d0; border-left:5px solid #16A34A; border-radius:8px; padding:0.42em 0.65em; text-wrap:pretty;">改為<strong>隨內容自動產生</strong>並維護 robots.txt，新上稿內容即時被收錄</div>
<div style="background:#FEF2F2; border:1px solid #fecaca; border-left:5px solid #dc2626; border-radius:8px; padding:0.42em 0.65em; text-wrap:pretty;">不存在之網址<strong>回應 HTTP 200</strong>（軟性 404）；<strong>未設 canonical</strong></div>
<div style="background:#F0FDF4; border:1px solid #bbf7d0; border-left:5px solid #16A34A; border-radius:8px; padding:0.42em 0.65em; text-wrap:pretty;">補正狀態碼、指定<strong>正規化網址</strong>，避免搜尋權重分散與重複內容</div>
<div style="background:#FEF2F2; border:1px solid #fecaca; border-left:5px solid #dc2626; border-radius:8px; padding:0.42em 0.65em; text-wrap:pretty;">三語皆在線、頁面語言正確，惟<strong>未設 hreflang</strong></div>
<div style="background:#F0FDF4; border:1px solid #bbf7d0; border-left:5px solid #16A34A; border-radius:8px; padding:0.42em 0.65em; text-wrap:pretty;">三語版本互相標註 <strong>hreflang</strong>，避免語系互搶、對應正確語系曝光</div>
</div>

<p class="footer-ref">(對照服務建議書 參之二, p.20)</p>

---

## 怎麼做——四招語意工程，標記選 JSON-LD

<div style="display:grid; grid-template-columns:1fr 1fr; gap:0.6em; font-size:0.4em; line-height:1.62;">
<div style="background:#F8FAFC; border:1px solid #E2E8F0; border-left:5px solid #2563EB; border-radius:8px; padding:0.55em 0.75em;">
<strong style="color:#2563EB;">① 問答式標題</strong><br><span style="color:#334155;">標題直接寫成旅客實際會問的問句，而非機關公告式命名。</span>
</div>
<div style="background:#F8FAFC; border:1px solid #E2E8F0; border-left:5px solid #7c3aed; border-radius:8px; padding:0.55em 0.75em;">
<strong style="color:#7c3aed;">② 段首 40–60 字摘要</strong><br><span style="color:#334155;">每段開頭先給 <strong>40–60 字</strong>摘要式回答，讓機器一次擷取到答案。</span>
</div>
<div style="background:#F8FAFC; border:1px solid #E2E8F0; border-left:5px solid #16A34A; border-radius:8px; padding:0.55em 0.75em;">
<strong style="color:#16A34A;">③ JSON-LD 結構化標記</strong><br><span style="color:#334155;"><strong>TouristAttraction</strong>（景點）・<strong>FAQPage</strong>（常見問答）・<strong>Event</strong>（活動）・<strong>BreadcrumbList</strong>（導覽路徑）；上稿即套用、<strong>至少每季</strong>更新。</span>
</div>
<div style="background:#F8FAFC; border:1px solid #E2E8F0; border-left:5px solid #d97706; border-radius:8px; padding:0.55em 0.75em;">
<strong style="color:#d97706;">④ E-E-A-T 可信度標註</strong><br><span style="color:#334155;">標註資料來源、更新時間與權責單位，讓內容被判定為有出處、可信賴。</span>
</div>
</div>

<div style="margin-top:0.5em; font-size:0.36em; background:#EFF6FF; border:1px solid #bfdbfe; border-left:5px solid #2563EB; border-radius:8px; padding:0.45em 0.75em; line-height:1.6; color:#1e293b;">
<strong style="color:#2563EB;">現況起點與標記選型</strong>　公開勘查所見，貴局網站首頁<strong>未見任何 JSON-LD 結構化資料</strong>，本案自零建置；標記選 <strong>JSON-LD</strong>，係因其<strong>與版型解耦</strong>——改版不動標記、可批次產製與驗證。<span style="color:#475569;">（標記方式之方案評估詳見服務建議書 參之二（三））</span>
</div>

<div style="margin-top:0.45em; font-size:0.35em; background:#FEF2F2; border:1px solid #fecaca; border-left:5px solid #dc2626; border-radius:8px; padding:0.45em 0.75em; line-height:1.6;">
<strong style="color:#dc2626;">範圍界定</strong>　GEO 是替<strong>網站內容</strong>做「被搜尋、被生成式 AI 平台引用」的優化（貴局工作項目明列），<strong>並非以生成式 AI 產製交付物</strong>；圖文、翻譯與設計均由本團隊人員產製並經編審。
</div>

<p class="footer-ref">(對照服務建議書 參之二, p.22)</p>

---

## 以「旅客要完成的任務」設計首頁動線

<div style="text-align:center;">
<img src="images/cms-builder-tours-annotated.png" style="max-height:452px; max-width:100%; width:auto; border:1px solid #cbd5e1; border-radius:8px;"/>
<p style="font-size:0.4em; margin:0.18em 0 0; color:#475569;">本團隊自研 Titus CMS 觀光示範站之<strong>實際編輯畫面</strong>——以區塊排序落實任務導向動線；<strong style="color:#dc2626;">本案為既有網站之優化與維運、非更換平台</strong>。</p>
</div>

<div style="margin-top:0.32em; font-size:0.375em; background:#F8FAFC; border:1px solid #E2E8F0; border-left:5px solid #2563EB; border-radius:8px; padding:0.45em 0.75em; line-height:1.62; color:#1e293b;">
<strong>資訊架構以旅客任務分類</strong>——找景點・找美食・找活動・找遊程・查旅宿專區，而非依機關科室分類　｜　上線前以<strong style="color:#7c3aed;">動線測試（tree testing）</strong>驗證「找得到、找得快」　｜　版位配置由<strong>每季流量報告之熱門瀏覽單元</strong>回饋修正；三語共用同一版型骨架
</div>

<p class="footer-ref">(對照服務建議書 參之三, p.24)</p>

---

## 首頁設計方案 A・暖陽客家（可實際操作）

<p style="font-size:0.58em; margin:0 0 0.4em; color:#334155;"><strong style="color:#2563EB;">觀光行銷風——行程搜尋置頂 ＋ 主題探索卡</strong>　已實作為<strong>可實際操作的介面</strong>，非示意草圖。</p>

<div style="display:grid; grid-template-columns:0.64fr 0.36fr; gap:0.8em; align-items:center;">
<div><img src="mockups/a-desktop-hero.jpg" style="width:100%; height:395px; object-fit:cover; object-position:top; border:1px solid #e2e8f0; border-radius:6px;"/><p style="font-size:0.5em; margin:0.15em 0 0; color:#475569; text-align:center;">（示意）方案 A　桌機版首屏</p></div>
<div><img src="mockups/a-mobile-top.jpg" style="height:415px; width:auto; border:1px solid #e2e8f0; border-radius:6px;"/><p style="font-size:0.5em; margin:0.15em 0 0; color:#475569; text-align:center;">（示意）方案 A　行動版首屏</p></div>
</div>

<p style="font-size:0.44em; margin:0.4em 0 0; color:#1e293b;"><strong>方案 A 頁首常駐多語切換（English／日本語）、字級調整（A／A+／A++）與社群分享</strong>；桌機與行動版分開呈現，行動版另見服務建議書 參之三。</p>

<p class="footer-ref">(對照服務建議書 參之三, p.26)</p>

---

## 首頁設計方案 B・山林墨綠（可實際操作）

<p style="font-size:0.58em; margin:0 0 0.4em; color:#334155;"><strong style="color:#16A34A;">形象沉浸風——大圖開場 ＋ 襯線字體</strong>　已實作為<strong>可實際操作的介面</strong>，非示意草圖。</p>

<div style="display:grid; grid-template-columns:0.64fr 0.36fr; gap:0.8em; align-items:center;">
<div><img src="mockups/b-desktop-hero.jpg" style="width:100%; height:395px; object-fit:cover; object-position:top; border:1px solid #e2e8f0; border-radius:6px;"/><p style="font-size:0.5em; margin:0.15em 0 0; color:#475569; text-align:center;">（示意）方案 B　桌機版首屏</p></div>
<div><img src="mockups/b-mobile-top.jpg" style="height:415px; width:auto; border:1px solid #e2e8f0; border-radius:6px;"/><p style="font-size:0.5em; margin:0.15em 0 0; color:#475569; text-align:center;">（示意）方案 B　行動版首屏</p></div>
</div>

<p style="font-size:0.44em; margin:0.4em 0 0; color:#1e293b;">大圖開場承載苗栗山林意象，襯線字體強化文化質感；行動版以<strong>沉浸大圖與價值主張單欄重排</strong>，與桌機共用同一套設計系統、元件不重畫。</p>

<p class="footer-ref">(對照服務建議書 參之三, p.27)</p>

---

## 首頁設計方案 C・典雅靛青（可實際操作）

<p style="font-size:0.58em; margin:0 0 0.4em; color:#334155;"><strong style="color:#d97706;">任務導向——節慶輪播 ＋ 常用服務入口矩陣</strong>　已實作為<strong>可實際操作的介面</strong>，非示意草圖。</p>

<div style="display:grid; grid-template-columns:0.64fr 0.36fr; gap:0.8em; align-items:center;">
<div><img src="mockups/c-desktop-hero.jpg" style="width:100%; height:395px; object-fit:cover; object-position:top; border:1px solid #e2e8f0; border-radius:6px;"/><p style="font-size:0.5em; margin:0.15em 0 0; color:#475569; text-align:center;">（示意）方案 C　桌機版首屏</p></div>
<div><img src="mockups/c-mobile-top.jpg" style="height:415px; width:auto; border:1px solid #e2e8f0; border-radius:6px;"/><p style="font-size:0.5em; margin:0.15em 0 0; color:#475569; text-align:center;">（示意）方案 C　行動版首屏</p></div>
</div>

<p style="font-size:0.44em; margin:0.4em 0 0; color:#1e293b;">服務入口矩陣一屏涵蓋景點／活動／遊程／美食／旅宿專區／非法旅宿名單／交通；<strong>三案並陳供貴局比較，最終採用方案於履約啟動期由貴局選定</strong>。</p>

<p class="footer-ref">(對照服務建議書 參之三, p.29)</p>

---

## 一套設計系統，撐起中英日三語與所有載具

<div style="display:grid; grid-template-columns:1.22fr 0.78fr; gap:0.8em; align-items:center;">
<div>
<img src="images/cms-theme-tokens-annotated.png" style="width:100%; max-height:440px; object-fit:contain; border:1px solid #cbd5e1; border-radius:8px;"/>
<p style="font-size:0.38em; margin:0.18em 0 0; color:#475569; text-align:center;">本團隊自研 Titus CMS「網站與主題」<strong>實際畫面</strong>——色彩・字級・元件單一來源，中英日三語與跨載具共用；色彩對比度同時滿足無障礙 AA 檢測項</p>
</div>
<div style="text-align:center;">
<div style="display:grid; grid-template-columns:1fr 1fr 1fr; gap:0.4em;">
<img src="mockups/a-mobile-top.jpg" style="width:100%; height:365px; object-fit:cover; object-position:top; border:1px solid #e2e8f0; border-radius:6px;"/>
<img src="mockups/b-mobile-top.jpg" style="width:100%; height:365px; object-fit:cover; object-position:top; border:1px solid #e2e8f0; border-radius:6px;"/>
<img src="mockups/c-mobile-top.jpg" style="width:100%; height:365px; object-fit:cover; object-position:top; border:1px solid #e2e8f0; border-radius:6px;"/>
</div>
<div style="margin-top:0.25em; font-size:0.38em; color:#475569; line-height:1.55;">同一設計系統的三種面貌——<strong style="color:#2563EB;">A 暖陽客家／B 山林墨綠／C 典雅靛青</strong>（行動版單欄重排、元件不重畫）</div>
</div>
</div>

<p class="footer-ref">(對照服務建議書 參之三, p.32)</p>

---

## RWD——同一份內容，自適應各載具

<p style="font-size:0.54em; margin:0 0 0.45em; color:#334155;">採<strong style="color:#2563EB;">「優先自適應」</strong>——<strong>單一網址、單一份內容</strong>自適應手機／平板／桌機，維護成本與跨載具內容一致性最佳，<strong>不需維護行動獨立站</strong>。</p>

<div style="margin-top:0.5em; font-size:0.42em; background:#EFF6FF; border:1px solid #bfdbfe; border-left:5px solid #2563EB; border-radius:8px; padding:0.5em 0.75em; line-height:1.6; color:#1e293b;">
<strong style="color:#2563EB;">三段斷點</strong>　桌機 <strong>≥1024px</strong>　｜　平板 <strong>768–1023px</strong>　｜　手機 <strong><768px</strong>　——　同一份內容、同一套設計系統，行動版以<strong>單欄重排</strong>承載，元件不重畫、視覺不走樣。
</div>

<p class="footer-ref">(對照服務建議書 參之四, p.34)</p>

---

## 數位無障礙 AA——標章現況與履約期維持

<div style="background:linear-gradient(90deg,#F0FDF4 0%,#EFF6FF 100%); border:1px solid #bbf7d0; border-left:6px solid #16A34A; border-radius:10px; padding:0.42em 0.75em; font-size:0.42em; line-height:1.6; color:#1e293b; margin-bottom:0.42em;">
<strong style="color:#16A34A;">本站現有標章（數位發展部官方紀錄・投標前已查證）</strong>　<strong style="color:#16A34A; font-size:1.1em;">AA 級</strong>　｜　狀態<strong>啟用</strong>　｜　啟用 <strong>114-08-14</strong>　｜　效期至 <strong>117-08-14</strong>　｜　FreeGo 檢測通過　▶　<strong style="color:#dc2626;">效期完整覆蓋本案履約期</strong>——本案屬<strong>維持既有標章</strong>非重新申請；年度抽測依<strong>取得認證標章之規範版本</strong>辦理。
</div>

<div style="display:grid; grid-template-columns:0.42fr 0.58fr; gap:0.75em; align-items:center;">
<div>
<img src="images/cms-alt-dialog-annotated.png" style="width:100%; max-height:352px; object-fit:contain; border:1px solid #cbd5e1; border-radius:8px;"/>
<p style="font-size:0.35em; margin:0.12em 0 0; color:#475569; text-align:center; text-wrap:balance;">本團隊自研 Titus CMS 媒體庫<strong>實際畫面</strong>——替代文字為 <strong>AA 必填項</strong>、上稿即把關</p>
</div>
<div style="font-size:0.39em; line-height:1.55;">
<div style="background:#F0FDF4; border:1px solid #bbf7d0; border-left:5px solid #16A34A; border-radius:8px; padding:0.42em 0.62em; margin-bottom:0.35em;">
<strong style="color:#16A34A;">① 承諾層</strong>　工作項目要求維持數位發展部無障礙 <strong>AA 等級與標章</strong>，本團隊以<strong>「維持 AA 等級與標章於履約期間不失效」為驗收基準</strong>。
</div>
<div style="background:#F5F3FF; border:1px solid #ddd6fe; border-left:5px solid #7c3aed; border-radius:8px; padding:0.42em 0.62em; margin-bottom:0.35em;">
<strong style="color:#7c3aed;">② 機制層</strong>　AA 檢測項<strong>內建於每月上稿與每次改版檢查表</strong>（替代文字、語言標記、對比度），上稿即檢核、<strong>不等年度複審才回頭補</strong>；依<strong>認證時之現行版本</strong>檢測基準執行，紀錄留存、結案彙整送貴局備查。
</div>
<div style="background:#F8FAFC; border:1px solid #E2E8F0; border-left:5px solid #475569; border-radius:8px; padding:0.42em 0.62em;">
<strong style="color:#475569;">③ 權責層</strong>　標章之申請、補件至送件完成由本團隊協助；核發與複審結果之認定屬主管機關權責。
</div>
</div>
</div>

<div style="margin-top:0.35em; font-size:0.33em; background:#FFFBEB; border:1px solid #FCD34D; border-left:5px solid #d97706; border-radius:8px; padding:0.38em 0.7em; line-height:1.5; color:#1e293b;">
<strong style="color:#d97706;">改版時一併檢視</strong>　現況頁面 viewport 設有 <code>maximum-scale=1</code>（限制行動裝置縮放）——首頁改版時一併檢視縮放相關設定，確保仍維持 AA；最近一次年度抽測紀錄官方頁未列，履約啟動期向貴局索取清單。
</div>

<p class="footer-ref">(對照服務建議書 參之四, p.35)</p>

---

## 無障礙做在頁面裡——前台內建措施實錄

<div style="text-align:center;">
<img src="images/cms-aa-front-header.png" style="width:100%; border:1px solid #cbd5e1; border-radius:8px;"/>
<p style="font-size:0.38em; margin:0.15em 0 0.3em; color:#475569;">「跳至主要內容」skip link 與字級切換——本團隊自研 Titus CMS 前台<strong>實際畫面</strong></p>
</div>

<div style="display:grid; grid-template-columns:1.18fr 0.82fr; gap:0.7em; align-items:start;">
<div>
<img src="images/cms-aa-statement.png" style="width:100%; border:1px solid #cbd5e1; border-radius:8px;"/>
<p style="font-size:0.36em; margin:0.12em 0 0; color:#475569; text-align:center;">無障礙服務聲明頁——依「網站無障礙規範 2.0」<strong>AA 等級</strong>標準設計</p>
</div>
<div>
<img src="images/cms-aa-accesskey.png" style="width:100%; border:1px solid #cbd5e1; border-radius:8px;"/>
<p style="font-size:0.36em; margin:0.12em 0 0; color:#475569; text-align:center;">快速鍵（Accesskey）<strong>Alt+U／C／Z</strong>——網頁導盲磚</p>
</div>
</div>

<div style="margin-top:0.4em; font-size:0.4em; background:#F0FDF4; border:1px solid #bbf7d0; border-left:5px solid #16A34A; border-radius:8px; padding:0.42em 0.75em; line-height:1.6; color:#1e293b;">
skip link・Accesskey・字級切換・逐圖替代文字・逐段語言標記——<strong>內建於本團隊版型工程，非事後補做</strong>　｜　本案為既有網站之優化與維運，AA 措施依現行規範<strong>逐項落實、檢核入每月上稿流程</strong>
</div>

<p class="footer-ref">(對照服務建議書 參之四, p.35)</p>

---

## 多語網站最容易掉分的地方：語言標記

<div style="font-size:0.42em; background:#FEF2F2; border:1px solid #fecaca; border-left:5px solid #dc2626; border-radius:8px; padding:0.45em 0.75em; line-height:1.6; margin-bottom:0.5em;">
★ <strong style="color:#dc2626;">語言標記是多語網站最常見的失分來源</strong>——多數網站只設定「頁面語言」，忽略「<strong>頁內區塊語言</strong>」（AA 第 2 優先檢測項）；中英日並存的觀光網站尤其容易踩到。
</div>

<div style="display:grid; grid-template-columns:1fr 1fr; gap:0.5em; font-size:0.42em; line-height:1.58;">
<div style="background:#F8FAFC; border:1px solid #E2E8F0; border-left:5px solid #2563EB; border-radius:8px; padding:0.5em 0.7em;"><strong>頁面語言未宣告或宣告錯誤</strong><br><span style="color:#64748b;">多語切換只換了內容，語言宣告沒跟著換</span><br>▶ <strong style="color:#16A34A;">各語系於範本層綁定正確宣告，切換即同步</strong></div>
<div style="background:#F8FAFC; border:1px solid #E2E8F0; border-left:5px solid #7c3aed; border-radius:8px; padding:0.5em 0.7em;"><strong>頁內區塊語言未逐段標記</strong><br><span style="color:#64748b;">中文頁夾雜景點外文原名、活動英日文名稱</span><br>▶ <strong style="color:#16A34A;">逐段標記，列入上稿檢查表必檢項</strong></div>
<div style="background:#F8FAFC; border:1px solid #E2E8F0; border-left:5px solid #0891b2; border-radius:8px; padding:0.5em 0.7em;"><strong>圖片替代文字與語系不同步</strong><br><span style="color:#64748b;">替代文字只做中文版，英日版沿用中文</span><br>▶ <strong style="color:#16A34A;">隨語系同步產出，缺漏列為上稿退件項</strong></div>
<div style="background:#F8FAFC; border:1px solid #E2E8F0; border-left:5px solid #d97706; border-radius:8px; padding:0.5em 0.7em;"><strong>語言切換連結無文字語意</strong><br><span style="color:#64748b;">切換入口只有國旗圖示，螢幕報讀器讀不出</span><br>▶ <strong style="color:#16A34A;">以語言名稱文字呈現並標註連結語言</strong></div>
</div>

<div style="margin-top:0.5em; font-size:0.4em; background:#F0FDF4; border:1px solid #bbf7d0; border-left:5px solid #16A34A; border-radius:8px; padding:0.45em 0.75em; line-height:1.6;">
<strong style="color:#16A34A;">對策落地</strong>　頁面語言（第 1 優先）＋ 頁內區塊語言（第 2 優先／AA）逐段標記，檢核內建於<strong>每月上稿流程</strong>——每次上稿即驗，不累積到年度複審才處理。
</div>

<p class="footer-ref">(對照服務建議書 參之四, p.35)</p>
---

## 內容維運循環

![內容維運每月循環：選題、撰稿製圖、編審、多語翻譯、上稿發布、成效回饋六站一圈，成效回饋接回下月選題](diagrams/15-content-ops-monthly-cycle.svg)

</div>
<div style="font-size:0.45em; line-height:1.7;">
<div style="display:grid; grid-template-columns:1fr 1fr; gap:0.45em; margin-bottom:0.5em;">
<div style="background:#EFF6FF; border:1px solid #93c5fd; border-radius:8px; padding:0.45em 0.5em; text-align:center; line-height:1.5;"><strong style="color:#2563EB; font-size:1.3em;">每月 ≥ 10 則</strong><br><span style="color:#475569;">圖文上稿<br>（含多語系新聞稿 1 則）</span></div>
<div style="background:#FFFBEB; border:1px solid #FCD34D; border-radius:8px; padding:0.45em 0.5em; text-align:center; line-height:1.5;"><strong style="color:#d97706; font-size:1.3em;">至多 4 組</strong><br><span style="color:#475569;">節慶橫幅形象圖<br>（節慶前上架、節慶後替換）</span></div>
</div>
● <strong>編審階段內建事實查核與無障礙檢核</strong>，上稿即套用結構化資料，不留待事後補<br>
● 節慶橫幅沿用<strong>單一設計系統</strong>與網站主視覺同調；設計原始檔（Illustrator ＋ JPG）隨結案交付貴局延用<br>
● <strong style="color:#dc2626;">政令宣導即時插單，不佔常態 10 則額度</strong>——貴局備齊素材並提出需求後 <strong style="color:#dc2626;">3 小時內完成製作</strong>，常態內容不因臨時任務而縮水<br>
● 另受理<strong>不定期網頁資訊更新</strong>與<strong>貴局活動推廣配合</strong>，維持網站資訊服務最佳化
</div>
</div>

<p class="footer-ref">(對照服務建議書 肆之一, p.37)</p>

---

![多語系翻譯品質管理流程：術語庫準備、翻譯、母語級獨立校閱、在地化語言標記、定稿發布——翻譯與校閱由不同人執行，避免自我校閱盲區](diagrams/17-translation-qa-flow.svg)

</div>

<div style="margin-top:0.38em; font-size:0.4em; background:#F8FAFC; border:1px solid #E2E8F0; border-left:5px solid #2563EB; border-radius:8px; padding:0.45em 0.75em; line-height:1.62; color:#1e293b;">
<strong>每月多語系新聞稿 1 則</strong>・既有景點<strong>中英日全面檢視更新</strong>　｜　術語庫<strong>同詞同譯</strong>——景點名、地名、活動名跨篇、跨月、跨語一致，校閱所見問題回饋術語庫　｜　<span style="color:#475569;">本團隊品管就術語一致性、格式規範與上稿正確性把關</span>
</div>

<p class="footer-ref">(對照服務建議書 肆之三, p.41)</p>

---

## 讓內容投入對準真實旅客需求

<div style="display:grid; grid-template-columns:1.04fr 0.96fr; gap:0.8em; align-items:center;">
<div>
<img src="images/titus-admin-analytics.png" style="width:100%; max-height:408px; object-fit:contain; border:1px solid #cbd5e1; border-radius:8px;"/>
<p style="font-size:0.36em; margin:0.15em 0 0; color:#475569; text-align:center;">本團隊自研 Titus CMS 成效分析<strong>實際畫面</strong>——裝置分佈・熱門頁面・趨勢與來源；本案季報以契約五項指標為準</p>
</div>
<div style="font-size:0.34em;">

| 季報五項指標 | 這項數據回饋到哪 |
|---|---|
| **熱門來訪國家** | 調整英／日多語內容比重 |
| **熱門瀏覽單元** | 調整每月圖文選題方向 |
| **使用載具** | 驗證 RWD 與版面優先序 |
| **網站瀏覽人次** | 觀察整體造訪趨勢 |
| **網頁總瀏覽人次** | 觀察內容整體曝光量 |

</div>
</div>

<div style="margin-top:0.45em; display:grid; grid-template-columns:0.42fr 0.58fr; gap:0.7em; font-size:0.36em; align-items:center;">
<div style="background:#EFF6FF; border-left:5px solid #2563EB; border-radius:8px; padding:0.45em 0.7em; line-height:1.6;"><strong style="color:#2563EB;">每季 1 次正式報告、全期 4 次</strong><br><span style="color:#475569;">以儀表板呈現，指標與觀察逐項可核對。</span></div>
<div style="background:#F0FDF4; border-left:5px solid #16A34A; border-radius:8px; padding:0.45em 0.7em; line-height:1.6;"><strong style="color:#16A34A;">分析 — 回饋 — 調整閉環</strong><br><span style="color:#475569;">季報結論直接回饋下一季的每月選題與首頁版位配置，數據不只是報表。</span></div>
</div>

<p class="footer-ref">(對照服務建議書 肆之四, p.43)</p>

---

## Titus CMS 版型與設計展示（一）：前台版型

<p style="font-size:0.58em; margin:0 0 0.4em; color:#334155;">本團隊<strong>自研 Titus CMS</strong> 之公開示範站——以下皆為<strong>實際運行畫面</strong>，非概念稿：</p>

<div style="display:grid; grid-template-columns:1fr 1fr; gap:0.6em;">
<div><img src="images/titus-front-travel.png" style="width:100%; height:395px; object-fit:cover; object-position:top; border:1px solid #e2e8f0; border-radius:6px;"/><p style="font-size:0.5em; margin:0.15em 0 0; color:#475569; text-align:center;">觀光旅遊示範站——景點、遊程與主題探索版型</p></div>
<div><img src="images/titus-front-tours-search.png" style="width:100%; height:395px; object-fit:cover; object-position:top; border:1px solid #e2e8f0; border-radius:6px;"/><p style="font-size:0.5em; margin:0.15em 0 0; color:#475569; text-align:center;">環遊行程網・行程搜尋——對應首頁行程搜尋動線</p></div>
</div>

<p style="font-size:0.42em; margin:0.42em 0 0; color:#1e293b; background:#F8FAFC; border:1px solid #E2E8F0; border-left:5px solid #475569; border-radius:8px; padding:0.42em 0.7em; line-height:1.6;"><strong>定位說明</strong>　此處佐證的是本團隊的<strong>內容治理與版型開發能力</strong>；<strong style="color:#dc2626;">本案為既有網站之優化與維運、非更換平台</strong>。</p>

<p class="footer-ref">(對照服務建議書 附件二之三, p.118)</p>

---

## Titus CMS 版型與設計展示（二）：後台管理

<p style="font-size:0.58em; margin:0 0 0.4em; color:#334155;">同一套 CMS 的後台——<strong>排程發布</strong>與<strong>操作紀錄稽核</strong>，正是本案每月上稿與名單維護所需的能力：</p>

<div style="display:grid; grid-template-columns:1fr 1fr; gap:0.6em;">
<div><img src="images/cms-page-settings-schedule.png" style="width:100%; height:395px; object-fit:cover; object-position:top; border:1px solid #e2e8f0; border-radius:6px;"/><p style="font-size:0.5em; margin:0.15em 0 0; color:#475569; text-align:center;">排程發布（觀光示範頁實際畫面）——對應每月 ≥10 則的上稿節奏</p></div>
<div><img src="images/titus-admin-audit.png" style="width:100%; height:395px; object-fit:contain; border:1px solid #e2e8f0; border-radius:6px;"/><p style="font-size:0.5em; margin:0.15em 0 0; color:#475569; text-align:center;">操作紀錄稽核——對應名單維護之發布留痕可追溯</p></div>
</div>

<p style="font-size:0.42em; margin:0.42em 0 0; color:#1e293b; background:#F8FAFC; border:1px solid #E2E8F0; border-left:5px solid #475569; border-radius:8px; padding:0.42em 0.7em; line-height:1.6;"><strong>定位說明</strong>　此處佐證的是本團隊的<strong>內容治理與後台開發能力</strong>；<strong style="color:#dc2626;">本案為既有網站之優化與維運、非更換平台</strong>。</p>

<p class="footer-ref">(對照服務建議書 附件二之三, p.121)</p>

---

![主機與 IDC 共構機房部署與維運架構：左為機房共通環境、右為本團隊責任區——機房共構、主機保固、遠端監控、異常到場、季度備份](diagrams/19-host-idc-architecture.svg)

</div>

<div style="margin-top:0.38em; display:grid; grid-template-columns:1fr 1fr; gap:0.7em; font-size:0.34em; line-height:1.62;">
<div style="background:#F8FAFC; border:1px solid #E2E8F0; border-left:5px solid #2563EB; border-radius:8px; padding:0.45em 0.7em;">
● <strong>遠端為主、異常到場為輔</strong>，平日與假日均即時受理；<strong style="color:#dc2626;">主機硬體故障於上班時間 4 小時內到機關（機房）服務</strong>，固定總價內兼顧穩定與成本<br>
● <strong>SQL 授權／防毒／IDC 月租統一盤點＋到期預警</strong>，避免授權失效造成防護空窗；防毒版本符合 <strong>10.0.12010.0</strong>
</div>
<div style="background:#F8FAFC; border:1px solid #E2E8F0; border-left:5px solid #16A34A; border-radius:8px; padding:0.45em 0.7em;">
● <strong>觀光資料庫 XML 上傳機制維運</strong>——含格式檢核、排程監控與異常處理；<strong style="color:#dc2626;">上傳格式與欄位規格以貴局提供者為準</strong>，不逕自臆定<br>
● 履約期間提供<strong>主機硬體更換乙次</strong>；主機規格、SQL 版本等未載明者，於履約啟動期盤點確認後承接
</div>
</div>

<p class="footer-ref">(對照服務建議書 伍, p.45)</p>
---

![資安防護縱深五層：周邊防護、主機防護、應用防護、資料防護、監控與治理由外而內逐層攔阻，單一環節失守不致全盤淪陷](diagrams/21-defense-in-depth-layers.svg)

</div>

<div style="margin-top:0.55em; font-size:0.35em; background:linear-gradient(90deg,#EFF6FF 0%,#F5F3FF 100%); border:1px solid #E2E8F0; border-radius:8px; padding:0.45em 0.75em; line-height:1.6; color:#1e293b;">
● 逐層對應<strong>國際開放式應用安全計畫（OWASP）前十大風險類型</strong>——注入攻擊、權限控制失效、安全設定缺陷、危險或過舊元件等<br>● 防火牆採<strong>網路層 ＋ 主機層分層防護</strong>，對外服務最小化，規則<strong>與每季弱掃結果連動調整</strong><br>
● 公開勘查所見，現行網站之 <strong>HSTS、X-Frame-Options、nosniff 與 Session Cookie 安全旗標已具備</strong>，本案在此基礎上<strong>補強內容安全政策涵蓋範圍</strong>
</div>

<p class="footer-ref">(對照服務建議書 伍, p.50)</p>

---

## 檢測交給第三方，修補與覆測由本團隊執行

<div style="margin-top:0.4em; font-size:0.45em; background:#EFF6FF; border:1px solid #bfdbfe; border-left:5px solid #2563EB; border-radius:8px; padding:0.45em 0.75em; line-height:1.6; color:#1e293b;">
<span style="white-space:nowrap;"><strong>每季弱掃 1 次・全期 4 次</strong>（檢測與報告出具委由<strong>第三方協力機構</strong>確保獨立性；<strong>修補與覆測由本團隊</strong>執行）</span>　｜　<span style="white-space:nowrap;"><strong>每季備份 ＋ 資安控管檢視 1 次・全期 4 次</strong>（異地副本、還原可行性抽測）</span>　｜　<span style="white-space:nowrap;"><span style="color:#475569;">本項為弱點掃描及報告，不含滲透測試或原始碼檢測</span></span>
</div>

<p class="footer-ref">(對照服務建議書 伍, p.52)</p>

---

## 控制措施逐項落實，事件 1 小時內通報

<div style="margin-top:0.35em; font-size:0.41em; background:#FEF2F2; border:1px solid #fecaca; border-left:5px solid #dc2626; border-radius:8px; padding:0.42em 0.75em; line-height:1.55; color:#1e293b;">
<strong>CNS 27001:2023 四大主題共 93 項控制逐項落實</strong>（承諾主體＝<strong>落實控制措施</strong>，非宣稱持有管理系統驗證）　｜　知悉後 <strong style="color:#dc2626;">1 小時內</strong>通報貴局窗口　▶　第一／第二級 <strong>72 小時內</strong>、重大事件 <strong>36 小時內</strong>完成損害控制或復原　▶　<strong>1 個月內</strong>送改善報告<br>
<strong style="color:#7c3aed;">稽核佐證鏈</strong>——版本異動紀錄・存取日誌・組態與變更紀錄・弱掃與備份紀錄・應變紀錄<strong>逐項留存</strong>，結案彙整為<strong>資安檢測記錄</strong>（成果報告書四類內容之一）
</div>

<p class="footer-ref">(對照服務建議書 伍, p.56)</p>

---

![緊急應變四級分級與快速通道：L1 緊急停擺、L2 一般瑕疵、L3 需求變更、L4 外部環境，另設政令宣導 3 小時快速通道；修復時限僅就可歸責於本案程式瑕疵承擔](diagrams/29-emergency-response-levels.svg)

</div>

<div style="margin-top:0.38em; font-size:0.42em; background:linear-gradient(90deg,#F0FDF4 0%,#EFF6FF 100%); border:1px solid #bbf7d0; border-radius:8px; padding:0.42em 0.75em; line-height:1.6; color:#1e293b;">
★ <strong style="color:#7c3aed;">修復時限僅就「可歸責於本案程式瑕疵」承擔</strong>——邊界清楚，資源才對得準真正緊急的事項　｜　<strong style="color:#16A34A;">政令宣導 3 小時快速通道</strong>獨立於分級排序、<strong>不佔每月 10 則額度</strong>
</div>

<p class="footer-ref">(對照服務建議書 柒之一, p.69)</p>

---

![風險評估矩陣 5×5：發生可能性乘以影響，八項風險落點與分級](diagrams/38-risk-matrix-5x5.svg)

</div>
<div style="font-size:0.345em; line-height:1.58;">
<div style="background:#F8FAFC; border:1px solid #E2E8F0; border-radius:8px; padding:0.4em 0.65em; margin-bottom:0.38em;">
以 <strong>5×5 矩陣</strong>（發生可能性 × 影響）盤點<strong>八項風險</strong>，分低（≤4）／中（5–9）／中高（10–14）／高（≥15）四級。
</div>
<div style="border-left:5px solid #dc2626; background:#FEF2F2; border-radius:6px; padding:0.42em 0.65em;">★ <strong style="color:#dc2626;">R1 既有網站技術現況未明　風險值 16・高</strong><br>
<strong>① 已勘查</strong>　已就公開可觀測範圍完成勘查：平台型態、三語現況、SEO 與無障礙標章狀態<br>
<strong>② 已盤出未明清單</strong>　就<strong>既有系統現況</strong>（內容管理平台、主機、資料庫、防毒、流量、標章）逐項列成<strong>第一批確認清單</strong>，列為履約啟動會議首要議程<br>
<strong>③ 履約啟動期完成盤點確認後承接</strong>　<strong>未載明者不臆補</strong>，涉相容性作業先於測試環境驗證</div>
</div>
</div>

<div style="margin-top:0.5em; display:grid; grid-template-columns:1fr 1fr; gap:0.7em; font-size:0.335em; line-height:1.58;">
<div style="border-left:5px solid #d97706; background:#FFFBEB; border-radius:6px; padding:0.4em 0.65em;"><strong style="color:#d97706;">R3 關鍵人員異動　12・中高</strong><br>依約提報同等資格替補送貴局認可，交接與權限回收並行；<br>平日建立知識傳承文件與備援人力</div>
<div style="border-left:5px solid #7c3aed; background:#F8FAFC; border:1px solid #E2E8F0; border-radius:6px; padding:0.4em 0.65em; text-wrap:pretty;"><strong style="color:#7c3aed;">R2 資安事件　10・中高</strong><br>縱深防護＋每季弱掃＋每季備份層層設防，1 小時通報並啟動應變、優先復原</div>
</div>

<div style="margin-top:0.35em; font-size:0.335em; color:#334155; line-height:1.55;">● 八項風險每月月會報<strong>滾動檢視更新</strong>；重大變更（主機切換、資安事件、人員異動）事前通知貴局共同決策</div>

<p class="footer-ref">(對照服務建議書 拾之一, p.91)</p>

---

![全期執行時程與里程碑甘特圖：四條工作流並行推進，季查核點與月會報雙節拍](diagrams/28-fullterm-gantt.svg)

<div style="font-size:0.36em; line-height:1.65; margin-top:0.35em;">
● 履約自決標日起至 <strong>116 年 7 月 7 日</strong>止（<strong>約 12 個月</strong>）；<strong>四階段</strong>為履約啟動 ▶ 數位優化建置（<strong>前期集中</strong>，先盤點後優化，降低對既有站穩定之衝擊）▶ 內容與維運 ▶ 結案交付——圖上四條工作流為同期並行之工作，結案交付以 ▲ 里程碑標示<br>
● <strong>每月月會報</strong>（計畫主持人主持）＋<strong>每季查核點</strong>為雙方同步節點；<strong style="color:#dc2626;">本案無初驗程序</strong>，貴局接獲備驗通知後 <strong>30 日內</strong>辦理驗收；期滿含<strong>免費協助接管（不超過 5 個工作日為原則）</strong>之交接與知識移轉
</div>

</div>
<div style="font-size:0.31em;">

| 節奏 | 交付物 |
|---|---|
| **每月** | 圖文上稿 ≥10 則、月工作報告、月會報 |
| **每季** | 弱掃報告、網站備份與資安控管檢視、流量概況報告 |
| **不定期** | 節慶橫幅（至多 4 組）、即時政令宣導（3 小時內）|
| **期滿 30 日內** | 成果報告書書面 **6 份**＋電子檔光碟 **6 份**（WORD＋PDF），內容含**功能調整成果・營運記錄・翻譯記錄・資安檢測記錄**四類；另含設計原始檔 JPG＋Illustrator 可編輯檔 |

</div>
</div>

<p class="footer-ref">(對照服務建議書 陸, p.62)</p>
---

## 服務承諾核對

| 服務指標 | 本團隊可承諾之服務水準 |
|---|---|
| 即時政令宣導製作 | 貴局備齊素材並提出需求後 **3 小時內**完成製作 |
| 資安事件通報 | 知悉後 **1 小時內**通報貴局窗口 |
| **L1 緊急停擺受理與回覆** | 平日與假日均即時受理（**受理 30 分鐘內、首次回覆 2 小時內**），先遠端搶修、必要時到場 |
| **主機硬體故障到場與備品** | 緊急情況於上班時間 **4 小時內**到機關（機房）服務；未能即時修復時提供**同級（含）以上備品替用** |
| 每月圖文上稿 | 每月**不少於 10 則**（含多語系新聞稿 1 則翻譯）|
| 每季弱掃／備份／流量季報 | 各**每季 1 次、全期 4 次** |
| **無障礙 AA 等級與標章** | 以**維持 AA 等級與標章於履約期間不失效**為驗收基準；檢核內建每月上稿與每次改版檢查表，依認證時之現行版本檢測基準執行<br><span style="color:#94a3b8;">（標章之申請與補件至送件完成由本團隊協助，核發與複審結果之認定屬主管機關權責）</span> |
| 團隊名冊送認可 | 契約生效後 **10 工作天內**提出 |
| **期滿交接與知識移轉** | 免費協助接管以**不超過 5 個工作日**為原則、交接清單**雙方簽認**；資料依貴局要求刪除銷毀並**留存紀錄**，服務不中斷 |

</div>
<div style="font-size:0.42em;">

<div style="background:#EFF6FF; border:1px solid #93c5fd; border-left:5px solid #2563EB; border-radius:8px; padding:0.5em 0.7em; line-height:1.62;"><strong style="color:#2563EB;">服務時段：分時分級（本案採用）</strong><br>● 上班時間——<strong>L1–L4 全級別受理</strong><br>● 非上班時間——確保 <strong>L1 緊急停擺即時遠端搶修</strong>、必要時派員<br><span style="color:#475569;">最貼合觀光網站<strong>假日查詢高峰</strong>之特性</span></div>

</div>
</div>

<div style="margin-top:0.5em; font-size:0.335em; background:#FFFBEB; border:1px solid #FCD34D; border-left:5px solid #d97706; border-radius:8px; padding:0.45em 0.75em; line-height:1.6; color:#1e293b;">
<strong style="color:#d97706;">承諾之來源說明</strong>　契約服務績效指標之基準值於招標階段留白；本團隊<strong>不臆稱招標文件已訂定基準值</strong>，而依需求說明書所載之明確時限與頻率主動提出上列可承諾水準，作為履約自我管理與議約基礎，<strong>最終數值依契約議定為準</strong>。
</div>

<p class="footer-ref">(對照服務建議書 柒之二, p.71)</p>

---

## 總價 195.72 萬（含稅），占預算上限 99.86%

![經費結構占比圓餅圖：人力成本、主機與機房設備、軟體授權、資安檢測、內容與設計外購、管理及機動費用](diagrams/36-budget-structure-pie.svg)

</div>
<div style="font-size:0.315em;">

| 大項 | 金額（未稅）| 占含稅 |
|---|--:|--:|
| 一、人力成本 | 1,069,000 | **54.6%** |
| 二、主機與機房設備 | 154,000 | 7.9% |
| 三、軟體授權 | 104,000 | 5.3% |
| 四、資安檢測 | 72,000 | 3.7% |
| 五、內容與設計外購 | 68,200 | 3.5% |
| 六、管理及機動費用 | 396,800 | 20.3% |
| **未稅小計** | **1,864,000** | |
| 營業稅 5% | 93,200 | 4.8% |
| **總計（含稅）** | **1,957,200** | **100%** |

<div style="color:#94a3b8; margin-top:0.3em;">占比經四捨五入，逐項加總或有 ±0.1 之差。</div>

</div>
</div>

<div style="margin-top:0.5em; display:grid; grid-template-columns:0.5fr 0.5fr; gap:0.7em; font-size:0.345em; align-items:center;">
<div style="background:#EFF6FF; border-left:5px solid #2563EB; border-radius:8px; padding:0.45em 0.7em; line-height:1.6;"><strong style="color:#2563EB;">人力成本為主體（占含稅 54.6%）</strong><br><span style="color:#475569;">符合資訊服務業以人力為核心之成本結構，涵蓋前期優化建置與全期內容、主機、資安維運人力。</span></div>
<div style="background:#F0FDF4; border-left:5px solid #16A34A; border-radius:8px; padding:0.45em 0.7em; line-height:1.6;"><strong style="color:#16A34A;">含稅且未逾上限</strong><br><span style="color:#475569;">標價新臺幣壹佰玖拾伍萬柒仟貳佰元整（含營業稅），占預算上限 196 萬元之 99.86%。</span></div>
</div>

<p class="footer-ref">(對照服務建議書 玖之一, p.84)</p>
---

## 經費編列依據與單價結構

![經費投入時序與階段配置：前期集中優化、全期均勻攤提維運、季查核與結案時點投入](diagrams/37-budget-investment-timeline.svg)

<div style="font-size:0.35em; line-height:1.6; margin-top:0.35em; background:#EFF6FF; border-left:5px solid #2563EB; border-radius:8px; padding:0.45em 0.65em;">
<strong style="color:#2563EB;">人力拆到角色，不是一團</strong><br>8 個角色、<strong>326 人日</strong>、約 <strong>14.82 人月</strong>（1 人月＝22 工作日），依角色費率結構逐項編列。
</div>

</div>
<div style="font-size:0.30em;">

| 外購項目（摘列 7 項）| 單價 × 數量 | 金額 |
|---|---|--:|
| IDC 共構機房 | 9,500／月 × 12 個月 | 114,000 |
| 第三方弱點掃描 | 18,000／次 × 4 次 | 72,000 |
| 英文翻譯 | 2.0／字 × 至多 6,000 字 | 12,000 |
| 日文翻譯 | 2.2／字 × 至多 6,000 字 | 13,200 |
| 主機硬體更換 | 40,000／式（乙次）| 40,000 |
| 節慶橫幅設計 | 7,000／組 × 4 組 | 28,000 |
| 結案媒體與運費 | 15,000／式 | 15,000 |

<div style="margin-top:0.35em; color:#475569; line-height:1.55;">外購共 <strong>9 項</strong>逐項編列並對標市場行情（另含 SQL 資料庫授權、防毒軟體續購），避免以「一式」籠統帶過。<br>
<strong style="color:#334155;">口徑說明</strong>　上表為<strong>未稅實付採購單價</strong>；經費需求表之對應總表所列為<strong>含稅配賦均價</strong>（含人力與間接費用分攤），兩者<strong>口徑不同、非數字矛盾</strong>。</div>

</div>
</div>

<div style="margin-top:0.5em; font-size:0.345em; background:#F0FDF4; border:1px solid #bbf7d0; border-left:5px solid #16A34A; border-radius:8px; padding:0.45em 0.75em; line-height:1.6; color:#1e293b;">
<strong style="color:#16A34A;">固定總價、非核實結報</strong>　各工作事項若因不可歸責於本團隊之因素未能完全實行，<strong>依各工項單價減計契約價金</strong>；貴局依契約增減工項時按單價比例調整——可支援貴局機動增減承辦項目。
</div>

<p class="footer-ref">(對照服務建議書 玖之二, p.85)</p>

---

## 專案組織架構與權責分工

![專案團隊組織架構與角色分工：計畫主持人統籌、專案經理督導，下設三個功能組並納第三方檢測協力機構](diagrams/40-team-org-chart.svg)

<div style="font-size:0.35em; line-height:1.6; margin-top:0.35em; background:#EFF6FF; border-left:5px solid #2563EB; border-radius:8px; padding:0.45em 0.65em;">
<strong style="color:#2563EB;">對貴局之聯絡窗口統一為計畫主持人楊嘉豪（負責人）</strong><br><span style="color:#475569;">專案經理廖信謀負責內部執行、進度品質管控與跨組協調；下設網站開發、內容維運、主機與資安維運三個功能組，並納入第三方資通安全檢測協力機構。<strong style="color:#334155;">主機（系統）維運由計畫主持人主責、黃柏翔備援</strong>，單點不失守；並為貴局各科室之<strong style="color:#334155;">網站問題諮詢與跨方溝通聯繫</strong>（機房、第三方檢測、翻譯協力）之單一對口。</span>
</div>

</div>
<div style="font-size:0.30em;">

| 主要工作（RACI 摘列）| R 執行 | A 當責 |
|---|---|---|
| 需求確認與現況盤點 | 專案經理 | 計畫主持人 |
| 數位優化建置（旅宿／首頁／GEO）| 專案經理・網站開發組 | 計畫主持人 |
| **每季弱點掃描檢測** | **第三方協力機構** | 計畫主持人 |
| **漏洞修補與覆測** | **主機資安維運組** | 專案經理 |
| 資安事件通報與應變 | 專案經理・主機資安維運組 | 計畫主持人 |

<div style="margin-top:0.35em; color:#475569; line-height:1.55;">★ <strong style="color:#7c3aed;">每列僅一個 A</strong>（單一當責），責任歸屬明確、避免多頭；檢測與修補分屬不同執行者，兼顧獨立性與即時性。</div>

</div>
</div>

<p class="footer-ref">(對照服務建議書 拾壹之一, p.95)</p>

---

![核心成員能力矩陣：7 位成員（核心正職 5 名＋約聘專業人力 2 名）對應六大技術領域之主責與支援標記，涵蓋經費費率結構所列八類人力角色](diagrams/41-core-member-capability-matrix.svg)

</div>

<div style="margin-top:0.42em; display:grid; grid-template-columns:0.56fr 0.44fr; gap:0.7em; font-size:0.335em; align-items:center;">
<div style="background:#F0FDF4; border-left:5px solid #16A34A; border-radius:8px; padding:0.45em 0.7em; line-height:1.6;"><strong style="color:#16A34A;">核心正職 5 名 ＋ 約聘專業人力 2 名</strong>，涵蓋經費費率結構所列<strong>八類人力角色</strong>；約聘 2 名為本團隊<strong>自有履約人力、非政府採購法所稱之分包廠商</strong>，禁止分包之主要部分（主機作業系統與授權更換、網頁設計製作）<strong>均由自有人力施作</strong>。</div>
<div style="background:#F8FAFC; border:1px solid #E2E8F0; border-radius:8px; padding:0.45em 0.7em; line-height:1.6;"><strong>專業佐證</strong>　張睿壬為發明專利共同發明人（<strong>證號 I874259・台灣・已獲證</strong>）、2024 GCBME 傑出獎；花千祐自 2017 年起投入程式開發、TOEIC 970。</div>
</div>

<p class="footer-ref">(對照服務建議書 拾壹之一, p.97)</p>

---

## 本團隊做過什麼，對應本案哪一項

<div style="display:grid; grid-template-columns:0.94fr 1.06fr; gap:0.7em; align-items:stretch; font-size:0.41em; line-height:1.5; margin:0 0 0.25em;">
<div style="background:#EFF6FF; border:1px solid #bfdbfe; border-left:5px solid #2563EB; border-radius:6px; padding:0.28em 0.55em;"><strong style="color:#2563EB;">三大可遷移能力</strong>　CMS 與後台內容治理（自研 Titus CMS）・前台版型與多語 RWD／無障礙介面・主機資安維運與資料工程</div>
<div style="background:#FFFBEB; border:1px solid #FCD34D; border-left:5px solid #d97706; border-radius:6px; padding:0.28em 0.55em;"><strong style="color:#d97706;">履約能量</strong>　<strong>政府機關案一件</strong>——花蓮縣衛生局 115 年食品安全 e 化稽查管理系統（<strong style="color:#dc2626;">履約中</strong>）；下列公開可查證之作品得於評選會<strong>現場實機展示</strong>。</div>
</div>

<div style="font-size:0.4em; margin:0 0 0.12em; color:#334155;"><strong>產品與官網實績</strong>　｜　SeaMeet・SeaX・Lexus 為核心成員任職期間作品（Seasalt.ai／Medialand）</div>
<div style="display:grid; grid-template-columns:repeat(4,1fr); gap:0.4em;">
<div><img src="images/seameet-app-1.png" style="width:100%; height:150px; object-fit:cover; object-position:top; border:1px solid #e2e8f0; border-radius:4px;"/><p style="font-size:0.37em; margin:0.1em 0 0; color:#475569; text-align:center; line-height:1.3; text-wrap:balance;">AI SaaS 會議協作後台 ▸ 後台維護與功能增修</p></div>
<div><img src="images/seax-1.png" style="width:100%; height:150px; object-fit:cover; object-position:top; border:1px solid #e2e8f0; border-radius:4px;"/><p style="font-size:0.37em; margin:0.1em 0 0; color:#475569; text-align:center; line-height:1.3; text-wrap:balance;">客服訊息後台 ▸ Web API 與分權後台</p></div>
<div><img src="images/ttechnology-1.png" style="width:100%; height:150px; object-fit:cover; object-position:top; border:1px solid #e2e8f0; border-radius:4px;"/><p style="font-size:0.37em; margin:0.1em 0 0; color:#475569; text-align:center; line-height:1.3; text-wrap:balance;">企業官網（嵌入式 CMS）▸ 前台維護與橫幅</p></div>
<div><img src="images/lexus-official-1.png" style="width:100%; height:150px; object-fit:cover; object-position:top; border:1px solid #e2e8f0; border-radius:4px;"/><p style="font-size:0.37em; margin:0.1em 0 0; color:#475569; text-align:center; line-height:1.3; text-wrap:balance;">品牌互動網頁 ▸ 前台版型與視覺設計</p></div>
</div>

<div style="font-size:0.4em; margin:0.32em 0 0.12em; color:#334155;"><strong>Titus CMS 自研產品（實際運行中）</strong>　｜　同一套 CMS 之前台版型與後台管理</div>
<div style="display:grid; grid-template-columns:repeat(4,1fr); gap:0.4em;">
<div><img src="images/titus-front-roam.png" style="width:100%; height:150px; object-fit:cover; object-position:top; border:1px solid #e2e8f0; border-radius:4px;"/><p style="font-size:0.37em; margin:0.1em 0 0; color:#475569; text-align:center; line-height:1.3; text-wrap:balance;">Roam 旅誌版型 ▸ 觀光內容編排</p></div>
<div><img src="images/titus-front-tours-next.png" style="width:100%; height:150px; object-fit:cover; object-position:top; border:1px solid #e2e8f0; border-radius:4px;"/><p style="font-size:0.37em; margin:0.1em 0 0; color:#475569; text-align:center; line-height:1.3; text-wrap:balance;">環遊行程網 ▸ 遊程資訊架構</p></div>
<div><img src="images/titus-front-gov.png" style="width:100%; height:150px; object-fit:cover; object-position:top; border:1px solid #e2e8f0; border-radius:4px;"/><p style="font-size:0.37em; margin:0.1em 0 0; color:#475569; text-align:center; line-height:1.3; text-wrap:balance;">政府與公共服務示範站 ▸ 政府版型</p></div>
<div><img src="images/titus-admin-analytics.png" style="width:100%; height:150px; object-fit:cover; object-position:top; border:1px solid #e2e8f0; border-radius:4px;"/><p style="font-size:0.37em; margin:0.1em 0 0; color:#475569; text-align:center; line-height:1.3; text-wrap:balance;">成效分析儀表板 ▸ 流量季報素材</p></div>
</div>

<p class="footer-ref">(對照服務建議書 拾貳之二, p.103；附件二, p.116)</p>

---

## 一站雙軸・承諾收束

<div style="display:grid; grid-template-columns:1fr 1fr; gap:0.8em; font-size:0.5em;">
<div>
<div style="text-align:center; background:linear-gradient(135deg,#2563EB 0%,#7c3aed 100%); color:#fff; border-radius:8px; padding:0.28em 0; margin-bottom:0.42em;"><strong>數位優化軸</strong></div>
<div style="background:#EFF6FF; border:1px solid #bfdbfe; border-left:5px solid #2563EB; border-radius:8px; padding:0.45em 0.7em; margin-bottom:0.38em; line-height:1.6;"><strong style="color:#2563EB;">無障礙 AA 標章維持</strong><br><span style="color:#475569;">現有標章效期至 117-08-14，覆蓋履約全期；檢核內建每月上稿與每次改版。</span></div>
<div style="background:#EFF6FF; border:1px solid #bfdbfe; border-left:5px solid #2563EB; border-radius:8px; padding:0.45em 0.7em; margin-bottom:0.38em; line-height:1.6;"><strong style="color:#2563EB;">每月圖文 ≥10 則</strong><br><span style="color:#475569;">含多語系新聞稿 1 則；政令宣導 3 小時內完成製作，不佔常態額度。</span></div>
<div style="background:#EFF6FF; border:1px solid #bfdbfe; border-left:5px solid #2563EB; border-radius:8px; padding:0.45em 0.7em; line-height:1.6;"><strong style="color:#2563EB;">流量季報 全期 4 次</strong><br><span style="color:#475569;">五項指標逐項可核對，季報結論回饋下一季選題與首頁版位。</span></div>
</div>
<div>
<div style="text-align:center; background:linear-gradient(135deg,#16A34A 0%,#0891b2 100%); color:#fff; border-radius:8px; padding:0.28em 0; margin-bottom:0.42em;"><strong>維運管理軸</strong></div>
<div style="background:#F0FDF4; border:1px solid #bbf7d0; border-left:5px solid #16A34A; border-radius:8px; padding:0.45em 0.7em; margin-bottom:0.38em; line-height:1.6;"><strong style="color:#16A34A;">資安事件 1 小時通報</strong><br><span style="color:#475569;">知悉後 1 小時內通報貴局窗口；72／36 小時內完成損害控制或復原。</span></div>
<div style="background:#F0FDF4; border:1px solid #bbf7d0; border-left:5px solid #16A34A; border-radius:8px; padding:0.45em 0.7em; margin-bottom:0.38em; line-height:1.6;"><strong style="color:#16A34A;">L1 受理 30 分・首覆 2 小時</strong><br><span style="color:#475569;">平日與假日均即時受理，先遠端搶修、必要時到場。</span></div>
<div style="background:#F0FDF4; border:1px solid #bbf7d0; border-left:5px solid #16A34A; border-radius:8px; padding:0.45em 0.7em; line-height:1.6;"><strong style="color:#16A34A;">季弱掃・季備份 各 4 次</strong><br><span style="color:#475569;">檢測委第三方確保獨立性；備份異地留存並執行還原抽測。</span></div>
</div>
</div>

<p style="text-align:center; font-size:0.5em; color:#1e293b; margin:0.55em 0 0;"><strong>固定總價、非核實結報</strong>——未實行工項<strong>按各工項單價減計契約價金</strong>。</p>

<p class="footer-ref">(對照服務建議書 貳之一, p.8)</p>

---

## 感謝聆聽　歡迎發問

<p class="footer-ref">(對照服務建議書 全文, p.1–130)</p>

---

## 【備查】9 大工作項目回應總覽

<p style="font-size:0.5em; margin:0 0 0.45em; color:#64748b;">統問統答查閱用・不計簡報時間——貴局 <strong>9 大工作項目</strong>逐項對應本簡報頁次與服務建議書頁碼。</p>

| # | 工作項目 | 本簡報 | 服務建議書 | 承諾要點 |
|:-:|---|:--:|:--:|---|
| 1 | 非法旅宿業名單專區 | P.7–10 | 參之一 p.15–19 | 年度檢索・逐筆＋批次・發布留痕 |
| 2 | GEO／SEO 數位資訊優化 | P.11–12 | 參之二 p.19–23 | JSON-LD 標記，至少每季更新 |
| 3 | 首頁版型・RWD・無障礙 | P.13–21 | 參之三～之四 p.23–36 | 三案可操作；AA 標章效期覆蓋全期 |
| 4 | 網頁維護・XML・季弱掃備份 | P.22・27–30 | 肆之二／伍 p.39–58 | 季弱掃・季備份各 4 次；1 小時通報 |
| 5 | 網站流量分析與季報 | P.24 | 肆之四 p.42–44 | 五項指標，每季 1 次、全期 4 次 |
| 6 | 英文／日文旅遊新訊翻譯 | P.23 | 肆之三 p.41–42 | 譯校分離，各至多 6,000 字 |
| 7 | 每月圖文上稿與內容更新 | P.22 | 肆之一 p.37–39 | 每月不少於 10 則，含多語 1 則 |
| 8 | 主機・IDC・SQL 授權・防毒 | P.27–28 | 伍 p.45–49 | 共構機房；硬體故障 4 小時到場 |
| 9 | 期滿結案與成果報告書 | P.31・43 | 捌之一 p.78–79 | 期滿 30 日內，書面電子各 6 份 |

</div>

<p class="footer-ref">(對照服務建議書 全文, p.1–130)</p>

---

## 【備查】交付物清單與時點軸

![交付物清單與時點軸：全期各月里程碑與交付文件一覽，含每月每季與期滿交付](diagrams/34-deliverables-timeline.svg)

</div>

<div style="margin-top:0.35em; font-size:0.4em; color:#64748b; text-align:center;">本頁為統問統答備查頁、不佔簡報時間——委員詢及「履約期間交付哪些文件」時切換至此。</div>

<p class="footer-ref">(對照服務建議書 捌之一, p.78)</p>