文化部國立臺灣工藝研究發展中心-高偉庭

網站

國立臺灣工藝研究發展中心

姓名

高偉庭

檢測日期

2018-04-24

檢測裝置

Samsung Galaxy S7 edge

作業系統 與 瀏覽器版本

Android 7.0
Chrome版本:Chrome 64.0.3325.109

解析度(手機螢幕)

360x640 pixels

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

壞掉的連結

  1. 首頁>Yii品牌
    用手機開會顯示無法提供安全連線,但電腦開可以正常打開網站

  1. 首頁 >相關連結>外國人在台灣
    首頁 >相關連結>518國際博物館日-2017記憶的缺角
    無法連上這個網站

  1. 首頁 >相關連結>人文生態學習策略聯盟>人文生態學習策略聯盟簡介>特有生物研保育中心
    網站租用已到期

  1. 首頁 >相關連結>工藝季刊
    雖然是按工藝季刊但只會跳到首頁

  1. 首頁 >相關連結>全民監督公共工程行動式網路通報系統
    找不到網頁

  1. 首頁 >相關連結>南投縣政府文化局竹藝博物館
    首頁>展覽與競賽>臺灣工藝競賽>2011
    404 page not found

  1. 首頁 >相關連結>嘉義市政府文化局交趾陶館
    www.cabcy.gov.tw 頁面無法正常運作

  1. 首頁 >相關連結>國立臺灣博物館
    ‘/’ 應用程式中發生伺服器錯誤。

  1. 首頁 >參觀與服務 >參觀資訊 >開放時間
    臺灣工藝文化園區、臺北當代工藝設計分館等這一頁的按扭,都會跳到文化部管理後台解法回文連結
    2018-04-27_193919

跑版(影響閱讀)問題

  1. 首頁 >著作權聲明
    首頁 >參觀與服務 >參觀資訊 >參觀須知
    首頁 >學習與推廣 >工藝社區 >關於工藝社區
    首頁 >工藝認證 >臺灣工藝之家 >關於工藝之家品牌及徵選扶植的下半部
    排版右側距離網頁邊緣很遠,與其他網頁不統一解法回文連結

  1. 首頁 >參觀與服務 >參觀資訊 >開放時間
    臺灣工藝文化園區、臺北當代工藝設計分館應該是兩項分開的,卻被排在一起。標題部份排版跑掉了解法回文連結

  1. 首頁>展覽與競賽>線上展覽管>冠冕上的珍珠
    首頁 >展覽與競賽 >工藝成就獎
    首頁>學習推廣>工藝新趣>設計營記事
    介紹文字的行距有點小,與其他網頁的文字行距不相同(解法回文連結)

  1. 首頁 >展覽與競賽 >工藝成就獎每個影片點進去
    首頁>學習推廣>工藝新趣>成果作品介紹
    首頁 >學習與推廣 >工藝社區 >工藝社區扶植成果
    首頁>研究與開發>試驗服務與收費
    影片、文字、表格顯示不完全且無法滑動解法回文連結
    2018-04-29_141619

  1. 首頁>學習推廣>工藝新趣>歷屆團隊簡介
    首頁>學習推廣>工藝新趣>設計營記事
    首頁 >學習與推廣 >工藝新趣 >相關展覽
    首頁 >學習與推廣 >工藝新趣 >相關訊息
    首頁 >關於本中心>政府資訊公開>施政計畫(政府資訊公開下的所有子項目都有這個問題)
    首頁 >關於本中心>工藝志工>志工快訊
    首頁 >關於本中心>工藝志工>活動成果
    表格最首欄的欄位跑掉結)了解法同上
    2018-04-29_143201

  1. 首頁 >學習與推廣 >工藝社區 >工藝社區扶植成果
    首頁 >工藝認證 >臺灣工藝之家 >臺灣工藝之家介紹
    首頁 >工藝認證 >臺灣優良工藝品 >入選廠商介紹
    地圖與標誌重疊在一起,不好閱讀解法回文連結
    2018-04-29_145040

  1. 首頁 >工藝認證 >臺灣工藝之家 >臺灣工藝之家介紹
    每一項點進去的行距不統一,建議若統一會更好

  1. 首頁 >旅遊與購物 >工藝之旅 >北臺灣藝遊趣(中、南、東部的都有一樣問題)
    每一項點進去的圖片都會被左右壓縮解法回文連結

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

出現亂碼

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

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

閱讀模式

可以用/不可以用

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

  1. 有的時候會顯示無法提供安全連結,但有的時候又是可以連的,而且有的時候是手機不行電腦可以、有時是電腦不行手機可以、有時是兩者都不行,很怪。

  1. 首頁 >相關連結>人文生態學習策略聯盟
    點進去後會先是空白的內容,要進一步點擊分類才會出現內容,會讓讀者搞混

  1. 字級大小
    在某些頁面中只會改變標題大小(比如下圖所顯示的頁面),但有些卻能改變內文大小,還有一些頁面根本沒有字級大小的選項。希望可以統一一點
    2018-04-27_194409

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

  1. 最上方輪播圖的資訊,與下方展覽與競賽消息、活動訊息、開班訊習的重覆性有點高,建議可以把後者刪掉,或是將後者改成非輪播形式,做出差異性
  2. 這個網站真的太不穩了,動不動就會無法提供安全連線,根本難以好好測網站!!!森氣!!!!

問題

可能原因

不是跳轉錯誤,不是lib老舊不支援,就是很單純的它的連結就是到管理後台

問題

可能原因

li tag用了謎之padding

原始程式

位置:https://www.ntcri.gov.tw/themes/43/css/style.css

.publish-info .preview ul li {
    font-size: 20px;
    line-height: 36px;
    border-bottom: 1px dashed #ccc;
    padding: 10px 50px 10px 0;
    position: relative;
}

建議修改

.publish-info .preview ul li {
    font-size: 20px;
    line-height: 36px;
    border-bottom: 1px dashed #ccc;
    /* padding: 10px 50px 10px 0 */;
    position: relative;
}

# 補充
![圖片|317x467](upload://qIuhf2DNQUNAmgjkg9vSqOzSS2O.jpg)

問題

可能原因

不知道為什麼這邊突然心血來潮想用Definition List(清單)來做排版,實在說不過去阿,清單有好處是自動縮排,但是圖+文為什麼要縮排阿?

原始程式

位置:https://www.ntcri.gov.tw/content_135.html : 167

<a href="http://manage.moc.gov.tw/index#" data-mce-href="#">臺灣工藝文化園區</a><dl><dt><img alt="臺灣工藝文化園區外觀圖" src="https://mocfile.moc.gov.tw/content/small/6030e204-7023-4afa-ab1e-fa14dbf41220.jpg" data-mce-src="https://mocfile.moc.gov.tw/content/small/6030e204-7023-4afa-ab1e-fa14dbf41220.jpg" width="270" height="212"></dt><dd><p class="dna-intro">【開放參觀】</p><li>開放時間:週二~週日及國定假日09:00-17:00(平日週一休館,如逢國定假日則開館)</li><li>電話:(049)233-4141</li><li>傳真:(049)235-6593</li></dd></dl><a href="http://manage.moc.gov.tw/index#" data-mce-href="#">臺北當代工藝設計分館 </a><dl><dt><img alt="臺北當代工藝設計分館外觀圖" src="https://mocfile.moc.gov.tw/content/small/cc38dfde-7a81-410d-a44e-3029329f3659.jpg" data-mce-src="https://mocfile.moc.gov.tw/content/small/cc38dfde-7a81-410d-a44e-3029329f3659.jpg" width="270" height="212"></dt><dd><p class="dna-intro">【開放參觀】</p><li>開放時間:週二~週日及國定假日09:30-17:30(平日週一休館,如逢國定假日則開館)</li><li>電話:(02)2388-7066</li><li>傳真:(02)2388-7056</li></dd></dl><a 

建議修改

改成flex

問題

可能原因

非RWD 設定

原始程式

位置:https://www.ntcri.gov.tw/movie_163_2396.html : 2

<style>
  .playmovie{
    width: 600px;
    margin: 0 auto;
    }
</style>

建議修改

width: 100%;

問題

可能原因

跟這個一模一樣,用「position: absolute」+「margin」在某種意義上比它更誇張的用暴力硬解

問題

可能原因

圖片固定大小

原始程式

位置:

<img usemap="#Map" alt="路線地圖" src="https://mocfile.moc.gov.tw/contenthistory/map1_1_4.png" width="801" height="405" border="0">

建議修改

<img usemap="#Map" alt="路線地圖" src="https://mocfile.moc.gov.tw/contenthistory/map1_1_4.png" width="100%" height="100%" border="0">

補充

圖片