國家教育研究院－謝茵安

ray 教育部
, ,
#1

網站

國家教育研究院

姓名

謝茵安

檢測日期

2018-04-18

檢測裝置

SAMSUNG-J700F

作業系統 與 瀏覽器版本

Android 5.1.1
Chrome版本：Chrome 65.0.3325.181

解析度（手機螢幕）

螢幕解析度 360X640

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

是

壞掉的連結

首頁>出版品>期刊>徵稿格式
首頁>出版品>期刊>作者基本資料表
首頁>認識國教院>數位院史室>活動照片
首頁>研究發展>專案研究網站>《常態性學雜費調整方案(另開新視窗)》
首頁>教育資源>本土教育>本土教育網
首頁>教育資源>本土教育>原住民教育
首頁>教育資源>本土教育>館藏閩南語教育資源
首頁>教育資源>本土教育>館藏客家語教育資源
首頁>教育資源>本土教育>客家教育
首頁>教育資源>網網相連>各縣市就業資源
首頁>單位介紹>課程及教學研究中心>相關連結>國家教育研究院理念學校資訊網(另開新視窗)
首頁>單位介紹>課程及教學研究中心>相關連結>小四分數補救教學教材往(另開新視窗)
首頁>單位介紹>課程及教學研究中心>相關連結>建構課程與教學輔導網路(另開新視窗)
image

跑版（影響閱讀）問題

該網站裡很多頁面都有文字、圖片、表格等跑版的問題。
1.圖片跑掉 // 解法回文連結
首頁>研習資訊
首頁>認識國教院
首頁>認識國教院>簡介
首頁>認識國教院>組織架構
首頁>認識國教院>地理位置>三峽總院區
首頁>認識國教院>地理位置>台北院區
首頁>認識國教院>地理位置>台中院區
首頁>認識國教院>院內環境>景觀
首頁>行政服務>檔案應用開放服務
image

2.表格跑掉 // 解法回文連結
首頁>研習資訊>研習成果>研習年度績效
首頁>教科書審定>出版社資訊>技術高中
首頁>教科書審定>出版社資訊>國民中小學
首頁>出版品>書籍
首頁>出版品>部編本教科書下載>自然與生活科技領域部編本>編輯委員會名單
首頁>出版品>期刊
首頁>認識國教院>行政規則>其他常用法規>國家教育研究院採購(工程,財務,勞務)及預算動支作業授權及權責劃分表
首頁>研究發展>年度研究計畫>2016年
首頁>研究發展>研究報告>2013年
首頁>教育資源>[協力同行]走進12年國教課程綱要>課程實施資源1>12年國教課綱學校轉化實踐案例>國小研究合作學校
首頁>教育資源>[協力同行]走進12年國教課程綱要>課程實施資源1>12年國教課綱學校轉化實踐案例>國中研究合作學校
首頁>教育資源>[協力同行]走進12年國教課程綱要>課程實施資源1>12年國教課綱學校轉化實踐案例>普通高中研究合作學校
首頁>教育資源>[協力同行]走進12年國教課程綱要>課程實施資源1>12年國教課綱學校轉化實踐案例>實驗教育與原住民教育合作學校
首頁>單位介紹>教育制度及政策研究中心>教育制度及政策研究中心104年研究計畫
首頁>單位介紹>教育制度及政策研究中心>教育制度及政策研究中心103年研究計畫
首頁>單位介紹>教育制度及政策研究中心>教育制度及政策研究中心102年研究計畫
首頁>單位介紹>課程及教學研究中心>研究計畫>其他執行計畫
首頁>單位介紹>課程及教學研究中心>研究計畫>建置十二年國民基本教育課程體系方案
image

3.文字跑掉 // 解法回文連結
首頁>出版品>部編本教科書下載>自然與生活科技領域部編本>科學教育
首頁>認識國教院>活動照片><美術教育的視野-全國兒童創作比賽>得獎名單及頒獎剪影
首頁>認識國教院>活動照片>拾得院藝文中心「山的韻律水彩寫生入門」活動剪影
image

4.影片跑掉 // 解法回文連結
首頁>教育資源>[協力同行]走進12年國教課程綱要>課綱說明文件下載
image

5.地圖跑掉 // 解法回文連結
首頁>教育資源>[協力同行]走進12年國教課程綱要>課程實施資源1>12年國教課綱學校轉化實踐案例
image

6.內頁跑掉 // 解法回文連結
首頁>行政服務>意見信箱
首頁>行政服務>網路流量統計_bak
首頁>單位介紹>教育制度及政策研究中心>單位介紹
首頁>單位介紹>教育制度及政策研究中心>單位成員>研究人員>張珍瑋
首頁>單位介紹>教育制度及政策研究中心>單位成員>研究人員>王令宜
首頁>單位介紹>教育制度及政策研究中心>單位成員>研究人員>葉川榮
首頁>單位介紹>測驗及評量研究中心>單位成員>研究人員>任宗浩
首頁>單位介紹>測驗及評量研究中心>單位成員>研究人員>曾建銘
首頁>單位介紹>測驗及評量研究中心>台灣學生學習成就評量資料庫>TASA資料簡介
首頁>單位介紹>測驗及評量研究中心>台灣學生學習成就評量資料庫>釋出問卷
image

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

無

出現亂碼

無

不能用的外掛程式（Flash、ActiveX、Applet、Silverlight、…）

無

網站載入緩慢（相對一般網站）

無

閱讀模式

Android系統

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

1.圖片無法顯示 (超連結失效問題)
最新消息裡有不少貼文都有這樣的問題
首頁>最新消息>歡迎收聽國家教育心動線4月16日第16集「如果山海知識成為正式課程，蘭嶼可為師？」
首頁>最新消息>歡迎收聽國家教育心動線4月9日第15集「一起經營好學校-談校長與師長的共同成長」
image

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

1.有些頁面文字會在圖上的白色框框裡，但有些介面沒有文字只有檔案，因此檔案就跑到白框外，只留下一條白框，看起來很奇怪。
首頁>研習資訊>研習出版品>教師在職進修>《教育人的小故事》–2007年9月出版
image
2.底色是灰色，但有些介面的字會變成更淡的淡灰色，看得很不清楚，建議改顏色。
image
3.圖片有些太小，有些因為表格被擠壓到變形，完全看不清楚。
[首頁>認識國教院>院內環境>院內植物簡介>大門口]
image

#2

問題：

可能原因：

RWD 沒設定好

原始程式：

第 160 行
<img alt="三峽總院區臺中院區-研習報名" src="/ezfiles/0/1000/img/4/1221-2.jpg" style="width: 600px; height: 381px;" />

建議修改：

第 160 行 新增class=“rwd_img”
<img alt="三峽總院區臺中院區-研習報名" src="/ezfiles/0/1000/img/4/1221-2.jpg" style="width: 600px; height: 381px;" />
第9行 新增

<style type="text/css">

    @media (min-width: 300px) and (max-width: 991px){
        .rwd_img{
            width: 100% !important;
            height: auto !important;
            }
    }
    
</style>

補充

image

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

無

#3

問題：

可能原因：

RWD 沒設定好

原始程式：

第 217 行
<table border="1" cellpadding="5" cellspacing="5" height="139" width="400">

建議修改：

第 217 行 新增class=“rwd_table”
<table border="1" cellpadding="5" cellspacing="5" height="139" width="400">
第9行 新增

<style type="text/css">

    @media (min-width: 300px) and (max-width: 991px){
        .rwd_table{
            width: 100% !important;
            }
    }
    
</style>

補充

image

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

無

#4

問題：

可能原因：

文章使用表格排版

建議修改：

文章請不要使用表格排版，請重新改版！

補充

image

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

無

#5

問題：

可能原因：

RWD 沒設定好

原始程式：

第 221 行
<iframe allow="autoplay; encrypted-media" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/Cv76GoM5iOM" width="560"></iframe>

建議修改：

第 221 行 新增class=“rwd_iframe”
<iframe class="rwd_iframe" allow="autoplay; encrypted-media" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/Cv76GoM5iOM" width="560"></iframe>
第9行 新增
<style type="text/css">

    @media (min-width: 300px) and (max-width: 991px){
        .rwd_iframe{
            width: 100% !important;
            height: 200px !important;
            }
    }
    
</style>

補充

image

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

無

#6

問題：

可能原因：

RWD 沒設定好

原始程式：

第 219 行
<iframe frameborder="0" height="495" scrolling="no" src="https://www.google.com/maps/d/embed?mid=1QWALwfd5X_skP9FYw23TDRi3fhM" width="600"></iframe>

建議修改：

第 219 行 新增class=“rwd_iframe”
<iframe class="rwd_iframe" frameborder="0" height="495" scrolling="no" src="https://www.google.com/maps/d/embed?mid=1QWALwfd5X_skP9FYw23TDRi3fhM" width="600"></iframe>
第9行 新增
<style type="text/css">

    @media (min-width: 300px) and (max-width: 991px){
        .rwd_iframe{
            width: 100% !important;
            }
    }
    
</style>

補充

image

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

無

#7

問題：

可能原因：

RWD 沒設定好

原始程式：

第 330 行
<textarea class="fi"  cols="50" rows="5" name="Frm_11"></textarea>

建議修改：

第 330 行 新增class=“rwd_textarea”
<textarea class="fi rwd_textarea"  cols="50" rows="5" name="Frm_11"></textarea>
第9行 新增
<style type="text/css">

    @media (min-width: 300px) and (max-width: 991px){
        .rwd_textarea{
            width: 80% !important;
            height: 200px !important;
            }
    }
    
</style>

補充

image

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

無