Gary技術隨手記: 網頁製作的豆知識

顯示具有 網頁製作的豆知識 標籤的文章。顯示所有文章

2013年4月11日星期四

使用mailto 的body內文要怎麼斷行?

內文加上%0D%0A就可以斷行了!

資料來源:
How to enter line break into mailto body command

2012年3月21日星期三

CSS設定滿版的方法

我們知道用CSS中設定

html, body {

height: 100%;

}

可以完成滿版的效果.但為什麼要這麼做?
以下兩篇文章可以當做參考:
TIPS-Get 100% Height in XHTML

100% Table Height

2011年11月22日星期二

相關參考：

301轉址
http://www.yes-seo.tw/2011/04/html-301-redirect/
http://www.webconfs.com/how-to-redirect-a-webpage.php
http://www.wulongjun.org/301-redirect
http://www.dannytalk.com/redirecting-in-plesk/
http://www.seowhy.com/24_24_zh.html

Response.Status
http://www.lao8.org/html/8/2010-7-10/Response.Status/

HTTP狀態碼
http://blog.miniasp.com/post/2009/01/16/Web-developer-should-know-about-HTTP-Status-Code.aspx

2011年9月27日星期二

常用 Regular Expression 範例

資料來源：http://blog.longwin.com.tw/2009/09/paper-regular-expression-regex-2009/

常用的Regex幾乎都有,超讚的範例網站
http://www.virtuosimedia.com/dev/php/37-tested-php-perl-and-javascript-regular-expressions

2011年9月22日星期四

Server Side Includes for HTML in IIS7

參考來源:http://tech.mikeal.com/blog1.php/server-side-includes-for-html-in-iis7

用HTML設定FB專頁時,在FB瀏覽此專頁IIS出現 HTTP 錯誤 405.0 - Method Not Allowed.
直接用瀏覽器開啟頁面位址的話又可正常瀏覽.
Google後.發現如下圖的設定就可以正常運作

2011年7月26日星期二

壓縮你的js和css

為了增快網頁的讀取速度，可考慮一些最佳化的手段，
其中一項就是讓js和css檔案的大小縮到最小.
有一些工具可以達到這個手套.但是要用command line可操作有點不方便.
有好心人把YUI的壓縮工具弄成了線上版.

線上版YUI壓縮JS及CSS工具：http://refresh-sf.com/yui/

2011年6月1日星期三

Unicode Code Converter Unicode轉碼網頁

好用的轉碼網站，可以幫你文字轉為多種的編碼

http://people.w3.org/rishida/tools/conversion/

2011年3月18日星期五

用ie打開UTF8的網頁卻一片空白..........

資料來源：http://zonble.net/archives/2004_05/485.php

用ie以外的瀏覽器看都正常.唯獨ie一開就一片空白.怎解？
解法如下：

如果使用的是Mozilla、Mozilla Firefox、Sarafi等其他目前流行的瀏覽器，通常就不會有這樣的問題。
如果您在Windows作業系統上，使用Internet Explorer瀏覽器的話，往往會出現這樣的狀況：在瀏覽使用UTF-8編碼製作的中文網頁時，瀏覽器並不能夠自動偵測網頁的編碼方式，從原本預設的語系編碼（例如Big5正體中文等），切換成改以UTF-8編碼，結果畫面上就是一片空白，什麼都沒有，即使在網頁當中，已經加上了特別標明內文語系的 metadata標籤：

在Internet Explorer中，還是沒有辦法正常處理。
我之前也遇過這樣的狀況，在做了一些嘗試之下，發現有個方法可以解決這樣的問題，那就是，在網頁的<head> 到</head>當中的檔頭部份，調整一下各種<meta>標籤在檔案中的順序。如果說，在<head>當中，排在最前面的是像網頁標題標籤<title></title>，當中就出現了UTF-8中文，就很容易造成在瀏覽器中畫面一片空白，我在想，或許是因為Internet Explorer會一開始就用預設的語系解讀、分析網頁，而在標題的地方遇到UTF-8字元，就解讀錯誤，而不會繼續往下讀，讀到meta標籤，讀出這個網頁是以UTF-8編碼。
所以，在</head>的部份，把”Content-Type”放在最前面，便可以解決這樣的問題了。

文章來源： http://zonble.net/archives/2004_05/485.php

2011年2月25日星期五

表格的colspan在firefox顯示不出來怎麼辦？

參考資料：http://thedesignspace.net/MT2archives/000376.html

<table border=1>
<tr style="display:block">
<th colspan="3">
Using display:block on this table. This th should span 3 columns
</th>
</tr>
<tr> 
<td>cell 1</td>
<td>cell 2</td>
<td>cell 3</td>
</tr>
</table>
<table border=1>
<tr style="display:table-row">
<th colspan="3">
Using display:table-row on this table. This th should span 3 columns
</th>
</tr>
<tr> 
<td>cell 1</td>
<td>cell 2 </td>
<td>cell 3</td>
</tr>
</table>

把display:block改用display:table-row，就ok啦!

2011年1月5日星期三

[Google Map]自訂標籤圖示(GIcon)

資料來源：http://klcin.tw/net/google-map-gicon

如果我們能在地圖上標上加油站之類的圖示就能更直覺的表達訊息。

GIcon

GIcon 標籤的圖示
- .image 圖示的網址
- .iconSize 大小，如 new GSize(16,16)
- .iconAnchor 定位，如 new GPoint(8,8)
- .infoWindowAnchor 訊息視窗定位，如 new GPoint(8, 8)
  若沒有指定會無法顯示訊息視窗

程式碼

執行範例

view sourceprint?

google.load("maps", "2.x");
google.setOnLoadCallback(initialize);
 
var map = null;
function initialize() {
// 檢查瀏覽器是否可使用 Google Map API
if ( GBrowserIsCompatible() ) {
map = new google.maps.Map2(document.getElementById('map'));
// 設定地圖中心點
map.setCenter(new GLatLng(25.036772,121.520269), 12);
 
addSite(map,12,'中山',25.062361,121.526194,'台北市中山區林森北路511號',1);
addSite(map,13,'萬華',25.030000,121.490556,'台北市萬華區莒光路315號',2);
addSite(map,14,'古亭',25.020833,121.528611,'台北市中正區羅斯福路三段153號',3);
 
} // if
else {
alert('您的瀏覽器不支援Google Map');
} // else
}
 
function addSite(map, siteCode, siteDesc, lat, lng, address, type) {
var icon=new GIcon();
icon.image="images/"+type+".gif";
icon.iconSize = new GSize(16,16);
icon.iconAnchor = new GPoint(8,8);
icon.infoWindowAnchor = new GPoint(8, 8);
 
var mark = new GMarker(
new GLatLng(lat,lng),
{icon:icon, title:siteDesc}
);
map.addOverlay(mark);
GEvent.addListener(mark, "click", function() {mark.openInfoWindowHtml('地址：'+address);});
}

2013年4月11日星期四

使用mailto 的body內文要怎麼斷行?

2012年3月21日星期三

CSS設定滿版的方法

2011年11月22日星期二

HTTP 狀態碼 301跟HTTP 狀態碼 404

2011年9月27日星期二

常用 Regular Expression 範例

2011年9月22日星期四

Server Side Includes for HTML in IIS7

2011年7月26日星期二

壓縮你的js和css

2011年6月1日星期三

Unicode Code Converter Unicode轉碼網頁

2011年3月18日星期五

用ie打開UTF8的網頁卻一片空白..........

2011年2月25日星期五

表格的colspan在firefox顯示不出來怎麼辦？

2011年1月5日星期三

[Google Map]自訂標籤圖示(GIcon)

GIcon

程式碼

關於我自己

2013年4月11日 星期四

2012年3月21日 星期三

2011年11月22日 星期二

2011年9月27日 星期二

2011年9月22日 星期四

2011年7月26日 星期二

2011年6月1日 星期三

2011年3月18日 星期五

2011年2月25日 星期五

2011年1月5日 星期三

GIcon

程式碼

2013年4月11日星期四

2012年3月21日星期三

2011年11月22日星期二

2011年9月27日星期二

2011年9月22日星期四

2011年7月26日星期二

2011年6月1日星期三

2011年3月18日星期五

2011年2月25日星期五

2011年1月5日星期三