1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. 網頁設計
  6. »
  7. 網頁編輯工具-Microsoft Express Web3.0免費試用60天初體驗

網頁編輯工具-Microsoft Express Web3.0免費試用60天初體驗

2009/10/29

梅問題教學網-MicrosoftExpressWeb3.0初體驗

  昨天從好友盒子那得知Microsoft Express Studio已經發表3.0版了,先前2.0剛推出時,梅干透過好友買了一套來玩玩,它裡面包含許多的軟體,但經梅干試用後,對於它的Web開發工具感到相當的愛不釋手,因此昨天便迫不及待的到官網中,取得了Microsoft Express Studio60天的試用版,在梅干的測試後,哇!酷~這一版既然可以對著Html中的CSS標籤點一下,就可直接跳到該樣式下並選取起來,這對於製作網頁真的是太方便了,各位不仿也趕快下載回來玩玩看喔!


Step1
開啟瀏覽器,於網址列輸入 http://www.microsoft.com/downloads/details.aspx?displaylang=zh-tw&FamilyID=7e2f033b-c6b5-4565-93a5-a6048246ce28 ,取得Microsoft Express Studio3.0 60天試用版,下載完後雙響就可完成安裝。


Step2
接下來對著左上新增一個html的網頁,並且在下方先隨便的建立一些div與css標籤。
梅問題教學網-MicrosoftExpressWeb3.0初體驗


Step3
完成html編輯後,接下來再新增一個CSS樣式。
梅問題教學網-MicrosoftExpressWeb3.0初體驗


Step4
這時候就再將剛標籤依序的來作設定,哈~這一版的智慧型提示作的還真的挺不錯的。
梅問題教學網-MicrosoftExpressWeb3.0初體驗


Step5
好之後回到剛的html網頁中,對著右下角的附加樣式表點一下,將剛所設定好的css檔連結過去。
梅問題教學網-MicrosoftExpressWeb3.0初體驗


Step6
這時點下方的程式碼選項,將模式切換到程式碼中。

梅問題教學網-MicrosoftExpressWeb3.0初體驗


Step7
這時把滑鼠移到CSS標籤上,就會看到提示文字,這時只要按住鍵盤的Ctrl鍵+滑鼠左鍵,此時就會自動跳到該樣式下了,傑克!這真的是太神奇了。
梅問題教學網-MicrosoftExpressWeb3.0初體驗


  而Express Web3.0還有許多的功能,例如像若標籤結構不完整,則會出現紅色的小蚯蚓,把它標示出來,只要滑鼠移上去後,它就會告知是那邊出錯,看來梅干真的要來投靠Express Web3了,期待它的Design工具,目前就梅干試用結果,仍然還蠻有進步的空間,目前那Design用起來感覺很像向量但又很點陣,各位有興趣的話,不仿也玩玩看。