經濟部水利署節約用水資訊網-邵嘉嶸

網站

節約用水資訊網


姓名

邵嘉嶸


檢測日期

2018-04-21


檢測裝置

iPhone 7


作業系統 與 瀏覽器版本

iOS 11.3


解析度(手機螢幕)

375x667 pixels


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


壞掉的連結



跳回首頁(解法回文連結)




跑版(影響閱讀)問題





內文圖片跑版 圖片寬高寫死,改用%數




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


出現亂碼


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


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


閱讀模式

可以用


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





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

  • 整體功能性不錯的網站

  • 提供民眾各類關於節水的資訊,讓人學到不少
  • 網路設計表格使用有點過多

  • 導致彈性很不夠,有很多多餘的空白
  • 檔案類型要注意

  • 節水圖書館裡的節水文宣區,拜託不要是ai檔跟psd檔的!
  • 節水圖書館裡的節水動畫區,節水短片可以調整一下檔案或呈現方式,有的真的太大了
  • 還有不少可以調整的
  • CSS有錯

問題:

可能原因:

原始程式:

<tr>
                    
                    <td><img src="/images/contents/point_b6.gif" width="12" height="12"></td>
                    <td><a href="../library/images/song/01.mp3" class="g12" target="_blank"><img src="/images/contents/song1.gif" width="500" height="300"></a></td>
                </tr>

建議修改:

<a href="../library/images/song/01.mp3" class="g12" target="_blank">
<img src="/images/contents/song1.gif" width="100%">
</a>

補充

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

問題:

可能原因:

原始程式:

<div class="water_content" style="display: block;">
                                可到各水電行、大賣場指明購買具省水標章之產品,或上網由「節約用水資訊網」之「省水標章」查詢各公司產品之銷售地點,網址如下:
http://www.waterlabel.org.tw/productsearch/productsearch1.aspx
                            </div>

建議修改:

<div class="water_content" style="display: block;">
                                可到各水電行、大賣場指明購買具省水標章之產品,或上網由「節約用水資訊網」之「省水標章」查詢各公司產品之銷售地點,網址如下:
<a href="http://www.waterlabel.org.tw/productsearch/productsearch1.aspx" style='word-break:break-all;'
http://www.waterlabel.org.tw/productsearch/productsearch1.aspx
                            </div>

補充

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