2011年5月30日 星期一

Lab 37 XML (2)


其實我覺得一開始我就做錯了,但是是被表格的抹茶綠誘惑到嗎?我也不知道 = ='''
總之我一開始的想法是想要弄一個表格出來,但是沒有找到函式融合表格的資料,
所以......
我就把老師的xml跟xslt做了點變更(請原諒Orz
以下是xml的原始碼

  <?xml version="1.0" encoding="ISO-8859-1" ?>
<!--
  -->   
-    <catalog>
-    <cd>
     <Team>Brazil</Team>
     <Played>3</Played>
     <Won>2</Won>
     <Drawn>0</Drawn>
     <Lost>1</Lost>
     <For>6</For>
     <Against>3</Against>
  </cd>
-    <cd>
     <Team>Scoland</Team>
     <Played>3</Played>
     <Won>0</Won>
     <Drawn>1</Drawn>
     <Lost>2</Lost>
     <For>2</For>
     <Against>6</Against>
  </cd>
-    <cd>
     <Team>Morocco</Team>
     <Played>3</Played>
     <Won>1</Won>
     <Drawn>1</Drawn>
     <Lost>1</Lost>
     <For>5</For>
     <Against>5</Against>
     </cd>
-    <cd>
     <Team>Norway</Team>
     <Played>3</Played>
     <Won>1</Won>
     <Drawn>2</Drawn>
     <Lost>0</Lost>
     <For>5</For>
     <Against>4</Against>
  </cd>
  </catalog>

其實我覺得這個方法蠻有趣的,之前寫過html,那時候做表格是就是扯到一堆tr跟td
但tr跟td呢?做為data,就要有一個骨架來承載他(我上一篇說的XD~~

所以骨架就在下面啦,th是指標題,關鍵是:<xsl:for-each select="catalog/cd">,
他會去檢查每一個位於catalog裡的每個cd的每份資料,只要每份資料的標籤
跟我xsl裡的每個<td></td>裡表明要吃的標籤一樣,那他就會一個一個放進來
,直到資料全被乘載完才方休!!!


<?xml version="1.0" encoding="ISO-8859-1"?>
<!-- -->
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
  <html>
  <body>
    <h2>Results of Group A</h2>
    <table border="1">
      <tr bgcolor="#9acd32">
        <th>Team</th>
        <th>Played</th>
        <th>Won</th>
        <th>Drawn</th>
        <th>Lost</th>
        <th>For</th>
        <th>Against</th>
      </tr>
      <xsl:for-each select="catalog/cd">
      <tr>
        <td><xsl:value-of select="Team" /></td>
        <td><xsl:value-of select="Played" /></td>
        <td><xsl:value-of select="Won" /></td>
        <td><xsl:value-of select="Drawn" /></td>
        <td><xsl:value-of select="Lost" /></td>
        <td><xsl:value-of select="For" /></td>
        <td><xsl:value-of select="Against" /></td>
      </tr>
      </xsl:for-each>
    </table>
  </body>
  </html>
</xsl:template>
</xsl:stylesheet>

到此結束,感覺上次的dom比較好玩>"<,感謝!!!

Lab 36 XML

甚麼是xml及xstl?
如果說xml是data,我們如何運用data?如何將data變得更豐富?如何讓html讀的懂data,這其
中就必須要透過xslt,因此,如果我們說xml是data,那我覺得xslt是乘載data的支架是個最易懂
的說法。



操作順序:
1.先將程式碼1程式碼2改寫,另存新檔
2.file→new xslt transform,分別載入xml及xslt
3.file→new html view,點選transform,即可完成。

2011年5月2日 星期一

Lab 31 Mash-Up 4 (Calendars)

Lab 30 Mash-up 3 (Blogs)


之前,網誌剛開時,我相當無聊,想要讓網誌上方的標題是可以動的,於是...,一段相當白
痴的故事就開始了。

眾所皆知的,通常看到動態圖片都是用GIF弄的,可是....自己弄的話代表要有很多張圖結合在
一起...Made by 小畫家......

這是一開始的雛型,可是要他從s開始閃,閃到5,就代表我要一個數字一張圖,所以總共要
8張圖,再加上全部都包含的,所以要9張圖。
那九張圖我已經散失了,但是有成品跟製作方法的截圖......。


因為要下載軟體很麻煩,所以我就找上了這個網站,可以線上合成gif圖。


但是他不能批次上載,也就是說,我要經歷了10次上載才可以完成一個gif圖。

費盡了千辛萬苦,才發現忘了調頻率......,所以有這種超閃圖 0.0


這種頻率放在標題......,整個就很煩躁,經過了一番調整,才找到比較適當的頻率。

喔!說錯了......,需要19張圖.....。


以下是我目前為止的相簿內容..........




Lab 29 Mash-up 2 (Maps)



哈!不知道為什麼我點進老師給的兩個連結就想到之前我在某部落看到的抨擊台灣電腦廠商
的文章,文章其實主要的內容是對蘋果歌功頌德,但其中有些觀點實在讓我無法再給予更多
認同,以鄉民的說法就是:「大大,小弟不能同意您更多了。」

該文章提到了蘋果公司跟台灣雙A的網站作為比較。有人會進到蘋果的網站可是不知道怎麼看MAC的相關資訊嗎?有人進到蘋果會分不出MACBOOK跟MACPRO的差別嗎?賈伯斯有一句
名言:「我討厭笨蛋,但我做的東西連笨蛋都會用!」這句話雖然言過其實,但是這種理念幾
乎至少被圭臬為蘋果公司的設計理念之一,連網頁也是!但是比較台灣雙A的網站,文章中提到:「電腦公司很天真的把規格直接列給使用者看!」使得使用者無法了解該產品真正的特色
和相對於其他產品的差別在哪。

好,言歸正傳。

要不是老師丟這個連結給我,我還真不知道永慶房屋的網頁長這樣,以美觀度來說,永慶房
屋那種眼花撩亂的網頁,第一眼就不是很討喜......,而且網頁上方的列表和左方列表都有租房
買房......,誰可以告訴我要點哪個?感覺重複的資訊很多,而且看似每個都一樣的標題,點進
去又都不太一樣的樣子......,如果沒有點耐心一點很難找到自己想要的資訊。想反的,housin
gmaps可以用最快的速度對焦在你所要的房屋資訊上,直接點擊個地方,馬上就會出現分類
,再次點擊,你所需要的資訊就馬上一目了然,而且永慶房屋的網頁有好多內嵌的flash元件
,對於設備較老舊的使用者來說實在不是一件好事情。


Lab 28 Mash-up 1 (Publish)





Lab 27 navigation bar




進入網頁後的右方即可見到。