Lab DOM
[Lab]
1. Open NVu
2. Based on the code as in http://www.scottandrew.com/weblog/articles/dom_4 ,
write a code to generate the table of 9*9 products. (九九乘法表)
Hint: The javascript code should be enclosed by script tags.
sourcecode
結果
2009年5月15日 星期五
Lab Create Image using DOM
1. Open Nvu
2. Hand code a javascript that loads an image from Internet based on
the DOM model.
3. Take a look at the sample code that shows how window.onload to load the image.
4. Use a button to load the image. Try how onclick works.
source code
結果
click
click
click
2009年5月14日 星期四
2009年5月8日 星期五
Lab XML (2)
1. Register and Download Xray, an XML, XSLT editor and processor.
2. Given the
Listing 1. An XML document representing the results of a soccer tournament
Listing 2. A basic style sheet for the soccer results
use the XSLT as in the Listing 2 to transform the XML file as in the Listing 1.
(archive)
3. View the formatted HTML file.
4. Given the
Listing 1. An XML document representing the results of a soccer tournament
Listing 3. A style sheet that computes team standings
compute the team standings in a table.
5. View the formatted HTML file.
Lab XML
1. Register and Download Xray, an XML, XSLT editor and processor.
2. Given the the XML file and XSLT file ,
use Xray to do the transformation of the XML into HTML.
You have to replace [ with <.
xslt
xml
3. View the formatted HTML file.
Lab Hand code a form
Hand code a HTML or use Nvu to edit an HTML so that the webpage can send a request to Google like
http://maps.google.com/maps?q=24.9586,+121.24114
Use Form CGI that includes action, input, and submit.
Try a few different coordinates.
原始碼:
搜尋頁面
搜尋結果
Lab Form and Action
"logic will get you from A to B - imagination will take you anywhere"
How to use Form to invoke a remote service through CGI.
1. Copy the search box of this search page,
inlcuding radio buttons, text input, and submit button.
2. Open your Nvu HTML editor.
3. Open a new empty HTML file.
4. Paste the search box into this new file.
剛開始會有亂碼問題
將他改變語系
就可以解決
5. Use Nvu to add a Form to this search box. Do not hand code the HTML. Just fill the blank in the Form dialog.
6. In the form dialog, set Action="http://google.com/search" and name of Form as "f" and method as "get"
(See Hint if it does not work.)
7. Save your file on your computer. Run your HTML by Firefox. What do you get?
8. Set method as "post"
9. Run your HTML by Firefox. What do you get?
無法使用 無法顯示網頁
2009年5月7日 星期四
Homework 5-1-2009
1. 嘗試闖關以下這個遊戲
Place That State Game
2. 建立你的行事曆，並與學校行事曆合併
Google日曆-中原大學行事曆-html版本<http://www.google.com/calendar/embed?src=sth4g0ns7lj48crs0gsm3ekuns%4...>
2009年5月2日 星期六
bX-r1ezpk
bX-r1ezpk
莫名其妙的
我的google blogger
出現這個錯誤代碼
也打不開
當時也沒相關解決方式
google search都找不到
到了今天就好了
看了網路上好像也很多人有這類問題
相關解決方法
可是我都沒用自然就好了XD
快便RMA天王了
什麼都會壞
2009年5月1日 星期五
Lab Mash-up 4
部落格與相本的結合運用。透過部落格分享你的照片集，省去傳送大量照片的缺點，自由書寫照片中的故事。
Create a slide show of your album. Embed the album in your blog.
Hint: 挪威奧斯陸之行
album
這是去年新生開宿
第一個主辦的活動
From 2008.09.0607開宿
Lab Mash-up 3
Maps of the Swine Flu Outbreak - Part 1
Maps of the Swine Flu Outbreak - Part 2
Maps of the Swine Flu Outbreak - Part 3
這些應用的特點是什麼?
ps. More applications of Google Maps
結合網路免費的地圖
形成類似GIS地理資訊系統
讓我們可以直接從世界地圖來查詢哪個國家、哪個城市
有哪些豬流感的通報病例或相關新聞事件
大家可以直接從這些訊息看看整個疫情的蔓延情況
盡量少去可能有問題的地方出差或旅遊
地圖上的資訊並不一定是衛生單位或WHO世界衛生組織所公告的確實資訊
但是可以透過免費的平台和網友的力量
去製作最快速的資訊
少了政府太慢的行政效率
還有分散的消息
把它做統整
若查到某地區有相關案例
也可以透過Google News搜尋該國新聞單位或衛生單位所發布之最新訊息
做更詳實的確認
這可以讓大眾
了解目前最快的分布資訊與趨勢
以及應對之道
Lab Mash-up 2
For housing services, compare the three websites
http://www.housingmaps.com
http://www.urmap.com.tw/asp/kijiji/
http://www.7house.com.tw
List the differences in the user interface design and usability. Make comments
by your use experiences.
比較: 美感，直覺性，流暢，預期反應
example: TMM
感覺
http://www.housingmaps.com
http://www.urmap.com.tw/asp/kijiji/
這兩個網站製作相似度很大
一個是整合google map
另外一個是整合台灣的urmap
點入一樣都有照片資訊
聯絡方式等等
也有更詳細的連結照片
但是感覺上
housing map網站上圖片大小製作等等比較精美
點詳細連結進去
還是housing map製作的比較精美
但是kijiji上有多了整合skype聯絡方式
更方便網路線上連絡
相對的7house
比較類似傳統的關鍵字搜尋
搜尋者只能透過文字介紹知道附近環境
無法確實在地圖上很方便的看到附近的設施和便利性
但容易依照想要的規格或是預算找到房子
詳細資料也是制式化的表格資訊
但是多了貸款試算等功能
也結合相關銀行整合相關功能與資訊
以流暢度來說每間感覺都差不多
因為都有大量的圖片影像資訊
搜尋方便度
也是各有利弊
一方面是比較容易以區域環境搜尋
另一方便比較容易以需求性去做搜尋
但是精美程度
HousingMap在map上有比較大的圖片可以做觀看
Lab Mash-up 1
1. Upload a sample ppt to Google Docs.
2. Publish the uploaded ppt.
3. Embed the online ppt to your blog.
The reason to do so is that the readers don't have to have ppt to view your presentation. For example, some users work with Linux or Unix, and others work with MacOS. They will appreciate you for doing so.
Hint: a sample work
訂閱：
文章 (Atom)