wine 並不是一種Windows 作業系統的模擬器
雖然他非官方的名稱是 "Windows Emulator"，即Windows 模擬器，但Wine其實為
"Wine Is Not anEmulator"的縮寫，即Wine不是模擬器。Wine的正確名稱是"Wine"，不是全大寫或全小寫。
http://www.ubuntuupdates.org/package/wine/quantal/main/base/wine
什麼是hime projects?
在ubuntu 12.10 現在可以使用hime projects 了, 至於什麼是hime project 請看底下的說明
http://tetralet.luna.com.tw/index.php?op=ViewArticle&articleId=234&blogId=1
wiki 維基找到的對姬專案的描述如下: HIME (姫)，全名為HIME INPUT METHOD EDITOR，是一個源自gcin分支發展的輸入法平台。 2011年12月13日，由於意見上的分歧，部分原gcin社群成員決定獨立，自行開發分支版本－HIME，目前採分散式開發。
簡言之她是一個發展中的在linux 上使用的中文輸入法, 不僅是少數知名的中文輸入法,甚至一些外國語系也可以輸入,也含括符號快速輸入的便捷方式.
ubuntu 12.10 如何安裝 hime projects
一般在裝好ubuntu 12.10 (代號是 Quantal Quetzal) 因為個人偏好使用 gnome 3.6 desktop 環境. 當然這要再進行一些設定, 這部份的設定說明我會再發網誌文章說明:
在假設您已經完成了 gnome 3.6 desktop 環境的設置, 並很幸運的參考到底下的連結來做一些最佳化的調整, 網址兹陳列如下:
https://debianhelp.wordpress.com/2012/09/30/to-do-list-after-installing-ubuntu-12-10-aka-quantal-quetzal/
另外要注意到若是你參考到的是下述的網址:
http://www.webupd8.org/2012/10/how-to-get-complete-gnome-3-desktop-in.html
其中該作者有教你要移除scrollbars
4. Remove overlay scrollbars
sudo apt-get remove overlay-scrollbar*這個步驟將會使你遭到不幸!
因為恰巧hime 要用到overlay-scrollbar ,萬一你移除了..就會無法使用這個輸入法平台
idarfan@idarfan:~$ im-config
Gtk-Message: Failed to load module "overlay-scrollbar"
Gtk-Message: Failed to load module "overlay-scrollbar"
E: Gtk-Message: is bogus configuration for Failed. Doing nothing.
因為缺乏 overlay-scrollbar 所以無法改輸入法為hime !
接下來去下載overlay-scrollbar-gtk3 記得依你安裝的作業系統版本來選擇
idarfan@idarfan:~$ im-config
idarfan@idarfan:~$
檢查 im-config 的版本,在終端機輸入下述指令即可
$ im-config --help
輸入法設定程式 (im-config, 版本 0.17)
(c) 青木 修 , GPL-2+
由於ubuntu 12.10 系統預設的輸入法是 ibus, 我們得用im-config 來置換成hime im-config and im-switch 只要擇一使用,個人偏好使用im-config, 若您的im-config 版本較為老舊, 您有可能看不到hime 輸入法平台的選項,即使你已經安裝好了(只要更新到最近版本即可)
話先說在前頭. 這個是測試版. 但它支援了最新版Adobe Flex SDK 4.5 版.及 Flash Player 10.3 版
要想試用最新功能的可以試用. 但是不建議用來做為日常開發程式的.
你可以在底下的連結下載它
http://www.flashdevelop.org/community/viewtopic.php?f=9&t=3529
它會同時安裝2種SDK 分別是 Adobe Flex SDK 4.5 及 Adobe AIR 2.7
不過你大概在裝完後極容易碰到底下的錯誤訊息.
會碰到這個錯誤訊息是因為在安裝FlashDevelop 時會自動下載 Flex SDK 時失敗了. 碰到這種情況就
要自力救濟了.只好請您移駕到底下的網址去下載 Adobe Flex SDK
http://opensource.adobe.com/wiki/display/flexsdk/Download+Flex+4.5
選最肥大的那個下載 229MB 那個
這可不是什麼寶島鐘錶眼鏡公司新推出的鉻合金輕質框架, 這個框架是由知名的搜尋引擎google所推出的,眾所週知的google 不只是僅有搜尋引擎,本身它也有推出一款名為 chrome 的瀏覽器.這個名字的中文翻譯就是鉻合金
Google 公司推出的 chrome 跟Mozilla 基金會推出的 firefox 及 apple 公司推出的瀏覽器 Safari
及Opera Software ASA 軟體公司的 opera 皆是支援CSS 3 HTML5 等新技術的次世代網路瀏覽器
看到這裏.有沒有發現一個知名的瀏覽器似乎不在筆者列出的次世代網路瀏覽器之列?
沒錯. 它就是舉世聞名的微軟公司推出的瀏覽器 Internet Explorer 是也. 底下的文章引述自維基百科正體中文版 全文的連結如右: http://zh.wikipedia.org/wiki/Internet_Explorer
Windows Internet Explorer（舊稱Microsoft Internet Explorer，簡稱Internet Explorer，縮寫IE），是微軟公司推出的一款網頁瀏覽器。截至2010年9月止，統計的數據顯示Internet Explorer的市場佔有率高達55.1%[1]。雖然它依然是使用最廣泛的網頁瀏覽器，但與2003年最高峰時相比，市場佔有率相差超過30%。
它是所有網頁程式開發者的夢魘, 以測試網路瀏覽器相容性的ACID 3.0 而言 連目前最新的 IE 9 也無法取得 100分 右側是 ACID 3.0 測試網頁的網址 http://acid3.acidtests.org/
很不幸的仍然有許多的使用者或是公司行號仍使用著舊版的瀏覽器. 例如 IE6 ,IE7 ,IE8 ,這些瀏覽器也就是造成網頁開發者夢魘的源頭.
更不幸的是 Internet Explorer 9瀏覽器不再支援Windows XP及其以前版本，對Windows Vista SP1和RTM版本亦不支援,這意謂著目前仍在使用 Windows XP 及 Windows Vista SP1 的使用者將無法享用 IE9. 此外最初隨 Windows XP 一起捆綁出貨(意指不管你要不要用IE它都內建在WINDOWS XP 作業系統)的 IE 它卻是惡名召彰的 IE 6.0 版
我們來回顧一下 IE 6 做了什麼好事
雖然每一個版本的IE都會改善基本支援，包括在版本6中引採用的「符合標準模式」，
其中用來建立網頁（HTML和CSS）的核心標準卻仍然是以不完全且不正確的方式來實作的。
舉例來說，它不支援 元素，但這是HTML 4.01 標準的一部份，而且它對CSS1標準中的float-margin 部份的實作有缺陷。Internet Explorer盒模型錯誤 是Internet Explorer 對CSS標準的實作中，最為人熟知的缺陷之一。
網頁標準的支援Internet Explorer使用了Trident排版引擎，幾乎完整支援HTML 4.01，CSS Level 1，XML 1.0和DOM Level 1，只是有一些排版錯誤。它亦部份支援CSS Level 2和DOM Level 2。
它內建的XML直譯器支援XHTML，但是微軟從IE 5.0以後取消了這一支援，使它變得難以存取。如其它瀏覽器一樣，當MIME型別標識為「text/html」，它能解釋為XHTML。當MIME型別標識為「application/xml」和「text/xml」時，它也能解釋把XHTML解釋為XML，但需要一個小的XSLT度量[9]來重新啟用XML對XHTML的支援。當把它定義為偏好型別如「application/xhtml+xml」時，它假裝不理解XHTML，相反把它當成一種不了解的供下載的文件型別來對待。
Internet Explorer依靠DOCTYPE判斷一個網頁應該按老版本渲染還是按W3C標準渲染（在列印中，Internet Explorer總使用W3C標準。）。根據MSXML的版本不同，它可以完全支援XSLT 1.0或1998年12月的XSL草案。Internet Explorer有一個自己的ECMAScript變體，名為JScript。
最新版的Internet Explorer（版本9），支援了部份全新的HTML5新標準以及CSS3，於The HTML5 tset當中，獲得了130/400分，不過相較於其他流行的瀏覽器而言，支援度仍屬於偏低。
要測試您現在用的 IE 對於最新的 HTML 5 的測試請列用下列的測試網址
http://www.html5test.com/
IE 8 目前在Windows XP 上能安裝的最高版本,在ACID 3 及 HTML5 測試中得的分數真是非常的難看
以下是ACID 3 測試
以下是 HTML5 測試
好囉. 數落了 IE 的罪名後. 大家大概能明白 IE 不能被敬列於次世代瀏覽器之列的原因有所了解了
而廣大還在使用 IE6 , IE7 ,IE8 以致於 IE9 的客戶怎麼辦? 對於網頁開發人員一邊被客戶要求要最新的技術.最好的畫
面呈現一邊又被要求舊瀏覽器上面即使看不到正確的畫面至少要做到不能歪斜. 這真是陷入兩難
一般的做法是先來段 CSS RESET 修正 IE 6 重大缺陷盒模型錯誤, 再使用 CSS HACK 再來修正 PNG 透明背景的問題, 再利用 JS 來迫使 IE8 認得 SVG .這對每一個網頁開發人員來說都是惡夢.
無數的網頁開發人員深陷其中不能自拔. 如果上述的做法你都還不明白或能熟悉掌握
那麼你將來要面對它時.得有心理準備
反觀 Google Chrome 及其他的次世代瀏覽器根本沒這些問題.而Google 公司推出了
Google Chrome Frame 簡稱 GCF 來解決廣大的網頁開發人員的惡夢.
它的做法是安裝這個軟體到IE 去.適用的版本是 IE 6,7,8 適用的版本 WINDOWS XP2 VISTA SP1 RTM
並如下圖勾選用並按下接受並安裝
稍待數分鐘即可完成安裝.
安裝完後對用者來說算是 "無感安裝" 因為它完全不會影嚮您的日常操作,也不會因為裝了它而導致一些 IE ONLY 的網頁無法運作
例如某些網頁本身開發之初就僅考慮到IE 是否能正常運作或正確顯示的特定網站.
因為安裝好GCF 預設上它並不工作.
除非它偵測到您現在開啟的網頁中有底下的這行指令
<meta http-equiv="X-UA-Compatible" content="chrome=1">或偵測到您開啟的XHTML 網頁中有底下的這行指
<meta http-equiv="X-UA-Compatible" content="chrome=1"/>它才會把現在您的IE 瀏覽器的網頁引擎換為Google Chrome 來觀看網頁這對網頁開發者的意義是什麼呢? 這表示利用Google Chrome Frame 後,您就可以放心發揮您的創意例如加上特別的創意字形並以SVG格式顯示及儲存.也可以安心使用HTML5 及 CSS3 (當然這要看Google Chrome 支援的程度而定) HTML 5 與 CSS3 能為您帶來什麼視覺上的震撼那就要勞駕您去研究一下了
不過還有一個情況就是你大概不可能一一告之用戶要安裝 GCF ,那麼用幾道指在令寫在網頁裏吧假設一個情境:一般的公司網站大概會有一個以FLASH 做的導引頁面 也幾乎會設計一個 SKIP 按鍵對吧?那麼建議您在Flash 導引動畫底下加上那麼一句話"若您的Internet Explorer 網頁瀏覽器過於老舊為了您的最佳視覺體驗強烈建議您安裝使用 Google Chrome Frame或其它次世代的網頁瀏覽器"再來的動作就是就是在 index.html
<body>
<!--[if IE]>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
<style>
#prompt
{
width: 100%;
margin:0px auto;
text-align:center;
border: 2px solid orange;
}
</style>
<div id="prompt">
<p>
您的網頁瀏覽器太過老舊請安裝Google Chrome Frame 才能得到最佳的顯示效率及最美觀的效果</p>
</div>
<script>
window.attachEvent("onload", function() {
CFInstall.check({
mode: "overlay", // the default
destination:"http://localhost/ohmytest.html"
});
});
</script>
<![endif]-->
</body>
下來的文章是針對網頁管理者,稍後再補上這篇文章
承 Flash Builder 4 教學其之六的教學,你應該可以完成如下圖畫面,若有困難通常是沒有弄清楚如何正確的選取你要進行排版的元件所致.
承上例,你會發現這張圖好像有點不那麼正規,若我們把中間這兩個按鍵移到右邊去,再把下面那個標籤移到右下角去是不是會美觀些?
好吧. 那麼動手作吧. 若你實在不知道怎麼讓這樣做出這樣的版面,那麼你參考底下的圖把程式輸入進去就可以了.
你可能會發現你把程式輸入進去後,也完成了執行是沒有問題的但是版面就是歪的. 沒錯! 本來我給的範例就是歪的.
這樣吧. 你先試著進入視計視圖(忽然我覺的翻譯成視圖有點怪怪的,以後我會統稱設計視野)好好的把玩一下試著把那兩個按鍵
拉到右邊去,而且要跟最左邊的按鍵一樣高度. 底下留一點空間看起來較美觀, 中間的標籤拉到右下角去.
在你把玩一番後,可能拖曳按鍵到定會是比較容易的事,可是那個標籤怎麼拖也拖不動簡直不動如山,那麼請仔細看一下底下的圖
仔細觀察這張圖的右邊,你明明如上圖所示滑鼠游標是停在要點選的標籤上面,可是右邊的屬性面版卻顯示你選中的元件是s:Group 容器.當然你會無法拖曳因為這就是之前提到的難以選取某些元件的問題.
其實這樣問題在爾後使用設計視野會經常碰到,解決的方法就是有效的利用大綱視野,請參考下圖
在大綱視野這張圖片,應該可以很清楚的看出各個容器,按鍵,標籤等的排列方式. 在設計視野時搭配左下角的OUTLINE(大綱視野)
你就能正確點選到你要修改或是拖曳的元件,這一點很重要你也會常常利用到此功能在設設UI排版時.
接下來我們回頭看那兩個不太上相的按鍵,如何利用條件限制式使其對齊.既然我們要仿效左邊的按鍵,那麼我們先來觀察一下左側的按鍵是怎麼設定的,那麼先點選左上的按鍵. 再把右側的功能視窗拉到最底下(因為條件限制式就在最底下) 參考一下下圖
注意看到這部份:
在屬性面版的右下角就是Constraints (這個就是條件限制式),先把它晾在一邊不理它,往上看是Size and Position 這是用來調整你所選取的元件的寬度及高度還有水平位置x 及 y 垂直位置. 你看到的左側這個按鍵Flex 是X:5 Y:5 ,你可以在設計視野試著單獨改變
其中一項的值來觀察它們的變化來了解這些設定值的作用,但是X 跟 Y 以外的值暫時讓它保持預設值(什麼數值都保留空白即是預設值)
那麼,你已經知道Y 是垂直位置,那麼也把其它兩個按鍵改為Y=5 看看, 看到執行結果了吧. 三個按鍵都是同一垂直位置了,美觀多了.
接下來解說條件限制式. 看到下圖的條件限制式應該有注意到在那個方框外有六個可以核選的方框吧.
你先選取Flex 這個按鍵,然後直接勾選上面那一排的最左則的勾選框,跟左側那一排的最上面的勾選框. 這作法就是把按鍵以左上的限制條件式來對齊. 你會發現這個設置跟之前的x:5 y:5 根本一樣嘛. 是沒錯, 只是一個是你用手動拖曳或透過程式視野來改動數值, 而這個卻是利用條件限制式來對齊
有一點要提醒你,你在條件限制式輸入的數值,記得要按一下ENTER,這樣它才會如實反映在設計視野中. 有一個重要的觀念要提示你那就是限制條件式的對齊方式並不是以水平位置或垂直位置中的其它元件來對齊.而是以父元素作為對齊的對象. 以這個例子來說這三個按鍵的父元素是誰? 看一下大網視野自然不言可喻
