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

ray 文化部
, ,
#1

網站

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

姓名

高偉庭

檢測日期

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. 首頁 >著作權聲明
    首頁 >參觀與服務 >參觀資訊 >參觀須知
    首頁 >學習與推廣 >工藝社區 >關於工藝社區
    首頁 >工藝認證 >臺灣工藝之家 >關於工藝之家品牌及徵選扶植的下半部
    排版右側距離網頁邊緣很遠，與其他網頁不統一解法回文連結
    2018-04-27_184847
  1. 首頁 >參觀與服務 >參觀資訊 >開放時間
    臺灣工藝文化園區、臺北當代工藝設計分館應該是兩項分開的，卻被排在一起。標題部份排版跑掉了解法回文連結
    2018-04-27_194032
  1. 首頁＞展覽與競賽＞線上展覽管＞冠冕上的珍珠
    首頁 >展覽與競賽 >工藝成就獎
    首頁＞學習推廣＞工藝新趣＞設計營記事
    介紹文字的行距有點小，與其他網頁的文字行距不相同(解法回文連結)
    Screenshot_20180427-194835
  1. 首頁 >展覽與競賽 >工藝成就獎每個影片點進去
    首頁＞學習推廣＞工藝新趣＞成果作品介紹
    首頁 >學習與推廣 >工藝社區 >工藝社區扶植成果
    首頁＞研究與開發＞試驗服務與收費
    影片、文字、表格顯示不完全且無法滑動解法回文連結
    2018-04-29_141619
  1. 首頁＞學習推廣＞工藝新趣＞歷屆團隊簡介
    首頁＞學習推廣＞工藝新趣＞設計營記事
    首頁 >學習與推廣 >工藝新趣 >相關展覽
    首頁 >學習與推廣 >工藝新趣 >相關訊息
    首頁 >關於本中心＞政府資訊公開＞施政計畫（政府資訊公開下的所有子項目都有這個問題）
    首頁 >關於本中心＞工藝志工＞志工快訊
    首頁 >關於本中心＞工藝志工＞活動成果
    表格最首欄的欄位跑掉結)了解法同上
    2018-04-29_143201
  1. 首頁 >學習與推廣 >工藝社區 >工藝社區扶植成果
    首頁 >工藝認證 >臺灣工藝之家 >臺灣工藝之家介紹
    首頁 >工藝認證 >臺灣優良工藝品 >入選廠商介紹
    地圖與標誌重疊在一起，不好閱讀解法回文連結
    2018-04-29_145040
  1. 首頁 >工藝認證 >臺灣工藝之家 >臺灣工藝之家介紹
    每一項點進去的行距不統一，建議若統一會更好
  1. 首頁 >旅遊與購物 >工藝之旅 >北臺灣藝遊趣（中、南、東部的都有一樣問題）
    每一項點進去的圖片都會被左右壓縮解法回文連結
    2018-04-29_150655

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

無

出現亂碼

無

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

無

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

無

閱讀模式

可以用/不可以用

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

  1. 有的時候會顯示無法提供安全連結，但有的時候又是可以連的，而且有的時候是手機不行電腦可以、有時是電腦不行手機可以、有時是兩者都不行，很怪。
  1. 首頁 >相關連結>人文生態學習策略聯盟
    點進去後會先是空白的內容，要進一步點擊分類才會出現內容，會讓讀者搞混
    Screenshot_20180424-122513
  1. 字級大小
    在某些頁面中只會改變標題大小（比如下圖所顯示的頁面），但有些卻能改變內文大小，還有一些頁面根本沒有字級大小的選項。希望可以統一一點
    2018-04-27_194409

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

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

問題

可能原因

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

#3

問題

可能原因

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)
#4

問題

可能原因

不知道為什麼這邊突然心血來潮想用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

#5

問題

可能原因

非RWD 設定

原始程式

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

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

建議修改

width: 100%;
#6

問題

可能原因

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

#7

問題

可能原因

圖片固定大小

原始程式

位置：

<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">

補充

圖片