勞動部勞動力發展署桃竹苗分署-黃嘉旭

網站

勞動部勞動力發展署桃竹苗分署

姓名

黃嘉旭

日期

2017—11–03

瀏覽器解析度(iOS的Safari填裝置名稱 macOS填瀏覽器解析度)

1440 * 900

作業系統版本

macOS 10.12.6(MBA 2015)

瀏覽器版本(iOS的Safari填iOS版本)

Chrome:版本 62.0.3202.62 (正式版本) (64 位元)
Safari:版本 11.0(12604.1.38.1.7)

有發現表格排版影響閱讀問題(大量table爆炸可以截示意圖列出位置就好)

有跑版(影響閱讀)問題

首頁Flash 說明文跑版


首頁首頁關鍵字跑版

有出現亂碼

有壞掉的連結

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

無|N/A

有不能運作的網頁元素(如按鈕不能按、選單不能選等)

首頁在 Chrome 下,靠「按一下」無法啟動 Flash(全網站都是)

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

對此網站建議(給個建議吧)

☆☆
請千萬不要用 Flash
請用 RWD ,並重新設計整個版型
可整併內容較少的子頁,適當分類內容,讓子頁數量減少。

更詳盡的綜合意見正在撰寫中,請見Ray 公部門二級機關網頁檢查筆記

問題:

首頁在 Chrome 下,靠「按一下」無法啟動 Flash(全網站都是)

可能原因:

圖片整個覆蓋到此部分內容

原始程式:

<div class="top_01">
<div class="top_02"><a href="index.jsp"><img src="image/logo/logo_02.png" alt="勞動部勞動力發展署桃竹苗分署"></a></div> 
<div class="top_03">
<table border="0" align="right" cellpadding="0" cellspacing="0">
<tbody><tr><td align="right">
<div class="top_03-1"> <a title="主選單區" href="home.jsp?pageno=201301210001" accesskey="U">:::</a> <a href="home.jsp?pageno=201301210001">網站導覽</a> <a href="index.jsp">回首頁</a> <a href="https://www.wda.gov.tw/en/cp.aspx?n=D2DEEE3B0F86AA88&amp;s=E8D3056C6FB47D4C">English</a> <a href="home.jsp?pageno=201512240001">民意信箱</a> <a href="home.jsp?pageno=201301110020">常見問答</a> <a href="https://www.wda.gov.tw/Bilingual.aspx?n=FDC3BA2C714CD75F&amp;sms=4A22C80D8C659C54" target="_blank">雙語詞彙</a> <a href="home.jsp?pageno=201301230002">RSS</a></div>
</td></tr><tr><td align="right">
<div class="top_03-2"><a href="http://www.facebook.com/JobTaole1" target="_blank"><img src="image/icon_line/fb_off.png" alt="facebook圖示(另開新視窗)" class="top_03-3"></a><a href="https://www.youtube.com/user/wdathm/feed" target="_blank"><img src="image/icon_line/youtube_off.png" alt="youtube圖示(另開新視窗)"></a></div>
</td></tr></tbody></table>
</div> 
<div class="top_04"><img src="image/light.png" alt=""></div>
<div class="top_05">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" name="wmode" width="980" height="329" id="wmode">
    <param name="movie" value="flash/index.swf">
    <param name="quality" value="high">
    <param name="wmode" value="transparent">
    <embed src="flash/index.swf" wmode="transparent" width="980" height="329" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" name="wmode">
  網站形象區動畫(Flash動畫)
  </object>
</div>
</div>

建議修改:

解一. 移除圖片
(移除此部分程式碼)

<div class="top_04"><img src="image/light.png" alt=""></div>

解二. 重新修改圖片大小(圖片顯示只有上部份而已 其實下半部分是多餘的

問題:

Flash 說明文跑版

建議修改:

此部分文字可能為說明用,可以移除

問題:

首頁首頁關鍵字跑版

可能原因:

此為 html 對英文文字處理方式,強制換行

建議修改:

於各 Link 前加空白字元即可

補充:修改後的版面如下