法務部南投地方法院檢察署-黃嘉旭

網站

法務部南投地方法院檢察署

姓名

黃嘉旭

日期

2017—10-29

瀏覽器解析度(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爆炸可以截示意圖列出位置就好)

有跑版(影響閱讀)問題

有出現亂碼

有壞掉的連結

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

無|N/A

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

首頁首頁全文檢索功能失效

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

[首頁]>[機關簡介]>[本署簡介]本屬簡介是空白


[首頁]>[檔案應用服務]>[廿年風采紀實]甘年風采紀實之全部子頁,左側功能表被擠壓


[首頁]>[活動專區]>[活動專區]活動專區之所有活動新聞稿行距過矮

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

☆☆

  1. 請在網頁內加入 RWD
  2. 請重新設計全部版型(行高、字距)
  3. 輪播圖其實不一定有必要使用
  4. 請檢查並更新政府部門之網頁憑證
  5. 不一定要放那麼多相關連結
  6. 請不要用 Flash 來設計任何內容

更多詳盡內容正在撰寫中,撰寫完成會貼回來這邊:Ray 公部門二級機關網頁筆記(撰寫中)

問題:

首頁首頁全文檢索功能失效

可能原因:

經實測 chrome 和 safari 皆無此問題出現

補充:

檢索功能查詢後頁面

問題:

[首頁]>[機關簡介]>[本署簡介]本屬簡介是空白

可能原因:

未放上網站所需資料

原始程式:

<div id="Article" xmlns="">
<div class="Head">本署簡介</div>
<ul class="info">
<li>資料發布日期:<span>104/03/13</span></li>
</ul>
<div class="Body"></div>
<div class="Foot"><img src="xslGip/unit017/images/articlefoot_bg.gif" alt="*"></div>
</div>

建議修改:

<div id="Article" xmlns="">
<div class="Head">本署簡介</div>
<ul class="info">
<li>資料發布日期:<span>104/03/13</span></li>
</ul>
<div class="Body">這裡放上內容</div>
<div class="Foot"><img src="xslGip/unit017/images/articlefoot_bg.gif" alt="*"></div>
</div>

問題:

[首頁]>[檔案應用服務]>[廿年風采紀實]甘年風采紀實之全部子頁,左側功能表被擠壓

可能原因:

沒有限制內文圖片寬度,壓縮到旁邊 bar

建議修改:

在 css file 裡面加上

#Article .Body img {
    width: 100%;
}

補充:修改後的版面如下

問題:

[首頁]>[活動專區]>[活動專區]活動專區之所有活動新聞稿行距過矮

可能原因:

沒有設定行距

原始程式:

#Article .Body {
	font-size: 80%;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	line-height: 140%;
	color: #333333;
	text-align: left;
}

建議修改:

#Article .Body {
	font-size: 80%;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	line-height: 140%;
	color: #333333;
	text-align: left;
	line-height: 24px;
}

補充:修改後的版面如下