文化部國立臺灣文學館官網-黃嘉旭

網站

文化部國立臺灣文學館官網

姓名

黃嘉旭

日期

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爆炸可以截示意圖列出位置就好)

有跑版(影響閱讀)問題

[首頁]>[參觀資訊]>[藝文商店]字體被切掉一部分


[首頁] >[活動報名須知]我已完全閱讀並同意以上內容之 Checkbox 跑版


日期表編排較雜亂,建議用表格


[首頁] >[活動報名表]活動報名之「活動種類」的 Radio 跑版

有出現亂碼

有壞掉的連結

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

無|N/A

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

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

[首頁]>[活動明細]展覽海報圖過小,且無法放大,看不清上面的字(每個活動明細)


[首頁]>[活動明細]活動詳情的人數和費用空白(每個活動明細都一樣)


[首頁]>[活動明細]活動明細之介紹內文的圖片,無法點擊放大,圖片過小無法看見裡面在說什麼(每個活動明細都一樣)


[首頁]>[圖書與出版]>[購買資訊]>[出版品交流]出版品交流頁空白


[首頁] >[活動報名表] :活動報名表中的奇怪詞彙「玩家1」


[首頁]>[活動明細]位置地圖可以加上文字說明,讓使用者理解這是地圖按鈕(每個活動明細)

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

☆☆☆

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

問題:

[首頁]>[參觀資訊]>[藝文商店]字體被切掉一部分

可能原因:

切版分配欄位不足

建議修改:

  1. 縮小字體
  2. 增加每欄位高度
  3. 加滾輪或「查看更多」選項

問題:

[首頁] >[活動報名須知]我已完全閱讀並同意以上內容之 Checkbox 跑版

建議修改:

於 css 中加上以下程式碼,並修正 margin

input[type="checkbox"] {
margin: 4px 10px;
height: auto;
width: auto;
}

補充:修改後的版面如下

問題:

[首頁] >[活動報名表]活動報名之「活動種類」的 Radio 跑版

可能原因:

沒換行

原始程式:

<label for="form1_regBaseBean_paytype01,300">推廣價-單人$300(費用 300)</label>

建議修改:

增加 < br >

<label for="form1_regBaseBean_paytype01,300">推廣價-單人$300(費用 300)</label><br>

同時建議調整 margin 利於點擊與閱讀

input[type="checkbox"] {
margin: 4px 10px;
}

補充:修改後的版面如下

問題:

[首頁]>[活動明細]展覽海報圖過小,且無法放大,看不清上面的字(每個活動明細)

可能原因:

圖片大小寫死

原始程式:

.photo_n .photo_01 img {
	width: 200px;

	
}

建議修改:

.photo_n .photo_01 img {
	width: 100%;
}

或是另建連結,點擊之後可以查閱放大的圖片

補充:修改後的版面如下

問題:

[首頁]>[活動明細]活動詳情的人數和費用空白(每個活動明細都一樣)
[首頁]>[圖書與出版]>[購買資訊]>[出版品交流]出版品交流頁空白
[首頁]>[活動明細]位置地圖可以加上文字說明,讓使用者理解這是地圖按鈕(每個活動明細)

建議修改:

可再補上應有資訊內容

問題:

[首頁]>[活動明細]活動明細之介紹內文的圖片,無法點擊放大,圖片過小無法看見裡面在說什麼(每個活動明細都一樣)

可能原因:

圖片大小寫死

建議修改:

  1. 以百分比調整圖片大小
  2. 另建連結點擊之後可以查看放大圖片