Lab XHTML Validation

1. Use the W3C Markup Validation Service to check the XHTML sample.2. You may want to select the direct input option.3. How many errors and warnings are there?4. Fix the problem and recheck it until it is strictly XHTML 1.0 compliant.ref: Introduction to XHTML

Lab Checking dead links

W3C Link Check 可以檢查 dead links, 而且只要輸入首頁,就可以依據指定深度自動向下檢查, 而且也可以檢查對外連結(外站).Link Checker 首先要設定檢查深度(Check linked documents recursively, recursion depth=?), 如果沒有設定, 它就只有檢查首頁.因此如果出現 deadlink, 就是在首頁.如果你設定檢查深度, 它就會逐一檢查此深度內的每一頁,在檢查某一頁開始時, 它會先顯示現正在檢查的 URL, 然後在逐一爬行該頁內每個 link.報表輸出很漂亮. 請參閱http://validator.w3.org/checklink請檢查三個你最常使用的網站, 看看連結的品質如何?紀錄有錯誤連結 (HTTP Error 404) 的次數.



yahoo : 2個

中原 : 1個

yam天空 : 1個

Lab Content Analysis

According to the scheme above, the content of comments was characterized by the three independent dimensions. The intention of the analysis was to reveal any emergent correlations among three attributes of comments collected in the dataset.

The affective dimension was generally quite straightforward and lent itself to comparatively easy classification. To probe the range between agreement and disagreement requires more careful judgment and usually involves more reading between the lines. The boundary between reflection and non-reflection was somewhat blurred for some occurrences of comments. Some comments showed no reflection as all; some comments demonstrated sufficient reflection while others appeared to possess marginal reflection.

Perform content analysis on the dataset of comments on the essay blogs.



Total:118

C : 16 (13.559%) R : 94 (79.661%) U : 8 (6.780%)

A : 67 (56.780%) D : 14 (11.864%) M : 37 (31.356%)

E : 37 (31.356%) P : 79 (66.949%) N : 2 (1.695%)

Lab: Drag-and-Drop by AJAX

1. Go to Laszlo and enter (Laszlo in 10 minutes).
2. Study and play around the "drag-and-drop" example.
3. Use this method to control movie playing as in the previous lab.
4. If you drag and drop the photo to the "play" area, the movie plays.
5. If you drap and drop the photo to the "pause" area, the movie pauses.

Lab: Movie Player by AJAX

1. Go to Laszlo and enter (Laszlo in 10 minutes).
2. Study and play around the "scripting" and "video" examples.
3. Use this script to control movie playing.
4. If you push the "pause" button, the movie pauses.
5. If you push the "resume" button, the movie resumes.

Homework 5-2-2008

[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.




[Reading] AJAX
A New Approach to Web Applications Jesse Garrett
AJAX 簡介 Brett McLaughlin

Ans:

Ajax isn’t a technology. It’s really several technologies, each flourishing in its own right, coming together in powerful new ways. Ajax incorporates:

• standards-based presentation using XHTML and CSS;
• dynamic display and interaction using the Document Object Model;
• data interchange and manipulation using XML and XSLT;
• asynchronous data retrieval using XMLHttpRequest;
• and JavaScript binding everything together.

Google is making a huge investment in developing the Ajax approach. All of the major products Google has introduced over the last year — Orkut, Gmail, the latest beta version of Google Groups, Google Suggest, and Google Maps — are Ajax applications. (For more on the technical nuts and bolts of these Ajax implementations, check out these excellent analyses of Gmail, Google Suggest, and Google Maps.) Others are following suit: many of the features that people love in Flickr depend on Ajax, and Amazon’s A9.com search engine applies similar techniques.

These projects demonstrate that Ajax is not only technically sound, but also practical for real-world applications. This isn’t another technology that only works in a laboratory. And Ajax applications can be any size, from the very simple, single-function Google Suggest to the very complex and sophisticated Google Maps.

If you're developing Web applications these days, then you're doing Ajax development. Ajax is no longer something unusual that you add to your applications in special cases. It has become an integral part of Web development. To some, enhancing applications with Ajax used to be a tricky proposition. Cross-browser limitations to deal with, writing a lot of complicated JavaScript, and learning about magic numeric codes within that JavaScript were just a few of the challenges facing Ajax developers. Thankfully, several open source JavaScript libraries are available now to make things much easier. In this first article in a three-part series, you will create an Ajax application for managing songs using the Prototype JavaScript library and script.aculo.us.

This three-part article series looks at using two separate open source projects, the Prototype JavaScript library and script.aculo.us, to create amazing Ajax applications for your Web 2.0 Web site. In this article, Part 1 of the series, you will be working the Prototype JavaScript library (see Resources for a link). This article uses the latest release of Prototype (at the time of this writing) version 1.6.0.2. Ajax involves dynamic data, and so a server-side technology is needed. In this article, we use PHP 5.2.1 in combination with Apache 2.0.59 and MySQL 5.0.41 (see Resources). You can definitely pick your own programming language, Web server, and database.

Lab 26 Create Img using DOM

1. Open Nvu

2. Hand code a javascript that loads an image from Internet based on
the DOM model.

3. Use window.onload to load the image.





4. Use a button to load the image. Try how onclick works.

New stuff with Microsoft

In the Harry Shum's keynote speech at WWW 2008 and one of the industrial tracks by Tao, Microsoft feature the following two search services, one called virtual earth and the other photosynth. They look like fun. Definitely, we should try them out.

• http://maps.live.com (does not only provide satellite image which is low resolution but also aerial views taken by airplanes flight-by)
  

• http://www.labs.live.com/photosynth/ (it's an amazing way to view the photos people took and published on the net)

微軟的3D地圖讓人為之驚嘆.在瀏覽過程能感受到四周建築的景象.更能增添臨場感.相較之下.google map就相形見絀了.相信微軟未來會推出中文版.使用上會更親切不過頻寬不大的人用起來就很辛苦.各取所需吧.我期待未來會有動態的地圖出現

Lab 25: XML and XSLT, Part III

1. Given the RSS of Class Blog, write an XSLT file
and use Xray to generate an HTML that contains the titles of items in the RSS.

2. Open the XML file by Word and you will see the document structure.

3. View the formatted HTML file.

Due May 2, 2008