How to use this site step by step

1. 使用者登入畫面後，會看到如下圖(一)頁面五種選擇模式：

圖(一)

 

2. Browse模式下你只能瀏覽頁面。

3. Design模式下你可以在WebPart Zon(LeftZone、MainZon and RightZon)之間移動每個頁面區塊，如下圖(二)，在標題上按下滑鼠左鍵可以將天氣預報移動拖放，從 RightZone 移動到 MainZone。你甚至可以關閉 Web Part，例如:"歡迎進入 Future Portal" Web Part關閉，等你下次登入就不會再看到這個畫面。如果你要再次叫出來頁面，你可以在Cataloge模式下勾選加入WebPart Zone。

圖(二)

 

4. Edit模式下你在每個頁面區塊可以點選右上角會出現下拉選單，會有一些選項，例如:最小化(Minimize)或還原(Restore)或關閉(Close)等功能。這些選項是依據程式設計者提供的功能而有所不同。例如(圖三), 在Edit的模式下，如果提供Web組件Edit功能，當你按下Edit會出現編輯區域，可以讓你動態編輯WebPart的標題與呈現樣式或一些屬性。

圖(三)

 

5. Catalog模式下你可以點選 Page Cataloge、Declarative Catalog and Imported Web part Cataloge，例如下圖點選 Declarative Catalog 出現四個Web part，當你勾選 "我的連結" 選項，就可以按 Add，加入這個 Web part 到頁面中，你可以一次多選。

圖(四)

 

5.有些Web part有提供連結(Connect)選項，如圖(四)，當你選擇Connect模式，你會看到有些Web Part會有Connect選項。當你按下連結(Connect)，會出現如下圖(五)畫面，然後點選 "Create a connection to a Consumer" ，你會看到如圖(六)畫面，他的作用是能夠讓Web part 之間可以通訊或互傳資料，例如圖(六)，你可以在 "酷斃的使用者控制項" web part 欄位輸入文字，然後從Connection Zone中按下Connect按鈕，就可以將文字傳到 "文字顯示(ASP.NET) :)"  web part上，很酷吧!

圖(四)

 

圖(五)

 

圖(六)