周恆緯-網際網路應用系統與設計: 2013

2013年6月17日星期一

Lab 33 Syndication with RSS 2.0

1. 進入你的部落格，登入，選擇設計
2. 新增小工具
3. 選取
資訊提供

將 RSS 或 Atom 資訊提供的內容加入您的網誌。
Blogger 製作

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

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

use the XSLT as in the Listing 2 to transform the XML file as in the Listing 1.
(archive)

use the XSLT as in the Listing 2 to transform the XML file as in the Listing 1.
(archive)

1. Register and Download Xray, an XML, XSLT editor and processor.
(安裝X-Ray需要權限)
(助教碎碎念:若無法順利安裝再點我)

2. Before you do this lab,all the first you must know is
what is XML?
what is XSLT?
please write down your answer.(least 200 words)

3. Given the the XML file and XSLT file ,
use Xray to do the transformation of the XML into HTML.
You have to replace [ with <.

4. View the formatted HTML file.

XML:可擴展置標語言（Extensible Markup Language，簡稱XML），又稱可擴展標記語言，是一種置標語言。置標指電腦所能理解的信息符號，通過此種標記，電腦之間可以處理包含各種信息的文章等。如何定義這些標記，既可以選擇國際通用的標記語言，比如HTML，也可以使用像XML這樣由相關人士自由決定的標記語言，這就是語言的可擴展性。XML是從標準通用置標語言（SGML）中簡化修改出來的。它主要用到的有可擴展置標語言、可擴展樣式語言（XSL）、XBRL和XPath等。
XSLT:其實XSLT只是將XML理轉換成其他格式而已，我們透過ＸＳＬＴ處理器可以將XML文件照者Template-Driven的轉換Script程式碼來產生轉換結果XML他可以轉換成樹狀結構，其是XSLT就是把一個XML的樹使用XSLT轉換成tree的，在修改一下node 最後產生另一棵樹。其實XML配合XSLT我們就能支援在HTML上顯示文件了

2013年6月10日星期一

Lab 30 Programming in 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 29 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.

2013年6月3日星期一

Lab 28 Hand code a form

Lab 27 Lab Form and Action

get指令可使用

POST則不行

Homework 2-18-2013

Homework 4-29-2013

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

語言

加入標題

定義快速鍵

跳過導覽列的連結

取代文字的圖片

Homework 4-15-2013

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

Ans:
A = (C/1)*0.85+0.15 = 0.85C+0.15
B = (A/2)*0.85+0.15 = 0.425A+0.15
C = (A/2+B/1)*0.85+0.15 = 0.425A+0.85B+0.15
解聯立:
A = 1.16
B = 0.64
C = 1.19

得:C > A > B

2013年5月20日星期一

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

html4
"autoplay"可立即撥放
使用.swf檔

<embed>	Defines an embedded object
<object>	Defines an embedded object
<param>	Defines a parameter for an object
<audio>New	Defines sound content
<video>New	Defines a video or movie
<source>New	Defines multiple media resources for media elements (<video> and <audio>)
<track>New	Defines text tracks for media elements (<video> and <audio>)

html5
"autoplay"可立即撥放
HTML5 has DOM methods, properties, and events for the <video> and <audio> elements

<video>	Defines a video or movie
<source>	Defines multiple media resources for media elements, such as <video> and <audio>
<track>	Defines text tracks in media players