風險管理與保險教育推廣入口網─俞雋

網站

風險管理與保險教育推廣入口網


姓名

俞雋


檢測日期

2018-05-23


檢測裝置

ASUS ZENFONE 3;型號:ASUS_Z017DA


作業系統 與 瀏覽器版本

作業系統:Android 8.0.0

瀏覽器版本:Chrome 65.0.3325.109


解析度(手機螢幕)

360*640 pixels, 24 bit


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


壞掉的連結

1.連結失效

首頁 > 金融知識學習 > 主題分類 > 金融基礎教育 > 得獎教案 > 104年得獎教案 > 高中職組>風險管理與保險教育推廣入口網(點我前往網站)

首頁>最新消息>105年度金融監督管理委員會暨教育部國民及學前教育署 金融基礎教育教學行動方案徵選辦法>金融監督管理委員會金融智慧網(點我前往網站)

首頁>校園安全>校園風險>校園風險管理>保險評估及組合>學校所使用用品及設備(Materials and Equipment)

說明:頁面連結失效,如圖(一)。

圖(一)

image


跑版(影響閱讀)問題

1.跑版但不致影響使用

首頁「見說明(1)」

首頁>最新消息「見說明(2)」

首頁>校園安全>校外教學風險>校外教學風險管理>風險管理計畫與實務「見說明(2)」

首頁>校園安全>學校公共意外責任險>101年「見說明(2)」

首頁>金融知識學習>主題分類>金融基礎教育「見說明(2)」

說明:

(1)頁面內容輕微跑版,如圖(二);解法回文連結

(2)內頁子條目於標題部分時有輕微跑版,如圖(三)。解法回文連結

圖(二)

image

圖(三)

image


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


出現亂碼


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

1.外掛程式無法使用

首頁>數位百寶箱>電子書

首頁>數位百寶箱>動畫專區

說明:網頁因外掛程式無法使用而喪失部分或者全部機能。如圖(四)

解法回文連結

圖(四)

image


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


閱讀模式

Android測試生


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


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

1.建議可以將各項子條目直接整合於同一個選單中,而非分開放置,如圖(五),不然這樣使用起來會有些不方便。

圖(五)

image

問題:

可能原因:

標題位置本來就在banner中間,有些banner圖有字,標題字體顏色又是白色,不便使用者觀看。

原始程式:

位置:https://rm.ib.gov.tw/css/bootstrap.min.css:5

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #FFF;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

建議修改:

如不想更動標題位置,可為標題加上半透明底色背景,在banner中加入background-color: rgba(255, 255, 255, 0.5);

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #FFF;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

補充:

(修正後之截圖)
91

問題:

可能原因:

標題外層div高度設為固定數值,導致標題顯示不完全。

原始程式:

  1. 標題外層div,位置:view-source:風險管理與保險教育推廣入口網-最新消息-
<div style="background-color: #FFA800; height:30px;">
  1. 標題span,位置:view-source:風險管理與保險教育推廣入口網-最新消息-
<span style="font-size:16px;font-weight:bold;color:#FFF;padding: 15px;line-height: 1.7;">105年度金融監督管理委員會暨教育部國民及學前教育署 金融基礎教育教學行動方案徵選辦法</span>

建議修改:

  1. height設置移除。
    ,位置:view-source:風險管理與保險教育推廣入口網-最新消息-
<div style="background-color: #FFA800;">
  1. 將標題行距增寬,在標題標籤中加入line-height: 1.7;
    位置:view-source:風險管理與保險教育推廣入口網-最新消息-
<span style="font-size:16px;font-weight:bold;color:#FFF;padding: 15px;line-height: 1.7;">105年度金融監督管理委員會暨教育部國民及學前教育署 金融基礎教育教學行動方案徵選辦法</span>

補充:

(修正後之截圖)
92

問題:

可能原因:

電子書元件為flash。

原始程式:

位置:view-source:風險管理與保險教育推廣入口網-電子書-電子書--電子書-

<iframe style="width:100%; height:500px;" src="/FileSystem/EBook/e407c80e-6985-4838-a6d1-32af68d38765/孩子我們把錢變大了-第七集%20怎樣保護自己的錢財/孩子我們把錢變大了-第七集%20怎樣保護自己的錢財/Default.html" title="link"></iframe>

建議修改:

手機多不支援flash元件,建議可以尋找其他替代方法。