外交部臺灣青年FUN眼世界--楊珣

ray 外交部
, ,
#1

網站

臺灣青年FUN眼世界

姓名

楊珣

檢測日期

2018-04-26

檢測裝置

Sony Xperia Ultra XA1

作業系統 與 瀏覽器版本

Android 7.0
Chrome版本：Chrome 66.0.3359.117

解析度（手機螢幕）

360x640 pixels

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

是

壞掉的連結

首頁 > 尖兵小百科 > 國際禮儀手冊
擷取
(範例一)

跑版（影響閱讀）問題

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

出現亂碼

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

無

網站載入緩慢（相對一般網站）

否

閱讀模式

使用anddroid系統

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

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

  • 需要改進的地方
  • 1.沒有網頁導覽很不方便。
  • 2.當會連至其他網站，需標明(外部連結)的字樣。
  • 覺得棒棒的地方
  • 1.在常見問答的地方，可以直接將回答拉開，很方便。
  • 首頁 > 常見問題
    擷取16
    (範例一)
#2

問題：

可能原因：

字串會因應螢幕邊框自動換行，此應為正常顯示。

92
92.JPG454×803 50.6 KB

91
91.JPG457×801 63.1 KB

#3

問題：

可能原因：

原始程式：

位置： https://www.youthtaiwan.net/css/detail.css:1

@media (max-width: 480px) and (min-width: 321px)
.content .content_middle {
    margin-top: 54%;
}

建議修改：

將百分比設為60%。

@media (max-width: 480px) and (min-width: 321px)
.content .content_middle {
    margin-top: 60%;
}

補充：

(修正後之截圖)

擷取
擷取.JPG453×804 55.2 KB

#4

問題：

可能原因：

放置圖片的list邊框設置靠左，導致跑版。

原始程式：

  1. 位置：https://www.youthtaiwan.net/youthambassadors/css/detail.css:1 
.data_midlle_news_box03_2 ul li table tr td .news_box03_img ol li+li {
    margin-left: 20px;
}
  1. 位置：https://www.youthtaiwan.net/youthambassadors/css/detail.css:1 
.data_midlle_news_box03_2 ul li table tr td .news_box03_img ol li a {
    display: block;
    padding: 4px;
    background-color: #f5f5f5;
}

建議修改：

  1. 將margin-left: 20px;改為margin: 0;。
    位置：https://www.youthtaiwan.net/youthambassadors/css/detail.css:1 
.data_midlle_news_box03_2 ul li table tr td .news_box03_img ol li+li {
    margin: 0;
}
  1. 將padding改為10px。
    位置：https://www.youthtaiwan.net/youthambassadors/css/detail.css:1 
.data_midlle_news_box03_2 ul li table tr td .news_box03_img ol li a {
    display: block;
    padding: 10px;
    background-color: #f5f5f5;
}

補充：

(修正後之截圖)

94
94.JPG453×801 72.5 KB

#5

問題：

可能原因：

標題字串會因應螢幕邊框自動換行，此應為正常顯示。

95
95.JPG453×805 54.8 KB

#6

問題：

可能原因：

原網頁內容已有自適應設計，但因list為左至右排列，因此縮小螢幕時看起來會像是跑版。

原始程式：

  1. 位置：https://www.youthtaiwan.net/youthambassadors/css/cp.css:1 
.data_midlle_cp .cp_tabs ul li {
    float: left;
}

建議修改：

  1. 將list靠左的css註解掉。
..data_midlle_cp .cp_tabs ul li {
    /*float: left;*/
}

補充：

(修正後之截圖)

96
96.JPG451×806 42.2 KB

#7

問題：

可能原因：

原網頁區塊會因應螢幕邊框自動換行，此應為正常顯示。

97
97.JPG455×804 55 KB

#8

問題：

可能原因：

超連結為連續英文字串，無法自動換行，導致跑版。

原始程式：

  1. 位置： view-source:https://www.youthtaiwan.net/WorkingHoliday/Cus_WHAppeal.aspx?n=4892E8B8F5C0E174&s=C8DDDFC23B5106E8
    677行
<a href="https://www.workplacerelations.ie/en/" target="_blank" title="前往勞資關係顧客服務機構網站[另開新視窗]">https://www.workplacerelations.ie/en/</a>

建議修改：

  1. 在連結標籤中加入style="word-break: break-all;"。
<a style="word-break: break-all;" href="https://www.workplacerelations.ie/en/" target="_blank" title="前往勞資關係顧客服務機構網站[另開新視窗]">https://www.workplacerelations.ie/en/</a>

補充：

(修正後之截圖)

image
image.png454×801 33.9 KB

#9

問題：

可能原因：

已有設置UTF-8語法，不確定是什麼原因導致亂碼。

#10

問題：

可能原因：

段落間沒有間隔，導致內文連續無分段，影響閱讀。

原始程式：

  1. 位置： view-source:https://www.youthtaiwan.net/WorkingHoliday/cp.aspx?n=E5AA72D4F35F91D0&s=20C1A3DAF6A74FCE
    631行
<p>
<strong>一、出發前</strong><br>
(一)&nbsp;&nbsp; <u><strong>&nbsp;蒐集瞭解當地國資訊</strong></u>
：在國外度假打工與自助旅行、遊學有著極大的差別。青年朋友出發前，應加強英語或當地語言的溝通能力，並向相關國家駐華機構蒐集工作單位背景、居住、生活環境與天氣及語言學習中心等相關資訊，儘可能瞭解工作單位背景及居住條件，並進行分析比較，以便於抵達國外後儘快適應及體驗當地工作與生活。另可於外交部網站（網址：<a href="http://www.youthtaiwan.net/WorkingHoliday/Default.aspx" target="_blank" title="http://www.youthtaiwan.net/WorkingHoliday/Default.aspx[另開新視窗]">http://www.youthtaiwan.net/WorkingHoliday/Default.aspx</a>）、勞動部「國人海外就業資源中心」網站（<a href="http://overseas.taiwanjobs.gov.tw/" target="_blank" title="http://overseas.taiwanjobs.gov.tw/[另開新視窗]">http://overseas.taiwanjobs.gov.tw/</a>）及相關部會「青年度假打工」專屬網站以及駐外館處網頁搜尋相關資訊。
<br>
(二)&nbsp;&nbsp; &nbsp;<u><strong>購買相關保險(如傷害險、傷害醫療險及醫療險)</strong></u>：國人在國外停留期間，倘無保險保障，一旦發生意外或生病住院，醫療及住院費用常非國內一般家庭所能負擔。建議向國內外保險公司投保傷害險、傷害醫療險及醫療險，並事先瞭解保險公司是否提供海外急難救助服務(涵蓋意外傷害、疾病門診、急診、手術、藥品、緊急後送等項目)
<br>
(三)&nbsp;&nbsp; &nbsp;<u><strong>海關檢疫申報</strong></u>：入關時切勿攜帶肉類和奶製品、水果、種子、貝殼類產品等。個人行李應自行整理、打包，切勿協助攜帶他人託帶物品，以免遭利用誤帶違禁品，致觸犯當地國法令。由於各國海關申報規定寬嚴不一，行前須瞭解相關限制，倘確須攜帶上述相關物品，入關檢查時須於海關申報單上誠實申報，以免觸法。
<br>
(四)&nbsp;&nbsp; &nbsp;<u><strong>旅外國人動態登錄</strong></u>：鑒於近兩年世界各地恐怖攻擊事件頻傳，外交部呼籲國人出國前至本部領事事務局網站(<a href="http://www.boca.gov.tw" target="_blank" title="http://www.boca.gov.tw[另開新視窗]">http://www.boca.gov.tw</a>) 完成「出國登錄」，倘發生重大災變或其他緊急事故時，外館可依據登錄資料，即時提供協助；另請隨身攜帶我國駐當地館處電話及24小時緊急聯絡電話、外交部緊急聯絡中心電話，以備不時之需。
<br>
(五)&nbsp;&nbsp; <u><strong>&nbsp;慎選打工仲介機構</strong></u>
<br>
赴海外度假打工的方式多元，可自行申請或透過坊間機構協助(如委託合法立案機構代為辦理行政事項，或是委託合法私立就業服務機構辦理就業服務項目)。依據我國《就業服務法》相關規定，只有合法的私立就業服務機構才可仲介國人到海外工作，並非一般顧問或代辦公司可以辦理。另國人應與私立就業服務機構簽訂職業介紹服務定型化契約，以保障求職者與私立就業服務機構雙方的權益，求職者應詳細詢問工作內容、薪資、工時、福利及其他相關勞動條件，避免赴海外工作的實際情形與自身期望有所落差。
</p>

建議修改：

多換一行(增設一個<br>標籤)。

<p>
<strong>一、出發前</strong><br>
(一)&nbsp;&nbsp; <u><strong>&nbsp;蒐集瞭解當地國資訊</strong></u>
：在國外度假打工與自助旅行、遊學有著極大的差別。青年朋友出發前，應加強英語或當地語言的溝通能力，並向相關國家駐華機構蒐集工作單位背景、居住、生活環境與天氣及語言學習中心等相關資訊，儘可能瞭解工作單位背景及居住條件，並進行分析比較，以便於抵達國外後儘快適應及體驗當地工作與生活。另可於外交部網站（網址：<a href="http://www.youthtaiwan.net/WorkingHoliday/Default.aspx" target="_blank" title="http://www.youthtaiwan.net/WorkingHoliday/Default.aspx[另開新視窗]">http://www.youthtaiwan.net/WorkingHoliday/Default.aspx</a>）、勞動部「國人海外就業資源中心」網站（<a href="http://overseas.taiwanjobs.gov.tw/" target="_blank" title="http://overseas.taiwanjobs.gov.tw/[另開新視窗]">http://overseas.taiwanjobs.gov.tw/</a>）及相關部會「青年度假打工」專屬網站以及駐外館處網頁搜尋相關資訊。
<br><br>
(二)&nbsp;&nbsp; &nbsp;<u><strong>購買相關保險(如傷害險、傷害醫療險及醫療險)</strong></u>：國人在國外停留期間，倘無保險保障，一旦發生意外或生病住院，醫療及住院費用常非國內一般家庭所能負擔。建議向國內外保險公司投保傷害險、傷害醫療險及醫療險，並事先瞭解保險公司是否提供海外急難救助服務(涵蓋意外傷害、疾病門診、急診、手術、藥品、緊急後送等項目)
<br><br>
(三)&nbsp;&nbsp; &nbsp;<u><strong>海關檢疫申報</strong></u>：入關時切勿攜帶肉類和奶製品、水果、種子、貝殼類產品等。個人行李應自行整理、打包，切勿協助攜帶他人託帶物品，以免遭利用誤帶違禁品，致觸犯當地國法令。由於各國海關申報規定寬嚴不一，行前須瞭解相關限制，倘確須攜帶上述相關物品，入關檢查時須於海關申報單上誠實申報，以免觸法。
<br><br>
(四)&nbsp;&nbsp; &nbsp;<u><strong>旅外國人動態登錄</strong></u>：鑒於近兩年世界各地恐怖攻擊事件頻傳，外交部呼籲國人出國前至本部領事事務局網站(<a href="http://www.boca.gov.tw" target="_blank" title="http://www.boca.gov.tw[另開新視窗]">http://www.boca.gov.tw</a>) 完成「出國登錄」，倘發生重大災變或其他緊急事故時，外館可依據登錄資料，即時提供協助；另請隨身攜帶我國駐當地館處電話及24小時緊急聯絡電話、外交部緊急聯絡中心電話，以備不時之需。
<br><br>
(五)&nbsp;&nbsp; <u><strong>&nbsp;慎選打工仲介機構</strong></u>
<br><br>
赴海外度假打工的方式多元，可自行申請或透過坊間機構協助(如委託合法立案機構代為辦理行政事項，或是委託合法私立就業服務機構辦理就業服務項目)。依據我國《就業服務法》相關規定，只有合法的私立就業服務機構才可仲介國人到海外工作，並非一般顧問或代辦公司可以辦理。另國人應與私立就業服務機構簽訂職業介紹服務定型化契約，以保障求職者與私立就業服務機構雙方的權益，求職者應詳細詢問工作內容、薪資、工時、福利及其他相關勞動條件，避免赴海外工作的實際情形與自身期望有所落差。
</p>

補充：

(修正後之截圖)

image
image.png452×800 60.8 KB