為什麼子網域式網址命名,對SEO比較有幫助?
例如:同一篇文章、同時發布在痞客邦的文章,在關鍵字搜索時總是比無名、奇摩等部落格文章更容易享有較高排名。
透過以下這篇文章,可以了解一二
資料夾格式跟子(次)網域格式網址有什麼不同
了解差異
首先這兩個名詞我想大家已經先昏了,什麼叫做「資料夾格式」,什麼又是「子(次)網域格式」,我們用一張圖來簡單解釋一下:
所以簡單的說,如果你的部落格是 "blog.xxxxxx.com/(你的帳號)" 格式的就稱為「資料夾格式」,Xuite, UDN, Yam, 樂多, FG 都是屬於這種;那如果你的部落格網址是 "(你的帳號).xxxxxx.com" 這種格式,就是「子(次)網域格式」,Wordpress.com, Pixnet, Blogger 都是這一類別。
他們有什麼差別
要了解這個問題,就得知道搜尋引擎是怎麼看待這兩種格式的網址
如果你是使用資料夾格式的網址,其實就像搬進一棟電梯華廈一般,你的SEO效益可能會受到「大樓外觀」或是「鄰居品質」的影響。如果大樓裡有一個超有名的房客,搜尋引擎為了他每天都來你們這棟大樓,那進來之後可能「順便」逛一下你家,突然發現你也不錯,也就變成隨時造訪的對象。在這樣加乘效益下,整棟大樓很快的排名就都會上去。
而且本身大樓蓋的漂不漂亮,地基穩不穩,建築是否穩固,也都是影響搜尋引擎要不要去的關係。但是當意外發生的時候,整棟大樓的所有住戶都有可能跟著倒楣。
而且你要知道,不論你家裝潢的多漂亮,你的榮耀依舊歸到了大樓本身身上。
那子網域格式的網址就沒有辦法享受到這樣的優惠,每個子網域在搜尋眼中,雖然都是同一個建設公司蓋出來的透天別墅,只是掛的招牌不太一樣而已。但這也不是不好,正因為視同一個建設公司蓋出來的,所以「格局*」都相同,搜尋引擎會對這些透天別墅都感到熟悉,但要吸引搜尋引擎來,除了文章內容品質外,你可能要多想其他方法或是流量導入策略,搜尋引擎才比較容易來。
但是最好的就是你住的是獨立透天,你想要怎麼「裝潢*」,會隨著「建商」的不同,自由度會越高。有可能在你裝潢後,外表看起來跟原本幾乎不一樣了(範例:當代藝術館),而且你鄰居失火,也跟你沒有太大的關係(除非火太大)。榮耀也會歸給自己。
而且說真的,跟據搜尋引擎的習慣來說,搜尋結果第一頁,要重複出現同一個域名的搜尋結果,比例是比較低的。也就是說,如果第一頁已經有兩、三個 "blog.xxxxx.com" 的搜尋結果後,你要出現的機率就比較低,但相反來說,子網域在搜尋引擎眼中視為不同的網域,所以前十個搜尋結果全部出現 "username.xxxxx.com" 的結果也不是不可能的。
資料夾格式跟子網域格式沒有明確的優劣之分,只是希望在你看完這篇之後,你可以知道你選擇的結果是什麼。畢竟要耕耘一個全新的域名,是需要很大的功夫的,而這個功夫我們通常稱之為:流量來源。
註解:
「格局」這裡指的是HTML架構大體上是相同的
「裝潢」這裡指的是CSS
此文轉載自:http://blog.seo-tw.org/2013/09/folder-and-subdomain.html
2013年10月5日 星期六
2013年5月20日 星期一
2012年9月8日 星期六
解決iframe無法自動調整高度的方法-分享2U
iframe在網頁應用相當的廣泛,
但由於先天的限制下,iframe高度以及寬度都只能依所設定的大小為主
其實經過後天調整,也能讓iframe依載入網頁內容的多寡自動調整框架大小的喔!
熱心大大們在網路上分享的方法如下:
一、iframe.html
<iframe frameborder="0" src="source.html" id="frameid"></iframe>
二、source.html(以下兩種寫法2選1,加在<head>…</head>之間)
<script language="javascript">
function reSize(){parent.document.all.frameid.height=document.body.scrollHeight;}
window.onload=reSize;
</script>
<script language="javascript">
function reSize(){parent.document.getElementById("frameid").height=document.body.scrollHeight;}
window.onload=reSize;
</script>
2012年8月25日 星期六
SEO基礎七要素-分享2U
這些都不做的話,別說你在做網站...
SEO的方式有很多,你也不一定要為了有好的搜尋排名而SEO,但是有些SEO中的基礎你實在是不能忽略,最簡單的七大重點是:
1. <title>有沒有設定(我真的有看過沒有的)
2. meta description 有沒有設定
3. 因應facebook現在太流行,Open Graph Protocol有沒有設定 <延伸閱讀>
4. h1、h2...有沒有使用
5. alt tag有沒有使用
6. 404.html有沒有建置
7. Sitemap.xml有沒有做並且提交
這是幾乎可以說是目前建網站的基礎,前期其他有的沒有的SEO技巧你可以不用學,專心開發客戶及使用者才是重點,沒有基礎客戶的網站SEO再好也沒有用,但是七大重點你不能沒有。這些都不是我講的,Google 自己也有說啊!http://goo.gl/El4mZ
--------------------------------------------------------------------------------
轉貼自網路行銷零元本鋪
SEO的方式有很多,你也不一定要為了有好的搜尋排名而SEO,但是有些SEO中的基礎你實在是不能忽略,最簡單的七大重點是:
1. <title>有沒有設定(我真的有看過沒有的)
2. meta description 有沒有設定
3. 因應facebook現在太流行,Open Graph Protocol有沒有設定 <延伸閱讀>
4. h1、h2...有沒有使用
5. alt tag有沒有使用
6. 404.html有沒有建置
7. Sitemap.xml有沒有做並且提交
這是幾乎可以說是目前建網站的基礎,前期其他有的沒有的SEO技巧你可以不用學,專心開發客戶及使用者才是重點,沒有基礎客戶的網站SEO再好也沒有用,但是七大重點你不能沒有。這些都不是我講的,Google 自己也有說啊!http://goo.gl/El4mZ
--------------------------------------------------------------------------------
轉貼自網路行銷零元本鋪
2011年12月19日 星期一
QR碼字數上限速查表-分享2U
| QR碼資料容量 | |
|---|---|
| 數字 | 最多7,089字元 |
| 字母 | 最多4,296字元 |
| 二進位數(8 bit) | 最多2,953 位元組 |
| 日文漢字/片假名 | 最多1,817字元(採用Shift JIS) |
| 中文漢字 | 最多984字元(採用UTF-8) |
| 中文漢字 | 最多1,800字元(採用BIG5) |
>>>>>更多QR碼相關知識<<<<<
2011年12月17日 星期六
Let's動手寫HTML5網頁
HTML5不僅加強了對多媒體的支援,還新增了canvas畫布,實現了在網頁上繪圖的功能,開發者也能利用HTML5提供的API,開發網頁應用程式
由W3C負責制定的HTML是用來編寫網頁的標記語言,而目前我們所使用的版本為4.01。如果開啟網頁的原始檔查看,會發現到很多類似<html>這樣由<及>符號包含文字的標籤,這就是HTML語言。其實說穿了,網頁就是一堆標籤的組合。
HTML標籤通常都有起始標籤與結束標籤,例如<html>與</html>,而要構成一個網頁,最基本的標籤有<html>、<head>、<title>與<body>。<html>及</html>一定是放在程式的第一行與最後一行,告訴瀏覽器這是一份HTML文件。而<head>則是檔頭宣告,定義這一個網頁的屬性,例如使用何種編碼方式,裡面的內容除了<title>外,不會出現在網頁上。title標籤被包含在head內,主要是顯示網頁標題,裡面的文字會出現在網頁最上方的標題欄。而<body>標籤的內容則是要呈現在網頁上的資訊。
由於HTML 4.01只能傳達文字或圖片等的靜態資訊,於是為了讓網頁能有動態的效果,開始出現了像JavaScript語言這樣的技術,達成與使用者互動的目標,後來還出現像DHTML、XHTML等標準,這些規格的出現都是為了加強與使用者的互動。不過這些技術也都是以HTML 4.01為核心所衍生出來的。隨著寬頻的普及,網路應用愈來愈廣,例如線上觀看影音、網頁遊戲等。但目前我們所使用的4.01版本已經無法應付這些技術,於是才會出現如Flash、Silverlight等外掛程式,實現這些功能。
不過由於這些外掛程式都是由不同公司所開發的,這之中牽涉到專利的問題,因此,開始有瀏覽器業者認為有制定新標準的必要。這些瀏覽器業者組成WHATWG團體,研究新的HTML標準,後來WHATWG與W3C合併,由W3C繼續制定的工作。
由W3C所制定的新一代網頁標準HTML5,雖然目前還在草案階段,預計在2012年3月才會正式發表,但由於許多知名瀏覽器如IE、Chrome、Firefox都已開始支援,而iPhone及Android等智慧型手機更是早就支援了此規格。另外Amazon及Google等公司,也都使用HTML5開發Web App,例如Google Docs、Kindle Cloud Reader等。
網路上也有許多人利用HTML5開發出許多有趣的網頁應用程式,像是線上小畫家、文字雲等,同時由於HTML5具有跨平臺的特性,未來開發人員只需寫一套應用程式,不再需要針對不同平臺開發相對應的程式碼,進而減少開發時間及成本,因此HTML5成為了目前較熱門的話題之一。
為減少外掛程式為目標而誕生的HTML新標準
以往要在網頁上觀賞影音或者玩網頁遊戲,必須要安裝外掛程式才能做到,而HTML5的制定則是為了要減少瀏覽器對外掛程式的需求,因為如此,HTML5新增了許多可以用來製作網頁應用程式的API,同時也增加了canvas標籤,以達成能在網頁上繪圖的功能,要使用這些功能,必須搭配JavaScript語言使用。另外網頁的美化,例如文字大小與顏色等,在以前雖然也可以使用<font>等標籤做出來,但這樣勢必會讓整分文件變得更複雜難懂。因此將美化的工作抽出來,交給CSS負責。而HTML5也廢除了<font>及<center>標籤。因此,廣義來說,HTML5包含了HTML、JavaScript、CSS等三個部分。
在HTML5中主要新增的功能有──首先是使用語意標籤來加強文件的結構化、接著是新增<video>及<audio>標籤強化對聲音及影像等多媒體的播放功能、以及增加可以自由描繪圖形的<canvas>標籤、最後則是提供多種有助於網頁應用程式開發的API。如果要製作HTML5網頁,只要在檔案內容的第一行寫入<!DOCTYPE html>,意思是宣告這文件為HTML5文件,瀏覽器只要讀到這一行,就會將此文件視為HTML5了。
語意標籤讓開發人員在維護時,更容易理解網頁的內容

▲利用section標籤,將標題<header>、內文<article>及版權資訊<footer>,分為三個區塊。
由W3C負責制定的HTML是用來編寫網頁的標記語言,而目前我們所使用的版本為4.01。如果開啟網頁的原始檔查看,會發現到很多類似<html>這樣由<及>符號包含文字的標籤,這就是HTML語言。其實說穿了,網頁就是一堆標籤的組合。
HTML標籤通常都有起始標籤與結束標籤,例如<html>與</html>,而要構成一個網頁,最基本的標籤有<html>、<head>、<title>與<body>。<html>及</html>一定是放在程式的第一行與最後一行,告訴瀏覽器這是一份HTML文件。而<head>則是檔頭宣告,定義這一個網頁的屬性,例如使用何種編碼方式,裡面的內容除了<title>外,不會出現在網頁上。title標籤被包含在head內,主要是顯示網頁標題,裡面的文字會出現在網頁最上方的標題欄。而<body>標籤的內容則是要呈現在網頁上的資訊。
由於HTML 4.01只能傳達文字或圖片等的靜態資訊,於是為了讓網頁能有動態的效果,開始出現了像JavaScript語言這樣的技術,達成與使用者互動的目標,後來還出現像DHTML、XHTML等標準,這些規格的出現都是為了加強與使用者的互動。不過這些技術也都是以HTML 4.01為核心所衍生出來的。隨著寬頻的普及,網路應用愈來愈廣,例如線上觀看影音、網頁遊戲等。但目前我們所使用的4.01版本已經無法應付這些技術,於是才會出現如Flash、Silverlight等外掛程式,實現這些功能。
不過由於這些外掛程式都是由不同公司所開發的,這之中牽涉到專利的問題,因此,開始有瀏覽器業者認為有制定新標準的必要。這些瀏覽器業者組成WHATWG團體,研究新的HTML標準,後來WHATWG與W3C合併,由W3C繼續制定的工作。
由W3C所制定的新一代網頁標準HTML5,雖然目前還在草案階段,預計在2012年3月才會正式發表,但由於許多知名瀏覽器如IE、Chrome、Firefox都已開始支援,而iPhone及Android等智慧型手機更是早就支援了此規格。另外Amazon及Google等公司,也都使用HTML5開發Web App,例如Google Docs、Kindle Cloud Reader等。
網路上也有許多人利用HTML5開發出許多有趣的網頁應用程式,像是線上小畫家、文字雲等,同時由於HTML5具有跨平臺的特性,未來開發人員只需寫一套應用程式,不再需要針對不同平臺開發相對應的程式碼,進而減少開發時間及成本,因此HTML5成為了目前較熱門的話題之一。
為減少外掛程式為目標而誕生的HTML新標準
以往要在網頁上觀賞影音或者玩網頁遊戲,必須要安裝外掛程式才能做到,而HTML5的制定則是為了要減少瀏覽器對外掛程式的需求,因為如此,HTML5新增了許多可以用來製作網頁應用程式的API,同時也增加了canvas標籤,以達成能在網頁上繪圖的功能,要使用這些功能,必須搭配JavaScript語言使用。另外網頁的美化,例如文字大小與顏色等,在以前雖然也可以使用<font>等標籤做出來,但這樣勢必會讓整分文件變得更複雜難懂。因此將美化的工作抽出來,交給CSS負責。而HTML5也廢除了<font>及<center>標籤。因此,廣義來說,HTML5包含了HTML、JavaScript、CSS等三個部分。
在HTML5中主要新增的功能有──首先是使用語意標籤來加強文件的結構化、接著是新增<video>及<audio>標籤強化對聲音及影像等多媒體的播放功能、以及增加可以自由描繪圖形的<canvas>標籤、最後則是提供多種有助於網頁應用程式開發的API。如果要製作HTML5網頁,只要在檔案內容的第一行寫入<!DOCTYPE html>,意思是宣告這文件為HTML5文件,瀏覽器只要讀到這一行,就會將此文件視為HTML5了。
語意標籤讓開發人員在維護時,更容易理解網頁的內容

▲利用section標籤,將標題<header>、內文<article>及版權資訊<footer>,分為三個區塊。
2011年12月15日 星期四
繁體中文QR Code 二維條碼製作網站
QR碼是專為具備照相模組之行動電子裝置所設計的二維條碼系統,下載安裝軟體、將相機鏡頭瞄準QR條碼後,幾秒鐘內即完成自動辨識條碼內容。
QuickMark 網站提供免費的 QR Code 產生器。網址:http://quickmark.com.tw/

操作相當簡單,輸入後按下"產生"按鈕即可。
可下載的QR條碼圖檔格式:png、jpg、gif、svg

可產生的QR碼類型包含網址、通訊錄、名片、簡訊、電子郵件、電話號碼、文字、魔法拼圖、地理資訊...等等

若您的手機沒有尚未安裝QR碼掃描辨識APP,此網站也提供下載連結,相當方便。
QuickMark 網站提供免費的 QR Code 產生器。網址:http://quickmark.com.tw/

操作相當簡單,輸入後按下"產生"按鈕即可。
可下載的QR條碼圖檔格式:png、jpg、gif、svg

可產生的QR碼類型包含網址、通訊錄、名片、簡訊、電子郵件、電話號碼、文字、魔法拼圖、地理資訊...等等

若您的手機沒有尚未安裝QR碼掃描辨識APP,此網站也提供下載連結,相當方便。
中華電信的線上服務-免費QR碼產生器
QR碼是二維條碼的一種,1994年由日本Denso-Wave公司發明。QR來自英文「Quick Response」的縮寫,即快速反應的意思。 QuickMark 是專為具備照相模組之行動電子裝置 (如手機、PDA、智慧型手機等) 所設計的二維條碼系統,將相機鏡頭瞄準商品專屬條碼後,透過條碼連結、軟體解碼,幾秒鐘內即完成自動辨識條碼內容。
emome 行動生活 我的行動條碼 QR-code產生器
點此連結:http://qrcode.emome.net/qrcpromote/QRDIY.jsp

可產生的QR條碼類型包含:電話號碼、網址、簡訊、電子郵件、通訊錄、其他任意文句
輸入完畢後按"產生行動條碼"按鈕即可
emome 行動生活 我的行動條碼 QR-code產生器
點此連結:http://qrcode.emome.net/qrcpromote/QRDIY.jsp

可產生的QR條碼類型包含:電話號碼、網址、簡訊、電子郵件、通訊錄、其他任意文句
輸入完畢後按"產生行動條碼"按鈕即可
2011年11月30日 星期三
HTML5拿什麼取代Flash?
最近關於HTML5吵得火熱,很多人認為HTML5出現會秒殺Flash,以至於在各大web前端開發論壇吵得不可開交。論壇裡三言兩語說的不夠 盡興,只好在自己一畝三分地裡敞開了說說。也當一次神棍,展望一下web前端開發的未來。首先這裡所說的HTML5也不僅指HTML5本身,而是泛指HTML5、CSS3、 JavaScript以及新的瀏覽器API所包含的整 個web端技術。
誰需要HTML5?
Google最需要!Apple的Jobs也需要。但這兩個肯定各懷鬼胎。微軟無所謂了,反正他還有Silverlight。
Mozilla/Firefox非盈利組織,目標可能會高尚些,是w3c標準就要支持。Opera那點瀏覽器市場佔有率估計還沒敢有太多想 法。
Google的雲計算帝國就差一個支持 RIA(Rich Internet Applications)富互聯網應用的客戶端了,試想 HTML5得到普及,更多的應用轉向BS模式時,微軟帝國的桌面軟件生態環境必定受到很大威脅,垂涎多年的Google一定是最大受益者。當在一台操作系 統免費的電腦上使用和MS Word差不多功能的免費Google Doc時,你還會掏錢買微軟的Word嗎?當你所有的辦公應用都只需要打開瀏覽器窗口 時,你還會花錢買操作系統嗎?Google的Chrome OS操作系統界面已經說明了這個意圖。
Jobs也需要HTML5,他是打著小算盤,想讓瀏覽器原生支持視頻音頻,這樣iPhone、iPad就不用嵌入Flash,Jobs當然 不能讓Flash進iPhone OS,要不然App Store裡的遊戲誰去買?同時,如果大量的應用都能基於瀏覽器實現時,用戶就不會被 Windows的桌面應用套牢了。漂亮的Mac電腦誰不喜歡。
他們選擇 HTML5都是為了更大野心,期望HTML5帶來整個軟件生態環境的改變,同時避開不受自己控制的Flash。
Macromedia和後來的當家Adobe把握住了互聯網應用的發展需求,不斷的完善的Flash,使之已經超越了瀏覽器本身的功能。各 大瀏覽器廠商也看到這種應用的需求,不甘於一個本該瀏覽器實現的功能,由一個幾兆大小的 Plugin實現了,並玩的風生水起。於是不遺餘力的推進 HTML5,並且矛頭直指Flash。
用戶想要HTML5嗎?用戶要的不是技術,是應用,是體驗。如果你能拿Ajax實現一個開心農場,我想沒誰會在乎它是不是Flash做的。
開發者想要 HTML5嗎?那需要一個成熟的HTML5+CSS3+JS的開發環境,需要各個瀏覽器提供統一的用戶體驗,即標準的完全兼 容。還需要增加新的學習成本。
Flash 的優勢?
Flash比HTML5強在哪?性能,功能?如果說HTML5將擁有和Flash所有內置對像類似的DOM 呢,還有GPU的2D、3D加 速呢?這不是沒可能,畢竟HTML5還只是草案。當然Flash也能不停的更新。
開發群體:
Flash的優勢是在開發人員上,十多年的積累,有眾多優秀的藝術家、程序員和互動設計師集中在Flash平台上做互動媒體開發。也 使無數的類庫有了AS版,如FLARToolKit,Touchlib,OpenCV這些互動、圖像分析的c++庫都移植到了Flash平台。在RIA應 用上有相對成熟且開源的Flex框架,越來越多的企業在嘗試使用Flex替代Ext等 Ajax框架,為客戶提供更好RIA應用體驗。
持續發展:
FlashPlayer 是一個封閉的系統,是由Adoeb獨家控制,相對於開放的HTML5標準這是弱勢,也是技術上的優勢,它可以很靈 活,可以隨時加入新技術,新功能。而 HTML5是一個公開標準,既然是標準就意味著不會經常改動。Flash的改進升級只需要用戶升級 FlashPlayer插件,插件的升級相對用戶來說,是輕量級的。HTML標準的改進意味著升級瀏覽器,這是相對重量級的用戶操作,尤其是還有很多人不 明白什麼是瀏覽器。
HTML5開放標準一旦確定下來,就會有一個很長的使用週期,今天看是足夠先進的功能,十年後呢。就像當年我們用著 HTML4+CSS2+JS沾沾自喜以為足夠表現Web應用時,誰能想到今天Flash不斷改進所開拓的天地呢。或許十年後我們又該討論HTML6秒殺 Flash的話題了。
超越web應用:
如果當時SUN能重視Java Applet,或許就沒有Flash的今天,SUN也不會淪落到被收購的境地。而如今Adobe AIR更 是讓Flash超越Java Applet,讓Flash超越了web,脫離了瀏覽器。Flash到如今功能不斷增強,在多媒體領域也在不斷地壓縮自家老 大哥Director的應用空間。多點觸摸、人臉識別、Socket通訊同步、AR增強現實、實時視頻等等功能在Flash平台上的實現,讓越來越多的互 動多媒體項目採用Flash方案。
希望Adobe繼續能擴展Adobe AIR平台的功能,提高性能。能有越來越多的跨平台桌面應用在AIR上實現。
Flash 的劣勢?
FlashPlayer版權私有。
swf文件的內容相對封閉,搜索引擎不友好。
插件的安全隱患。
相對與Ajax技術的學習曲線及學習成本。
FlashPlayer 94%裝機率!=100%。
iPhoneOS明確不支持Flash,而iPad首日12萬的訂單,預計將會開啟一個大市場。
不支持3D硬件加速。FlashPlayer如果支持3D硬件加速,必將重寫現有的2D矢量引擎,鑒於ShockWave 3D的 表現,FlashPlayer 硬件3D,很難有很好的用戶體驗!
HTML5拿什麼取代Flash
功能:
HTML5目前還只是草案,從已提交的內容來看,增加了許多更具語義的標籤,新的標籤意味著在DOM中增加新的類,如果把瀏覽器比做一個大 的 Flashplayer,HTML5無非就是在增加新的類,新的API。然後由JavaScript來調用這些API。
如果HTML5要完全取代Flash,至少要提供和Flashplayer10相似的功能。
這應該不是問題,添加WebSocket 、WebSQL、WebGL……甚至WebQt、WebMFC都是可以無盡暢想的。或者乾脆把瀏 覽器就做成一個大虛擬機,完成Java的桌面遺願。如果有足夠的需求動力,這些都不是問題。
性能:
在很多 HTML5激進派的文章裡,都痛指目前Flash的效率低下,導致瀏覽崩潰。真的是Flash效率低到如此不堪嗎?肯定不是,只是 Flash的濫用和參差不齊的Web前端開發人員造成的。同樣如果用IE的JS引擎寫一個Ajax版的XX農場,如果所有頁面廣告動畫都用JS來寫,我想 那才叫效率低下。如果真的Flash效率低,為什麼那麼多網頁遊戲都不是Ajax做的呢?為什麼很多優化的很好的Flash3D遊戲場景都很流暢,而一個 2D的XX農場就能拖慢你的酷睿2呢?不明真相的半吊子開發人員總是把瀏覽器不響應和崩潰歸結於Flash效率低下。
所以未來HTML5要取代Flash 必須有一個高效的2D/3D圖形文字渲染引擎,和一個高效的JavaScript引擎。這樣 才能帶來更好的用戶體驗。這些,眾瀏覽器廠商都準備好了嗎?Chrome和Opera似乎正在走這條路。
兼容性:
HTML4標準已經十多年了,今天我們還會寫下fxckIE6的CSS樣式名。瀏覽器的兼容性會是最大的問題,尤其是加入n多特性後的 HTML5和CSS3。IE,Firefox,Chrome,Safari這些瀏覽器背後的大佬們,怎麼去協調呢?這有個矛盾,開發差異化的產品,卻要提 供同質化的功能。JS性能、標籤瀏覽,同步收藏,插件這些提高用戶體驗的功能,都是這些差異化的方向。如果再出現類似ActiveX這類IE only的 東西,那還不如維持HTML4這種方式不變。
開發模式:
Flash IDE將無數優秀的藝術家、UI設計師和互動程序設計師團結在一起,最終成就了Flash,這也與Macromedia和 Adobe在圖形設計和互動設計群體中的號召力不無關係。
HTML5的互動會將JavaScript提高到一個新的高度,這必將需要一個成熟的開發環境。繼續DW+Firebug?或者DW升級為 全新的HTML5互動開發IDE,或者微軟VS來幹這件事,或者是Eclipse?
成熟的開發環境才能聚攏人才,才能激發無窮的創造力,帶來更多的內容。豐富的內容自然帶來更多用戶。
部署:
這是最重要的一個問題,沒有這一步,一切都是零。
Flash新版本怎麼部署?在90%多桌面佔有率的基礎上更新插件就OK。HTML5怎麼部署,更新瀏覽器,這個有點難,看看頑強的 IE6。聽到有人建議微軟在系統 ServerPack裡包含IE更新,只能說這想法很好,但是反壟斷的大錘一定會把微軟砸死。
那怎麼引導用戶去升級瀏覽器呢?對於互聯網「Core User」來說不是問題,目前支持HTML5和CSS3部分特性的Chrome開發 版,很多人都在用了。但是那些「Light User」呢,可能連天天看網頁用的這個窗口跟瀏覽器是什麼關係都不明白。
這需要一個HTML5的殺手級應用去引導,「Light User」幾乎不會以技術為導向去升級瀏覽器的,他們只會以應用需求為導向去升 級。比如YouTube不再支持IE6用戶,這樣喜歡YouTube視頻的用戶會去升級IE6再來訪問。用戶不會是因為IE6的HTML標準兼容差而選擇 更新IE6,這是必然的。
那HTML5的殺手級應用在哪裡呢?或者說都有Youtube這樣的影響力和號召力嗎?而沒有這種號召力的網站,誰會貿然率先支持 HTML5來要求用戶升級瀏覽器嗎?這些網站之間必定會陷入囚徒困境中,在重複的囚徒困境中,博弈被反覆地進行。最終才會全面進入 HTML5時代。這個 過程或者很短,也可能很長。畢竟現存的Web前端還沒到不堪的地步,反倒是由於Flash這些插件和jQuery這些JS框架弄的有聲有色。
總結
•HTML5不是用戶應用的迫切需求,更多是廠商試圖改變軟件生態格局的戰略需求。
•HTML5的兼容性鑒於各大瀏覽器的以往表現,有待觀望,不宜立即遷移應用。
•HTML5需要一個成熟完整的開發環境,記事本+瀏覽器對付不了。
•HTML5功能的暴增,瀏覽器必須有一個高 效的圖形引擎和腳本引擎。
•HTML5需要殺手級應用來吸引和引導用戶升級瀏覽器,最終完成HTML5終端的部署。
•Flash是一個不斷在發展的技術,有很強的靈活性,HTML5不可能完全取代Flash,眾多的開發人員也不會斷然拋棄Flash。
2011年11月29日 星期二
網管入門必須掌握8個DOS命令
一、ping
它是用來檢查網路是否通暢或者網路連接速度的命令。作為一個生活在網路上的管理員或者駭客來說,ping命令是第一個必須掌握的DOS命令,它所利用的原理是這樣的:網路上的機器都有唯一確定的IP地址,我們給目標IP地址發送一個數據包,對方就要返回一個同樣大小的數據包,根據返回的數據包我們可以確定目標主機的存在,可以初步判斷目標主機的作業系統等。下面就來看看它的一些常用的操作。
如果你使用的作業系統是windows,在開始-->執行-->輸入"cmd"即可開啟DOS視窗,在DOS視窗中key入:ping空格/?然後按Enter即會跳出幫助畫面。在此,我們只掌握一些基本的很有用的參數就可以了。
-t 表示將不間斷向目標IP發送數據包,直到我們強迫其停止。試想,如果你使用100M的寬頻接入,而目標IP是56K的小貓,那麼要不了多久,目標IP就因為承受不了這麼多的數據而掉線,呵呵,一次攻擊就這麼簡單的實現了。
-l 定義發送數據包的大小,默認為32字節,我們利用它可以最大定義到65500字節。結合上面介紹的-t參數一起使用,會有更好的效果。
-n 定義向目標IP發送數據包的次數,默認為3次。如果網路速度比較慢,3次對我們來說也浪費了不少時間,因為現在我們的目的僅僅是判斷目標IP是否存在,那麼就定義為一次吧。
說明一下,如果-t 參數和 -n參數一起使用,ping命令就以放在後面的參數為標準,比如“ping空格對方IP -t -n 3”,雖然使用了-t參數,但並不是一直ping下去,而是只ping 3次。另外,ping命令不一定非得ping IP,也可以直接ping主機域名,這樣就可以得到主機的IP。
舉個例子:輸入ping空格http://www.freeshare2u.com/試試看。得到的回覆如下圖...(可得知網站IP位置。)

這裡time=39表示從發出數據包到接受到返回數據包所用的時間是39秒,從這裡可以判斷網路連接速度的大小。
當一個封包被送到網路上時,會有一個初始的TTL(Time To Live)數字,每當這個封包經過一個節點後TTL值就會被減1,當TTL值變成0但封包卻還未傳遞到目的主機時,該封包就會被丟棄。依作業系統不同,初始TTL值可能為32、64、128、255;從TTL的返回值可以初步判斷被ping主機的作業系統,之所以說“初步判斷”是因為這個值是可以修改的。
(小知識:如果TTL=32,則表示目標主機可能是Win98;如果TTL=128,則表示目標主機可能是Win2000;如果TTL=250,則目標主機可能是Unix)
至於利用ping命令可以快速查詢網站IP、搜索最快的QQ伺服器、對別人進行ping攻擊......要用在好事、壞事上就看大家自己的良心了。
附帶一提,在DOS視窗輸入ipconfig然後按Enter可以查詢自己電腦的IP位置喔!這個指令也很常用到。
二、nbtstat
該命令使用TCP/IP上的NetBIOS顯示協議統計和當前TCP/IP連接,使用這個命令你可以得到遠程主機的NETBIOS資訊,比如用戶名、所屬的工作組、網卡的MAC地址等。在此我們就有必要了解幾個基本的參數。
-a 使用這個參數,只要你知道了遠程主機的機器名稱,就可以得到它的NETBIOS資訊。
-A 這個參數也可以得到遠程主機的NETBIOS資訊,但需要你知道它的IP.
-n 列出本地機器的NETBIOS資訊。
當得到了對方的IP或者機器名的時候,就可以使用nbtstat命令來進一步得到對方的資訊了。
它是用來檢查網路是否通暢或者網路連接速度的命令。作為一個生活在網路上的管理員或者駭客來說,ping命令是第一個必須掌握的DOS命令,它所利用的原理是這樣的:網路上的機器都有唯一確定的IP地址,我們給目標IP地址發送一個數據包,對方就要返回一個同樣大小的數據包,根據返回的數據包我們可以確定目標主機的存在,可以初步判斷目標主機的作業系統等。下面就來看看它的一些常用的操作。
如果你使用的作業系統是windows,在開始-->執行-->輸入"cmd"即可開啟DOS視窗,在DOS視窗中key入:ping空格/?然後按Enter即會跳出幫助畫面。在此,我們只掌握一些基本的很有用的參數就可以了。
-t 表示將不間斷向目標IP發送數據包,直到我們強迫其停止。試想,如果你使用100M的寬頻接入,而目標IP是56K的小貓,那麼要不了多久,目標IP就因為承受不了這麼多的數據而掉線,呵呵,一次攻擊就這麼簡單的實現了。
-l 定義發送數據包的大小,默認為32字節,我們利用它可以最大定義到65500字節。結合上面介紹的-t參數一起使用,會有更好的效果。
-n 定義向目標IP發送數據包的次數,默認為3次。如果網路速度比較慢,3次對我們來說也浪費了不少時間,因為現在我們的目的僅僅是判斷目標IP是否存在,那麼就定義為一次吧。
說明一下,如果-t 參數和 -n參數一起使用,ping命令就以放在後面的參數為標準,比如“ping空格對方IP -t -n 3”,雖然使用了-t參數,但並不是一直ping下去,而是只ping 3次。另外,ping命令不一定非得ping IP,也可以直接ping主機域名,這樣就可以得到主機的IP。
舉個例子:輸入ping空格http://www.freeshare2u.com/試試看。得到的回覆如下圖...(可得知網站IP位置。)

這裡time=39表示從發出數據包到接受到返回數據包所用的時間是39秒,從這裡可以判斷網路連接速度的大小。
當一個封包被送到網路上時,會有一個初始的TTL(Time To Live)數字,每當這個封包經過一個節點後TTL值就會被減1,當TTL值變成0但封包卻還未傳遞到目的主機時,該封包就會被丟棄。依作業系統不同,初始TTL值可能為32、64、128、255;從TTL的返回值可以初步判斷被ping主機的作業系統,之所以說“初步判斷”是因為這個值是可以修改的。
(小知識:如果TTL=32,則表示目標主機可能是Win98;如果TTL=128,則表示目標主機可能是Win2000;如果TTL=250,則目標主機可能是Unix)
至於利用ping命令可以快速查詢網站IP、搜索最快的QQ伺服器、對別人進行ping攻擊......要用在好事、壞事上就看大家自己的良心了。
附帶一提,在DOS視窗輸入ipconfig然後按Enter可以查詢自己電腦的IP位置喔!這個指令也很常用到。
二、nbtstat
該命令使用TCP/IP上的NetBIOS顯示協議統計和當前TCP/IP連接,使用這個命令你可以得到遠程主機的NETBIOS資訊,比如用戶名、所屬的工作組、網卡的MAC地址等。在此我們就有必要了解幾個基本的參數。
-a 使用這個參數,只要你知道了遠程主機的機器名稱,就可以得到它的NETBIOS資訊。
-A 這個參數也可以得到遠程主機的NETBIOS資訊,但需要你知道它的IP.
-n 列出本地機器的NETBIOS資訊。
當得到了對方的IP或者機器名的時候,就可以使用nbtstat命令來進一步得到對方的資訊了。
2011年11月28日 星期一
TCP / IP基本說明
TCP / IP基本說好啦~
簡單的IP基本知識相信大家都知道了~
現在我們來上稍為進階一點點的TCP/IP吧
OSI把網路分成七層,而TCP/IP把網路分成四層
這邊先介紹TCP(不過基本上來說都是差不多的東西)
第一層 : 應用層
應用層常用來HTTP、HTTPS、SMTP和FTP等
應用層主要是用來定義用戶端和伺服器端的資料交換方法。
第二層 : 傳輸層
傳輸層是用來定義資料傳輸時是用TCP和是用UDP
好啦~
相信有的人就會開始問啦~
TCP和UDP是用來做什麼的??
可以吃嗎??
嗯...咳...好了...不鬧了
TCP協定:
在傳送資料時會檢查資料的完整性,所以資料是不會遺失的
所以...用TCP協定傳送的東西,不會缺胳膊少大腿的...
(嗯???聽起來好像怪怪的,算了,不管它懂意思就好~)
例如:傳送電子郵件、上傳下載資料就需要用到TCP
UDP協定:
跟TCP比起來最大的差別是,UDP在傳送資料時不會檢查資料的完整性
嗯???聽不懂嗎??
簡單來說...
它有可能會遺失資料
好啦~這時有人就會問
既然它會遺失東西,那還要它幹嘛!!!
嗯...因為基本上會用UDP協定傳送的東西
都有一個共通點 --- 即時性
例如:線上看影片、上網看股票這些就會用到UDP
為什麼呢??
大家相信是知道影片是由一格格的畫格組合而成的
如果是用TCP的話...傳送一個影片假如需要1、2、3畫格
1跟2已經播完了,可是3因為網路有點問題
(可能是速度變慢或是其他問題)
以至於3都送不到,這時會一直卡在傳送3這點上
但是...一個影片少了一些畫格基本上來試試沒什麼差別的
所以我們會用UDP來傳送東西
不過也不必太在意UDP會遺失東西這特性,必竟UDP也不是那麼容易遺失東西
如果不擔心這問題,UDP傳送資料的效率比TCP來的好
協定 優點 缺點
TCP 傳送可靠,程式可省略可靠機制。 速度比較慢。
UDP 傳輸量大﹐迅速。 有可能遺失某些封包
第三層 : 網路層
網路層是用來定義IP和決定封包經由路由器的方法,讓兩部在不同地方的電腦能比相交換資料
第四層 : 連結層
連結層又叫實體層,也叫網路介面層,是網路的基本架設
可能是乙太網路、無線網路、點對點實體網路.....等等
電腦所傳送的0和1就是在此傳送和接收
= = = = = = = = 還是分隔線~~~~ = = = = = = = = =
嗚...好累...
總算打完了
(趴ing)
希望各位大大會喜歡和看得懂~
因為有些是翻書的資料、網路的文章加上在下自己的解釋
如果發現有錯或是有問題的歡迎提出
簡單的IP基本知識相信大家都知道了~
現在我們來上稍為進階一點點的TCP/IP吧
OSI把網路分成七層,而TCP/IP把網路分成四層
這邊先介紹TCP(不過基本上來說都是差不多的東西)
第一層 : 應用層
應用層常用來HTTP、HTTPS、SMTP和FTP等
應用層主要是用來定義用戶端和伺服器端的資料交換方法。
第二層 : 傳輸層
傳輸層是用來定義資料傳輸時是用TCP和是用UDP
好啦~
相信有的人就會開始問啦~
TCP和UDP是用來做什麼的??
可以吃嗎??
嗯...咳...好了...不鬧了
TCP協定:
在傳送資料時會檢查資料的完整性,所以資料是不會遺失的
所以...用TCP協定傳送的東西,不會缺胳膊少大腿的...
(嗯???聽起來好像怪怪的,算了,不管它懂意思就好~)
例如:傳送電子郵件、上傳下載資料就需要用到TCP
UDP協定:
跟TCP比起來最大的差別是,UDP在傳送資料時不會檢查資料的完整性
嗯???聽不懂嗎??
簡單來說...
它有可能會遺失資料
好啦~這時有人就會問
既然它會遺失東西,那還要它幹嘛!!!
嗯...因為基本上會用UDP協定傳送的東西
都有一個共通點 --- 即時性
例如:線上看影片、上網看股票這些就會用到UDP
為什麼呢??
大家相信是知道影片是由一格格的畫格組合而成的
如果是用TCP的話...傳送一個影片假如需要1、2、3畫格
1跟2已經播完了,可是3因為網路有點問題
(可能是速度變慢或是其他問題)
以至於3都送不到,這時會一直卡在傳送3這點上
但是...一個影片少了一些畫格基本上來試試沒什麼差別的
所以我們會用UDP來傳送東西
不過也不必太在意UDP會遺失東西這特性,必竟UDP也不是那麼容易遺失東西
如果不擔心這問題,UDP傳送資料的效率比TCP來的好
協定 優點 缺點
TCP 傳送可靠,程式可省略可靠機制。 速度比較慢。
UDP 傳輸量大﹐迅速。 有可能遺失某些封包
第三層 : 網路層
網路層是用來定義IP和決定封包經由路由器的方法,讓兩部在不同地方的電腦能比相交換資料
第四層 : 連結層
連結層又叫實體層,也叫網路介面層,是網路的基本架設
可能是乙太網路、無線網路、點對點實體網路.....等等
電腦所傳送的0和1就是在此傳送和接收
= = = = = = = = 還是分隔線~~~~ = = = = = = = = =
嗚...好累...
總算打完了
(趴ing)
希望各位大大會喜歡和看得懂~
因為有些是翻書的資料、網路的文章加上在下自己的解釋
如果發現有錯或是有問題的歡迎提出
網絡小常識
1. Hub and Switch的分別.
很多人都分不這兩件東西有何分別. Hub(差不多以經在市場找不到這東西)跟switch最大的分別是Boardcast及segmentation. Hub是會發出boardcast的, 即一台電腦在同一網絡(LAN)內向第二台電腦發出要求時, 所有插在Hub上面的設備(電腦或其他器才)都會數到這個要求, 問題是他們在讀過"packet"裏的資料後,發現不是找他們, 他們便會棄掉這packet;這樣的過程會浪費了很多頻寬, 換言之Boardcast在網絡絕大多數都是不利的.
而switch就針對這個原因而從新設計的器才, switch可以把插住去的每一台電腦都記住了位置(以MAC Address及IP), 當其中一台電腦在同一網絡(LAN)內向第二台電腦發出要求時, 它會直接把packet傳送到這台被要求的電腦去, 省去boardcast這動作.
所以; 我們不應把MAC Address隨便拷貝(copy)到第二台電腦去, 這樣只會做成網絡故障, 如果在公司更不應這樣做, 你有機會犯上"竊聽 spooling"的罪行.
2. NAT是甚麼
Network Address Translation, 原先是為了解決IP不足而開發的功能, 但到了今天, 以經廣為人們所使用.
如果把這東西說過清清楚楚, 非花上好萬字才行, 既然如此我只作一點比喻較為容明.
NAT你們就把它擋為一個"softwar router"來理解, 但它只會看TCP這protocal,這東西可以以一對一的把IP"map"到另一個IP去, 亦可以以一個IP對多個IP, 只要你其中一個IP是Gateway便可.
Router跟NaT最大的分別是, Router可以"食"到任何protocal,可以多過一個WAN port, 有更強大的ACL(accesscontrol List)等等
很多人都分不這兩件東西有何分別. Hub(差不多以經在市場找不到這東西)跟switch最大的分別是Boardcast及segmentation. Hub是會發出boardcast的, 即一台電腦在同一網絡(LAN)內向第二台電腦發出要求時, 所有插在Hub上面的設備(電腦或其他器才)都會數到這個要求, 問題是他們在讀過"packet"裏的資料後,發現不是找他們, 他們便會棄掉這packet;這樣的過程會浪費了很多頻寬, 換言之Boardcast在網絡絕大多數都是不利的.
而switch就針對這個原因而從新設計的器才, switch可以把插住去的每一台電腦都記住了位置(以MAC Address及IP), 當其中一台電腦在同一網絡(LAN)內向第二台電腦發出要求時, 它會直接把packet傳送到這台被要求的電腦去, 省去boardcast這動作.
所以; 我們不應把MAC Address隨便拷貝(copy)到第二台電腦去, 這樣只會做成網絡故障, 如果在公司更不應這樣做, 你有機會犯上"竊聽 spooling"的罪行.
2. NAT是甚麼
Network Address Translation, 原先是為了解決IP不足而開發的功能, 但到了今天, 以經廣為人們所使用.
如果把這東西說過清清楚楚, 非花上好萬字才行, 既然如此我只作一點比喻較為容明.
NAT你們就把它擋為一個"softwar router"來理解, 但它只會看TCP這protocal,這東西可以以一對一的把IP"map"到另一個IP去, 亦可以以一個IP對多個IP, 只要你其中一個IP是Gateway便可.
Router跟NaT最大的分別是, Router可以"食"到任何protocal,可以多過一個WAN port, 有更強大的ACL(accesscontrol List)等等
2011年11月27日 星期日
基礎網路教學 IPV6的介紹
2011年11月21日 星期一
認識 CSS 與 XSL
在認識 CSS 與 XSL之前,我們先來認識一個名詞 樣規(stylesheet),樣規在 XML 世界中扮演很重要的角色,透過樣規, 可以將缺乏 樣式(STYLE) 的 XML 資訊及可供人們閱讀的文件成品間的那道鴻溝銜接起來。
XML 文件和樣式是彼此互補的。因為 XML 並不是專門為了呈現資料而設計的語言,所以大部分的 XML 文件包含了沒有特 定的呈現指令的資料。 XML 的強大威力並不是著墨於資料的呈現能力,而是在於將資料封裝成可以被驗證與輕鬆移動的格式。 如果我們想要在瀏覽器中呈現 XML 的資料,那麼將這些 XML 資料轉成另一種專為資料呈現並且利用 XML 格式的語言,像是 XHTML,將會比較有意義。XSL(Extensible Stylesheet Language)就是為了將 XML 轉換成 XHTML 與其他 XML 格式,好讓 XML 可以呈現於瀏覽器中所設計。目前,XSL 主要是將 XML 轉換成 XHTML。而在將來,我們可以預期 XSL 會將 XML 轉換成普通語 言或其他格式。而 CSS 是為了能夠將一致的外觀應用到屬於 Web 網站的所有文件上而設計的。
4.1 認識 CSS
CSS (Cascading Style Sheets)主要是將“格式資訊”從文件主體中抽離出來,將它分開儲存在STYLE元素或另一個獨立的 文件中。雖然在內部的樣式,使用STYLE屬性來表示實際元素的格式,但它的效果仍然不變。
XML 文件和樣式是彼此互補的。因為 XML 並不是專門為了呈現資料而設計的語言,所以大部分的 XML 文件包含了沒有特 定的呈現指令的資料。 XML 的強大威力並不是著墨於資料的呈現能力,而是在於將資料封裝成可以被驗證與輕鬆移動的格式。 如果我們想要在瀏覽器中呈現 XML 的資料,那麼將這些 XML 資料轉成另一種專為資料呈現並且利用 XML 格式的語言,像是 XHTML,將會比較有意義。XSL(Extensible Stylesheet Language)就是為了將 XML 轉換成 XHTML 與其他 XML 格式,好讓 XML 可以呈現於瀏覽器中所設計。目前,XSL 主要是將 XML 轉換成 XHTML。而在將來,我們可以預期 XSL 會將 XML 轉換成普通語 言或其他格式。而 CSS 是為了能夠將一致的外觀應用到屬於 Web 網站的所有文件上而設計的。
4.1 認識 CSS
CSS (Cascading Style Sheets)主要是將“格式資訊”從文件主體中抽離出來,將它分開儲存在STYLE元素或另一個獨立的 文件中。雖然在內部的樣式,使用STYLE屬性來表示實際元素的格式,但它的效果仍然不變。
XML的語法

3.1 XML 文件宣告
在第一行中,我們看到:
< ?xml version="1.0" encoding="Big5"? >這叫 XML宣告(declaration),更有學問的稱呼為 前言(prolog)。其目的是在宣告,這是一份XML文件及宣告目前所用的XML版 本。其中version這個註明版本的屬性是一定要有的,而encoding 這個註明文字編碼的屬性則可有可無,如果省略的話,字碼 必須是Unicode,以 UTF-8 或 UTF-16作編碼。在這樣的情況下,甚至可以將整行 <?xml ... ?> 宣告一並省去,不過XML標準 中強烈建議不要這麼做,不管用的是不是 Unicode,最好還是養成一律寫的好習慣。
3.2 PI 與樣規鏈結
在第二行中,我們看到:
< ? xml-stylesheet href="style.css" type="text/css" ? >XML中有一種標注,叫 PI(Processing Instruction)。通常PI是用來傳遞情報給解析器下游的程式的,譬如我們想用樣規(style sheet)來美化上面的例子中的陽春XML碼,不管是用CSS還是XSL,都必須有個機制,讓瀏覽器知道要到那裡去找樣規。為此,W3C 特別頒布了一個專為連結樣規所設計的PI。“xsl-stylesheet”這部分稱做PI的目標(target)。以上的PI是用來告訴瀏覽器去抓 一個叫 style.css 的CSS檔。如果要連結XSL樣規,就寫成: < ? xml-stylesheet href="style.xsl" type="text/xsl" ? >
XML 與 HTML 的關係
相信學過HTML都知道,HTML簡直是很容易學,它是利用標籤來將元素或元素一些 屬性包裹起來,有開始標籤和結束標籤,來定義文字內容。但是你可否知道它可是有父子關係的,因為HTML是從 SGML(標準通用標示語言Standard Generalized Markup Language) <註一> 語法簡化而來的子集,SGML是屬與功能強大的標示、管理和排版語言。那為什麼不用 SGML呢?因為它的結構太複雜了,所以在1991年由Tim Berners-Lee建立了HTML語法,簡單易學,也使得今日網路上的資訊能 夠快速傳播,互相共享。但是後來被認為HTML語法太過於鬆散,不夠嚴謹,所以才有目前的XML出現,算是青出於藍的孫子輩, 它可說是取SGML之長補HTML之短。
XML是以 SGML 的格式精簡後制定出來的,制定者當然是全球資訊網協會 (World Wide Web Consortium,W3C)。XML是SGML 的一個子集合,誕生的目的是為了擴充網路的應用、靡補 HTML 的不完美, 以及讓 SGML 也能容易地在網路上應用。所以XML肩負著使得全球資訊網能夠傳輸或處理更豐富資訊的責任。在一般情況之中, HTML或是 JAVA 就已經相當夠用了,但隨著資訊的擴充,資料量的暴增,與資料的複雜化,HTML就顯得捉襟肘見,而 JAVA 又 顯得大才小用且不易學習。有了XML 與 HTML 的相輔相成,這些問題就解決了。所以 XML 並不是用來終結 HTML,取代 SGML,而或是廢除舊的標準。XML是用來制定新的標準、用來定義一種新的標記語言。 XML是一種用來定義其它語言的另一種語法系統,這正是XML功能強大的主因。
XML是以 SGML 的格式精簡後制定出來的,制定者當然是全球資訊網協會 (World Wide Web Consortium,W3C)。XML是SGML 的一個子集合,誕生的目的是為了擴充網路的應用、靡補 HTML 的不完美, 以及讓 SGML 也能容易地在網路上應用。所以XML肩負著使得全球資訊網能夠傳輸或處理更豐富資訊的責任。在一般情況之中, HTML或是 JAVA 就已經相當夠用了,但隨著資訊的擴充,資料量的暴增,與資料的複雜化,HTML就顯得捉襟肘見,而 JAVA 又 顯得大才小用且不易學習。有了XML 與 HTML 的相輔相成,這些問題就解決了。所以 XML 並不是用來終結 HTML,取代 SGML,而或是廢除舊的標準。XML是用來制定新的標準、用來定義一種新的標記語言。 XML是一種用來定義其它語言的另一種語法系統,這正是XML功能強大的主因。
什麼是XML
XML(Extensible Markup Language)是一套資料儲存工具,可以用來建立包含結 構化格式資料的文件。除了資料之外,還可以包含一組定義資料架構的詳細規則。這些規則是由 XML 文件的作者負責定義。 例如,可以建立一組規則,用來驗證Microsoft Exchang e-mail文件、Microsoft SQL Server資料庫、Microsoft Word文件, 或者是任何存在於企業之中的資料形式。
XML 所擁有的功用不只是傳遞資料,還可以將資料包含在XML文件中,然後利用 延伸樣式表語言(Extensible Stylesheet Language,XSL)所寫成的網頁來將 XML 文件中的資料 展現於 Microsoft Internet Explorer 5 中,(希望未來其他瀏覽器也能擁有相同的功能)。利用 XML 文件與 XSL 網頁, 網站的開發人員可以將資料與呈現方式分開。
XML 所擁有的功用不只是傳遞資料,還可以將資料包含在XML文件中,然後利用 延伸樣式表語言(Extensible Stylesheet Language,XSL)所寫成的網頁來將 XML 文件中的資料 展現於 Microsoft Internet Explorer 5 中,(希望未來其他瀏覽器也能擁有相同的功能)。利用 XML 文件與 XSL 網頁, 網站的開發人員可以將資料與呈現方式分開。
SWeTE 免費幫你的網站建立多國語言版本!
讓來自世界各地各個國家的使用者都能瀏覽你的網站內容嗎?那麼可以使用 SWeTE 來為網站加入多國語言翻譯功能,建立多國語言網站。SWeTE 是由 Web Lite(網路之光,加拿大的翻譯公司)所提供的翻譯引擎,只要將一段原始碼插入自己的網站裡,訪客在進入網站時就會自動偵測語系,並將網頁自動轉換為合適的語言。
不同於一般的線上翻譯工具, SWeTE 的翻譯功能是即時的 ,無須重新整理頁面、不用離開原始頁面,支援人工修改翻譯結果,讓你的多國語言網站更加完善。目前 SWeTE 支援保加利亞文、捷克文、丹麥文、德語、希臘語、英文、西班牙語、芬蘭文、法文、印地文、克羅地亞文、義大利語、日語、韓文、荷蘭文、挪威文、波蘭文、葡萄牙語、羅馬尼亞文、俄文、瑞典文、簡體中文、繁體中文和越南文,共24種語言。
使用教學
若要將 SWeTE 功能加入你的網站或部落格,必須先進行註冊,目前 SWeTE 共分為兩種版本:專業版以及基本版(免費),兩者的功能沒有差異,唯有後者會顯示網路之光的商標以及一些廣告。
註冊前可以選擇選用的伺服器位置,亞洲網站建議選擇距離較近的香港,才可以獲得較好的連線速度。接著會進入註冊表單,依序填入 Email、驗證碼及網站網址等資料。下方有個「語言」是選擇網站的主語言,「目標語言」則是選擇要提供哪些語言的翻譯功能,如果你希望翻譯成多種目標語言,可以全部勾選。

然後下方有個 SWeTE 的版本選擇,預設是要付費的「專業版」,記得將它勾選為「SWeTE基本版(免費)」,否則你可能會遇到要求付款的畫面。
不同於一般的線上翻譯工具, SWeTE 的翻譯功能是即時的 ,無須重新整理頁面、不用離開原始頁面,支援人工修改翻譯結果,讓你的多國語言網站更加完善。目前 SWeTE 支援保加利亞文、捷克文、丹麥文、德語、希臘語、英文、西班牙語、芬蘭文、法文、印地文、克羅地亞文、義大利語、日語、韓文、荷蘭文、挪威文、波蘭文、葡萄牙語、羅馬尼亞文、俄文、瑞典文、簡體中文、繁體中文和越南文,共24種語言。
使用教學
若要將 SWeTE 功能加入你的網站或部落格,必須先進行註冊,目前 SWeTE 共分為兩種版本:專業版以及基本版(免費),兩者的功能沒有差異,唯有後者會顯示網路之光的商標以及一些廣告。
註冊前可以選擇選用的伺服器位置,亞洲網站建議選擇距離較近的香港,才可以獲得較好的連線速度。接著會進入註冊表單,依序填入 Email、驗證碼及網站網址等資料。下方有個「語言」是選擇網站的主語言,「目標語言」則是選擇要提供哪些語言的翻譯功能,如果你希望翻譯成多種目標語言,可以全部勾選。

然後下方有個 SWeTE 的版本選擇,預設是要付費的「專業版」,記得將它勾選為「SWeTE基本版(免費)」,否則你可能會遇到要求付款的畫面。
2011年11月20日 星期日
網頁製作十大禁忌, 請各位網頁設計師...自己注意唷!!
01.無法鏈結:
我們常看到網頁鏈結錯誤或失敗的現象,大多歸咎於上傳前未事先檢查或測試 ,部份是因為被鏈結的網址已變更或消失,您未察覺;所以良好的網站必須經常仔細查對與維護。
02.網頁過大:
雖然現在頻寬已大幅提升,但是除非您 的內容必要,否則建議將每頁容量控制在30kb左右,長度在2頁面以內;如需借用外部鏈結資源,如採用絕對鏈結之圖檔、CGI計次器等,也請不要過於分散或太多。
我們常看到網頁鏈結錯誤或失敗的現象,大多歸咎於上傳前未事先檢查或測試 ,部份是因為被鏈結的網址已變更或消失,您未察覺;所以良好的網站必須經常仔細查對與維護。
02.網頁過大:
雖然現在頻寬已大幅提升,但是除非您 的內容必要,否則建議將每頁容量控制在30kb左右,長度在2頁面以內;如需借用外部鏈結資源,如採用絕對鏈結之圖檔、CGI計次器等,也請不要過於分散或太多。
訂閱:
文章 (Atom)

