SmallKen's Blog » HTML http://smallken.no-ip.org/blog ※歡迎光臨※ 知識分享、Linux、FreeBSD、教學、吉他、影音分享、RHCE Fri, 20 Nov 2009 16:17:21 +0000 http://wordpress.org/?v=2.8.1 en hourly 1 網站如何做出樹狀結構的效果? - 範例原始碼 http://smallken.no-ip.org/blog/2007/06/13/html/268.html http://smallken.no-ip.org/blog/2007/06/13/html/268.html#comments Wed, 13 Jun 2007 09:37:39 +0000 smallken http://smallken.no-ip.org/blog/2007/06/13/268/ 10.png

你看! 網站要做樹狀結構的效果可以到下面網站
http://www.geocities.com/marcelino_martins/ftv2instructions.html

在那邊可以下載範例的原始碼，而且適用大部分的瀏覽器喔
11.png

真的不用重新打造輪子了，Great!

]]> http://smallken.no-ip.org/blog/2007/06/13/html/268.html/feed 0 網頁插入 flash - 適用 IE 和 firefox 的語法 http://smallken.no-ip.org/blog/2007/04/11/html/176.html http://smallken.no-ip.org/blog/2007/04/11/html/176.html#comments Wed, 11 Apr 2007 02:06:14 +0000 smallken http://smallken.no-ip.org/blog/2007/04/11/176/ <center><embed width="800" height="600" src="./2-1.swf" play="true" loop="false" quality="high"> </embed></center>

重要的參數:
src=' ' ← flash 檔案位置
width=' ' ← 寬度
height=' ' ← 高度
play=' ' ← 是否自動播放
loop=' ' ← 是否迴圍播放
quality=' ' ← 播放品質

]]> http://smallken.no-ip.org/blog/2007/04/11/html/176.html/feed 0 網頁游標預設在帳號的欄位 http://smallken.no-ip.org/blog/2007/03/16/html/137.html http://smallken.no-ip.org/blog/2007/03/16/html/137.html#comments Fri, 16 Mar 2007 09:03:17 +0000 smallken http://140.123.23.69/blog/?p=137 <script language="javascript"> function default_input(docform) { docform.id.focus(); } </script> <body onload="default_i... ]]> 有網大專班的同學反應這個問題, 我就google一下, 一下子就找到程式碼了, 範例如下:

<html>

<script language="javascript">
function default_input(docform)
{
docform.id.focus();
}
</script>

<body onload="default_input(document.login_form);">

<form name="login_form">
<input type="text" name="id">
<input type="text" name="passwd">
</form>

</body>
</html>

在設計網頁的時候或許這也是一個貼心的設計

]]> http://smallken.no-ip.org/blog/2007/03/16/html/137.html/feed 0 iframe 語法 http://smallken.no-ip.org/blog/2007/02/12/html/101.html http://smallken.no-ip.org/blog/2007/02/12/html/101.html#comments Mon, 12 Feb 2007 09:02:39 +0000 smallken http://140.123.23.69/blog/?p=101 iframe 語法可以插入其他網頁內容, 但請注意智慧財產權喔....
scrolling : 有無拉軸
frameborder: 外框的寬度
width: 寛度
height: 高度

<iframe src='http://blog.yam.com/smallken' scrolling='no' frameborder='0' height='350' width='400'></iframe>

效果如下, 在底下這個範圍裡面開啟網址的內容, 所以要注意網址內容的像素問題

]]> http://smallken.no-ip.org/blog/2007/02/12/html/101.html/feed 0 影片嵌入網頁 embed 語法 http://smallken.no-ip.org/blog/2007/02/12/html/100.html http://smallken.no-ip.org/blog/2007/02/12/html/100.html#comments Mon, 12 Feb 2007 09:02:35 +0000 smallken http://140.123.23.69/blog/?p=100 今天試出來了一個語法, 可以適用 firefox 跟 IE 瀏覽器的語法, 趕快記下來, 這個版本有狀態列喔.

<embed src='影片位址' EnableContextMenu='1' width='400' height='350' autostart='0' Loop='0' Showstatusbar='1' ShowPositionControls='1'></embed>

注意:

1.瀏覽器會自動判斷哪個檔案要用哪個 codec , 如果要指定的話,如下:
xx.rm 的影片檔加上參數: type='audio/x-pn-realaudio-plugin'
xx.wmv 的影片檔加上參數: type='video/x-ms-asf'
xx.wma 的聲音檔加上參數: type='audio/x-ms-wma'

2.因為要適用ie與firefox, 所以參數全部都由true 跟 false 改成 0 跟 1。

3.經過測試要適用firefox,影片要是4:3才可以。

延伸閱讀
http://topmuzik.com/modules/newbb/viewtopic.php?topic_id=985&forum=20

]]> http://smallken.no-ip.org/blog/2007/02/12/html/100.html/feed 0 何謂AJAX? http://smallken.no-ip.org/blog/2007/01/18/html/79.html http://smallken.no-ip.org/blog/2007/01/18/html/79.html#comments Thu, 18 Jan 2007 14:01:07 +0000 smallken http://140.123.23.69/blog/?p=79 最近在看一個網站非常棒，http://www.w3schools.com/default.asp，它雖然是英文，但是用字遣詞很容易閱讀，舉的例子也是很乾淨利落，因為看完那篇AJAX，所以想來po一下文章，因為程式碼部分是有版權的，所以這篇就只簡單介紹一下AJAX就好。

AJAX 它這個東西非常特別，它並非一個新創的語言，它只是提出一個方法，這個方可以讓網站更具有互動性、回應更即時、操作更親切，就像goole就是一個典範，聽說這個方法也是google團隊提出的，這個方法主要關鍵在於JavaScript裡頭有一個物件XMLHttpRequest，這個物件因為有一個關鍵的特性，就是這物件在跟server端交換完成資料後不需要整個頁面整個重新load一遍，它可以透過<div>這種物件式的標籤換掉小部分的網頁，達到非常即時的互動，有些時候甚至你在瀏覽網頁當下它程式在後面已經跟server交換過很多次資料了，例如一個很常看到的例子，就是google的搜尋，大家都覺得google的搜尋很強速度又快，其實這個東西有一點小作弊啦，因為當你正在搜尋列輸入關鍵字時，程式已經偷偷跟主機通風報信了，主機已經先預備好你有可能會輸入關鍵的搜尋，當你按下【尋找】的按鈕後，主機已經幾乎快把答案找出來，所以速度會快到另人不可思議，這個也就是主要AJAX的精神，就是即時反應、快速互動。

剛剛說AJAX沒有使用到新技術、新語言，確實如此喔，主要就是JavaScript、XML、HTML、CSS，再搭配一個server-side scripting language 伺服器端的途述語言(PHP or ASP)，當然硬要使用C or Perl也是可以喔，只要是javascript與伺服器端可以溝通就可以了，所以真的很神奇，當然這個技術推出也是帶動了web2.0 的風潮，那什麼是web2.0，大家以去http://www.google.com.tw/查一下，它大概最大的精神所在就是"高互動性"吧，那web3.0已經在討論了，也許web3.0除了互動性，會增加更多多煤體影音互動的東西喔，再看看囉^^

以下這張圖看得懂的人就看得懂,就看不懂的人我也沒辦法,代表你都沒聽老師的話...

--------

]]> http://smallken.no-ip.org/blog/2007/01/18/html/79.html/feed 0 UTF-8 的 entity-escaped http://smallken.no-ip.org/blog/2006/11/17/html/23.html http://smallken.no-ip.org/blog/2006/11/17/html/23.html#comments Fri, 17 Nov 2006 13:11:13 +0000 smallken http://140.123.23.69/blog/?p=23 以下是看到一則新聞，原來使用UTF-8編碼的檔案要注意以下這些字元，在使用html型式呈現的時候最好打 escape codes，前幾天我還在奇怪，為什麼我原來的文章是打半形的"，怎麼顯示時變成全形的”，以後我blog裡呈現的程式碼，這部份我就要多留意了。

Your Sitemap file must be UTF-8 encoded (you can generally do this when you save the file). As with all XML files, any data values (including URLs) must use entity escape codes for the characters listed in the table below.

不找還好,一找就是一堆 HTML Escape Codes http://mrpip.orcon.net.nz/href/asciichar.html

]]> http://smallken.no-ip.org/blog/2006/11/17/html/23.html/feed 0 網址引導 & 轉址效果 http://smallken.no-ip.org/blog/2006/11/09/html/13.html http://smallken.no-ip.org/blog/2006/11/09/html/13.html#comments Thu, 09 Nov 2006 02:11:47 +0000 smallken http://140.123.23.69/blog/?p=13 有時候例如說網站搬家，或者我們想直接將這個網址導向另外一個index2.html，都可以這樣做，將下面的程式碼存成存文字檔的index.htm，最關鍵的程式段就是 document.location.href="http://tw.yahoo.com";，網址可以輸入想要導向的網址"http://tw.yahoo.com"或者直接指到本站的另一個index，例如"./index2.html"

code.zip

]]> http://smallken.no-ip.org/blog/2006/11/09/html/13.html/feed 0 網頁自動判斷是 IE 還是 firefox 瀏覽器? http://smallken.no-ip.org/blog/2006/11/09/html/12.html http://smallken.no-ip.org/blog/2006/11/09/html/12.html#comments Thu, 09 Nov 2006 02:11:38 +0000 smallken http://140.123.23.69/blog/?p=12 目前瀏覽器使用人口最大宗的就是IE跟firefox，所以在設計網站時在關鍵的網頁必須能夠判斷user是使用IE或者是firefox，使得瀏覽得以正常，尤其是在開啟多煤體的網頁時，例如有包含flash、wmv...這些網頁時必須特別小心。

copy下面這段網址存成index.html，如果user的瀏覽器是firefox時會開啟firefox.html，如果是IE時會開啟IE.html，所以只要分別把適合給該瀏覽器瀏覽的firefox.html跟IE.html寫好寫正確，這樣就OK了^^

code1.zip

]]> http://smallken.no-ip.org/blog/2006/11/09/html/12.html/feed 0 好用的 embed 語法 http://smallken.no-ip.org/blog/2006/11/08/html/8.html http://smallken.no-ip.org/blog/2006/11/08/html/8.html#comments Tue, 07 Nov 2006 21:11:07 +0000 smallken http://140.123.23.69/blog/?p=8 html語法，可以很容易地將.wmv,.mp3,.swf,.mpg．．．之類的多煤體嵌入網頁中。

embed.pdf

]]> http://smallken.no-ip.org/blog/2006/11/08/html/8.html/feed 0