客家雲Hakka Cloud－高偉庭

ray 客家委員會
, ,
#1

網站

客家雲Hakka Cloud

姓名

高偉庭

檢測日期

2018-05-07

檢測裝置

Samsung Galaxy S7 edge

作業系統 與 瀏覽器版本

Android 7.0
Chrome版本：Chrome 64.0.3325.109

解析度（手機螢幕）

360x640 pixels

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

是

壞掉的連結

無

跑版（影響閱讀）問題

  1. 首頁＞主題分類＞景點＞客藝農情之旅
    首頁＞主題分類＞景點＞漫遊尋味之旅
    首頁＞主題分類＞景點＞客風玩味小旅行
    首頁＞主題分類＞景點＞品釀賞蝶之旅
    文字顯示不全但可滑動
    Screenshot_20180507-161808
  1. 首頁
    輪播的照片有些會切到照片、顯示不完全解法回文連結
    Screenshot_20180507-162103
  1. 首頁＞主題分類其中點入每一項都有這個問題
    時間選擇自訂時，欄位顯示不無全但可滑動
    Screenshot_20180507-162936
  1. 首頁＞主題分類>文化
    表格的格線不顯示的話會有點難以閱讀
    Screenshot_20180507-164040
  1. 首頁＞主題分類其中點入每一項
    文章沒有設封面圖片時，在點入每一大項（e.g. 文化）之後就會顯示成靠左的排版，右邊原本應該有圖的地方會空白著，這樣很怪解法回文連結
    Screenshot_20180507-164400
  1. 首頁＞主題分類＞景點>西湖通霄樂園農莊暢快遊
    不知道為什麼可以左右滑動，景點項目中有很多項有這個問題解法回文連結
  1. 首頁＞客家動態＞動態儀表版
    不方便手機閱讀
    Screenshot_20180507-170311

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

  1. 首頁
    活動總覽的部份按結束時間／熱門程度似乎都沒什麼變化，按最右側兩個不同排列方式的按鈕也沒有動靜，覺得可以刪掉這個功能解法回文連結
    Screenshot_20180507-162307
  1. 首頁
    按第一頁／1／最末頁按鈕，都只會跳回頁面頂端解法同上
    Screenshot_20180507-162519

出現亂碼

無

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

無

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

無

閱讀模式

不適用

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

  1. 首頁
    在主題推薦的部份，輪播的部份會多個主題同時輪播，不太符合一般使用習慣（比如說有ABCDEF六個主題，ABC會同時出現、DEF會同時出現，首頁的輪播是ABC出現之後同時輪播DEF，一般網站應該都是A播完播B、B播完播C以此類推。
    Screenshot_20180507-161048
  1. 首頁＞主題分類
    在主題分類頁面中顯示的與點入更多後所顯示的不一樣，主題分類頁面中顯示的照理說應該要是該分類中的前幾項吧。以下以美食為例：
    Screenshot_20180507-163622
    Screenshot_20180507-163631

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

  1. 首頁＞主題分類其中點入每一項
    這個搜尋的部份做的有點累贅感，地區應該用下拉選單才不會佔掉那麼多空間（而且主題分類中的很多像目都沒有地區之分吧？），而且地區時間模式選項等等應該可以設一個進階查詢，不需要一直都顯示，搜尋的選項佔太空間讓民眾點入後還要滑動，不太方便。
    Screenshot_20180507-162936
  1. 首頁＞主題分類
    以文找文功能有點多餘
  1. 首頁＞主題分類
    分類小標籤的位置有點怪，應該在標題前會比較順
    Screenshot_20180507-163631
  1. 主題分類的部份十分不好使用，建議將主題分類下的每一個項目分開一個網頁，不要在首頁＞主題分類中一次顯示文化、景點、語言等多個分類。另外，有許多文章首頁圖片被截掉一部份的狀況，需注意上傳圖片的長寬。
  1. 首頁的學術文史、民俗文物、客庄幾項，並沒有出現在漢堡的分類中，容易讓讀者漏掉，建議把這幾項都加入漢堡的分類。
#2

問題

可能原因

CSS設定

建議修改

位置：https://cloud.hakka.gov.tw/Content/css?v=z3DLSX_bONQTpeIFU2XLDS5qmBWInoWviZHhryvaGm81

   padding-bottom: 70%;

補充

image

#3

問題

建議修改

位置：https://cloud.hakka.gov.tw/Content/css?v=z3DLSX_bONQTpeIFU2XLDS5qmBWInoWviZHhryvaGm81

list-intro {
    float: left;
    /* width: 60%; */
    font-family: "微軟正黑體";
    font-size: 15px;
    color: #000;
    line-height: 160%;
    text-decoration: none;
}

有圖再幫它加div就好

補充

image

#4

問題

可能原因

會有向右滑的空間基本上都是因為裡面有特定元件擠出去導致滾軸出現
最直接的方式但絕對不算是正確的方式是

<form method="post" action="./Details?p=66721" id="form1" style="
    overflow:  hidden;
">
<div class="aspNetHidden">

直接把所有元件的overflow消失掉
正常來說應該是要一個一個翻是哪個元件出事
不過可以請各位看一下裡面的程式碼，基本上一定可以榮獲我目前看過最亂的網站，沒有之一
html，css，js 每種tag參雜在一份文件裡面，我這邊說的參雜就是字面上的意思，東邊一個script西邊一個style
這對於網站前端trace code真的是一場惡夢

#5

問題

可能原因

好像只有兩個活動有沒有排序都沒差