法務部矯正署臺南監獄 - 范玟瑄

網站

法務部矯正署臺南監獄

姓名

范玟瑄

日期

2017-11-12

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

1024 * 768

作業系統版本

Windows 10 家用版
iOS 11.0 (15A372)

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

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

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

有跑版(影響閱讀)問題

圖1

圖2

圖1

圖2

有出現亂碼

有壞掉的連結

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

圖1

圖2

圖1

圖2

圖1

圖2

圖1

圖2

圖1

圖2

圖1

圖2

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

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

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

☆☆
網頁介面可以美化,可以使用響應式頁面設計這樣不用再製作行動版網頁。
網站有很多問題需要修正,圖片有時候會讓頁面跑版,且盡量減少使用FLASH。
希望網站開啟的模式能夠一致,在常見問題,有些問題回答是開啟PDF檔,有些則是同一頁面連結過去,非常不一致。
字體顏色有些不一致,有時候是全黑,有時又是其他顏色(藍色),很不一致,同時希望文字大小、字型、字體能夠統一。

可能的原因:

圖片沒有設定寬度 100% 網頁被撐開

原始程式:

<table border="0" summary="統計室" width="100%">
<tbody>
<tr>
<td>
<div align="left">&nbsp;<img alt="資通安全教育訓練" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/97ismsedu_1.jpg" mmoid="141158"></div></td>
<td>
<div align="left">&nbsp;<img alt="資通安全教育訓練" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/97ismsedu_2.jpg" mmoid="141159"></div></td></tr></tbody></table>

建議修改:

<table border="0" summary="統計室" width="100%">
<tbody>
<tr>
<td>
<div align="left">&nbsp;<img alt="資通安全教育訓練" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/97ismsedu_1.jpg" mmoid="141158" style="
width: 100%;"></div></td>
<td>
<div align="left">&nbsp;<img alt="資通安全教育訓練" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/97ismsedu_2.jpg" mmoid="141159" style="
width: 100%"></div></td></tr></tbody></table>

可能的原因:

圖片沒有設定寬度 100% 網頁被撐開

原始程式:

<div align="center"><img alt="機關位置圖7" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/new-map(1030229).jpg" mmoid="38705"><br><br>
<table summary="列表資料 ">
<tbody>
<tr>
<td><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/15ta_112.gif"></td>
<td background="/site/moj/public/MMO/tnp/15ta_212.gif"><img name="withsize" alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/spacer.gif"></td>
<td><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/15ta_312.gif"></td></tr>
<tr>
<td background="/site/moj/public/MMO/tnp/15ta_412.gif"><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/spacer.gif"></td>
<td background="/site/moj/public/MMO/tnp/15ta_012.gif">
<p><img alt="搭興南客運者" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/map001.gif"><br><img alt="標註" align="absMiddle" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/map002.gif"><strong><font color="#ff0000">紅3線(台南-&lt;----台南航空站、台南都會公園、台南高鐵站-----&gt;關廟):</font> </strong><br><font color="#333333"><span style="FONT-FAMILY: '新細明體','serif'; COLOR: red; FONT-SIZE: 16pt; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'; mso-font-kerning: 1.0pt; mso-bidi-font-family: 'Times New Roman'; mso-ansi-language: EN-US; mso-fareast-language: ZH-TW; mso-bidi-language: AR-SA">時刻表</span></font></p>
<p><font color="#333333"><font color="#333333"></font><img alt="興南客運時刻表" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/興南客運時刻表.jpg" mmoid="335001"></font></p>
<p><font color="#333333"><span style="FONT-FAMILY: '新細明體','serif'; COLOR: red; FONT-SIZE: 16pt; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'; mso-font-kerning: 1.0pt; mso-bidi-font-family: 'Times New Roman'; mso-ansi-language: EN-US; mso-fareast-language: ZH-TW; mso-bidi-language: AR-SA">路線圖</span></font></p>
<p><font color="#333333"><font color="#333333"></font><img alt="興南客運路線圖" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/興南客運路線圖.jpg" width="1159" height="467" mmoid="335000"></font></p>
<p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><span style="FONT-FAMILY: '新細明體','serif'; COLOR: red; FONT-SIZE: 16pt; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'">時刻表與路線圖若有變動,請以興南客運官網為準</span></p>
<p><font color="#333333"></font><br><font color="#333333"><strong><font color="#ff3300"><a title="(另開視窗)" href="http://www.snbus.com.tw/" target="_gipNW">興南客運官網</a>&nbsp;&nbsp;&nbsp;&nbsp; 興南客運電話:06-2915812</font>&nbsp;&nbsp; </strong></font></p></td>
<td background="/site/moj/public/MMO/tnp/15ta_512.gif"><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/spacer.gif"></td></tr>
<tr>
<td><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/15ta_612.gif"></td>
<td background="/site/moj/public/MMO/tnp/15ta_712.gif"><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/spacer.gif"></td>
<td><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/15ta_812.gif"></td></tr></tbody></table><br><img alt="分隔線" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/map004.gif"> <br><br>
<table summary="列表資料 ">
<tbody>
<tr>
<td><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/15ta_112.gif"></td>
<td background="/site/moj/public/MMO/tnp/15ta_212.gif"><img name="withsize" alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/spacer.gif"></td>
<td><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/15ta_312.gif"></td></tr>
<tr>
<td background="/site/moj/public/MMO/tnp/15ta_412.gif"><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/spacer.gif"></td>
<td background="/site/moj/public/MMO/tnp/15ta_012.gif"><img alt="自備交通工具" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/map003.gif"><br><img alt="標註" align="absMiddle" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/map002.gif"><strong><font color="#ff0000">經中山高速公路:</font> </strong><br><font color="#333333">北上者,行經仁德休息站(335公里)後,再前行約4公里,轉入86號東西向快速道路,向東行(往關廟方向);南下者,行經仁德交流道(327公里),再前行約4公里,同樣轉入86號東西向快速道路,向東行,在12公里處,自武東、大潭交流道下,順向前行約800公尺有「臺南監獄標誌」處,右轉直走即可到達本監。</font> <br><br><img alt="標註" align="absMiddle" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/map002.gif"><strong><font color="#ff0000">經省道台一線者:</font> </strong><br><font color="#333333">在約莫338公里處,銜接86號東西向快速公路,在12公里處,自武東大潭交流道下,順向前行約800公尺,右轉入中正南路2段162巷,再行約300公尺,即抵達台南監獄。</font> <br><br><img alt="標註" align="absMiddle" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/map002.gif"><strong><font color="#ff0000">經國道三號高速公路:</font> </strong><br><font color="#333333">自國道三號高速公路關廟交流道下連絡道,銜接86號東西向快速公路,於武東大潭交流道下左轉前行約800公尺,右轉入中正南路2段162巷,再前行約300公尺,即抵達台南監獄。</font> <br></td>
<td background="/site/moj/public/MMO/tnp/15ta_512.gif"><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/spacer.gif"></td></tr>
<tr>
<td><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/15ta_612.gif"></td>
<td background="/site/moj/public/MMO/tnp/15ta_712.gif"><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/spacer.gif"></td>
<td><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/15ta_812.gif"></td></tr></tbody></table><br><img alt="分隔線" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/map004.gif"> <br><br>
<table summary="列表資料 ">
<tbody>
<tr>
<td><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/15ta_112.gif"></td>
<td background="/site/moj/public/MMO/tnp/15ta_212.gif"><img name="withsize" alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/spacer.gif"></td>
<td><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/15ta_312.gif"></td></tr>
<tr>
<td background="/site/moj/public/MMO/tnp/15ta_412.gif"><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/spacer.gif"></td>
<td background="/site/moj/public/MMO/tnp/15ta_012.gif"><img alt="高鐵到本監指示說明" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/map000_1.gif" mmoid="92868"><br><img alt="標註" align="absMiddle" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/map002.gif"><strong><font color="#ff0000">搭乘計程車至本監:</font> </strong><br><font color="#333333">到高鐵臺南站後,由四號出口出站,即可搭乘排班之計程車,車程時間約3至5分鐘。</font><br><br><img alt="標註" align="absMiddle" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/map002.gif"><strong><font color="#ff0000">步行或由他人開車接送至本監:</font></strong><br><font color="#333333">到高鐵臺南站後,由2號或3號出口出站,沿著車站前的歸仁大道直行,遇中正南路紅綠燈後,再繼續往前行約300公尺,即抵達台南監獄;步行時間約20分鐘,開車約3至5分鐘。</font> <br><br></td>
<td background="/site/moj/public/MMO/tnp/15ta_512.gif"><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/spacer.gif"></td></tr>
<tr>
<td><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/15ta_612.gif"></td>
<td background="/site/moj/public/MMO/tnp/15ta_712.gif"><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/spacer.gif"></td>
<td><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/15ta_812.gif"></td></tr></tbody></table><br>
<table summary="列表資料 ">
<tbody>
<tr>
<td>
<div align="center">
<div align="center"><img alt="台南市歸仁區武東里明德新村一號" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/newlocation_2011.gif" mmoid="217636"></div></div></td></tr>
<tr>
<td>
<div align="center"><img alt="電話" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/map-tel.gif"></div></td></tr></tbody></table></div>

建議修改:

<div align="center"><img alt="機關位置圖7" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/new-map(1030229).jpg" mmoid="38705" style="
    width: 100%"><br><br>
    <table summary="列表資料 ">
    <tbody>
    <tr>
    <td><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/15ta_112.gif"></td>
    <td background="/site/moj/public/MMO/tnp/15ta_212.gif"><img name="withsize" alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/spacer.gif"></td>
    <td><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/15ta_312.gif"></td></tr>
    <tr>
    <td background="/site/moj/public/MMO/tnp/15ta_412.gif"><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/spacer.gif"></td>
    <td background="/site/moj/public/MMO/tnp/15ta_012.gif">
    <p><img alt="搭興南客運者" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/map001.gif"><br><img alt="標註" align="absMiddle" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/map002.gif"><strong><font color="#ff0000">紅3線(台南-&lt;----台南航空站、台南都會公園、台南高鐵站-----&gt;關廟):</font> </strong><br><font color="#333333"><span style="FONT-FAMILY: '新細明體','serif'; COLOR: red; FONT-SIZE: 16pt; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'; mso-font-kerning: 1.0pt; mso-bidi-font-family: 'Times New Roman'; mso-ansi-language: EN-US; mso-fareast-language: ZH-TW; mso-bidi-language: AR-SA">時刻表</span></font></p>
    <p><font color="#333333"><font color="#333333"></font><img alt="興南客運時刻表" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/興南客運時刻表.jpg" mmoid="335001" style="
    width: 100%;"></font></p>
    <p><font color="#333333"><span style="FONT-FAMILY: '新細明體','serif'; COLOR: red; FONT-SIZE: 16pt; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'; mso-font-kerning: 1.0pt; mso-bidi-font-family: 'Times New Roman'; mso-ansi-language: EN-US; mso-fareast-language: ZH-TW; mso-bidi-language: AR-SA">路線圖</span></font></p>
    <p><font color="#333333"><font color="#333333"></font><img alt="興南客運路線圖" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/興南客運路線圖.jpg" width="1159" height="467" mmoid="335000" style="
    width: 100%;"></font></p>
    <p style="MARGIN: 0cm 0cm 0pt" class="MsoNormal"><span style="FONT-FAMILY: '新細明體','serif'; COLOR: red; FONT-SIZE: 16pt; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'">時刻表與路線圖若有變動,請以興南客運官網為準</span></p>
    <p><font color="#333333"></font><br><font color="#333333"><strong><font color="#ff3300"><a title="(另開視窗)" href="http://www.snbus.com.tw/" target="_gipNW">興南客運官網</a>&nbsp;&nbsp;&nbsp;&nbsp; 興南客運電話:06-2915812</font>&nbsp;&nbsp; </strong></font></p></td>
    <td background="/site/moj/public/MMO/tnp/15ta_512.gif"><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/spacer.gif"></td></tr>
    <tr>
    <td><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/15ta_612.gif"></td>
    <td background="/site/moj/public/MMO/tnp/15ta_712.gif"><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/spacer.gif"></td>
    <td><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/15ta_812.gif"></td></tr></tbody></table><br><img alt="分隔線" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/map004.gif"> <br><br>
    <table summary="列表資料 ">
    <tbody>
    <tr>
    <td><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/15ta_112.gif"></td>
    <td background="/site/moj/public/MMO/tnp/15ta_212.gif"><img name="withsize" alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/spacer.gif"></td>
    <td><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/15ta_312.gif"></td></tr>
    <tr>
    <td background="/site/moj/public/MMO/tnp/15ta_412.gif"><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/spacer.gif"></td>
    <td background="/site/moj/public/MMO/tnp/15ta_012.gif"><img alt="自備交通工具" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/map003.gif"><br><img alt="標註" align="absMiddle" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/map002.gif"><strong><font color="#ff0000">經中山高速公路:</font> </strong><br><font color="#333333">北上者,行經仁德休息站(335公里)後,再前行約4公里,轉入86號東西向快速道路,向東行(往關廟方向);南下者,行經仁德交流道(327公里),再前行約4公里,同樣轉入86號東西向快速道路,向東行,在12公里處,自武東、大潭交流道下,順向前行約800公尺有「臺南監獄標誌」處,右轉直走即可到達本監。</font> <br><br><img alt="標註" align="absMiddle" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/map002.gif"><strong><font color="#ff0000">經省道台一線者:</font> </strong><br><font color="#333333">在約莫338公里處,銜接86號東西向快速公路,在12公里處,自武東大潭交流道下,順向前行約800公尺,右轉入中正南路2段162巷,再行約300公尺,即抵達台南監獄。</font> <br><br><img alt="標註" align="absMiddle" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/map002.gif"><strong><font color="#ff0000">經國道三號高速公路:</font> </strong><br><font color="#333333">自國道三號高速公路關廟交流道下連絡道,銜接86號東西向快速公路,於武東大潭交流道下左轉前行約800公尺,右轉入中正南路2段162巷,再前行約300公尺,即抵達台南監獄。</font> <br></td>
    <td background="/site/moj/public/MMO/tnp/15ta_512.gif"><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/spacer.gif"></td></tr>
    <tr>
    <td><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/15ta_612.gif"></td>
    <td background="/site/moj/public/MMO/tnp/15ta_712.gif"><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/spacer.gif"></td>
    <td><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/15ta_812.gif"></td></tr></tbody></table><br><img alt="分隔線" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/map004.gif"> <br><br>
    <table summary="列表資料 ">
    <tbody>
    <tr>
    <td><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/15ta_112.gif"></td>
    <td background="/site/moj/public/MMO/tnp/15ta_212.gif"><img name="withsize" alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/spacer.gif"></td>
    <td><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/15ta_312.gif"></td></tr>
    <tr>
    <td background="/site/moj/public/MMO/tnp/15ta_412.gif"><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/spacer.gif"></td>
    <td background="/site/moj/public/MMO/tnp/15ta_012.gif"><img alt="高鐵到本監指示說明" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/map000_1.gif" mmoid="92868"><br><img alt="標註" align="absMiddle" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/map002.gif"><strong><font color="#ff0000">搭乘計程車至本監:</font> </strong><br><font color="#333333">到高鐵臺南站後,由四號出口出站,即可搭乘排班之計程車,車程時間約3至5分鐘。</font><br><br><img alt="標註" align="absMiddle" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/map002.gif"><strong><font color="#ff0000">步行或由他人開車接送至本監:</font></strong><br><font color="#333333">到高鐵臺南站後,由2號或3號出口出站,沿著車站前的歸仁大道直行,遇中正南路紅綠燈後,再繼續往前行約300公尺,即抵達台南監獄;步行時間約20分鐘,開車約3至5分鐘。</font> <br><br></td>
    <td background="/site/moj/public/MMO/tnp/15ta_512.gif"><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/spacer.gif"></td></tr>
    <tr>
    <td><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/15ta_612.gif"></td>
    <td background="/site/moj/public/MMO/tnp/15ta_712.gif"><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/spacer.gif"></td>
    <td><img alt="圖框用" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/15ta_812.gif"></td></tr></tbody></table><br>
    <table summary="列表資料 ">
    <tbody>
    <tr>
    <td>
    <div align="center">
    <div align="center"><img alt="台南市歸仁區武東里明德新村一號" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/newlocation_2011.gif" mmoid="217636"></div></div></td></tr>
    <tr>
    <td>
    <div align="center"><img alt="電話" src="http://www.moj.gov.tw/site/moj/public/MMO/tnp/map-tel.gif"></div></td></tr></tbody></table></div>