Lab 31 XML

XML :可延伸標記式語言，是一種標記式語言。標記指電腦所能理解的訊息符號，透過此種標記，電腦之間可以處理包含各種訊息的文章等。如何定義這些標記，既可以選擇國際通用的標記式語言，XML是從標準通用標記式語言（SGML）中簡化修改出來的。它主要用到的有可延伸標記式語言、可延伸樣式語言（XSL）、XBRL和XPath等。

XSLT:可擴展樣式表轉換語言（Extensible Stylesheet Language Transformations，簡稱XSLT）是一種對XML檔案進行轉化的語言，XSLT中的T代表英語中的「轉換」（transformation）。它是XSL（Extensible stylesheet language）規範的一部分。

Lab 32 XML (2)

Given the

Listing 1. An XML document representing the results of a soccer tournament

Listing 3. A style sheet that computes team standings

錯誤版

                                          

正確版

Given the 

Listing 1. An XML document representing the results of a soccer tournament

Listing 2. A basic style sheet for the soccer results

Lab 33 Syndication with RSS 2.0

Lab 30 Programming in DOM

Lab 29 Create Image using DOM

Lab 28 Hand code a form

Lab 27 Lab Form and Action

get 搜尋結果

post 收尋結果

Lab 26 使用HTML 4 和HTML 5的影音播放

                                                                          HTML 5 :
 

HTML 4 :

此兩者差別在於 HTML 4 必須得用Flash播放器才可播放，HTML5不須安裝相關的影音外掛程式即可播放。

Lab 25 Mash-Up 2 (Calendars)

Lab 24 Mash-Up, Part 1 (Maps)

比 較
美感：Housingmaps 整體的觀感較佳，一目了然的地圖讓人較清楚的房子的區域。         
          永慶房屋網     網頁內容相當豐富，但也因為資訊過多，觀感上有點複雜。

直覺性：Housingmaps 直覺性較高，可以直覺性地一直操作下去。             永慶房屋網     直覺性較低，須自己輸入想找的房子的範圍、條件。

流暢：兩者流暢度都不錯。

預期反應： 我較偏向於永慶房仲，雖然網頁內容較繁多，但相對訊息也多，且有實質的照片可參考，能看到實景是很重要的一點，房屋分類部分也相當清楚，不管是依地去或房屋類型分。

Lab 23 navigation bar

Lab 21 Firefox Accessibility Extension

google



yahoo

pchome

Lab 22 Making images accessible

Homework 4-29-2013

1.不要開出新視窗





2.在鍵結上加入標題

3.快捷鍵

4.提供表格摘要

5.指定語言

Lab 19 More on HTML

按著同樣的順序，多了表格。

按著同樣的順序，列出了清單。








Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。
剛開始不太懂Lab17第一點想要我們呈現的是甚麼，後來問同學才知道原來是要我們，透過記事本把網址儲存成HTML檔的形式，再經由火狐表現。

Lab 18 Google Accessibility

google



firefox

這種功能真的方便很多，按數字鍵即可進入，按大於小於即可跳頁，有時遇到滑鼠失靈的狀況就可以用鍵盤取代。

Lab 17 HTML

Homework 4-15-2013

有A, B, C 三個網頁，A引用了B, C，B引用了C，C也引用了 A
計算A,B,C 三個網頁的PageRank，三者PageRank排序為何?

A = (C/1)*0.85+0.15 = 0.85C+0.15   (1)

B = (A/2)*0.85+0.15 = 0.425A+0.15   (2)

C = (A/2+B/1)*0.85+0.15 = 0.425A+0.85B+0.15(3)

從(2)(3) 得 1.85B = C

代入(1) 得 A = 1.5725B+0.15  (4)

(2)再代入(4) 得 A = 1.163

得 B = 0.425*1.163+0.15=0.644

得 C = 1.85*0.644 = 1.19

Ans : C > A > B

Lab 16 Clean Language

Lab 15 Greasemonkey

Lab 14 Using Google PageRank

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



CNN http://www.cnn.com/

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

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

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

Homework 4-8-2013

1 .  手機外觀 : 

一支手機的外觀絕對佔了消費者考慮購買時至少一半的主因，其中當然包含外觀、材質、手

感、大小、顏色、搭配。

2 .   結構 :

只的是位置的設計，像螢幕的呈現、插孔該在哪個位置、充電的地方又該在哪裡、攝影鏡頭或內鏡的位置.....等等。

3 .   技術 :

其實就是內建功能，軟體的部分，像是影像技術的處理、介面怎麼配置，諸如此類的。

4 .   包裝 :

就是在市面上該如何替這支手機行銷，像是廣告，而廣告代言問題及內容該強打甚麼功能，

讓大眾對商品有興趣 ，提身知名度。

Homework 3-27-2013

9926255 林延興

能將演講者的內容與阿凡達的電影內容串起，這麼好的譬喻讓大家更了解也更明白!

9827375 謝東益

分兩段點出兩部影片的重點，內容精簡明瞭，好懂。

9926253  藍唯誠

將兩部影片內容結合，整段的心得都是重點精華。

9926203 劉禹廷

內容闡述讓讀者很容易明白，代表作者深深了解影片內容，最後也有自己的心得，佳作。

9926202  闕慧宇

兩段論述，精準、深刻，又加了自己的想法，有種恍然大悟的感覺，可見其之細心。

Lab 12 共同編輯文件

莫拉克風災電腦修復大作戰→時段調查表

時段調查表

Lab 13 製作線上投影片