臺灣港務(股)公司_綠港政策主題網_穆邦妮

網站

臺灣港務(股)公司綠港政策主題網

姓名

穆邦妮

檢測日期

2018-05-20

檢測裝置

iphone 6

作業系統 與 瀏覽器版本

ios 11.2

解析度(手機螢幕)

375 x 667 pixels

是否會自動跳入行動版欄位?

壞掉的連結

跑版(影響閱讀)問題 (解法回文連結)

  1. 首頁>綠港行動方案>高雄港>高雄港務分公司環境政策

無法操作的網頁元素(如按鈕不能按、選單不能選等)

出現亂碼 (解法回文連結)

  1. 首頁>綠港行動方案>基隆港>基隆港綠港績效

  2. 首頁>綠港行動方案>臺中港>臺中港務分公司環境政策

  3. 首頁>綠港行動方案>高雄港
    高雄港的子選單都有亂碼,以下為舉例。


  4. 首頁>環境監測報告>港區環境監測作業簡介

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

網站載入緩慢(相對一般網站)

閱讀模式

可以

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

  1. 首頁
    手機似乎無法點選首頁熱門連結的左右兩鍵。 (解法回文連結)
    (圖一) 行動版網頁

    (圖二) 電腦版網頁第一頁

    (圖二) 電腦版網頁第二頁

對此網站建議(非程式問題皆放置這裡)

建議排版美編,使網頁更美觀易讀。

1-1 首頁
首頁幾乎沒留白邊,畫面看起來擁擠,建議留邊使版面更舒服易讀!

1-2 首頁>綠港行動方案>蘇澳港>環境管理系統-歐洲生態港(EcoPort)…
希望文字可以統一排版更美觀!

1-3首頁>綠港行動方案>臺中港>臺中港綠港績效
(圖一)行動版


(圖二)電腦板

1 Like

問題:

可能原因:

margin屬性設置錯誤

原始程式:

位置:https://www.twport.com.tw/GP/cp.aspx?n=C1FDC08A042BF2C1# :845

<td>
	......
	<p align="center" style="margin-left: -28.3pt;"><span style="font-size: 16px;">有效落實環境管理系統,推動綠色港埠永續發展</span><br></p>
	<p align="center" style="margin-left: -28.3pt;"><span style="font-size: 16px;">遵循環境保護相關法規,致力履行企業社會責任</span><br></p>
	<p align="center" style="margin-left: -28.3pt;"><span style="font-size: 16px;">提供適當環境教育訓練,提升員工環保技能認知</span><br></p>
	<p align="center" style="margin-left: -28.3pt;"><span style="font-size: 16px;">持續環境監測污染防制,節能減碳降低環境負荷</span><br></p>
	<p align="center" style="margin-left: -28.3pt;"><span style="font-size: 16px;">推行環境資訊定期公開,建立港埠內外溝通橋樑</span><br></p>
	<p align="center" style="margin-left: -28.3pt;"><span style="font-size: 16px;">強化港埠周邊社區參與,共創港市並存友善環境</span><br></p>
	......
</td>

建議修改:

刪除margin屬性

<td>
	......
	<p align="center"><span style="font-size: 16px;">有效落實環境管理系統,推動綠色港埠永續發展</span><br></p>
	<p align="center"><span style="font-size: 16px;">遵循環境保護相關法規,致力履行企業社會責任</span><br></p>
	<p align="center"><span style="font-size: 16px;">提供適當環境教育訓練,提升員工環保技能認知</span><br></p>
	<p align="center"><span style="font-size: 16px;">持續環境監測污染防制,節能減碳降低環境負荷</span><br></p>
	<p align="center"><span style="font-size: 16px;">推行環境資訊定期公開,建立港埠內外溝通橋樑</span><br></p>
	<p align="center"><span style="font-size: 16px;">強化港埠周邊社區參與,共創港市並存友善環境</span><br></p>
	......
</td>

補充:

結尾:

網頁跑版
https://www.twport.com.tw/GP/cp.aspx?n=C1FDC08A042BF2C1# :630

<div class="hotkey clearfix" style="clear: both;">......</div>

刪除clear屬性

<div class="hotkey clearfix">......</div>

問題:

可能原因:

原文中有奇怪的符號

原始程式:

以 首頁>綠港行動方案>基隆港>基隆港綠港績效 為例
位置:https://www.twport.com.tw/GP/cp.aspx?n=9A6F9AADD04E98E5 :838

<div style="display:block;" class="cp">
	<strong>本公司環境監測政策</strong><br>
	一、為落實本公司綠色港口政策,確實要求各分公司依環保相關法規執行港區環境管理,並透過實施環境監測工作掌握港區環境品質,作為港口環境改善依據。<br>
	二、本公司執行環境監測至今,擁有龐大相關環境監測數字,為瞭解各港區環境背景資料,本處依各港區環境監測結果實施彙整分析並編撰報告,以為訂定後續環境管理評估之參考。<br>
	&nbsp;l&gt;
	<li>何謂港區環境監測?</li>
	l&gt;
	港區內可能產生污染之潛在面向十分多元,主要以碼頭裝卸作業過程所產生之空氣污染及噪音干擾、船舶引擎及車輛之廢氣排放、港區廢污水等來源,為了保障港區業者及周邊社區居民生活品質,本公司設置自動連續監測站或委託行政院環境保護署合格檢測業者,針對空氣、噪音及水質進行港區環境監測作業,藉由監測結果掌握港區環境品質變化趨勢,並加以進行改善。<br>
	&nbsp;l&gt;
	<li>環境監測目的</li>
	l&gt;
	
	<ol>
		<li>掌握港區空氣噪音及水質等環境品質現況。</li>
		<li>推動環境品質自主管理機制,建立與環保機關互信基礎。</li>
		<li>配合綠色港口政策推動,作為評估港區環境品質執行成效依據。</li>
		<li>強化本公司環保形象,創造企業營運亮點。</li>
	</ol>
	&nbsp;
	l&gt;
	<li>執行作法</li>
	l&gt;
	本公司自104起每年定期整合所轄國內7個國際商港環境監測數據,編撰「臺灣商港環境監測報告」並公開發布於公司綠港網站,以年報型態揭露港區環境品質,盼透過政府與民間的監督力量,強化港區環境監測作業。<br>
	&nbsp;<br>
	&nbsp;<br>
	<font color="#0066cc">臺灣商港環境監測報告104</font>(pdf/22MB)<br>
	<font color="#0066cc">臺灣商港環境監測報告105</font>(pdf/13MB)<br>
	<font color="#0066cc">臺灣商港環境監測英文DM</font>(pdf/7.3MB)<br>
	&nbsp;<br>
	&nbsp;<br>
	&nbsp;
</div>

建議修改:

已測試,非程式問題
把符號刪掉即可

<div style="display:block;" class="cp">
	<strong>本公司環境監測政策</strong><br>
	一、為落實本公司綠色港口政策,確實要求各分公司依環保相關法規執行港區環境管理,並透過實施環境監測工作掌握港區環境品質,作為港口環境改善依據。<br>
	二、本公司執行環境監測至今,擁有龐大相關環境監測數字,為瞭解各港區環境背景資料,本處依各港區環境監測結果實施彙整分析並編撰報告,以為訂定後續環境管理評估之參考。<br>	
	<li>何謂港區環境監測?</li>	
	港區內可能產生污染之潛在面向十分多元,主要以碼頭裝卸作業過程所產生之空氣污染及噪音干擾、船舶引擎及車輛之廢氣排放、港區廢污水等來源,為了保障港區業者及周邊社區居民生活品質,本公司設置自動連續監測站或委託行政院環境保護署合格檢測業者,針對空氣、噪音及水質進行港區環境監測作業,藉由監測結果掌握港區環境品質變化趨勢,並加以進行改善。<br>	
	<li>環境監測目的</li>	
	<ol>
		<li>掌握港區空氣噪音及水質等環境品質現況。</li>
		<li>推動環境品質自主管理機制,建立與環保機關互信基礎。</li>
		<li>配合綠色港口政策推動,作為評估港區環境品質執行成效依據。</li>
		<li>強化本公司環保形象,創造企業營運亮點。</li>
	</ol>	
	<li>執行作法</li>	
	本公司自104起每年定期整合所轄國內7個國際商港環境監測數據,編撰「臺灣商港環境監測報告」並公開發布於公司綠港網站,以年報型態揭露港區環境品質,盼透過政府與民間的監督力量,強化港區環境監測作業。<br>
	<br>
	<br>
	<font color="#0066cc">臺灣商港環境監測報告104</font>(pdf/22MB)<br>
	<font color="#0066cc">臺灣商港環境監測報告105</font>(pdf/13MB)<br>
	<font color="#0066cc">臺灣商港環境監測英文DM</font>(pdf/7.3MB)<br>
	<br>
	<br>
</div>

補充:

問題:

原始程式:

位置:https://www.twport.com.tw/GP/

建議修改:

已測試,問題無法複現