國防部_政治作戰局_穆邦妮

網站

國防部政治作戰局

姓名

穆邦妮

檢測日期

2018-04-11

檢測裝置

iphone 6

作業系統 與 瀏覽器版本

ios 11.2

解析度(手機螢幕)

375x667 pixels

是否會自動跳入行動版欄位?

yes

壞掉的連結

  1. 首頁>全面國防教育>在職教育巡迴宣導
    無論手機版或電腦版都無法點選,不知道本來就沒連結還是…?
    (圖一)手機板
    政戰學院-5
    (圖二)電腦版

  1. 首頁>全面國防教育>文宣及作品
    點選「文宣及作品」,會自動帶至「全民國防漫畫」頁面,但分類處已經有「國防online漫畫」,不知道兩者是否為同一個內容。
    (圖一)

    (圖二)
    政戰學院-8

跑版(影響閱讀)問題

  1. 首頁>關於本局>相關單位聯絡電話>漢聲電台
    地圖過大跑版囉~解法

  1. 首頁>關於本局>相關單位聯絡電話>軍事新聞通訊社
    首圖偏左+圖文的版面配置+地圖跑掉解法

  1. 首頁>關於本局>相關單位聯絡電話>政訓中心
    地圖過大解法

  1. 首頁>莒光園地課程>本周節目表
    (圖一)每一週的選項點進去都會跑掉,如圖二 重寫吧

    (圖二)

  1. 首頁>全民國防教育>全民國防教育最新公告>2018儀起爭霸
    youtube影片連結跑版解法

  1. 首頁>全民國防教育>全民國防教育最新公告>國防線上…
    youtube影片連結跑版解法

  1. 首頁>全民國防教育>國防知性之旅>空軍第499聯隊…
    (圖一)手機板 表格超出頁面+中間一段空白無法重現

    (圖二)電腦版 無出現空白,但文字跑掉

無法操作的網頁元素(如按鈕不能按、選單不能選等)

出現亂碼

不能用的外掛程式(Flash、ActiveX、Applet、Silverlight、…)

網站載入緩慢(相對一般網站)

閱讀模式

不可以用

其他(無法判斷屬於以上那個分類的都放在這邊)

  1. 首頁>關於本局>業務介紹>勝利之光簡介
    輕微跑掉,但不影響閱讀 圖片勿靠右(同上)

  1. 首頁>關於本局>相關單位聯絡電話>青年日報社
    圖文的版面配置+表格能夠置中那就更好了

  1. 首頁>全民國防教育>全民國防教育簡介
    圖片未置中,左右兩邊留白部分不一。

  1. 首頁>眷村改建工作>軍眷服務處業務聯絡人
    表格無置中,左右兩邊留白部分不一。

  1. 首頁>心理衛生中心>心衛中心發展沿革
    第一段文字不符合手機版頁面大小。

對此網站建議(非程式問題皆放置這裡)

  1. 首頁>關於本局>國軍友站連結
    如果手機版跟電腦版可以表格化的話,頁面會更清楚、不撩亂~(棒^^)
    (圖一)手機版

    (圖二)電腦版

問題:

地圖過大跑版囉~

可能原因:

width

原始程式:

<iframe style="border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px" height="600" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3614.9077054171653!2d121.51915441536542!3d25.037206044316107!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3442a9763d5acc55%3A0x209cc621f649c804!2zMTAw5Y-w54Gj5Y-w5YyX5biC5Lit5q2j5Y2A5L-h576p6Lev5LiA5q61My0x6Jmf!5e0!3m2!1szh-TW!2sus!4v1521598048942" width="800" allowfullscreen="" title="漢聲電臺地圖"></iframe>

建議修改:

<iframe style="border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px" height="600" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3614.9077054171653!2d121.51915441536542!3d25.037206044316107!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3442a9763d5acc55%3A0x209cc621f649c804!2zMTAw5Y-w54Gj5Y-w5YyX5biC5Lit5q2j5Y2A5L-h576p6Lev5LiA5q61My0x6Jmf!5e0!3m2!1szh-TW!2sus!4v1521598048942" width="100%" allowfullscreen="" title="漢聲電臺地圖"></iframe>

補充

結尾(選填,可增加網站建議)

問題:

首圖偏左+圖文的版面配置+地圖跑掉

可能原因:

圖片過小,靠右對齊,地圖寬度

原始程式:

圖片靠又不影響,可不改

<img title="軍聞社頁面插圖" align="right" alt="戰時重要文告、文宣及戰訊之發布圖片" src="http://gpwd.mnd.gov.tw/user_image/10_9_8_news5.jpg.jpg">

建議修改:

<img title="軍聞社頁面插圖" alt="戰時重要文告、文宣及戰訊之發布圖片" src="http://gpwd.mnd.gov.tw/user_image/10_9_8_news5.jpg.jpg">

google map

補充

測試生所提到的其他問題,基本上都需要重新做排版,建議在排版時加入RWD的想法,不要只想到在電腦上好看,許多圖片靠又文字靠左的狀況應容易解決,請參考以上

結尾(選填,可增加網站建議)