2009年11月27日 星期五

Microsoft Expression Studio 多媒體互動設計免費講座,歡迎線上報名參加(台北12月16日、高雄12月22日)

這是站長接受台灣微軟的合作邀請,在台北與高雄的微軟教室負責上午場次的研討會免費課程,其他場次則有其他大咖的名師講述(我是小小咖…),尤其兩場都有講到很熱門的Expression Blend課程。另外,這一次難得還有一場要跑到高雄(哇!粉遠~!,正好我用此機會體驗一下坐高鐵…),在南部以往因地理位置的關係無法參加的朋友,只要對於Expression有興趣者,千萬記得不要再錯過,趕快來線上報名呦!

線上報名位置:http://www.microsoft.com/taiwan/events/expressionstudio3/default.htm
日期地點研討會主題研討會內容
2009/12/22
09:30-16:10
台灣微軟高雄辦公室(高雄市苓雅區四維三路 6 號 11 樓之 1) Microsoft Expression Studio 多媒體互動設計講座全方位深入學習網頁設計工具 - Expression Web 十大特色,以及使用Expression Blend 製作多媒體互動、動畫及Silverlight的應用,由專業講師帶領學員實機操作。並介紹Microsoft User Experiences的相關技術,了解如何設計出更佳的使用者介面。
2009/12/16
09:30-16:00
台灣微軟7B會議室(台北市松仁路 7 號 7 樓)Microsoft Expression Studio 多媒體互動設計講座全方位深入學習網頁設計工具 - Expression Web 十大特色,以及使用Expression Blend 製作多媒體互動、動畫及Silverlight的應用,由專業講師帶領學員實機操作。並介紹Microsoft User Experiences的相關技術,了解如何設計出更佳的使用者介面。



2009年11月23日 星期一

動畫多媒體學士學分班

站長新課程來囉~!想要製作多媒體但覺得專業的軟體太複雜難操作?太深奧的理論課程與專有名詞聽不懂?本課程講師以多年教學經驗,用簡單不高單價的軟體與善用網路免費資源,就能帶領學員輕鬆學習多媒體的製作,實際製作出多元的多媒體格式與功能。

適合參加族群:想學習多媒體格式製作者、創業SOHO族、平面美編設計人員

參加學員需具備的基礎能力:會上網、會使用Winoows與Word等電腦基本操作能力者皆可報名,無設計經驗者可參加。
【此課程為教育部補助「大專以上人力加值計畫」專班,本校整合頂尖師資與軟硬體設備資源,提供多元化實務導向之訓練課程,以促進失業者提升職場職能與專業技能。期能達成兩項目標:提供失業者適性課程,協助其培養關鍵職能,培育國家未來人才,協助其提升競爭能力,厚植我國人才資本。】

本課程台科大介紹網址:http://cec.ntust.edu.tw/CourseInfo.aspx?id=615

教學內容:

預計課程單元名稱時數
GIF點陣動畫製作、GIF-X.Plugin進階效果6
SWISH Max2 Flash初階動畫製作3
多媒體轉檔工具運用、音效處理、網路上的多媒體資源與服務3
多媒體網頁製作3
SWISH Max2 Flash進階動畫製作3
AutoRun多媒體影音光碟3
實做與成果驗收6


適合對象:
1. 大專以上畢業、目前失業者或休無薪假者。
2. 一般在職人士。

報名資訊:
招生滿十五人符合「大專以上人力加值計畫」者始開班,每班補助名額最多30名,自費生不在此限。
申請學費全免者需繳交:
1.報名表
2.保證金匯票一千元整(總缺課時數未逾五分之一,全額退還,匯票抬頭:國立台灣科技大學)
3.身分證件影本
4.學歷證件影本
5.專業性課程切結書(請至表單下載處-人力加值專區)下載填寫
6.勞保局投保資料明細(最近一個月內申請之明細)或個人無薪假聲明書
   (相關文件表格請由本中心網站首頁表單下載處-人力加值專區下載)
7.個人存簿影本
一般身分學員需繳交:
1.報名表
2.身分證影本
3.學歷證件影本
4.自費切結書(相關文件表格請由本中心網站首頁表單下載處-人力加值專區下載)
錄取順序以紙本報名資料送達順序為準,資料不齊全者,視同未完成報名手續。
報名網址: http://140.118.99.156/infosystem/StudSystem/StuAccount/Login.aspx



優待辦法:

1.符合計畫補助身分大專以上畢業、目前失業者或休無薪假者者,學費全免,需繳交一千元保證金,上課期間總缺課時數未逾五分之一者,全額退還。

2.一般學員學費照本校學分費收費標準,碩士學分班每學分4,150元、學雜費3,300元,報名費為500元,兩學分課程費用共計12,100元,學士學分班每學分3,000元、報名費500元兩學分課程費用共計為6,500元。
上課資訊:
起迄時間:2010/01/09-2010/02/20
上課時數:36小時

上課時段:每週六 09:30-17:00


備註:

*本課程適逢2/13農曆春節除夕,課程暫停並順延一次
此課程可採通訊報名或現場報名 開放報名期限至開課10天前截止
相關課程查詢可電洽:(02) 2730-3603 或 (02)2730-3639


微軟WebsiteSpark網站火花計畫

WebsiteSpark為微軟所推出的一項免收費計畫,允許網路開發人員及設計人員擁有3年的時間免費取得微軟的工具、應用程式,及伺服器授權(僅需收取會員註冊費100元美金→此項費用目前已經取消),站長有幸獲邀成為此計畫宣傳短片代言見證之一,因此在此將計畫敘述、上線記者會與影片介紹出來囉!

目標對象:
網路應用程式開發、網頁設計師(個人 soho或10人以下的程式開發、設計公司)。

免費產品資源:
1. Microsoft Visual Studio Pro(3 user licenses)
2. Microsoft Expression Web 3(2 user licenses)
3. Microsoft Expression Studio 3(1 user licenses)
4. Windows Web Server 2008、Microsoft SQL Server 2008 web Edition(4 user licenses each)
5. DotNetPanel管理工具x1


免費技術資源:
1. 加入該計畫者可獲得技術支援x2 (限於發生重大技術事故)
2. 存取微軟的 MSDN 社群支援x無限次
3. 非技術性問題的支援x無限次

類似方案:
1. DreamSpark計畫:免費提供各國學生開發設計軟體(2008.02推出)
http://www.microsoft.com/taiwan/dreamspark/
2. BizSpark育成計畫:免費提供全球的新創公司使用微軟的資源(2008.11推出)
http://www.microsoft.com/taiwan/bizspark/

WebsiteSpark 相關網站:
官網:http://www.microsoft.com/web/websitespark
WebsiteSpark Taiwan  Facebook:http://www.facebook.com/pages/WebsiteSpark-Taiwan/157938562045
WIS 匯智WebsiteSpark計畫網頁:http://www.wis.com.tw

相關報導:
http://www.ithome.com.tw/itadm/article.php?c=57221
http://3c.msn.com.tw/View.aspx?ArticleID=38020&pageIndex=0

http://www.digitimes.com.tw/tw/dt/n/shwnws.asp?CnlID=13&id=0000159206_FOJ3JE9KLDFM967I6FFO4&ct=1

http://times.hinet.net/times/article.do?newsid=2499904&option=society

宣導影片介紹:
哈!站長我是裡面最後出現的那一位.....


小花絮:
原本站長以為自己有錄過電視節目的經驗,錄這個宣傳短片應該是小Case,結果居然.....居然NG了粉多次(羞),可見的真的還是隔行如隔山,因為錄這個短片必須直視鏡頭沒有辦法看講稿,而要講的東西雖然事先有RE過,但有些詞也是到現場才想的,所以講的時候卡卡的不是很順。

三部曲:WebsiteSpark網站火花計畫啟動記者說明會花絮:
時間:11月23日 (星期一) 13:00 – 14:30 p.m
地點:台灣微軟會議室(台北市松仁路7號)

這是參與計畫的團體大合照,由左至右依序是我、S0-net企業業務處張協理、台灣微軟營運暨行銷事業群陳總、匯智資訊林副總、8F-10 Design詹先生,這個看板的「網站火花」四個字關登時還有釣具可以讓它發亮呦!
1

8

這是桌上參與此計畫的名牌特寫,嘿!我把我的名牌放大一點吧,有網站建置的需求可以來找我呦!
6

7

不少知名的媒體記者朋友都有到場參與!
2 
 
下兩張圖就是一開始的宣傳短片有關於我的部份畫面(就是我之前NG拍很多次的那個…)。
3
4

開始此計畫的相關簡報說明。 
5


記者會上更多的照片,可以到WebsiteSpark Taiwan  Facebook去觀看

http://www.facebook.com/album.php?aid=140487&id=157938562045&ref=mf


2009年11月21日 星期六

微軟免費提供的多功能簡報工具軟體Zoomit

這是一套很方便的小工具(才5百多k的容量),在對於簡報演講或教學上,會有蠻大的幫助,下載後不需安裝直接執行即可使用,適合放在USB隨身碟帶著到處去,新版本在放大後點選滑鼠左鍵即可開始在螢幕塗鴉,是一項蠻好的改善!

zoomit


放大鏡-預設快捷鍵→Ctrl+1

放大更大倍數則使用滑鼠滾輪(或上下方向鍵)
螢幕塗鴉-預設快捷鍵→Ctrl+2
更改畫筆粗細:Ctrl+滑鼠滾輪
更改畫筆顏色:r (紅色red)、g (綠色green)、b (藍色blus)
                           o (橘色orange)、y 黃色(yellow)、p (粉紅色pink)
畫直線:Shift+滑鼠
畫箭號:Ctrl+Shift+滑鼠
畫矩形:Ctrl+滑鼠
畫橢圓形:Tab+滑鼠
進入白板模式:w (白色背景white)、k (黑色背景black)
進入打字模式:t
畫面另存成 PNG 圖檔:Ctrl+s
將螢幕畫面複製到剪貼簿:Ctrl+c
畫筆置中:空白鍵
還原到上一次的狀態:Ctrl+z
清除螢幕:e



倒數計時器-預設快捷鍵→Ctrl+3
螢幕顯示成倒數計時器,最多可設定到99分鐘。
LiveZoom-預設快捷鍵→Ctrl+4
在開啟放大鏡功能時,所有的軟體依然正常動作,此功能僅支援Vista以上之作業系統。
要退出各項功能可按 滑鼠右鍵 或是 Esc 鍵。

下載點:http://technet.microsoft.com/en-us/sysinternals/bb897434.aspx


2009年11月5日 星期四

微軟免費提供的IIS搜索引擎優化工具-SEO Toolkit

這是微軟推出的免費SEO優化工具,全名為「IIS Search Engine Optimization Toolkit」,跟一般SEO工具軟體比較不同的是,這個工具是需要伺服器上有IIS(Internet Information Services網際網路資訊服務),且IIS必須是在7.0以上版本,所以您必須有Windows Server 2008的伺服器作業系統,您必須要對伺服器有管理安裝權限才行(虛擬主機環境不適用)。

程式下載點:
http://www.microsoft.com/web/downloads/platform.aspx,執行安裝Microsoft Web Platform Installer 2.0(裡面其實還有很多功能與工具,全裝的話會蠻久的),在有IIS7.0版本
以上的伺服器裡,安裝完成,進入IIS裡的站台WEB Site頁面,應該就可以看到Search Engine Optimization這個新項目(如果沒有看到請按下Web Platform Installer項目,裡面會有SEO選項可以挑選安裝)。

iisseotoolkit1

安裝完有點選Search Engine Optimization項目,裡面又分成Site Analysis、Sitemaps and Sitemap Indexes、Robots Exclusion這三個次項目,可以提供您統計網站流量與觀看報表、產生XML格式的Sitemap檔案以及設定Robots檔案等功能,這些相信對於SEO有研究的人大約就可以知道是做什麼的了,細節就留待給各位自行測試研究啦~!
iisseotoolkit2

參考資料:
http://www.iis.net/extensions/SEOToolkit
http://weblogs.asp.net/scottgu/archive/2009/06/03/iis-search-engine-optimization-toolkit.aspx


2009年11月1日 星期日

由使用者觀點看Expression Web 3的十大獨特優勢

這是一篇站長幫台灣微軟官方撰寫的Expression Web 3 新功能系列文章之一,主要是講述站長使用Expression Web有一段時間了,並有使用Expression Web講授過網頁教學課程的經歷,所以根據自己的使用經驗以及上課學員的學習反應,列出以下十點的觀察與特色說明,希望能讓您快速了解使用Expression Web可以帶來的優勢,除了有刊載在Microsoft Expression官網之外,也同步放在此部落格上供您瀏覽參考!

1.需先了解定義網站與中繼資料檔案管理網站的觀念:筆者大部分看到學員一開始操作Expression Web,常常就直接把軟體開啟後新增網頁或者編輯舊網頁,其實這是不太正確的作法(很多管理或特殊的功能是會無法使用的),比較好的方式應該是先在選單列上選擇「網站」/「開啟網站」去定義網站根目錄位置(本機或遠端皆可),接著在選單列上選擇「網站」/「網站設定」,把「一般」介面裡的「使用隱藏的中繼資料檔案維護網站」勾選起來即可。Expression Web可使用中繼資料管理某些Expression Web功能(如超連結管理功能、動態網站範本與特定網站報告等)所需的跨網頁相依性,大部分學習Expression Web的人往往因為心急,且認為前面基本的太簡單,而忽略不去做這些事情,導致直接學習一些課程或書籍後面章節單元時產生問題,而疑問為什麼一些選項功能無法使用,其實只要您對每個網站第一次有事先定義好這些項目,後續您將會感覺到Expression Web的網站資料夾與檔案管理的功能,實在是十分簡便清楚與好用,很多項目都已經準備好等您隨時靈活運用(例如下一點說明的動態網站範本與主版頁面)。
1

2.範本檔的引用限制較少:
網站若架構比較大與頁數比較多時,通常美編版面都會引用範本檔,以降低後續維護管理上的負擔,Expression Web動態網站範本與主版頁面不需要強制規定一定要放在特定目錄下(不會像Dreamweaver的.dwt檔只能固定放在根目錄下的Templates目錄),對於網站管理者的目錄階層分配規劃來說確實會比較方便。

您可以在Expression Web上開啟選單列的「檔案」/「新增」/「頁面」,去選擇「動態網站範本」(一般網頁可使用)或「主版頁面」(ASP.NET網頁可使用)。

2
若是之後要將舊網頁加入範本,可以在選單列的「格式」/「動態網站範本」或「主版頁面」去選取運用。
3

3.學習入門的門檻較低:因為Expression Web的部分操作類似Office系列軟體介面使用思維,比較能夠容易短期使用上手,以筆者教課時的實際經驗來看,一樣不會網頁設計的學員,以素質程度相近者來比較,學會Expression Web基礎網頁設計所需要的課程時數,會比學其他的網頁編輯軟體來得短些,對於網站連結管理與資料發佈操作過程也較為簡單,如果以前曾經稍有接觸過其他網頁設計軟體者,則上手速度也會更快,且未來要更深入研究或朝程式設計發展時,Expression Web的後續發展廣度與相關搭配軟體支援等方面也相當充足,對於網頁資料的上傳更新也提供了很多元的發佈方式。
4

網頁美編設計人員往往都會對於Code有恐懼症,即使對HTML有點認識,但往往擔心在修改網頁時不小心去動錯Code,其實在Expression Web裡面有個快速標籤選取器,雖然是個小功能但還蠻方便的。如下圖所示在此舉個簡單操作的例子,如果要變更網頁左方的項目符號,您可以先將滑鼠游標點到這個區域附近,Expression Web裡會有一列快速標籤選取器,會顯示出您目前滑鼠游標點選的鄰近相關HTML標籤,您可以點選「ul」這個標籤,系統會顯示出相關選單,如果選擇「Tag Properties」,則系統會自動切換顯示成項目符號的相關設定視窗供您選擇,如此您就不一定需要切換到「Code」的模式去看很長一串的HTML碼,也間接降低了輸入錯誤或誤刪的情形。
5
4.對以前用FrontPage製作的舊網頁修改與連線方式仍然支援:
如果您以前用過FrontPage,絕對應該試試Expression Web,缺點不見了,優點變更多。FrontPage雖然使用上方便,但是有時候容易被使用者抱怨說產生了一些不必要的Code,或是產生出來的Code只能在IE瀏覽器上顯示,自行插入的語法也比較容易在美編排版時被影響或誤刪….,這些問題在Expression Web裡都獲得很良好的解決。

Expression Web一樣可以使用FrontPage Server Extensions直接連結伺服器修改網頁的功能(需伺服器有安裝支援),以FrontPage Server Extensions連結的方式雖然是一項舊功能,但還是蠻好用的,至少據筆者經驗所了解,在台灣地區仍是有很多客戶使用這樣直接連線修改網頁的方式在維護網頁,其實這些用戶若能轉移升級使用Expression Web應該會是個不錯的選擇,畢竟FrontPage最後一個版本已是2003年發行,距離現在也已經很久了,很多地方已經不符合新型態網頁設計的規格需求。

6

使用Expression Web編輯舊網頁時,原有用FrontPage做出來的相片藝廊、計數器等功能仍可點選開啟使用與修改。
7
5.CSS設定的功能很完整齊全:
CSS(Cascading Style Sheets)中文大部分翻譯成「串接樣式表」,是由全球資訊網協會W3C這個國際組織所擬定出來的網頁標準,CSS也逐漸取代以表格做版面編排的配置,也成為一般網頁美編視覺設計上的主流,CSS語法可達成的功能眾多,所產生的好處也非常多,不只是運用在網頁排版上,善用CSS幾乎可以達成美編跟傳統HTML語法以及其他程式語法完全分離的效果,除了方便維護之外,對於網頁美編人員與程式開發人員的分工也可以更為明確,能夠降低發生這兩者彼此之間互相修改後去動到對方的語法的缺陷 ,Expression Web對於CSS語法的修改與操作性,有著十分出色簡易使用的特性,對於那些是本頁或是外連的CSS屬性設定標示很清楚,對於CSS的複雜佈局能力有著很好的表現。
8

6.標準網頁開發規格、無障礙網頁的設計與相容及偵錯檢查功能:Expression Web可支援產生出依W3C所訂定的標準的網頁規格,以及依這些標準來做偵錯檢查,例如WCAG(網頁內容可及性規範 )、無障礙網路空間等項目。您可以在選單列的「工具」/「協助工具報告」開啟相關檢查功能,如果要檢查網頁的相容性,則可以選擇˙「工具」/「相容性報告」來檢查網頁裡HTML、XHTML、CSS的相容性。
10
使用上述這兩個功能時,Expression Web會列出問題的報表清單,以供您做評估修正的建議參考。
11

7.對多媒體檔案的支援度充足:
Expression Web對於多媒體檔案置入網頁的相關選項十分充足,尤其從3.0版開始支援更多種多媒體格式,除了常見的Flash動畫(.swf)以及Windows Media Player影音檔格式(.asf、.wmv...等)之外,也還支援Silverlight、Silverlight Video、Deep Zoom的最新技術多媒體格式,這些都是微軟目前正在推行的影音格式主力,未來將會更普及的運用在更多層面上,後續發展將會十分值得期待!

您可以使用選單列上的「插入」/「媒體」,置入相關的多媒體檔案。
12


8.強悍的ASP.NET程式搭配開發能力與相關支援:

Expression Web擁有完整ASP.NET3.5控制項與ASP.NET AJAX,提供ASP.NET語法最正宗的原廠完整支援,相較他牌網頁設計軟體即使有支援ASP.NET開發,通常也會較為有限與不足。

例如您可以開啟選單列的「面板」/「工具箱」的選項,並展開在此介面裡的「ASP.NET 控制項」項目,您將會發現Expression Web對於ASP.NET所能支援相關功能,實在是琳瑯滿目一應俱全。
13

網頁美編設計人員可以使用Expression Web產生出網頁與相關格式,再經由程式設計人員以Visual Studio進行複雜程式整合開發;或者也可以相反過來,由程式設計人員用Visual Studio做完的Web程式頁面,再轉由美編設計人員使用Expression Web進行後續美化,兩個軟體間可做緊密整合搭配,能有效分工以提昇美編設計與程式設計這兩種人員的工作效能,甚至如果美編設計人員願意,也可以直接使用Expression Web寫些簡單的小程式與做調整修改,而且Expression Web除了可以撰寫ASP.NET程式之外,也可以用來開發XML或PHP的程式。
14

9.Development Server可模擬網站伺服器的實際運作效果:
安裝完Expression Web後,同時也會建立Microfost Expression Development Server的環境,讓網頁設計師或程式設計師自己的本機端電腦不用安裝IIS等網站伺服器,一樣可以即時對需要執行程式的網頁進行查修調整與相關測試,而不用浪費時間反覆上傳下載資料到網站伺服器上去做測試,等在本機端測試無誤再一次上傳到正式的網站伺服器即可。

若您要使用Microfost Expression Development Server的功能,可以開啟選單列的「網站」/「網站設定」,切換到「預覽」的介面,選擇「使用網站URL預覽」,勾選「使用Microfost Expression Development Server」,並挑選「僅PHP與ASP.NET網頁」的選項按下「確定」鈕即可生效。
15

10.提供各類瀏覽器預覽模式與SuperPreview功能:在Expression Web裡,能夠提供您對各種瀏覽器預覽的模式選擇,並可讓您自行新增、編輯。例如您可以選擇選單列上的「檔案」/「在瀏覽器預覽」/「編輯瀏覽器清單」,來編輯目前您電腦上的各廠牌瀏覽器與瀏覽時呈現的畫面解析度,也可以在此新增挑選其他牌的瀏覽器所在的目錄與檔案位置到此份清單中。
16
您也可以在選單列上選擇「檔案」/「顯示在SuperPreview中」(或直接按下鍵盤上的Shift與F12鈕),即可將被選取到的網頁傳送到SuperPreview進行查測與比較。
17

SuperPreview這套新軟體確實很好用,可以進行不同瀏覽器間的差異比對與偵錯,關於SuperPreview的細節功能說明,您若有興趣的話,可以參考筆者撰寫的另外一篇「Expression Web 3 新功能 - 如何使用 SuperPreview 功能做網頁視覺診斷 」文章,在此就不再累述!18


Related Posts Plugin for WordPress, Blogger...

訂閱RSS