<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>煎炸熊の記事本 &#187; 網頁設計</title>
	<atom:link href="http://clip.artchiu.org/category/%e7%b6%b2%e9%a0%81%e8%a8%ad%e8%a8%88/feed/" rel="self" type="application/rss+xml" />
	<link>http://clip.artchiu.org</link>
	<description>隨處貼、隨便記</description>
	<lastBuildDate>Wed, 08 Sep 2010 13:15:22 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>去掉iframe單一直向或橫向捲軸的方法</title>
		<link>http://clip.artchiu.org/2010/05/03/%e5%8e%bb%e6%8e%89iframe%e5%96%ae%e4%b8%80%e7%9b%b4%e5%90%91%e6%88%96%e6%a9%ab%e5%90%91%e6%8d%b2%e8%bb%b8%e7%9a%84%e6%96%b9%e6%b3%95/</link>
		<comments>http://clip.artchiu.org/2010/05/03/%e5%8e%bb%e6%8e%89iframe%e5%96%ae%e4%b8%80%e7%9b%b4%e5%90%91%e6%88%96%e6%a9%ab%e5%90%91%e6%8d%b2%e8%bb%b8%e7%9a%84%e6%96%b9%e6%b3%95/#comments</comments>
		<pubDate>Mon, 03 May 2010 09:42:58 +0000</pubDate>
		<dc:creator>煎炸熊</dc:creator>
				<category><![CDATA[網頁設計]]></category>

		<guid isPermaLink="false">http://clip.artchiu.org/?p=2845</guid>
		<description><![CDATA[原文: 去掉iframe單一直向或橫向捲軸的方法 &#8211; 南十字星 &#8211; udn部落格
我們知道如果IFRAME不要有捲軸出現，在IFRAME裡面加入 SCROLLING=&#8221;NO&#8221; 即可，但是無法控制只讓直向或橫向捲軸消失，因此以下有個變通的方式，即是透過CSS屬性去控制。
首先在主頁面的IFRAME裡面設定 SCROLLING=&#8221;YES&#8221;，然後在被引入的子頁面BODY標籤裡面，加入如下CSS屬性：
讓直向捲軸消失：
STYLE=&#8217;OVERFLOW:SCROLL;OVERFLOW-Y:HIDDEN&#8217;
讓橫向捲軸消失：
STYLE=&#8217;OVERFLOW:SCROLL;OVERFLOW-X:HIDDEN&#8217;
子頁面的表頭不要加
&#60;!DOCTYPE html PUBLIC &#8220;-//W3C//DTD XHTML 1.0 Transitional//EN&#8221; &#8220;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#8221;&#62;
]]></description>
		<wfw:commentRss>http://clip.artchiu.org/2010/05/03/%e5%8e%bb%e6%8e%89iframe%e5%96%ae%e4%b8%80%e7%9b%b4%e5%90%91%e6%88%96%e6%a9%ab%e5%90%91%e6%8d%b2%e8%bb%b8%e7%9a%84%e6%96%b9%e6%b3%95/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>子網域及別名妙用：加快網站瀏覽速度！</title>
		<link>http://clip.artchiu.org/2010/05/03/%e5%ad%90%e7%b6%b2%e5%9f%9f%e5%8f%8a%e5%88%a5%e5%90%8d%e5%a6%99%e7%94%a8%ef%bc%9a%e5%8a%a0%e5%bf%ab%e7%b6%b2%e7%ab%99%e7%80%8f%e8%a6%bd%e9%80%9f%e5%ba%a6%ef%bc%81/</link>
		<comments>http://clip.artchiu.org/2010/05/03/%e5%ad%90%e7%b6%b2%e5%9f%9f%e5%8f%8a%e5%88%a5%e5%90%8d%e5%a6%99%e7%94%a8%ef%bc%9a%e5%8a%a0%e5%bf%ab%e7%b6%b2%e7%ab%99%e7%80%8f%e8%a6%bd%e9%80%9f%e5%ba%a6%ef%bc%81/#comments</comments>
		<pubDate>Mon, 03 May 2010 09:21:04 +0000</pubDate>
		<dc:creator>煎炸熊</dc:creator>
				<category><![CDATA[網頁設計]]></category>
		<category><![CDATA[電腦網路]]></category>

		<guid isPermaLink="false">http://clip.artchiu.org/?p=2840</guid>
		<description><![CDATA[原文: 子網域及別名妙用：加快網站瀏覽速度！ &#124; 時間不等於金錢
這個鮮為人知的技巧，就是利用子網域subdomain或別名cname來分散儲存檔案，讓瀏覽器得以同時下載資料，進而提升使用者的網頁瀏覽速度。其加速的基本原理，在於最大化瀏覽器的傳輸限制…

根據HTTP1.1的規範，網頁瀏覽器（如IE和FireFox）僅能從每個主機名稱同時下載兩個檔案，接著循序載入。
比方說www.abc.com/test.html裡，包含6張圖片、2個js、2個css，一共10個檔案，傳輸情況如圖：

但如果將該頁的檔案分五個出來到temp.abc.com，那麼速度將有顯著提升（橫軸為載入完成時間）：

在實作上，大型的多媒體網站，建議可以這樣規劃：
www.domain.com（html, favicon, etc）
a.domain.com（css, js, images, uploads, etc）
b.domain.com（flash, flv, swf, movies, mp3, etc）
看實際需求，像這個網站是這樣規劃：
andy.diimii.com（html, php, 文章圖片, 外掛css和js）
js.diimii.com（佈景js, 其它自訂的js）
css.diimii.com（佈景css, 其它自訂的css）
img.diimii.com（佈景圖片, 其它自訂的圖片）
後記1：瀏覽器其實都有方法來突破這傳輸限制：IE，Firefox
後記2：網頁優化加速寫了好幾篇，到這裡應該是final了，主機雖然在國外，但經過這番調效，結果也很令人滿意，網路狀況好一點時，webwait測可以3秒內載完
]]></description>
		<wfw:commentRss>http://clip.artchiu.org/2010/05/03/%e5%ad%90%e7%b6%b2%e5%9f%9f%e5%8f%8a%e5%88%a5%e5%90%8d%e5%a6%99%e7%94%a8%ef%bc%9a%e5%8a%a0%e5%bf%ab%e7%b6%b2%e7%ab%99%e7%80%8f%e8%a6%bd%e9%80%9f%e5%ba%a6%ef%bc%81/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IcoFX &#8211; 功能強大且免費的圖示編輯器</title>
		<link>http://clip.artchiu.org/2010/03/19/icofx-%e5%8a%9f%e8%83%bd%e5%bc%b7%e5%a4%a7%e4%b8%94%e5%85%8d%e8%b2%bb%e7%9a%84%e5%9c%96%e7%a4%ba%e7%b7%a8%e8%bc%af%e5%99%a8/</link>
		<comments>http://clip.artchiu.org/2010/03/19/icofx-%e5%8a%9f%e8%83%bd%e5%bc%b7%e5%a4%a7%e4%b8%94%e5%85%8d%e8%b2%bb%e7%9a%84%e5%9c%96%e7%a4%ba%e7%b7%a8%e8%bc%af%e5%99%a8/#comments</comments>
		<pubDate>Fri, 19 Mar 2010 11:46:15 +0000</pubDate>
		<dc:creator>煎炸熊</dc:creator>
				<category><![CDATA[程式設計]]></category>
		<category><![CDATA[網頁設計]]></category>

		<guid isPermaLink="false">http://clip.artchiu.org/?p=2734</guid>
		<description><![CDATA[色胚子部落 » IcoFX &#8211; 功能強大且免費的圖示編輯器
想替自己的網站做個專屬自己的圖示？寫視窗應用程式需要做圖示？想要替資料夾設計一個獨特的圖示？善用IcoFX就可以輕鬆達成。
簡列一下IcoFX特點：

支援高彩 32bits Alpha Channel (WindowsXP之後 支援的 Alpha 透明格式)
支援匯入多種圖檔格式bmp,jpg,png,gif,cur,j2k
免費、工具眾多、介面親和
擁有超多種特效濾鏡及各種圖像處理功能
可擷取*.exe及*.dll等格式的圖示

 
更多特點可上IcoFX官方網站查閱
欣賞一下IcoFX的主介面
 
小技巧：
由於IcoFX可以支援PNG格式，這種格式有個優點就是支援Alpha Channel，不像GIF格式雖然可以有透明背景，但要不就是有白色毛邊，要不就是邊緣鋸齒狀，而網路上找到的ICO格式圖檔有許多仍不是Alpha Channel格式的圖檔，所以可以利用IcoFX直接開啟PNG格式圖檔再加以編輯就可以輕鬆獲得想要的圖示囉！
下圖就是匯入PNG格式的範例
網路上可以下載到許多PNG格式的圖示
joaoko的部落格中就有許多資源介紹，以下簡列幾篇：

http://blog.joaoko.net/archives/407
http://blog.joaoko.net/archives/391
http://blog.joaoko.net/archives/392
http://blog.joaoko.net/archives/364

IcoFX官方網站：http://icofx.ro/
IcoFX官方下載點：http://icofx.ro/files/icofxsetup.exe
]]></description>
		<wfw:commentRss>http://clip.artchiu.org/2010/03/19/icofx-%e5%8a%9f%e8%83%bd%e5%bc%b7%e5%a4%a7%e4%b8%94%e5%85%8d%e8%b2%bb%e7%9a%84%e5%9c%96%e7%a4%ba%e7%b7%a8%e8%bc%af%e5%99%a8/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>免費網頁模版 (Free Template)</title>
		<link>http://clip.artchiu.org/2010/01/19/%e5%85%8d%e8%b2%bb%e7%b6%b2%e9%a0%81%e6%a8%a1%e7%89%88-free-template/</link>
		<comments>http://clip.artchiu.org/2010/01/19/%e5%85%8d%e8%b2%bb%e7%b6%b2%e9%a0%81%e6%a8%a1%e7%89%88-free-template/#comments</comments>
		<pubDate>Tue, 19 Jan 2010 05:42:28 +0000</pubDate>
		<dc:creator>煎炸熊</dc:creator>
				<category><![CDATA[網頁設計]]></category>

		<guid isPermaLink="false">http://clip.artchiu.org/?p=2589</guid>
		<description><![CDATA[Free CSS Templates: http://www.freecsstemplates.org/
Open Web Design: http://www.openwebdesign.org/
OpenDesigns.org: http://www.opendesigns.org/
Free Website Templates: http://www.freewebsitetemplates.com/
]]></description>
		<wfw:commentRss>http://clip.artchiu.org/2010/01/19/%e5%85%8d%e8%b2%bb%e7%b6%b2%e9%a0%81%e6%a8%a1%e7%89%88-free-template/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>網頁如何以 301 Redirect 重導向</title>
		<link>http://clip.artchiu.org/2009/07/19/%e7%b6%b2%e9%a0%81%e5%a6%82%e4%bd%95%e4%bb%a5-301-redirect-%e9%87%8d%e5%b0%8e%e5%90%91/</link>
		<comments>http://clip.artchiu.org/2009/07/19/%e7%b6%b2%e9%a0%81%e5%a6%82%e4%bd%95%e4%bb%a5-301-redirect-%e9%87%8d%e5%b0%8e%e5%90%91/#comments</comments>
		<pubDate>Sun, 19 Jul 2009 13:36:15 +0000</pubDate>
		<dc:creator>煎炸熊</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[程式設計]]></category>
		<category><![CDATA[網頁設計]]></category>

		<guid isPermaLink="false">http://clip.artchiu.org/?p=2168</guid>
		<description><![CDATA[網頁如何以 301 Redirect 重導向 &#124; 三腳貓學狗叫
網站的管理中，有時會遇到需要對於網頁進行重新導向的情況，譬如：網站的內容調整、變更網頁的目錄結構、網頁遷移到一 個新的位址、或者是網頁的附屬檔名變更，譬如把 .php 的網頁變成為 .html 或 .htm 。在這些情況下，若不做網頁的重導向，用戶的書籤、其他網頁的連結、或者是搜索引擎原先已索引的網址都會變成無法找到原有的網頁。訪問舊網址時會因而得到 404 查無資料的錯誤訊息。如此，當然會造成訪問流量的損失，甚至於網頁的位階也會受到影響。很難估計，究竟要花多久的時間，才能恢復舊觀。尤其是，有些網站可 能註冊了許多網名，更是需要經由重導向的方式來使訪問不同網名的訪客，自動的轉讀主網名的網頁。
一般來說，常用的重導向的方法有： 301 redirect,  307 redirect 與 meta fresh：

301 redirect：301 重導向是一種永久性的 URL 轉移 (Permanently Moved)。對於搜索引擎而言，301重導向是網頁轉址的最好表達與操作方式。
307 redirect：307 重導向是一種暫時性的 URL 轉移 (Temporarily Moved )。很不幸，這種重導向的方式曾被用來做為欺騙搜索引擎作弊的手段之一。因此，目前若再採用 307 重導向的方式，很容易被引擎誤判為 spam 而被處罰。
meta fresh：這種方式以前我很常用。是在網頁的 meta 指令中，指定一定的時間後轉址到新的網頁。但，我使用時不太瞭解指定的時間短過 5 秒之內，會有被引擎誤判為 spam 的危機。因而，吃了不少悶虧。

以上三種方式，我們只談 301 Redrict 的設定方式。
Apache Server 301 重導向的設定
在Apache中，有個很重要的檔案  .htaccess。管理過自己網站的管理員，很早就會接觸到這一檔案的使用需求。301重導向只是其諸多使用功能之一。
Redirect permanent / [...]]]></description>
		<wfw:commentRss>http://clip.artchiu.org/2009/07/19/%e7%b6%b2%e9%a0%81%e5%a6%82%e4%bd%95%e4%bb%a5-301-redirect-%e9%87%8d%e5%b0%8e%e5%90%91/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>幾種網頁轉址的語法</title>
		<link>http://clip.artchiu.org/2009/06/26/%e5%b9%be%e7%a8%ae%e7%b6%b2%e9%a0%81%e8%bd%89%e5%9d%80%e7%9a%84%e8%aa%9e%e6%b3%95/</link>
		<comments>http://clip.artchiu.org/2009/06/26/%e5%b9%be%e7%a8%ae%e7%b6%b2%e9%a0%81%e8%bd%89%e5%9d%80%e7%9a%84%e8%aa%9e%e6%b3%95/#comments</comments>
		<pubDate>Fri, 26 Jun 2009 11:38:00 +0000</pubDate>
		<dc:creator>煎炸熊</dc:creator>
				<category><![CDATA[程式設計]]></category>
		<category><![CDATA[網頁設計]]></category>

		<guid isPermaLink="false">http://clip.artchiu.org/?p=2096</guid>
		<description><![CDATA[幾種網頁轉址的語法 &#124; Vixual

HTML
&#60;head&#62;
&#60;meta http-equiv=refresh content="0;url=http://host.domain.tld/path/to/"&#62;
&#60;/head&#62;
JavaScript
&#60;script language="JavaScript"&#62;
&#60;!--
  window.location.href = "http://host.domain.tld/path/to/";
//--&#62;
&#60;/script&#62;
PHP
&#60;?php
  header("Location: http://host.domain.tld/path/to/");
?&#62;
(轉址前不可有任何資料輸出)
Perl
#!/usr/bin/perl -w
print "Location: http://host.domain.tld/path/to/ \n\n";
(轉址前不可有任何資料輸出)
Perl &#8211; 使用 CGI 模組
#!/usr/bin/perl -w
use CGI qw/:standard/;
my $CGI = CGI-&#62;new();
print $CGI-&#62;redirect("http://host.domain.tld/path/to/");
(轉址前不可有任何資料輸出)
]]></description>
		<wfw:commentRss>http://clip.artchiu.org/2009/06/26/%e5%b9%be%e7%a8%ae%e7%b6%b2%e9%a0%81%e8%bd%89%e5%9d%80%e7%9a%84%e8%aa%9e%e6%b3%95/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML 標準驗證</title>
		<link>http://clip.artchiu.org/2009/03/25/html-%e6%a8%99%e6%ba%96%e9%a9%97%e8%ad%89/</link>
		<comments>http://clip.artchiu.org/2009/03/25/html-%e6%a8%99%e6%ba%96%e9%a9%97%e8%ad%89/#comments</comments>
		<pubDate>Wed, 25 Mar 2009 08:47:32 +0000</pubDate>
		<dc:creator>煎炸熊</dc:creator>
				<category><![CDATA[網頁設計]]></category>

		<guid isPermaLink="false">http://clip.artchiu.org/?p=1902</guid>
		<description><![CDATA[HTML 標準驗證 &#124; Tsung&#8217;s Blog
以前在寫網頁都是從 &#60;html&#62;&#8230;&#60;/html&#62;, 不知道何時開始, 習慣都會在第一行加上 &#60;!DOCTYPE &#8230;&#62;, 一般都只想到就是要把他宣告成 XHTML, XML, HTML, 後來研究 DTD 後才了解, 原來這一行不是那麼簡單的隨便加一加而已.. XD
加 &#60;!DOCTYPE&#8230;&#62; 這行的用意在於說, 一般 Broswer 有自己對 HTML Tag 的解釋, 但是想要符合各種的 Broswer 的話該怎麼辦呢? 於是這就需要統一的規格, 此 &#60;!DOCTYPE&#8230;&#62; 就是規範此規格, 所有 Broswer 如果看到此行, 會去看此 URL 的 DTD 規範, 依照此規範去解釋 HTML Tag, 因此就比較不會有不相容的狀況發生, 而此規範通常都是採用 W3C 規定的標準為主.
而目前有哪些 &#60;!DOCTYPE ..&#62; 的宣告, 以下列表取自於A List Apart: [...]]]></description>
		<wfw:commentRss>http://clip.artchiu.org/2009/03/25/html-%e6%a8%99%e6%ba%96%e9%a9%97%e8%ad%89/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>任意竄改別人網站內容的方法</title>
		<link>http://clip.artchiu.org/2008/09/24/%e4%bb%bb%e6%84%8f%e7%ab%84%e6%94%b9%e5%88%a5%e4%ba%ba%e7%b6%b2%e7%ab%99%e5%85%a7%e5%ae%b9%e7%9a%84%e6%96%b9%e6%b3%95/</link>
		<comments>http://clip.artchiu.org/2008/09/24/%e4%bb%bb%e6%84%8f%e7%ab%84%e6%94%b9%e5%88%a5%e4%ba%ba%e7%b6%b2%e7%ab%99%e5%85%a7%e5%ae%b9%e7%9a%84%e6%96%b9%e6%b3%95/#comments</comments>
		<pubDate>Wed, 24 Sep 2008 09:53:00 +0000</pubDate>
		<dc:creator>煎炸熊</dc:creator>
				<category><![CDATA[程式設計]]></category>
		<category><![CDATA[網頁設計]]></category>

		<guid isPermaLink="false">http://clip.artchiu.org/?p=1277</guid>
		<description><![CDATA[任意竄改別人網站內容的方法&#8230;.
知道嗎？當駭客真的很簡單&#8230;
只要隨便找一個倒楣鬼的網站，然後複製以下這一行神秘的咒語，在瀏覽器的網址貼上：
javascript:document.body.contentEditable=&#8217;true&#8217;; document.designMode=&#8217;on&#8217;; void 0
按下 Enter
那麼，那個倒楣鬼的網站隨便您改&#8230;.
]]></description>
		<wfw:commentRss>http://clip.artchiu.org/2008/09/24/%e4%bb%bb%e6%84%8f%e7%ab%84%e6%94%b9%e5%88%a5%e4%ba%ba%e7%b6%b2%e7%ab%99%e5%85%a7%e5%ae%b9%e7%9a%84%e6%96%b9%e6%b3%95/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Windows Internet Explorer 7 下載升級</title>
		<link>http://clip.artchiu.org/2008/08/07/windows-internet-explorer-7-%e4%b8%8b%e8%bc%89%e5%8d%87%e7%b4%9a/</link>
		<comments>http://clip.artchiu.org/2008/08/07/windows-internet-explorer-7-%e4%b8%8b%e8%bc%89%e5%8d%87%e7%b4%9a/#comments</comments>
		<pubDate>Thu, 07 Aug 2008 06:27:36 +0000</pubDate>
		<dc:creator>煎炸熊</dc:creator>
				<category><![CDATA[網頁設計]]></category>

		<guid isPermaLink="false">http://clip.artchiu.org/?p=936</guid>
		<description><![CDATA[Tsung&#8217;s Blog &#124; Windows Internet Explorer 7 下載升級
每次寫 CSS/JS, 就會期盼大家趕快更新到 IE7, 放棄 IE6 吧.. :~
之前微軟已經聲明, 不用通過正版的驗證(WGA 驗證), 就可以安裝 IE7, 換句話說~ 能升級就盡量升級吧~ 這邊可以看到 Internet Explorer 7 簡介.
可於下述升級(兩個都是微軟官方網站的連結, 挑其一即可):

Internet Explorer 7： 下載
Windows Internet Explorer 7 for Windows XP

升級到 IE7 後, 想要再測試 IE6 可以用 IETester.
其它相關網頁

知識文檔:Internet Explorer 7 的新增功能
[分享] IETester &#8211; 讓多套 IE 共存於電腦上

]]></description>
		<wfw:commentRss>http://clip.artchiu.org/2008/08/07/windows-internet-explorer-7-%e4%b8%8b%e8%bc%89%e5%8d%87%e7%b4%9a/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML 特殊字元表示法</title>
		<link>http://clip.artchiu.org/2008/07/27/html-%e7%89%b9%e6%ae%8a%e5%ad%97%e5%85%83%e8%a1%a8%e7%a4%ba%e6%b3%95/</link>
		<comments>http://clip.artchiu.org/2008/07/27/html-%e7%89%b9%e6%ae%8a%e5%ad%97%e5%85%83%e8%a1%a8%e7%a4%ba%e6%b3%95/#comments</comments>
		<pubDate>Sat, 26 Jul 2008 21:19:27 +0000</pubDate>
		<dc:creator>煎炸熊</dc:creator>
				<category><![CDATA[網頁設計]]></category>

		<guid isPermaLink="false">http://clip.artchiu.org/?p=870</guid>
		<description><![CDATA[&#60;：&#38;lt;
&#62;：&#38;gt;
&#8220;：&#38;quot
&#8216; ：&#38;#039;
&#38;：&#38;amp;
空白：&#38;nbsp;

]]></description>
		<wfw:commentRss>http://clip.artchiu.org/2008/07/27/html-%e7%89%b9%e6%ae%8a%e5%ad%97%e5%85%83%e8%a1%a8%e7%a4%ba%e6%b3%95/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
