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

網站

南部科學工業園區管理局


姓名

邵嘉嶸


檢測日期

2018-04-13


檢測裝置

iPhone 7


作業系統 與 瀏覽器版本

iOS 11.3


解析度(手機螢幕)

375x667 pixels


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


壞掉的連結







跑版(影響閱讀)問題


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




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




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


出現亂碼


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


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


閱讀模式

不可以用


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


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

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

問題:

每個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

補充

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

問題:

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都是一樣問題,上述僅示範

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

問題:

表格中的字超出

可能原因:

表格中的自超出

原始程式:

<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

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