Lab 35: Blog Cloud

Lab 35: Blog Cloud

Build a blog cloud for your blog.

請點擊繼續閱讀

Lab 33 匯出部落格

Lab 33 匯出部落格
1. 將你的部落格匯出為 XML，請使用blogspot 已經提供的匯出工具
2. 在blogspot 新建一個空白部落格。
3. 將剛才匯出部落格匯入到新的部落格
4. 檢查匯出情況，是否有出現異常，資料遺失或被變更?


請點擊繼續閱讀

Lab 32: DOM

Lab 32: DOM
1. Open KompoZer
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.


請點擊繼續閱讀

Lab 31: Create Image using DOM

Lab 31: Create Image using DOM
1. Open KompoZer
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.


請點擊繼續閱讀

Lab 30 navigation bar

1. 進入你的部落格，登入，選擇自訂
2. 新增小工具
3. 選取
HTML/JavaScript
4. 撰寫或貼上所需連結(範例)




請點擊繼續閱讀

Lab 29 Hand code a form

Hand code a HTML or use KompoZer 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 28 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 KompoZer HTML editor.
3. Open a new empty HTML file.
4. Paste the search box into this new file.

5. Use KompoZer 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?

請點擊繼續閱讀

Lab 27: Mash-Up 4 (Calendars)

Lab 27: Mash-Up 4 (Calendars)

建立你的行事曆，並與學校行事曆合併
Google日曆-中原大學行事曆-html版本<http://www.google.com/calendar/embed?src=sth4g0ns7lj48crs0gsm3ekuns%4...>
進入後按右下角+Google日曆即可訂閱

請點擊繼續閱讀

Lab 26: Mash-up 3 (Blogs)

Lab 26: Mash-up 3 (Blogs)

部落格與相本的結合運用。透過部落格分享你的照片集，省去傳送大量照片的缺點，自由書寫照片中的故事。

Create a slide show of your album. Embed the album in your blog.

Hint: 挪威奧斯陸之行
album

請點擊繼續閱讀

Lab 25: Mash-up 2 (Maps)

Lab 25: Mash-up 2 (Maps)

真實案例

96年度全人關懷獎 -崔媽媽科技服務工作團隊

For housing services, compare the following two websites

http://www.housingmaps.com

http://www.7house.com.tw

List the differences in the user interface design and usability. Make comments

by your use experiences.

比較: 美感，直覺性，流暢，預期反應

請點擊繼續閱讀

Lab 24: Mash-up 1 (Publish)

Lab 24: Mash-up 1 (Publish)

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.

範例:
如何活用 Gmail 工作坊

請點擊繼續閱讀

期中報告

期中報告
使用Google Sites 架設網站，主題可以環繞你所參加的社團, 你的家鄉或社區, 你的分享與關心, 你的朋友, 高中同學, 電影, 音樂, 學業, 生涯,

評分標準
創新(20%)
資訊完整性 (30%)
美學 (25%)
網站邏輯架構 (15%)
線上服務功能 (10%)

雛型(半成品)，網站建議書(範本)繳交日期 10/25/2010
成品繳交日期 11/01/2010


請點擊繼續閱讀

Lab 21: Making images accessible

Lab 21: Making images accessible


1. Study what an ALT tag is.

2. Use KompoZer to edit the following homepage
at http://bloggercamp.blogspot.com/2007/01/2007.html

You can copy and paste the content to your KompoZer.

3. Save your editings and preview your webpage using Firefox

4. Make the webpage accessible by
adding ALT text to the images.

5. Go to the Firefox Add-ons site for Firefox Accessibility Extension

6. Click the "Install now" button on the add-ons website

7. Check whether you can see the ALT text for the images by selecting the "Show Text Equivalent" function.


請點擊繼續閱讀

Lab 20 More on HTML

Lab 20 More on HTML




Headings
1. Copy and paste the Headings example athttp://www.w3schools.com/html/html_primary.asp
2. Enter http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic
3. What kind of effects can you see?

Lists
4. Copy and paste the Headings example athttp://www.w3schools.com/html/html_lists.asp
5. Enter http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic
6. What kind of effects can you see?

請點擊繼續閱讀

Lab 19 HTML

Preparation

1. Using Microsoft Notepad, Copy and paste the HTML example atIntroduction to HTML
2. Save the file as myfile.html
3. Open the file using Firefox.

New editor
4. Enter http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic
5. Copy and paste the HTML example at Introduction to HTML
6. Verify your results on the screen.

請點擊繼續閱讀

Lab18:Comparing browsers

Comparing browsers


Install Google Browser Google Chrome and Firefox 3.0, try a few websites and compare their performance. For example, youtube, blogspot, msn, and yahoo.

請點擊繼續閱讀

作業：Homework 5

Homework 5


1. 網路可不可能增進身心障礙者的便利，請舉例說明?
2. 瀏覽器會洩漏使用者的隱私嗎? 為甚麼?

請點擊繼續閱讀

Lab17:AccessBar

 AccessBar: displays defined accesskeys in a fixed-position bar along the bottom of the window. Added 2005-04-01 (not a joke). Find how many access keys have been defined at
www.ocac.gov.tw www.epa.gov.tw

Continued from the above, use google to find 3 more government sites in Taiwan that enable access keys.

請點擊繼續閱讀

 

1.僑委會

 

2.行政院環境保護署

3.行政院工程委員會

 

4.行政院人事行政局

 

5.行政院衛生署

Lab16:Accessibility in GreaseMonkey

 

1. Google Search Keys Numbers the results in a Google search page and you can type the corresponding number to follow the link. Updated: 2005-04-26. more
2. Google Access Keys Enables navigation through Google search results.

Reference:
http://dia.z6i.org/ (中文)


請點擊繼續閱讀

Lab15:Clean Language

 1. Save the JavaScript file of Clean Language to your desktop. Make changes to the script with self-defined bad words. To do this, save the JavaScript on your desk top. Use Notepad editor to make changes. Install the modified script as Greasemonkey.

2. Use Google to search webpages that contains some bad words.

3. Try whether the filtering take effects.


請點擊繼續閱讀

Lab14:Greasemonkey

1. Install Greasemonkey 0.8. Check the lower right corner of your Firefox and you should find a monkey at the right. Note that you must run the

2. Cookie Monster - Show cookie contents: Shows the contents of the current page cookie. Just mouse over the "Cookie" text on the bottom left. Check what cookies http://www.nytimes.com writes to you. Does our class blog use cookie or not? Does Google use cookie?
3. You can turn off Greasemonkey by clicking on the monkey face at the URL bar of Firefox. Click again to activate Greasemonkey.

請點擊繼續閱讀

Lab13，Google Mars

Lab13，Google Mars


1. Observe how Google Mars loads the map and does the zooming. Is the data downloaded once for all or retrieved on demand?
2. 這個服務的特色有哪些?

請點擊繼續閱讀

Lab 11: Using your iGoogle

Lab 11: Using your iGoogle

1. 在你的iGoogle 討論群組 Google Group，加入這個討論區http://groups.google.com/group/mobile-computing
2. 在你的iGoogle 閱讀群組 Google Reader，加入這個部落格http://minstral.blogspot.com/

請點擊繼續閱讀

Lab12，Using Google PageRank

Lab12:Using Google PageRank
在Firefox上安裝 PageRank , 然後使用 PageRank 量測以下網站的 PageRank (0~10分)

紐約時報 http://www.nytimes.com
CNN http://www.cnn.com/
台灣雅虎 http://tw.yahoo.com
蕃薯藤 http://www.yam.com
PCHome 購物 http://shopping.pchome.com.tw/
Monday 購物 http://www.monday.com.tw/

接著，以PageRank量測你常用的三個網站。

參考資料:
PageRank-Google 決定搜尋排名的關鍵技術
PageRank 的論文






請點擊繼續閱讀

Lab10，Google Docs

Lab10，Google Docs

1. Go to Google Docs. Google Docs lets you write Word documents through an online web service.
2. Start writing.
3. Publish the Word document.
4. What's the URL of your document.
5. Add the Google Docs to your personal portal. At the portal page, you should be able to see the active documents.
6. Save your document as .doc and .pdf, the two common formats for documents.

Hint: This is a sample Word document.

請點擊繼續閱讀

Homework 3

Homework 3 連結。


1. 想了解老師的研究方向嗎? 請善用中原大學教師著作查詢系統了解本系任三位老師得近年著作，請列出這三個超聯結。
2. Firefox 最新的市占率為何? 請註明你的資料來源。
3. 在Homework 2 中，你得到多少篇回應? 這些回應對你有幫助嗎?


請點擊繼續閱讀

Lab 6 :使用標籤

Lab 6 Using labels

請點擊繼續閱讀

Lab9:網頁簡體版功能

Lab 9 本校網頁簡體版功能。

請點擊繼續閱讀

Lab7，firefox

Using Firefox

請點擊繼續閱讀。

Lab8: 我的iGoogle

 iGoogle的頁面貼圖。

請點擊繼續閱讀。

作業2

你有何策略可以針對網路大學排名四個要素提出改善本校排名之道?

文章引用至此

請點擊繼續閱讀 。

作業1

1. 列舉兩個因為網路傳播而迅速成為話題的事件，並解釋為什麼?
2. 紐約時報董事長表示未來可能停止印刷發行，只留下網路發行。可能原因是甚麼? 這家企業未來要如何存活?
3. 上網的工具除了電腦之外，還有哪些?
4. 試列舉數個 Internet of Things 的應用。

文章引用至此

請點擊繼續閱讀

Lab5網路大學排名

網路大學排名

網頁數
Google site:cycu.edu.tw (台大 中正 )
Yahoo site:cycu.edu.tw (台大 中正 )

連結度(能見度)
Yahoo linkdomain:cycu.edu.tw -site:cycu.edu.tw (台大 中正)

檔案數(Rich files)
Google site:cycu.edu.tw filetype:pdf (台大 中正)

Google Scholar 論文索引
Scholar Google site:cycu.edu.tw (台大 中正 )

文章引用至此

請點擊繼續閱讀

Lab4發表評論

針對前次作業第二題(如下)，挑選至少五篇你覺得很用心的文章，針對寫作技巧與文章內涵給予建設性的評語。

你的評論有一個 URL，請把 URL 列出。
請點擊繼續閱讀。

中原大學的Google Map

請點擊繼續閱讀。

測試文章

9626166測試