2012年5月28日 星期一

Lab36 Programming in DOM


Lab35 Create Image using DOM

使用 KompoZerexe.應用程式

點選下方的 Soure 將圖中的程式碼輸入  the sample code 

再製作一個按鈕

點選下方的 Normal

依照圖示 完成步驟 即可使用頁面開啟 點擊按鈕 就可看到圖片







 

Lab34 Hand code a form

開啟  KompoZer exe. 應用程式


https://www.google.com/  存成頁面 利用 KompoZer exe. 應用程式 開啟


再點選 Form 將URL中填寫 https://maps.google.com/maps?hl=zh-TW 


再用瀏覽器開啟  其搜尋頁面即可變成 地圖模式











2012年5月21日 星期一

Lab33 Lab Form and Action

1.存取  search page  此網頁

2.下載  KompoZer 並開啟 其應用程式

3.在應用程式中 開啟 步驟一存取的網頁

4. 對圖中橘色框框 點兩下

5.會跳出框框 分填上 Form name  as "f"     set Action="http://google.com/search"     
                                                            method as "get" 

6.其中 get 和 post 分別為  能搜尋網頁 與 不能搜尋網頁

7.開啟存取的頁面 並測試



Lab32 Mash-Up 4 (Calendars)

進入後按右下角+Google日曆即可訂閱-html版本





Lab31 Mash-up 3 (Blogs)

登入Google相簿,點選相簿→點選"內嵌投影撥放"→複製黃色的部分貼上 "修改HTML"即可。

2012年5月14日 星期一

Lab29 Mash-up 1 (Publish)





 a sample ppt   下載下來 放上Google文件
開啟此ppt 點選檔案→發布網路→複製以上語法→貼上bloger(修改HTML)→記得修改W=560 H=420