勞動部全球資訊網－談宇綺

ray 勞動部
#1

網站

勞動部全球資訊網

姓名

談宇綺

日期

2017-11-03

瀏覽器解析度（iOS的Safari填裝置名稱 macOS填瀏覽器解析度）

iPad Air2

作業系統版本

iOS 10.2

瀏覽器版本（iOS的Safari填iOS版本）

Chrome：版本 61.0.3163.73
Safari：iOS 10.2

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

無

有跑版（影響閱讀）問題

有出現亂碼

無

有壞掉的連結

無

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

無

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

無

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

對此網站建議（給個建議吧）

1.介面設計佳，有適當留白，版面規劃完整，值得其他單位的網站參考。
2.網站導覽的部分，建議重新安排各個區塊的呈現方式。目前3.新聞公告以及4.業務專區、5.便民服務的內容太多、太長，導致網頁滑到天荒地老都看不到底…

#2

問題 ：

影片超出版面，且無法橫向移動頁面

可能原因：

table與影片未設定responsive

原始程式：

<table border="0" width="577" height="5">
<tbody>
<tr>
<td><iframe src="https://www.youtube.com/embed/fudKETqt57Y" height="315" frameborder="0" width="420"></iframe><a data-id="31180" href="/media/3810248/勞動基準法修正案懶人包.mp4" target="_blank" title="勞動基準法修正案懶人包.mp4">♦<strong>按此下載影片</strong></a></td>
<td><iframe src="https://www.youtube.com/embed/h36dL6RmMv8" height="315" frameborder="0" width="420"></iframe><a href="/media/3810249/勞動部-落實週休二日短片-60秒.mp4" target="_blank" title="勞動部「落實週休二日短片」60秒.mp4"><strong>♦按此下載影片</strong></a></td>
</tr>
<tr>
<td><a href="/media/3810251/週休二日座談會說明.mp4" target="_blank" title="週休二日座談會說明.mp4"><iframe src="https://www.youtube.com/embed/wILFr2giVmM" height="315" frameborder="0" width="420"></iframe><strong>♦按此下載影片</strong></a></td>
<td><iframe src="https://www.youtube.com/embed/0jh8UIpeYlI" height="315" frameborder="0" width="420"></iframe><strong><a href="/media/3810252/國定假日宣導-作菜篇1018.mp4" target="_blank" title="國定假日宣導  作菜篇1018.mp4">♦按此下載影片</a></strong></td>
</tr>
<tr>
<td><iframe src="https://www.youtube.com/embed/bOD6nHPwNaY" height="315" frameborder="0" width="420"></iframe></td>
<td><iframe src="https://www.youtube.com/embed/DQmce2R0oCg" height="315" frameborder="0" width="420"></iframe><strong><a href="https://drive.google.com/uc?id=0B6w-mVo6ANblSjg5ZUxsTHpVTjg&amp;export=download" target="_blank" title="勞動基準法週休二日修法說明精華版.mp4">♦按此下載影片</a></strong></td>
</tr>
</tbody>
</table>

建議修改

原網頁已有使用bootstrap.min.css
因此table部分可改用bootstrap grid system
影片iframe部分改用bootstrap embeds(http://getbootstrap.com/docs/4.0/utilities/embed/)

程式碼部分待捕上

#3
  • 「薪資行情及大專生就業導航」查詢網，不在勞動部全球資訊網的檢測範圍，搬離首篇文章，相關報告如下：

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