Balsamiq Mockups規劃網站原型圖首選(Best Of Best)

這裡有幾篇介紹的很好的文章，提供給大家作參考
1.  Balsamiq Mockups，救我於網站Layout地獄之水深火熱
2.  手繪風草稿製作軟體，Balsamiq Mockups
3.  Mockups For Desktop下載處
4.  好用的社群貢獻可供修改的套版 Mockups controls
5.  Mockups另類用法

一個小時ACER Revo3600改機XP安裝法

昨天改了一台Ａcer Revo3600　花了一些時間研究,一開始沒太多投緒也在網路上爬文,看看一些網路前輩的經驗縮短走灣路的時間,所以把一些將linux改成XP的經驗整理如下：

一、 安裝前準備：設定Bios
1. 開機以後按Del,進入Bios設定畫面
在大約第三個選項內（好像是Advanced的．．）中設定開機順序
一開始要設定外接光碟機開機（一定要是USB的外接光碟機,如果是CD/DVD基本上等一下妳會發生找不到光碟機還是硬碟開機的狀況．．）
2.跳回前頁設定大約在第五項的位置,把其中一個設定Sata什摸的改成Native IDE這樣妳就可以裝ＸＰ了
3. 也是最重要的要找到一個Acer Boot那個選項把他關了預設值是Enable要讓他Disable這樣才能跳到妳的開機光碟中,不然會一直在acer 的linux中
循環
4.用SPFDISK來切割磁碟分區跟設立第一個啟動分區
5.重開機放入Winxp的安裝光碟,開始安裝

二、 在ＸＰ系統下很多驅動要自己找,基本上有（感謝閣樓老王原文）
1.ChipSet驅動（類似主版驅動）
GPU – NVIDIA ION >>>上nvidia網站直接選ION即可

2.顯卡驅動
上Ｎvidia公司網站
選nForce-> nForce 7 series -> nForce 730i/ GeForce 9400/9300->NVIDIA nForce v20.09下載下來就可以

3.無線網卡驅動
http://www.station-drivers.com/page/atheros.htm
選Atheros AR5xxx Serie

4.音效驅動
HDMI aodio-上Ｎvidia公司網站
選nForce-> nForce 7 series -> nForce 730i/ GeForce 9400/9300-> HDMI audio Driver
Realtek High Definition Audio Driver
http://www.realtek.com.tw/downloads/downloadsView.aspx?Langid=1&PFid=24&Level=4&Conn=3&DownTypeID=3

用 EasyBoot 製作 Windows 7 / XP二合一啟動光碟的製作方法

Windows XP 模擬啟動原理

Windows XP 的原始安裝光碟是單重啟動，其引導檔中固化了光碟根目錄下的i386目錄（這一點給製作多重啟動的 N 合 1 光碟帶來了最大的障礙），該目錄中不僅存放了Windows XP的系統檔，而且還存放了安裝所需的安裝檔和驅動程式。
我們所要模擬XP的引導過程如下：先載入光碟引導檔w2ksect.bin(需修改) -> setupldr.bin(需修改) -> ntdetect.com -> 再載入驅動程式 -> 讀txtsetup.sif -> 開始光碟安裝。

Windows 7 / XP 二合一啟動光碟的製作過程
(一)、所需工具
①、EasyBoot 啟動光碟製作軟體；
②、Windows XP 原始安裝光碟；
③、能打開二進位的軟體 UltraEdit；
④、能抽取光碟開機引導檔的軟體UltraISO；
⑤、虛擬電腦軟體 VMware (或Virtual PC、Virtual Box）。

(二)、必需的目錄結構和檔
①建立目錄，目錄結構如下圖：
EasyBoot
│
└─ Disk1(製成ISO檔後的根目錄）
│
├── i386 (放置XP光碟裡的i386全部安裝檔)
│
├── wpro (放置XP安裝驅動程式檔) <>
│
├── sources ( 放置Win 7 光碟裡的sources全部的檔案)
│
├── ….其他Win7光碟裡的資料夾檔案
│
└── ezboot (放置Easyboot的啟動檔和功能表檔)

在根目錄中，由於Windows XP 和 Windows 7 的光碟裡都有 setup.exe，只能擇一放置。我個人是放置Windows 7 的 setup.exe，但根目錄的這個 setup.exe 無關乎二個作業系統的安裝，所以沒有影響。
原則上，我是以Windows 7 為主要架構，再將XP想辦法放到同一光碟中，所以是只修改有關XP的檔案。

②、複製檔
將XP光碟根目錄的WIN51IP、WIN51IP.SP2、或WIN51IP.SP3幾個檔拷貝到Easyboot\disk1\。(在安裝XP時會檢查的)
將Windows XP 光碟裡i386資料夾裡面全部安裝檔拷貝到 Easyboot\disk1\i386\；但在 i386資料夾裡不可以有 txtsetup.sif這個檔案，要把它放在 wpro資料夾裡。因為這個檔案會影響Windows7的安裝。(很奇怪的，win7安裝時會自己找 \i386\txtsetup.sif，把它當作自動安裝檔，而導致錯誤)

將Windoows 7 光碟裡的所有資料夾檔案，全都複製到 Easyboot\disk1\ 。

將Windows XP 安裝需用的驅動程式檔放在 wpro 資料夾裡。(對不起，哪些檔案是必需安裝檔，我沒有研究，所以就拷貝別人製作的XP多合一光碟裡的安裝檔用。裡面一定要有system32目錄，那裡面有兩個檔案)
Wpro資料夾裡，一定還要放置2個檔案：txtsetup.sif，setupldr.bin(需修改)

(三)、抽取啟動引導檔

使用UltraISO抽取windows 7的啟動引導檔，得到 xxxx.bif。在easyboot的啟動功能表中，安裝Windows 7的項目中設定為 run xxxx.bif。

(四)、修改檔
用 UltraEdit以二進位打開\EasyBoot\disk1\w2ksect.bin，找到“I386”，把“I386”替換為“WPRO”。
用 UltraEdit以二進位打開\EasyBoot\disk1\WPRO\setupldr.bin，找到“i386”，把“i386”替換為“WPRO”,共3處；(我的版本裡是有4處，只是最後一個我覺得好像不用改，就沒有改，但也安裝正常)
至於txtsetup.sif不需修改 SetupSourcePath=』\』，因為我是把i386放在根目錄。

要點：setupldr.bin這個檔中的路徑告訴安裝程式類比軟碟檔的位置；txtsetup.sif這個檔中的路徑告訴安裝程式從何處複製全部安裝檔，必須與目錄結構相匹配。

(五)、製作EASYBOOT啟動功能表

在啟動功能表中建立二個功能表條，依次命名為
1、安裝WINDOWS XP
2、安裝WINDOWS 7

各自的執行命令為：
1、安裝WINDOWS XP 執行命令：run w2ksect.bin(是修改過後的w2ksect.bin)
2、安裝WINDOWS 7 執行命令：run xxxx.bif (用UltraISO抽取出來的windows7引導檔)

(六)、製作ISO文件及用VMware進行安裝試驗

我個人試驗多次後，發現用VMware進行WindowsXP安裝時會找不到硬碟，原因是VMware預設的硬碟是SCIC界面(還Recommended的咧)，結果我把它改成IDE界面就可以順利安裝。
同樣的ISO檔，用VirtualBox和實體安裝就不會發生這個情形，應該是Vmware的預設問題。

JQuery初學筆記一

一、JQuery UI 目前出到1.7，內含多種plug-in 先把官網的搞懂，官網網址為

IE8 看到許多不相容網站 如何更正

由於相對來說IE8比IE7對於CSS標準有更好的支持，因此也會導致原來在IE6 IE7發現沒問題的網站
產生了錯誤，例如以多重導航選單(dropdown menu)在IE8會產生沒有字的狀況，如何更正：

最簡單的方法為在該網站上標籤下貼上一行

就可以更正該錯誤。
加入這行的目的 就是通知瀏覽器 請IE8 再看到這一個page的時候記得用模擬成IE7的方式來解析之，
因此就不會發生錯誤。
同時也可以用另一種設值的方式整個站一次改好，
在這一篇有說如何作：

貼上一行

Jquery 選擇器 E ～F , E+F ,E > F

Html Code:

<div>
<h3>test</h3>
<p>this is <strong>a test</strong></p>
</div>

DOM樹關係

1. H3  P 是sibeling 兄弟關係

2. div 是 h3 與P的父元素

3. P 是strong的父元素,div 為strong祖先元素。

<應用>

1. div strong {color:red;} － 正確。strong 是 div 的“子元素”。
2. p > strong {color:red;} － 正確。strong 和 p 是“父/子”關係。
3. div > strong {color:red;} － 錯誤！strong 雖然是 div 的“子孫元素”，但乃是“祖孫”關係，
而非“父/子”關係，因此不能用 > 連接。

4. 通用選擇器，以星号＊表示，可用于替代任何 tag ，for example：
h2 + * { color: red }
=>所有緊隨 h2 的元素内的文字都呈現紅色。
</head>
<style type=』text/css』>

h1 ~ p { border-top: 3px solid red; }
h1 + p{ border-top: 3px solid red; }
h2 + * { color:green } /*所有緊隨 h2 的要素内的文字皆為紅色 */
</style>

<body>
<h1>標題</h1>
<p>段落 A</p>
<p>段落 B</p>
<p>段落 C</p>
</body>
</html>

E+F 圖示效果一

E~F圖示效果二：

E + F , E ~ F 這兩個是兄弟關係才能用的
E > F 這是父子關係才用的

這有一篇國外文章說的很清楚： Using CSS Selectors to Get the Data You Want

CSS置中問題的解決

CSS關於置中問題可以分為版面置中與圖片置中,置中方式又分為水平置中與垂直置中,由於瀏覽器的不同,都必須考量在主流IE下與firefox下可行的處理方式.

1.  水平居中：block 與inline元素的水平居中

可以參考這篇英文文章Centring using CSS

因此衍生下列解決方案,根據google的爬文,關於圖片的垂直居中方式,在中國大陸有個不錯的思路可以藉鑑.

.net 的IS與AS運算子

這兩者都是進行安全轉型用途的
as ：效率好,少了兩次轉換開銷,把object轉為特定類型
is：能進行安全轉換而不會拋出異常是，回傳為true. 在MSIL中會進行測試類型兩次，效率差。

1. 使用as時機：如果測試object目的只是要確定他是不是屬於某type,如果是的話就進行轉換，那就用as比較有效率。
2. 使用is時機：如果僅僅測試不想立刻轉換，或根本不轉換，只是想在object 實現interface時，將他加入到一個list中，用is operator.

Both the is and the as operator (described next) can be used to evaluate types through inheritance, in addition to evaluating implementation of interfaces. Thus, you can use is to check whether a dog is a mammal.

MSDN有兩篇值得參考的文章：

is operator (C# 參考)
檢查物件是否與指定的型別相容
http://msdn.microsoft.com/zh-tw/library/scekt9xw.aspx

此外也可以參考 bibby的心得：
http://bibby.be/2009/01/is-as.html
as operator (C# 參考)
as 運算子可用來執行相容參考型別之間的特定類型轉換。
http://msdn.microsoft.com/zh-tw/library/cscsdfbt.aspx

JQuery 的初學筆記一

剛開始學javascript 順便一起學這個javascript Framework ,目前官網上的資源很多
plug-in有篇文章整理多達240種plug-in因年代久遠部分已經整併到新的1.7版的UI中

注意事項
1. 所完成的javascript必須經過壓縮,一般用parker或JSMin ，這裡有一篇來自Will的相關的介紹可以參考

CSS分頁問題–page-break-after

web列印分頁，一般使用css属性page-break-after/page-break-after，在需要分頁的地方可以插入標籤

pageBreak css如下：

.pageBreak{
page-break-after:always;
}

但在使用的时候，可能會碰到IE能正常分頁，但Firefox却没有任何效果。經分析，在Firefox中使用page-break-after屬性時，不能像所有的列印内容都放在一個表中。也就是說Firefox是不能將表斷開的。所以在Firefox中使用page-break-after進行分頁列印，要避免將列印的内容放在一個表中，替代的方法是可以将内容放在一個DIV中。