星期一, 5月 26, 2014

Lab 34 Syndication with RSS 2.0



1. 進入你的部落格,登入,選擇設計
2. 新增小工具
3. 選取
資 訊提供 新增
將 RSS 或 Atom 資訊提供的內容加入您的網誌。

Blogger 製作

4. 撰寫或貼上所需連結(範例)

Lab 33 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.

Lab32 XML

1. Register and Download Xray, an XML, XSLT editor and processor.
    (安裝X-Ray需要權限)

    (助教碎碎念:若無法順利安裝再點)

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

3. View the formatted HTML file.

星期一, 5月 19, 2014

(講題預告)網際網路應用系統設計: XML

網際網路應用系統設計: XML: Take a look at islandwide temperatures of Taiwan. What happens if you just want Taoyuan's temperature? If you want to include Taoyuan&#...

Lab 31 Making images accessible

1. Study what an ALT tag is.
2. Use Notepad++ to edit the following homepage
at http://bloggercamp.blogspot.com/2007/01/2007.html

You can copy and paste the content to your Notepad++.

3. Save your editings and preview your webpage.

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

5. Check whether you can see the ALT text for the images by moving the mouse over the image.

Lab 30 視障者使用網頁的需求

參考視障者瀏覽網頁的需求,請至少針對五類需求(例如:選定你的語言),每類舉出一個網頁實例(台灣或國外皆可),並列出該網頁關鍵HTML片段,證明該網頁的確符合視障者需求。

相關新聞報導 爭資訊與文化平權 上千身障者上街(自由時報12.1.2013)

Lab 29 Using PageRank

在Chrome上安裝 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/

接著,以PageRank量測你常用的三個網站,
並留下至少八張有做此LAB的紀錄。

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

(講題預告)PageRank-Google

PageRank-Google 決定搜尋排名的關鍵技術

星期一, 5月 12, 2014

Lab 28 Design your business card

1. Refer to the div example Try it yourself
2. Design your business card. You can choose your colors, fonts, styles.

Lab 27 More on HTML

Tables
1. Open Notepad++.
2. Copy and paste theTables example athttp://www.w3schools.com/html/html_tables.asp
3. Open browser for the result.

Lists
1. Open Notepad++.
2. Copy and paste the Lists example athttp://www.w3schools.com/html/html_lists.asp

3. Open browser for the result.

Lab 26 HTML

HTML 

Preparation

1. Using Notepad++, Copy and paste the HTML example at Introduction to HTML
2. Save the file as myfile.html
3. Open the file using Browser. (請將3.輸出結果拍一張圖)

4. Repeat the work for 


(請將7.輸出結果拍一張圖,共五張)

星期一, 5月 05, 2014

(講題預告) 網際網路應用系統設計: CSS by examples

網際網路應用系統設計: CSS by examples: an introduction Try it yourself Using styles in HTML How to add style information inside the section. Link that is not underlined ...

(講題預告) 網際網路應用系統設計: HTML by Examples

網際網路應用系統設計: HTML by Examples: a simple start HTML Page Structure This a heading This is a paragraph. This is another paragraph. source HTML Versions ...

Lab 24 Google Maps II

Write a form to send a query to Google maps. If the input is not in the format of coordinates, display an error, clear the input, and ask the user to retry. For example, an incorrect input may look like 12.a2,21.22

1. You should define a function check() to check the query input.
2. You can call the function check as follows:form action="http://maps.google.com/maps" method="get" name="f" onsubmit="return check()"

Lab 23 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. Make sure your friends can view your document.
4. What's the URL of your document.
5. Save your document as .doc and .pdf, the two common formats for documents.

Hint: This is a sample Word document.

News coverage:
Google “Docs & Spreadsheets” Launches ,Oct 2006

Lab 22 共同編輯文件

閱讀[新聞報導] 美國商會結合微軟 二手電腦供社福團體免費用,假設這個計畫是由你發起,你要擬定一張志工排班表,以及修復場地值班人員。
  • 請製作一張值班人員表,為了提升效率,你決定先擬好空白表格,再開放編輯權限給你的夥伴填寫,請夥伴上網登記輪值時間。
  • 製作志工時間登記表,當志工們填寫資料,管理者可以得到一份excel清單,為了保障個人隱私,請不要將excel公開給所有人。

Lab 21 製作線上投影片

參閱特教學校科技輔具應用工作坊議程表,將範例投影片轉為Google投影片,可以線上觀看。