科技部南部科學工業園區 - 邵嘉嶸

ray 科技部
, ,
#1

網站

南部科學工業園區管理局

姓名

邵嘉嶸

檢測日期

2018-04-13

檢測裝置

iPhone 7

作業系統 與 瀏覽器版本

iOS 11.3

解析度（手機螢幕）

375x667 pixels

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

是

壞掉的連結

跑版（影響閱讀）問題

  • 首頁>最新消息
    最新消息內所有連結內文的附件標頭(主辦單位、開始日期、結束日期等)都沒排好，如下圖(解法回文網址)
    排版不佳

沒超連結(解法回文網址)

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

無

出現亂碼

無

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

無

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

無

閱讀模式

不可以用

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

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

  • [color=“green”]簡單清楚的版面[/color]
  • 記得要去更新除了最新消息的部分，有時間可以改善一下使用版面
  • 最新消息中可以超連結的部分要超連結
  • [color=“red”]有點久沒整個更新的感覺…[/color]
#2

問題：

每個element 寬度都寫死

可能原因：

每個element 寬度都寫死

原始程式：

<table summary="排版用表格" style="width:240" border="0" cellspacing="0" cellpadding="0" class="Content">
<tbody><tr style="
    style: 100%;
">

建議修改：

<table summary="排版用表格" style="width:100%" border="0" cellspacing="0" cellpadding="0" class="Content">
<tbody><tr style="
    style: 100%;
">

17 PM

補充

結尾(選填，可增加網站建議)

#3

問題：

table寬度寫死

可能原因：

table 寬度寫死

原始程式：

<table summary="排版用表格" style="width:240" border="0" cellspacing="0" cellpadding="0" class="Content">

建議修改：

<table summary="排版用表格" style="width:100%" border="0" cellspacing="0" cellpadding="0" class="Content">

48 PM

補充

整個table都是一樣問題，上述僅示範

結尾(選填，可增加網站建議)

#4

問題：

表格中的字超出

可能原因：

表格中的自超出

原始程式：

<td colspan="2">播映地點：
《台南園區》    南科管理局一樓演藝廳(台南市新市區南科三路22號)
《高雄園區》    高科行政服務大樓旁  國際會議廳(高雄市路竹區路科五路21號)

★取票資訊：
《高雄園區》：無需預約取票    18:45開放入場免費欣賞
《台南園區》：免費預約劃位取票
4/2(一)早上9:00開始  管理局一樓服務台  每人每場次限領4張    請勿代領
若劃位已滿，播映當日將發放臨時號碼牌候補空位入座。
--------------------------------------------------------------------------
《台南園區》●107年4月11日（三）19:00→雷神索爾3:諸神黃昏(保護級) 
＊片長2時11分	英語發音/中文字幕

《高雄園區》●107年4月18日（三）19:00→可可夜總會(普遍級)	
＊片長2時8分		國語發音/中文字幕

《台南園區》●107年4月25日（三）19:00→可可夜總會(普遍級)	
＊片長2時8分		國語發音/中文字幕
--------------------------------------------------------------------------------
南科電影院的常見問答：
《台南場》http://goo.gl/0YpQGa
《高雄場》https://spark.adobe.com/page/uAODAEnmTjY9W/
--------------------------------------------------------------------------------
參考資料：台灣的電影分級制度2015.10.16修正如下：
普遍級：一般觀眾皆可觀賞。
保護級：未滿6歲之兒童不得觀賞，6歲以上12歲未滿之兒童須父母、師長或成年親友陪伴輔導觀賞。
輔導12級：未滿12歲之兒童不得觀賞。
輔導15級：未滿15歲之兒童不得觀賞。
限制級：未滿18歲之人不得觀賞。
</td>

建議修改：

中間部分用

    之類的包起來或是css加上word-wrap

    補充

    其實有很多要改
    都是table 寬度寫死，一起改掉就好

    <table summary="排版用表格" style="/* width:240 */" border="0" cellspacing="0" cellpadding="0" class="Content">
  <tbody><tr> 
    <td><img src="images/banner.gif" width="240" height="50" alt="南科PDA網站-首頁上方意象圖示" style="
    width: 100%;
"></td>
  </tr>
  <tr> 
    <td>
        <table summary="排版用表格" style="width: 100%;" border="0" cellspacing="0" cellpadding="0" class="Content">
        <tbody><tr>
          <td style="width:10" background="images/leftbg.gif">&nbsp;</td>
          
  <td>•<a href="index.jsp" title="首頁">首頁</a>»&nbsp;<a href="news.jsp" title="最新消息">最新消息</a> »&nbsp;園區活動
    <hr align="center" width="90%" size="1"></td>
          <td style="width:10" background="images/rightbg.gif">&nbsp;</td>
        </tr>
		<tr>
          <td style="width:10" background="images/leftbg.gif">&nbsp;</td>
          <td>
		  <!--index 內容start-->

    <table summary="排版用表格" style="width: 100%;" border="0" cellspacing="2" cellpadding="2" class="Content" align="center">
      <tbody><tr bgcolor="#DFEFFF"> 
        
      </tr>
      <tr> 
        
      </tr>
      <tr> 
        <td colspan="2" style="
    /* word-wrap: break-word; */
    /* display: table; */
"><ul>
    <li>播映地點：</li>
    <li>《台南園區》    南科管理局一樓演藝廳(台南市新市區南科三路22號)</li>
    <li>《高雄園區》    高科行政服務大樓旁  國際會議廳(高雄市路竹區路科五路21號)</li>
</ul>

</td>
      </tr>
      <tr> 
        <td style="width:80" valign="top"> 
          <div align="right">主辦單位：</div></td>
        <td style="width:110">勞資科 
          <div align="left"></div></td>
      </tr>
      <tr> 
        <td style="width:80"> 
          <div align="right">開始日期：</div></td>
        <td style="width:110">2018/03/29 
          <div align="left"></div></td>
      </tr>
      <tr> 
        <td style="width:80" valign="top"> 
          <div align="right">結束日期：</div></td>
        <td style="width:110">2018/04/29 
          <div align="left"></div></td>
      </tr>
      <tr> 
        <td style="width:80" valign="top"> 
          <div align="right">附件URL：</div></td>
        <td style="width:110">無 
          <div align="left"></div></td>
      </tr>
      
      <tr> 
        <td style="width:80" valign="top"> 
          <div align="right">附件：</div></td>
        <td style="width:110">
<div align="left"><a href="http://www.stsp.gov.tw/uploadfile/1522287757374.jpg" title="107綜合看板04.jpg">107綜合看板04.jpg</a></div></td>
      </tr>
      
      <tr> 
        <td style="width:80" valign="top"> 
          <div align="right">附件：</div></td>
        <td style="width:110">
<div align="left"><a href="http://www.stsp.gov.tw/uploadfile/1522287757405.jpg" title="107南科電影院-4月海報.jpg">107南科電影院-4月海報.jpg</a></div></td>
      </tr>
      
      <tr> 
        <td style="width:80" valign="top"> 
          <div align="right">附件：</div></td>
        <td style="width:110">
<div align="left"><a href="http://www.stsp.gov.tw/uploadfile/1522287757420.jpg" title="107南科電影院04(高雄).jpg">107南科電影院04(高雄).jpg</a></div></td>
      </tr>
      
      <tr> 
        <td style="width:80" valign="top"> 
          <div align="right">附件：</div></td>
        <td style="width:110">
<div align="left"><a href="http://www.stsp.gov.tw/uploadfile/1522287757452.jpg" title="高科國際會議廳地下停車場.jpg">高科國際會議廳地下停車場.jpg</a></div></td>
      </tr>
      
      <tr> 
        <td style="width:80" valign="top"> 
          <div align="right">洽詢窗口：</div></td>
        <td style="width:110">#2326 
          <div align="left"></div></td>
      </tr>
    </tbody></table>

		<!--index 內容end-->
            </td>
          <td style="width:10" background="images/rightbg.gif">&nbsp;</td>
        </tr>
        

<tr>
          <td style="width:10" background="images/leftbg.gif">&nbsp;</td>
          <td><div align="center">
              <hr align="center" width="90%" size="1">
			  服務電話：06-5051001<br>
              連絡我們：<a href="http://www.stsp.gov.tw/guide/contact_us/contact_0101.jsp?frontTarget=DEFAULT" title="意見信箱">意見信箱</a>
              <br>
               Copyright©科技部南部科學工業園區管理局<br>版權所有</div></td>
          <td style="width:10" background="images/rightbg.gif">&nbsp;</td>
        </tr>
      </tbody></table> </td>
  </tr>
  <tr>
    <td><img src="images/bottom.gif" width="240" height="15" alt="線條圖示"></td>
  </tr>
   
</tbody></table>

    25 PM

    結尾(選填，可增加網站建議)