Lab Drag-and-Drop by AJAX

Lab Movie Player by AJAX

Lab Wikepedia

Mashup

(web application hybrid)

From Wikipedia, the free encyclopedia

Jump to: navigation, search

A mashup is a website or application that seamlessly combines content from more than one source into an integrated experience.

Content used in mashups is typically sourced from a third party via a public interface or API, although some in the community believe that only cases where public interfaces are not used count as mashups. Other methods of sourcing content for mashups include Web feeds (e.g. RSS or Atom) and JavaScript.

Many people are experimenting with mashups using eBay, Amazon, Google, Windows Live, and Yahoos APIs.

Contents

[hide]

• 1 Quotes
• 2 External links
  • 2.1 Examples of mashups
  • 2.2 Books about mashups
  • 2.3 Articles about mashups
  • 2.4 Sites about mashups
  • 2.5 Software for building mashups

http://en.wikipedia.org/wiki/Mashup_%28web_application_hybrid%29

Document Object Model

From Wikipedia, the free encyclopedia

Jump to: navigation, search

Document Object Model (DOM) is a description of how an HTML or XML document is represented in a tree structure. DOM provides a structure that facilitates access to the elements of an HTML or XML document by scripting languages with object oriented features (e.g., JavaScript).

Various interfaces were initially implemented by web browsers to manipulate elements in an HTML document through JavaScript. This prompted the World Wide Web Consortium (W3C) to create a series of specifications to standardize implementations for increased interoperability; thus the W3C Document Object Model^[1] (W3C DOM) was born. The W3C specifications are platform and language independent. The previous vendor-specific interfaces were dubbed intermediate DOMs.

A simple example of its use is as follows:

To access an element in the DOM, the programmer could type document.getElementById("elementID")^[2]. This is an improvement over previous Web browser implementations of DOM element access. Internet Explorer, before coming into DOM compliance, required the developer to access the DOM via arrays of similar elements; for example, document.forms[0] for the first (zeroth) form, or document.images[2] for the third image on the page^[3]. While this was usable, it was more cumbersome than methods defined by the W3C DOM. The Gecko rendering engine, which exposes the DOM interface in Mozilla Firefox and many other browsers, has been W3C‐compliant for quite some time.

The tree-based implementation requires that the entire content of a document be parsed and stored in memory. Hence, DOM is best used for applications where the document elements have to be accessed and manipulated in an unpredictable sequence and repeatedly. If the application involves a sequential or one-time selective read or write per processed document, DOM presents a considerable overhead. The sequential SAX model is advantageous in such a case in terms of speed and memory consumption.

Contents

[hide]

• 1 Levels
• 2 Use in web browsers
• 3 Specifications
• 4 References
• 5 See also
• 6 External links

http://en.wikipedia.org/wiki/Document_Object_Model

失意體前屈

維基百科，自由的百科全書

(重定向自Orz)

跳转到： 导航, 搜尋

失意體前屈（最常見的造形為Orz），是一種源自於日本的表情符號（又稱心情圖示）。

失意體前屈，原本指的是網路上流行的表情符號：＿|￣|○ 它看起來像是一個人跪倒在地上，低著頭，一副「天啊，你為何這樣對我」的動作，雖然簡單卻很傳神。在初期，並沒有人對這個符號起個名字，「失意體前屈」這 個名字也是後來才出現的。據說是某個餐廳的座墊上繡著這五個字，至於在這之前又是誰想到的，目前尚未釐清真相。

後來，又有人發現，用簡單的三個英文字也可以表現這個動作，於是Orz就開始流行了。接下來，更有orz的日誌軟體、日誌網站相繼出現。在2004年後，於日本、中國大陸、香港與台灣儼然已經成為一種新興的網路文化。

這種文字可以寫作Orz、Oro、Or2、On_、Otz、OTL、sto、Jto、○|￣|_等，但其中以「Orz」最為常用；並有混合型，如表示無可奈何的「囧rz」。「囧」的原意是大明，但現在大都不採用原意，而取其形，轉為表情符號，表示一臉無可奈何樣。

原始用意帶有「悔恨」、「悲憤」、「無力回天」等含意，最明顯的用法就是在於向異性表白被拒絕（失戀）的時候。orz廣泛使用後，其涵意逐漸增加。除了一開始的惡搞的「無可奈何」或「失意」之外，開始引申為正面的對人「拜服」「欽佩」的意思。另外也有較反面的「拜託！」「被你打敗了！」「真受不了你！」之類的用法。台灣搖滾樂團五月天於2005年8月發表的歌曲《戀愛ing》就有「超感謝你，讓我重生，整個Orz」一句。

在2006年1月22日，台灣的大學學科能力測驗國文科試題中，其中有一題是將被誤用的語言（被報章雜誌或是網際網路影響後的用法）改成正常的白話文，其題目範例中出現：「3Q得Orz→感謝得五體投地」一段，引起輿論相當大的爭議。教育考試制度爭議。

http://zh.wikipedia.org/w/index.php?title=Orz&variant=zh-tw

Lab DOM and JavaScript

Lab Create Img using DOM

Lab WYSWYG

桃園巨蛋

地點保證正確!

Lab Personalization II

依照個人喜好做了些排版與改變

Lab Personalization

Homework 12/08/2006

1.


2.

Lab Form and Action, Part II

輸入座標


找尋結果

Lab Form and Action

改成get






改成post

Homework 11/24/2006

1. List another 5 ideas that you think would be useful. Why?

(1) HousingMaps 可以知道當地的地圖與一些相關資訊,尤其是住宿方面
(2) Google Maps Transparencies 世界各地的衛星地圖,可以查看想知道的地方
(3) Google Maps Nighttime! 世界各地的夜晚地圖,但其解析度很低,放到最大也沒什麼特殊地方,感覺比較不實用
(4) Track visitors to your website 可以在地圖標記,做出屬於自己風格的地圖
(5) Google Map links for Unesco World Heritage Sites 點選國家就可知道當地著名的名勝古蹟,對於要出國旅遊的人有一定

的幫助

2. Play around
Zip Code Web Service.
What are the XML files used in the request and response?

XML可擴展性標籤語言,本身為一種較為簡單的語言,容易開發,且是統一標準的語言格式


3. CGI(Common Gateway Interface)共通閘介面,是資料轉換處理的介面,它是從使用者端接收資料來運算在回傳使用者,同時CGI擁
有雙向互動功能.
基本上熱河可以在伺服器使用的語言都可以寫作CGI程式,相當好用

Lab XSLT Part II

Lab XSLT

11/10/2006 Homework

1 可擴展標籤語言 (XML)用來製作網頁更具有彈性,也更容易添加新功能
同時他也是種元語言

XML會成為HTML代替者的原因是在於XML容許雙向的溝通
同時不僅開發XML較為容易,也比較有效率

2 此種方式對於老師以及學生都相當方便
不論是教學或是繳交作業都可以隨時進行

Lab Writely

http://docs.google.com/View?docid=dg7bngd6_1fxfvvq

Lab Google Mars

將圖片圈選處刪除
即可將移動功能取消掉!!

Lab RSS

border="0" alt="" />

* news.yam.com feed: http://news.yam.com/RSS/Rss_all.xml

* 中時電子報 feed: http://rss.chinatimes.com/rss/latestnews.rss

* New York Times

feed:http://graphics10.nytimes.com/services/xml/rss/nyt/HomePage.xml

* Taiwan feed: http://www.taiwan.cnet.com/rss/latest_news.htm

Lab Webpage Accessibility

10-27-2006 上課內容 過濾髒話

]


這可以用來過濾髒話
圖片內容髒話為自設

Homework 10/20/2006

1.簡體


繁體


安裝



2.現在資訊越來越發達 同時也帶給殘障人士更加便利的生活
無障礙的網路空間就是一個很好的例子!!

Lab Accessibility by GreaseMonkey

Lab Greasemonkey

Homework 10/13/2006

1. Watch A Video Message from founders after Youtube acquired by Google.
Why do you think Google decides to acquire Youtube for a price of 1.6 billions USD?
在我映象中平常上網會常常看到Youtube的影片 而每天Youtube而每天的影片流量相當大
google在評估後出1.6億買下它 整合了搜尋加上上傳影片 我想所帶來的效益會非常驚人!


2. Upload a Word document to Google “Docs & Spreadsheets”.
What kind of impact the service will bring to Microsoft Office?

google推出這個對微軟應該衝擊會滿大 不僅免費 而且功能相同又方便取得 也不需佔用硬碟空間
微軟該好好正視這問題了



3. Briefly describe the following Google business models.

* –Search Engine 輸入想要的資料 就會找尋到許多相關的網站


* –Sponsorship (Paid listing) 當人有點閱時 google就可按照流量來賺取費用


* –AdWords/–AdSense (business stream for news, blog)
在自己的網站上 或是輸入關鍵字時會出現自己刊登的網站 當然google會依照點閱率來收費

Lab Technorati

Scobleizer http://scobleizer.wordpress.com/ Rank: 31 (19,366 links from 6,187 blogs)

Techcrunch http://www.techcrunch.com/ Rank: 8 (49,980 links from 13,062 blogs)

Reflection http://www.chieftain.idv.tw Rank: 95,099 (172 links from 31 blogs)

Java http://javaatcycu.blogspot.com Rank: 226,388 (17 links from 14 blogs)

Myblog http://s9426317.blogspot.com/ Rank: 1,827,103 (No blogs link here)

Lab Google PageRank

紐約時報 http://www.nytimes.com 10

CNN http://www.cnn.com/ 9

台灣雅虎 http://tw.yahoo.com 7

蕃薯藤 http://www.yam.com 7

PCHome 購物 http://shopping.pchome.com.tw/ 6

Monday 購物 http://www.monday.com.tw/ 5

Homework 2

電腦配備
Intel core(TM)2 cpu
1.66GHz
RAM==>1GB

網路速度
2M/512Kb

使用起來音質很不錯
跟msn電話比較起來訊號較為清楚
也可以傳訊息
滿好用的!

Homework 1

Lab Google Maps

這就是中原大學!!

Lab Multimedia Plugin

Lab 2

ctrlT分頁以及書籤訂閱


ctrl- 縮小



ctrl+ 放大