PC Office電子報簡介/舊報明細寄送本期電子報
PC Office電子報
本報內容由 PC Office 提供 每週二出刊.2007.08.07
PC Office電子報
不只是一道光 上班族薪資調查公開


本期目錄
    不只是一道光
    Microsoft Expression Web八大功能解析
主編推薦
  • 七夕示愛撇步大解密!
  • 箱根與浪漫特快譜出的戀曲∼
  • 眼睛鬧水荒,上班族的乾眼危機
  .tw域名全都降 com.tw$711
  居家裝潢:衛浴潮流:更精緻、更貼心、更療癒性
 
電子報最新消息
和他交往的順利嗎?
 沒有情愛做基礎,關係就經不起考驗,感覺愈是空虛…
我感動落淚了…
 以前常聽人家說一陣酥麻頭都昏了,而今我也嚐到了!
做做樣子,不失面子
 許多女生基於「不讓對方失望」,都有假叫床的經驗…
訂閱特惠情報

PC Office

品味科技•悠遊工作•得意生活    
不只是一道光

微軟銀光技術,讓網站互動性更好

作者=羅健豪

微軟新推出代號「銀光」的網路技術,除可讓網頁設計師快速上手設計網站外,更可讓使用者以更彈性的方式瀏覽網站,視覺上不僅活潑又具動態感,操作時更加簡單。



利用銀光技術開發的航空公司網站,可以讓訂票者立即得知航班時間與飛行路徑,並以動態方式選擇,顛覆傳統表格式畫面。




銀光的網站設計工具Expression Web,可以提供動態的設計畫面,操作與設計更簡單,幾乎只需要利用滑鼠就可以完成所有動作。



雖然不少人對微軟多所抱怨,但微軟持續地推出新技術及產品,仍應該給予肯定。最近微軟又新推出了代號「銀光(Sliverlight)」的網站技術。很多人聽到這個有些酷炫的名詞時,第一個劃過心中的念頭是:銀光是怎樣的技術?這套技術究竟是做什麼的?在印象中,銀色的光大概就只有像是閃電一樣的印象,一閃劃破天際,給人相當大的震撼。事實上,看過微軟的實際展示之後,我們的確有著強烈的感受。

銀光是一套技術,並不是微軟推出的一套特別產品。在一些軟體開發者的網站或部落格中,認為銀光是用來對抗奧多比(Adobe)的Flash專用殺手級軟體,但事實上,銀光所定義的使用角度與Flash有相當大程度的不同,在親身參與微軟舉辦的先期預覽記者會之後,完全推翻了這個想法。銀光並不是所謂的Flash killer,而是要讓網站互動性更好的一套技術。

在發表會之中,與微軟開發工具暨平台推廣處產品行銷經理胡德民有過一番討論,事實上微軟方面並不認為銀光是要取Flash而代之的技術,它是讓網站設計師可以更明確表達設計理念的一項技術,同時也可以讓瀏覽者有更好的網站瀏覽經驗。

事實上,與其說銀光是一種技術,不如說是「網站設計師與瀏覽者的對話語言」。為什麼?因為以前沒有共通的語言時,網站設計師不是強迫瀏覽者依據他的思考邏輯去瀏覽,就是得委曲求全,經過不斷的測試修改後,才能找到「特定瀏覽者」的邏輯脈絡。這些用在網站上的不同技術,應該是可以互存互容,後出來的本就該往前相容,更不用說定位完全不一樣的產品了。

使用銀光的網站,可以讓瀏覽者就能夠以更彈性的方式瀏覽,視覺上是更活潑更動態的,而操作上則是更簡易的,除了滑鼠再也不需要別的。雖然隱藏在幕後依然有網站設計師的邏輯與限制,但是相對於之前,那種拘束已經減少相當多了。
銀光不但具備自己的開發環境與產品,也可以控制Flash元件,無論是互動式或單純的Flash影片,都可以包在銀光裡面,可以延續既有投資,避免重複開發造成的浪費。其次,他提高了操作互動性,讓圖像不再只是圖像,原先與資料庫間的隔閡消失了,銀光技術可以直接與資料庫聯繫,少了應用程式之間的轉譯,自然彈性更高,使用範圍更廣。不過,雖然銀光技術本身免費,不過相搭配的開發工具要錢。

一份於2006年8月發表,針對Fortune前1000大企業的調查顯示,有48.4%的網站採用ASP或ASP .NET,而根據先期採用者表示,原本學習ASP .NET的人,在學習銀光技術時的門檻很低,無論是程式設計師或網站規劃者,都可以快速學習並上手,搭配上近半數的市場佔有率與開放源碼策略,相信會在短時間之內席捲整個市場。

銀光技術目前著重在用戶端的體驗,伺服器部分則還有很多精細之處需要等待原稱Longhorn,現在改稱為Windows Server 2008的出現,不過可以確定的是Windows Server 2003是可以執行銀光的。
TOP
 
 
Microsoft Expression Web八大功能解析

提昇網頁開發效率

2005年時就已經宣告即將推出的嶄新網頁設計工具Microsoft Expression Web,一直以來似乎都處於雷聲大、雨點小,遲遲無法正式推出的狀況,直到Adobe的Dreamweaver在網頁設計市場上逐漸攻城掠地,微軟這才宣布FrontPage功成身退,正式推出Microsoft Expression Web測試版。



過去撰寫或設計過網頁的朋友們,必定使用過微軟所推出,曾經雄霸過網頁設計界的知名軟體FrontPage,而隨著時代的潮流變遷,使用者的習慣逐漸改變,越來越多的使用者轉向Adobe所推出的Dreamweaver懷抱之後,FrontPage這個受到許多愛用者的擁戴,內心曾經視為網頁設計第一名的好用軟體,卻逐漸被人們所遺忘了,很多人因為這樣就誤以為微軟已經放棄耕耘這塊市場,事實上,微軟並未就此放棄,原本名稱為Expression Web Designer的Microsoft Expression Web,藉由此次所重新包裝設計的想法,期望能夠在加入對於ASP.NET2.0標準的深度支援,並且強化新增、編輯和部署設計網頁的能力之後,加快網頁設計的速度,改進整個流程,讓我們得以維護更為複雜的網頁設計,以重振微軟在網頁設計軟體市場上霸主地位的昔日雄風。

其實Microsoft Expression Web所強調的特色眾多,像是可以使用更為強大的拖拉放工具來建立網頁,也能夠支援使用業界標準的XML資料格式來設計網站,雖然說目前就使用者介面上來看,或多或少還是看得出有FrontPage的影子,但因為微軟是採取捨棄FrontPage原有核心,重新開發的方式,所以有別於以往FrontPage的問題,Microsoft Expression Web這軟體的整體效能可說是有了相當長足的進步,而且因為Microsoft Expression Web也適當地引進了微軟同系列產品Visual Studio的操作介面和概念流程,無形中提升了許多的介面設計和程式撰寫的效率。

Expression Web雖然繼承自FrontPage,但是在專業定位上,比起FrontPage卻還要來得清楚許多,畢竟其主打的族群是以網頁設計師為主體,期望能夠開發出一套方便我們快速建立具有豐富視覺效果,與多媒體內容的網路應用程式,其在產品整合和成熟度上,無論是對同系列產品的ASP.Net與.Net Framework 2.0支援程度上,相對之下都比較好,再加上背後又有微軟的IE 7和Vista作業系統的全力支援,在整個平台的完整方案支援下,相信必定會是Dreamweaver的一大強勁對手。



圖解Microsoft Expression Web介面功能





八大特色功能解析說明

Microsoft Expression Web在功能上較之前版本精進了不少,不僅對於同系列產品的支援程度也很高,再加上對於熟悉網頁開發的產品使用者來說,其操作的介面和過去習慣相仿,也讓Microsoft Expression Web擁有比競爭對手如Dreamweaver更大的優勢,而且Microsoft Expression Web降低了使用上的門檻,並刻意減少網頁開發的複雜度,並著手將前後端控制項加以整合,相信這些特色和優點也會使得Microsoft Expression Web可能得以打敗目前網頁設計的霸主Dreamweaver,進而躍升而為網頁設計人員心目中的最佳開發軟體,甚至成為方便我們快速整合整個Web網站開發團隊的第一選擇。

特色功能一:同系列產品的支援程度高

微軟此次新推出的產品線,除了這個用來建立專業網站,針對網頁設計所推出的這個專業工具軟體的Expression Web之外,還有同樣包含於Microsoft Expression Studio之中的同系列產品Expression Blend、Expression Design和Expression Media,分別針對網頁設計、網路應用程式開發、視覺元件設計、多媒體管理編輯所設計,這些同系列產品就是要讓專業的設計人員得以更為快速地建置出豐富媒體內容的工具,和網路與作業系統使用者用戶端的應用程式。



特色功能二:操作的介面和習慣相仿

微軟之所以要推出Expression Web,除了想要用來取代舊產品FrontPage之外,最重要的任務之一則是要彌補系列產品Visual Studio 2005和旗下的Visual Web Developer對於前端頁面設計能力上的不足,其針對CSS設計功能上的支援補強了不少,並將Visual Studio的支援也整合了進來,讓我們可以從網頁靜態頁面設計到程式碼撰寫的流程中,能夠更加有效率地運用資源,更加快速且有效率地整合整個工作流程,無論是在Visual Studio 2005,或是在Visual Web Developer與Expression Web,甚至是在Office之間,使用操作的習慣和介面也就會更為相似,更容易開發了。



特色功能三:整合前後端控制項

就網頁前端介面的設計師角度來說,因為Expression Web和Visual Studio 2005以及ASP.NET 2.0都有緊密的整合,所以只要透過Expression Web就可以輕鬆地設計CSS、XHTML、JavaScript,以及基本的一些功能,甚至能夠開發許多ASP.NET 2.0的特有功能,諸如Web Part、樣板頁面、拖放控制項、會員登入等各式各樣的後端控制項,即使想要設計更為進階的伺服器端程式,或是要擴充後端的商業邏輯,加上更多進階的功能,都可以很快速的完成。



特色功能四:降低門檻並減少複雜度

Microsoft Expression Web首度擺脫了過去FrontPage的惡習,因為產品目的就在於減少複雜度,並簡化資料整合的流程,對於XML、ASP.NET和XHTML、CSS的設計也有絕佳的支援,即使是複雜的CSS,也能夠藉由其視覺化的設計能力來解析,並予以最佳化,這也讓Microsoft Expression Web所設計出來的程式碼相當簡潔而乾淨,方便我們更加精確地控制版面配置,以及相對應的網站格式。



特色功能五:更加全面支援CSS樣式屬性

我們可以直接建立智慧型的CSS樣式,也能夠選擇輸出CSS報告,透過標準呈現的智慧型樣式管理工具,得以直接處理版面位置、縮放、邊界,或是填補介面,樣式管理變得極為輕鬆,即使只是拖拉放,也能夠產生頗為精美的CSS版面配置,內建支援度很高的CSS呈現引擎,能夠完整顯示標籤屬性,讓我們更加精確地控制CSS樣式的產生方式,並在學會利用樣式產生器來進行更為有效率的樣式編輯之後,做出比較完善的樣式設計。



特色功能六:XML和XSLT的支援加強

Expression Web支援使用者自行採用彈性的方式,以自己所選擇的格式,來任意呈現XML的資料,我們可以使用XSLT格式來呈現,或是即時在XML資料上做編輯更改都可以,只要是符合XHTML的規範,Expression Web都能夠為我們做最為即時的標準驗證,針對XML和XSLT的支援,加強了完整的結構描述支援,並加入了協助工具來檢查,還能以工具來排序和篩選,甚至套用某個條件式的格式設定,快速微調網頁上呈現的原始資料,非常強大。



特色功能七:XPath工具再強化

XPath工具再強化是Expression Web中相當出色的一個功能,內建的Expression產生器,能夠支援建立複雜的XPath複合欄位,在查詢與更新上也非常好用,此外同樣內建於其中的強大XSLT設計工具,因為是採用「所見即所得」的方式來設計,所以能夠直接在XML資料上建立XSLT資訊,或是快速予以格式化的檢視,無論是從資料檢視工作窗格中拖放資料元件,或是利用工具列的修改方式來更新,都能夠讓我們更有效率地建立檢視或修改。



特色功能八:控制項的支援加強

Expression Web號稱完全不需要撰寫程式,可藉由IntelliSense以及整合的設計和程式碼介面中的標籤完成,即可快速地拖曳加強支援的控制項,而撰寫ASP.NET標籤,將伺服器和使用者控制項做出高度整合支援的動作,並且視覺化地將資料來源,直接繫結到設計介面的控制項當中,這種透過控制項介面來存取ASP.NET與資料的能力,讓開發人員得以有效地管理網站,以統一並富有絕對彈性的作法來呈現網頁資料的一致性,以設計出符合XHTML和CSS規範的網站,提高整體網頁設計工作的效率。



Expression Web快速上手實做

Expression Web免費提供了相當多精采的樣板範例網站,專門提供給沒有時間由零開始撰寫新網站的使用者們套用,我們可以直接選擇內建的這些範例網站,並在學習調整當中的內容之後,了解如何快速撰寫設計一個豐富而有質感的絕佳網站。

1.開啟軟體後按下功能表上的「File」→「New」→「Web Site」,準備藉由Expression Web內建的範例樣板建立網站。



2.進入「New」對話盒,在左方清單中點選「Templates」,找到「Small Bussiness 2」或是其他喜歡的樣板範例網站並點選。



3.在範例網站目錄清單中找到「default.htm」主頁面,點選該頁面準備修改範例網頁內容。



4.在跳出的範例網頁內容中,開始修改範例網頁的content區塊,並可自行點選下方的「Design」、「Split」和「Code」三種模式切換檢視。



TIPS:套用樣板網頁
在修改default.htm網頁的同時,可能會發現有些區塊是無法編輯的,這是因為該區塊隸屬於master.dwt,倘若要變更請自行開啟該檔案編輯並更新,即可套用至所有網頁當中。


5.修改完成後,請選擇左上方的Preview預覽按鈕,找到「Microsoft Internet Explorer 6.0」並點選。



TIPS:調整解析度
除了不指定解析度預覽網頁的方式之外,Expression Web還直接提供了各種解析度的預覽,方便我們直接在各種環境之下檢視網頁,以利偵錯。


6.Expression Web會幫我們開啟IE瀏覽器,用以檢視default.htm這個網頁是否可以正常顯示,我們不妨使用同樣的模式,繼續編輯範例網站中的其他網頁,這種以範例網站套用修改的方式,比起從頭建立新網站來得有效率而快速的多了。

TOP
熱門焦點  
超狗任務
 看著為前方•未來等待的新目標!


前期文章 全部歷史文章
出刊日期 出刊主題
2007-07-31 筆記型電腦日益輕巧,真的更好嗎?
2007-07-24 32位元伺服器作業系統,最後一戰!
2007-06-26 CA在地化服務,突圍中小企業市場
2007-06-12 WiMAX多國技術合作為M-Taiwan舖路
2007-06-05 Google、Yahoo!纏鬥關鍵字廣告

感謝你訂閱這份電子報,下列電子報或許你會喜歡,請勾選
   Mobile01科技新知 ...    iThome每日新聞報    ToGet 軟體報    手機GOGO玩樂誌
   網路遊戲密技吱吱 ...    數位時代    數位遊戲王    科學人雜誌
我要訂閱這份報紙» 我要取消這份報紙» 訂報說明
.本電子報內容由 PC Office 提供
.關於內容有任何疑問,或欲轉載請聯絡
PChome ePaper 電子報版權所有,關於電子報發送有任何疑問,請聯絡 客服
台北市敦化南路二段105號11樓 ,TEL:(02)2708-8038,FAX:(02)27094848。
刊登廣告個人連結企業合作隱私權聲明關於PChome徵人
網路家庭版權所有 Copyright PChome Online 版權所有,轉載必究




 
轉寄 PC Office電子報 2007-08-07 這期電子報
寄件人暱稱或姓名
+
寄件人E-mail
+
收件人暱稱或姓名
+
收件人E-mail


 
 
廣告刊登 消費者保護兒童網路安全關於PChome徵人
網路家庭版權所有、轉載必究 Copyright© PChome Online
PChome Online and PChome are trademarks of PChome Online Inc.