樂齡學習網－謝茵安

ray 教育部
,
#1

網站

樂齡學習網

姓名

謝茵安

檢測日期

2018-04-30

檢測裝置

SAMSUNG-J700F

作業系統 與 瀏覽器版本

Android 5.1.1
Chrome版本：Chrome 65.0.3325.181

解析度（手機螢幕）

螢幕解析度 360X640

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

是

壞掉的連結

1.連結壞掉
首頁>其他相關連結>我的E政府銀髮館
image
2.安全性錯誤
首頁>祖父母節>父母心袓孫情-教育部家庭教育全國戲劇表演競賽
image

跑版（影響閱讀）問題

1.文字跑版(該網站多個頁面都有此問題)
首頁>107年南區樂齡輔導團辦理屏東縣樂齡學習增能培訓計畫
首頁>教育部107年度樂齡學習中南區輔導團–樂齡學習核心課程規劃師進階培訓工作坊
首頁>樂齡輔導團>樂齡培訓>活動記事>九十七年度中區培訓
首頁>樂齡輔導團>樂齡培訓>活動記事>九十七年度南區培訓
image
2.表格跑掉
首頁>樂齡學習中心>106年度
首頁>樂齡學習中心>105年度
首頁>樂齡學習中心>104年度
首頁>樂齡學習中心>103年度
image
3.影片被切
首頁>樂齡教育奉獻獎>第三屆樂齡教育奉獻獎
首頁>樂齡教育奉獻獎>第二屆樂齡教育奉獻獎
image

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

1.按鈕按了沒反應
首頁>其他相關連結>衛生福利部社會及家庭署
首頁>其他相關連結>銀髮人才資源中心
首頁>其他相關連結>內政部戶政司人口統計資料
首頁>樂齡大學>106學年度
首頁>樂齡大學>105學年度
首頁>樂齡大學>104學年度
首頁>全國樂齡學習示範中心>優質
image

出現亂碼

無

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

無

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

無

閱讀模式

Android系統

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

1.表格被過度壓縮，難以閱讀。
首頁>樂齡輔導團>認識輔導團>中區輔導團
image

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

1.圖片無法再放大，有些詳細資訊看不清楚。
2.能感受到考慮到該網站使用者都是年長者，所以字型普遍比較大，但有些地方字型還是太小，建議統一。
首頁>研究報告與出版品>高齡教育出版品
image

#2

問題

可能原因

正常換行，只不過有寬度及選單跑板

原始程式

位置:
http://moe.senioredu.moe.gov.tw/css/cellph.css:1
http://moe.senioredu.moe.gov.tw/css/cellph.css:96

.all {
	width: 360px;
	min-height: inherit;
}

#open-remainmenu {
	float: right;
	margin-top: -42px;
	display: block !important;
	background-color: rgba(255,255,255,0.1);
	top: 124px;
	left: 305px;
	position: absolute;
}

建議修改

改成百分比

.all {
	width: 100%;
	min-height: inherit;
}

#open-remainmenu {
	float: right;
	margin-top: -42px;
	display: block !important;
	background-color: rgba(255,255,255,0.1);
	top: 124px;
	left: 80%;
	position: absolute;
}

補充

50

#3

問題

可能原因

table寬度不夠，導致內文擠壓

建議修改

將table寬度固定(543.6px)，並在外面的div加overflow-x:auto。

補充

29

#4

問題

可能原因

iframe width設死

原始程式

位置:
http://moe.senioredu.moe.gov.tw/Home/HistoryRead?historyEventFileViewModel.enFormId=sKP_aPArNfslHfo1E2Y8Ezw_c_c:841

<p><iframe frameborder="0" height="315" src="https://www.youtube.com/embed/Fgf70QUTDB4" width="560"></iframe></p>

建議修改

寬度100%

<p><iframe frameborder="0" height="315" src="https://www.youtube.com/embed/Fgf70QUTDB4" width="100%"></iframe></p>

補充39

#5

問題

可能原因

上面的輪播圖蓋到了

原始程式

位置:
inline:39

.slider_container div {
	width: 1024px;
	height: 336px; 
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
}

建議修改

.slider_container div {
	width: 1024px;
	/* height: 336px; */
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
}