1. 以一段程式自動擷取部落格的回應留言，讓你的部落格產生最新回應，沒有時差。
2. 請你的同學給你一個 comment，是否能正確顯示在最新回應上。
3. 實例
2008年2月29日 星期五
Homework 2-29-2008
1. 參考單車上的靈感，開始用部落格書寫你的個人散文，並加上適當標籤。
2. 一篇部落格是否只能使用一個標籤，如果不是，請舉出反例。 參考標籤(tag，或稱label)的定義，使用標籤有什麼好處? 標籤與分類有何不同?
3. 閱讀 Ten steps to better blogs，(You must download the pdf of the full text.) 然後寫下你的心得。(此文章必須在校內授權範圍內下載，在校外必須先設定proxy並且先登入圖書館)
4. Read Pages 184~188 of Textbook. Answer the problems 7, 8, and 9 on Page 195.
Due 3/7/2008 at 13:00. Please write your homework on your own blog.
Be sure to list the references that have been used to complete the homework.
2. 一篇部落格是否只能使用一個標籤，如果不是，請舉出反例。 參考標籤(tag，或稱label)的定義，使用標籤有什麼好處? 標籤與分類有何不同?
3. 閱讀 Ten steps to better blogs，(You must download the pdf of the full text.) 然後寫下你的心得。(此文章必須在校內授權範圍內下載，在校外必須先設定proxy並且先登入圖書館)
4. Read Pages 184~188 of Textbook. Answer the problems 7, 8, and 9 on Page 195.
Due 3/7/2008 at 13:00. Please write your homework on your own blog.
Be sure to list the references that have been used to complete the homework.
Lab 5: Adding Labels for Blogs
Labels are key elements of Web 2.0.
Professional blogs have labels. In this lab, you will learn how to put labels on your blogs to make them look professional.
1. Check into your blog homepage.
2. Enter "自訂"
3. Follow the steps to create Label Block by drag and drops.
4. Get back to your existing blog posts. Fill the blanks at the field Labels (文章的標籤).
5. Save the changes.
6. Back to the blog and check if the labels come up.
Professional blogs have labels. In this lab, you will learn how to put labels on your blogs to make them look professional.
1. Check into your blog homepage.
2. Enter "自訂"
3. Follow the steps to create Label Block by drag and drops.
4. Get back to your existing blog posts. Fill the blanks at the field Labels (文章的標籤).
5. Save the changes.
6. Back to the blog and check if the labels come up.
Lab 4: Adding Links on Your Blog
1. Check into your blog homepage.
2. Enter "自訂"
3. Select "連結清單"
4. Write down "http://iapblog.blogspot.com/" and the title as "網際網路應用系統設計"
5. Write down "http://minstral.blogspot.com/" and the title as "Prof Chang's Blog"
6. Add your own favorite links.
2. Enter "自訂"
3. Select "連結清單"
4. Write down "http://iapblog.blogspot.com/" and the title as "網際網路應用系統設計"
5. Write down "http://minstral.blogspot.com/" and the title as "Prof Chang's Blog"
6. Add your own favorite links.
Introduction to Internet
Inventor of the internet technology packet switching, Leonard Kleinrock
" Dr. Leonard Kleinrock created the basic principles of packet switching, the technology underpinning the Internet, while a graduate student at MIT. This was a decade before the birth of the Internet which occurred when his host computer at UCLA became the first node of the Internet in September 1969."
Tim Berners-Lee
"In 1989 he invented the World Wide Web, an internet-based hypermedia initiative for global information sharing while at CERN, the European Particle Physics Laboratory. He wrote the first web client and server in 1990. His specifications of URIs, HTTP and HTML were refined as Web technology spread." He will serve as a keynote speaker at WWW2008.
W3C
Lab 3: Using Firefox
Advantages of using Firefox.
Outlines of Lab
1. download Firefox 2.0
2. control font size
3. tabbed browsing
4. subscribe to the course blog
5. Using bookmarks to test RSS feed
Help
Hands on
1. Easy control of font size (try ctrl+ & ctrl- as many times as you like)
2. tabbed browsing (try ctrlT)
3. RSS feed, and support of Blog. Use the RSS feed from http://iapblog.blogspot.com/
to subscribe to it. Also subscribe to your own blog.
Note:
If your Firefox didn't work, you should check settings about proxy. It should be set as proxy.cycu.edu.tw at port 3128.
Outlines of Lab
1. download Firefox 2.0
2. control font size
3. tabbed browsing
4. subscribe to the course blog
5. Using bookmarks to test RSS feed
Help
Hands on
1. Easy control of font size (try ctrl+ & ctrl- as many times as you like)
2. tabbed browsing (try ctrlT)
3. RSS feed, and support of Blog. Use the RSS feed from http://iapblog.blogspot.com/
to subscribe to it. Also subscribe to your own blog.
Note:
If your Firefox didn't work, you should check settings about proxy. It should be set as proxy.cycu.edu.tw at port 3128.
2008年2月26日 星期二
2008年2月22日 星期五
Homework 2-22-2008
1. Name 3 blogs you have read recently. For what reasons do you read these blogs?
推薦:
2. Based on CommunityWalk, compile a campus directory that tells the locations of major buildings at CYCU. Place the directory on your own blog by posting the code snippet CommunityWalk
generates.
3. Reading Assignments
Read the sections on hypertext, http, WWW
(page 181~187 of Textbook)
Due 2/29/2008 at 13:00
推薦:
2. Based on CommunityWalk, compile a campus directory that tells the locations of major buildings at CYCU. Place the directory on your own blog by posting the code snippet CommunityWalk
generates.
3. Reading Assignments
Read the sections on hypertext, http, WWW
(page 181~187 of Textbook)
Due 2/29/2008 at 13:00
Lab 2: Put CYCU Map on Your Blog
1. The latitude and longitude coordinates of CYCU campus location is +24° 57' 31.02", +121° 14' 28.12" and you can take a look at the satellite image
http://maps.google.com/maps?q=24.9586,+121.24114
2. Check into CommunityWalk
which offers step-by-step tools to create personal maps.
Use the "create a map" function to start your own map.
3. Enter the CYCU coordinates to produce a code snippet that you can put into your blog. The code is under Share/Export tab.
4. Copy and paste the code snippet into your blog just like you are writing your own blog post. Publish it.
http://maps.google.com/maps?q=24.9586,+121.24114
2. Check into CommunityWalk
which offers step-by-step tools to create personal maps.
Use the "create a map" function to start your own map.
3. Enter the CYCU coordinates to produce a code snippet that you can put into your blog. The code is under Share/Export tab.
4. Copy and paste the code snippet into your blog just like you are writing your own blog post. Publish it.
Lab 1 Start Blogging
1. 至 http://www.blogger.com 申請, 請以你的學號 (s開頭) 申請免費帳號。
2. 張貼你的部落格的第一篇文章。一小段歡迎詞，或是簡短自我介紹，或是你最喜歡的事物與最不喜歡的事物，都可以。
3. 日後請將你的隨堂練習與作業寫在你的 blog, 然後到
Homework 或 Lab 的Comment 登錄作業blog網址就可以了.
請勿將整個作業直接寫在老師部落格的Comment處。
4. 尊重智慧財產權，引用他人文章須註明出處。並且應該合乎學術常規，以合理的方式引用。
How to insert a link at the following comment, please use the following HTML code.
2. 張貼你的部落格的第一篇文章。一小段歡迎詞，或是簡短自我介紹，或是你最喜歡的事物與最不喜歡的事物，都可以。
3. 日後請將你的隨堂練習與作業寫在你的 blog, 然後到
Homework 或 Lab 的Comment 登錄作業blog網址就可以了.
請勿將整個作業直接寫在老師部落格的Comment處。
4. 尊重智慧財產權，引用他人文章須註明出處。並且應該合乎學術常規，以合理的方式引用。
注意事項
a. blog需正確設定時區顯示時間 。
b. 請測試他人可否留言(comment)。以方便留下回應意見。
How to insert a link at the following comment, please use the following HTML code.
2008年2月21日 星期四
XHTML validation project
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.
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.
課程進度
--------------------------------------------------------
Tools
--------------------------------------------------------
AJAX
--------------------------------------------------------
XML
XML 機器與機器彼此溝通的技術
--------------------------------------------------------
HTML
--------------------------------------------------------
Accessibility
Accessibility 邁向無障礙網路
--------------------------------------------------------
Browser extension
--------------------------------------------------------
Google Services
Google Services 線上服務
--------------------------------------------------------
Blog
--------------------------------------------------------
Tools
- Lab 30 Checking dead links
- Lab 29 Web Stress Test
- Lab 28 Packet Sniffer
- Lab 27 Web Analytics
- Quiz
- Lab 26 Google Presentation
--------------------------------------------------------
AJAX
- Lab 25 Draggables
- 1/7/2008 隨堂測驗
- 期末報告題目
- Lab 24 Drag-and-Drop by AJAX
- Lab 23 Movie Player by AJAX
- Homework 9
- AJAX
- Lab 22 DOM and JavaScript
- Lab 21 Create Img using DOM
--------------------------------------------------------
XML
XML 機器與機器彼此溝通的技術
--------------------------------------------------------
HTML
- Homework 7
- Static, Dynamic Webpages and Common Gateway Interf...
- Lab 17: Form and Action, Part II
- Lab 16: Form and Action
--------------------------------------------------------
Accessibility
Accessibility 邁向無障礙網路
--------------------------------------------------------
Browser extension
- 11-12-2007 Talk Outline
- 10-29-2007 Talk Outline
- Homework 5
- Lab 13: Clean Language
- Lab 12: Greasemonkey
- Lab 10 Technorati
--------------------------------------------------------
Google Services
Google Services 線上服務
--------------------------------------------------------
Blog
- Lab 7 Using Google Chrome
- Lab 6 Using Firefox
- http and RSS
- Homework 2
- Lab 5 Using Labels
- Lab 4 發表評論
- Web Business Models
- 數位分身 & 社會軟體
- Introduction to Internet
- Homework 1
- Lab 3: Put CYCU Map on Your Blog
- Lab 2: 讓你的部落格產生最新回應
- Lab 1: 書寫部落格
- 手機人機介面新發展 (demo)
- 回顧網站歷史
--------------------------------------------------------
訂閱：
文章 (Atom)