<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="/main.xsl"?>
<b:blog xmlns="http://www.w3.org/1999/xhtml" xmlns:b="http://blog.othree.net"  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://blog.othree.net http://blog.othree.net/blooog.xsd">
	<b:blogTitle>O3noBLOG</b:blogTitle>
	<b:blogDescription></b:blogDescription>
	<b:entries>
		<b:entriesMeta>
			<b:listType>m</b:listType>
			<b:listData listID="2007-09">September 2007</b:listData>

			<b:previous>
				<b:mTitle>August 2007</b:mTitle>
				<b:mDate>2007/08</b:mDate>
			</b:previous>


			<b:next>
				<b:mTitle>October 2007</b:mTitle>
				<b:mDate>2007/10</b:mDate>				
			</b:next>

		</b:entriesMeta>

		<b:entry entryID="000464" baseName="nice-boat">
			<b:author>
				<b:authorName>othree</b:authorName>
				<b:authorEmail>othree@gmail.com</b:authorEmail>
				<b:authorUrl></b:authorUrl>
			</b:author>
			<b:datetime>
				<b:date>2007-09-28</b:date>
				<b:time>03:00:53</b:time>
			</b:datetime>
			<b:category>acg</b:category>
			<b:title>nice boat</b:title>
			<b:content>
				<b:summary>本文有動畫School Days的劇情，並且是結局相關。...</b:summary>
				<b:mainContent><p>本文有動畫<a href="http://www.schooldays-anime.com/">School Days</a>的劇情，並且是結局相關。</p></b:mainContent>
				<b:extendContent><p><a href="http://www.schooldays-anime.com/">School Days</a>是日本Overflow所作的H Game改編的動畫，是今年的夏季番組，H Game改編動畫其實不是什麼稀奇的事，把H要素抽掉一樣可以把故事呈現給觀眾，當然也是有處理的好和處理的不好的，不過School Days從決定要改編動畫後就開始爭議不斷，是因為它的多重結局中有數個結局是有血腥劇情的，因此動畫版的結局會是怎樣也一直很受人注目，沒想到，在播映最終話的前一天，日本發生<a href="http://headlines.yahoo.co.jp/hl?a=20070919-00000919-san-soci">16歲女生用斧頭把老爸的頭砍下來</a>的事件，結果理論上會最快播出的<strong>テレビ神奈川</strong>，臨時決定取消播放該集，在OP主題曲撥完後就變成風景放送。</p>

<p>由於一切太過突然，就在完全沒有任何事先告知的狀況下取消節目的播出，也創下日本動畫無預警停播的首例，當然引起大批守候的動畫迷不滿，不過即使如此，一些職人還是很盡責的把這半小時的風景片擷取下來，壓縮並放上各種分享平台，其中也包括現在日本火紅的<a href="http://www.nicovideo.jp/">ニコニコ動画</a>。ニコニコ動画是類似youtube的網路影片發佈平台，他最大的特色是特殊的留言機制，訪客的留言會直接在畫面上以跑馬燈方式跑過去，此一功能也是ニコニコ動画最受好評的地方。而改播的風景片有段畫面中有艘遊艇，結果留言者留下的<strong>Nice boat</strong>引起廣大的迴響，在動漫畫圈裡面紛紛以Nice boat作為這話的代名詞，在Hatena裡也迅速的出現了<a href="http://d.hatena.ne.jp/keyword/Nice%20boat">解釋</a>，現在用google搜尋「nice boat」也都是相關消息的網頁。</p>

<p>幾乎在テレビ神奈川之後，其他各家電視臺也都決定終止放送，或是改為需要重新審查的狀況，而日本也因為高中生弒父的事件再次興起了動畫會給小孩造成不良影響的社會言論，不過School Days並未成為社會的標靶，而是<a href="http://www.oyashirosama.com/">ひぐらしのなく頃に解</a>，因為劇情中有類似的情節，嚴格說來，其實只是殺人用的武器比較像斧頭而已，School Days裡面用的是刀和鋸子，且還未播出，而事件過後沒幾天，竟然又發生一起疑似模仿犯案，有一名<a href="http://www.asahi.com/national/update/0924/TKY200709240002.html">中學三年生也是用斧頭把老爸的頭砍下來</a>，不過之後的相關新聞我就沒注意了。</p>

<p>就在幾乎電視台都無法播放最終話的狀況下，原來要看最終話只能等待明年出的DVD最終卷，遊戲製作公司Overflow決定辦特別的播映會，只不過要參加播映會需要<strong>未開封</strong>的School Days或Summer Days（遊戲的續做）遊戲，沒錯，要<strong>未開封</strong>的，沒想到本來說要重新審查的AT-X竟然決定要撥了，於是Overflow就在不到24小時內把那個未開封的條件取消掉了，終於，一切紛紛擾擾好像都結束了，大家就靜靜的等著今天凌晨的最終話播映。這部動畫我其實只有看第一話，所以並不是這麼在意最後結局的，不過實在太出乎大家意料了。</p>

<p>其實已經發生過臨時決定停止放映的狀況後，大家也都知道最後一話一定會見血，沒錯，果然見血了，不過比遊戲更劇烈的還有砍頭、開膛的畫面（我第一次知道「咲く」可以用在這...），AT-X在播映時已經把血改為黑色，並且針對不少CUT做處理，像是穿插回憶畫面，ニコニコ動画上的留言一致認為停播是正確的，這狀況在這圈子也是我第一次看到，不過最讓我驚訝的是，是最後真的有艘船，nice boat啊！！在這一瞬間，我相信<strong>nice boat</strong>會在日本動畫史上留下不可磨滅的一筆紀錄！！</p>

<p>PS: 正確寫法是「Nice boat.」，句首大寫，最後還要句點。</p>


<ul>
<li><a href="http://d.hatena.ne.jp/keyword/Nice%20boat">Nice boatとは</a></li>
<li><a href="http://www.0verflow.com/">Overflow</a></li>
<li><a href="http://www.cuhkacs.org/~alanlee/blog/archives/2007/09/school_days_12_niceboat.php">【Nice boat. 商法】School Days 第12話放映會，參加條件不再苛刻</a></li>
<li><a href="http://headlines.yahoo.co.jp/hl?a=20070919-00000919-san-soci">「この世から消えてしまえばよい」警官の父殺害の１６歳少女</a></li>
<li><a href="http://www.asahi.com/national/update/0924/TKY200709240002.html">中３少年、おので父親の頭切る　殺人未遂容疑で逮捕</a></li>
</ul>

</b:extendContent>
			</b:content>

			<b:comments commentCount="2"></b:comments>


			<b:trackbacks trackbackCount="0"></b:trackbacks>

		</b:entry>

		<b:entry entryID="000463" baseName="president-sites">
			<b:author>
				<b:authorName>othree</b:authorName>
				<b:authorEmail>othree@gmail.com</b:authorEmail>
				<b:authorUrl></b:authorUrl>
			</b:author>
			<b:datetime>
				<b:date>2007-09-21</b:date>
				<b:time>20:08:20</b:time>
			</b:datetime>
			<b:category>web</b:category>
			<b:title>總統候選人網站比較</b:title>
			<b:content>
				<b:summary>昨天有個朋友在他BBS個人版上比較起兩位總統候選人的網站，我也順便點過去看看，結果就促成了現在寫的這篇文章。...</b:summary>
				<b:mainContent><p>昨天有個朋友在他BBS個人版上比較起兩位總統候選人的網站，我也順便點過去看看，結果就促成了現在寫的這篇文章。</p></b:mainContent>
				<b:extendContent><p>如同大家所知道的，明年的總統候選人目前有兩位，分別是<a href="http://www.ma19.net/">馬英九</a>和<a href="http://www.frankhsieh.org/">謝長廷</a>，兩個陣營應該都有專門的部門負責網站建置，不過就我看來兩邊的成果其實差距不小，雖然我不認為所有的網站都要顧慮到網路標準、親和力、使用性等等，但是至少總統候選人的需要吧。</p>

<h4>謝長廷</h4>

<p><a href="http://blog.othree.net/log/2007/09/21/president-sites/frankhsieh.png"><img alt="謝長廷的網站很傳統" src="http://blog.othree.net/log/2007/09/21/president-sites/frankhsieh-thumb-400x311.png" width="400" height="311" /></a></p>

<p>謝長廷的網站使用的是上個世紀的表格排版，從頭到尾看不到一個head標籤（h1～h6），從網頁標題和頁面主體我都沒辦法第一時間判斷是不是謝長廷的競選網站，雖然在Google上搜尋<strong>謝長廷</strong>時這個網站還是排第一，但是這些設計都是對SEO和親和力很不好的，而我覺得最糟糕的一點是<a href="http://www.frankhsieh.org/mod/person/index.php?REQUEST_ID=cGFnZT1zYWdh">政績</a>，昨天進去看竟然是空的，今天看已經有些資料了，可能是某處的討論傳開了所以趕快放些東西上來吧，不過<a href="http://www.frankhsieh.org/mod/news/index.php?REQUEST_ID=cGFnZT1tb3ZpZQ==">活動紀實</a>還是空的，像這樣需要形象良好的網站放空頁面上去是很要不得的，就算放一個<strong>施工中</strong>頁面也是不好，最好是沒完成的部份就不要讓人可以連結進來看，把連結先disable掉才是比較好的作法，這樣訪客才不會有白跑一趟的感覺，尤其像是政績的介紹，竟然寫著「抱歉，目前尚無資料！！」搞不好會有人想說其實是沒有政績吧。</p>

<p>再來，HTML沒有通過W3C檢測，沒有指定DTD，並且首頁尾端在Firefox上有排版不正確的情形，圖片也沒設定替代文字，我想有接觸過親和力資訊的人都知道螢幕閱讀器(screen reader)在遇到沒有替代的文字的圖片時，會把圖片網址念出來吧，而這些圖片還包括導覽列的那些項目，所以會看到一個連結的code如下：</p><pre><code>&lt;a href=&quot;http://www.frankhsieh.org/mod/news/index.php?REQUEST_ID=cGFnZT1tb3ZpZQ==&quot;&gt;
  &lt;img width=&quot;75&quot; height=&quot;41&quot; src=&quot;http://www.frankhsieh.org/images/mod2.gif&quot;/&gt;
&lt;/a&gt;</code></pre><p>加上連結的URI本身也不具有意義，看不到圖片的人真的沒辦法知道這連結的內容是什麼。說到URI，它的網址路徑很像使用架站套件來建置的感覺，但是從頭到尾都找不到相關資訊，當然這只是我推測的，如果不是自己開發的系統，還把使用系統的相關資訊都刪除掉似乎不太好。</p>

<p>謝長廷的部份就先在這裡打住吧，其實要找問題真是找不完，感覺就像是台灣大部分的網站製作公司做出來的水準，而且有些頁面資訊還是空的，我逛了沒多久就沒興趣逛下去了，反觀馬英九的真是好很多。</p>

<h4>馬英九</h4>

<p><a href="http://blog.othree.net/log/2007/09/21/president-sites/ma19.png"><img alt="馬英九網站首頁排版和配色都很大膽" src="http://blog.othree.net/log/2007/09/21/president-sites/ma19-thumb-400x617.png" width="400" height="617" /></a></p>

<p>由於我是先看到謝長廷的網站，才看到馬英九的，所以一開始真是有點嚇到了，覺得怎麼差距會這麼大，讓我再次覺得找對的人做對的事真是很重要。不過花了一個晚上慢慢比較、檢查，就發現馬英九的網站還是有很多可以改進的地方，不過還是先來講講他的優點吧。</p>

<p>首先，網站的主題明確，一進來在頁面左上角最顯眼的地方就看得到<strong>馬英九</strong>三個字，加上其他顯眼的資訊，訪客一點都不會懷疑這是馬英九的競選網站，再來服務條款、內容政策、隱私權說明、著作權說明每項資訊都有，而且連結位置明顯，像這類資訊雖然大部分訪客都不會去看，但是其實是很重要的，使用<a href="http://drupal.org/">Drupal</a>系統也有註明。除此之外，整個網站也使用了不少網路服務，像是<a href="http://www.flickr.com/">flickr</a>、<a href="http://www.google.com/maps">Google Maps</a>、<a href="http://video.google.com/">Google Video</a>，行事曆還可以匯出給<a href="http://www.apple.com/macosx/features/ical/">iCal</a>（我想開發人員是Mac使用者吧），也因為使用Drupal，所以本身就支援資料來源(feed)，而且還有用<a href="http://www.feedburner.com/">feed burner</a>燒過，不過feed burner因為還沒有中文介面，其實並不一定是好事。</p>

<p>簡單講完優點，再來說說馬英九的網站有什麼問題吧，其中最大的就是沒有考慮網站親和力，像是他的下拉式導覽列雖然Firefox也能正常使用，但是其實是完全用javascript產生的，所以像純文字瀏覽器和搜尋引擎的機器人就看不到導覽列，SEO就會變差，再來圖片也沒有替代文字，不過至少沒有排版用圖片，但是幾乎每個分區的標題都是用圖片。有不少贅餘標籤和class，雖然DTD指定是使用XHTML，卻有不少標籤沒有正確結束，當然也因此沒通過W3C檢測，而且錯誤還比謝長廷的多（不過謝長廷的網站因為沒有指定DTD，所以是用HTML 4的規範做檢測），以贅餘標籤和class為例，在<a href="http://www.ma19.net/schedule">行程</a>的側邊欄的每一個項目的HTML code看起來都像下面這樣：</p><pre><code>&lt;li&gt;
  &lt;div class='view-item view-item-schedule-block'&gt;
    &lt;div class='view-field view-data-node-title'&gt;
      &lt;a href=&quot;/schedule/2007-09-22t09%3A00%3A00/554&quot;&gt;蕭萬長--國民黨執政縣市長協調會報&lt;/a&gt;
    &lt;/div&gt;
    &lt;div class='view-field view-data-node-data-field-date-field-date-value'&gt;
      &lt;span class=&quot;date-display-start&quot;&gt;2007/09/22 - 09:00&lt;/span&gt;
      &lt;span class=&quot;date-display-separator&quot;&gt; - &lt;/span&gt;
      &lt;span class=&quot;date-display-end&quot;&gt;2007/09/22 - 10:30&lt;/span&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/li&gt;</code></pre><p>不過這很有可能是Drupal系統自動產生的，而除此之外，網頁內還有些舊時代的餘毒，例如首頁最上面的</p><pre><code>&lt;a name=&quot;top&quot;&gt;&lt;/a&gt;</code></pre><p>就是一例，另外還有一些奇怪的錯誤，像是style放在body裡面、不同區塊的頁內script有的用HTML註解有的用CDATA，而大部分是都沒有的，在SEO、文件結構和使用性三者還有一個共通的錯誤，就是開發人員自己把頁頂的h1標籤兼回首頁連結砍掉了，結果在header裡面沒有文字的網站標題、使用者按網站頂端的標題也不會回到首頁，沒第一級的標題造成文件結構不完整，網站標題不能回首頁是破壞使用者依循的經驗。</p>

<h4>美國總統候選人的網站</h4>

<p>昨天在<a href="http://happydesigner.org/">HappyDesigner</a>的IRC上提出一些討論時，<a href="http://lukhnos.org/blog/zh/">lukhnos</a>很快就找了很多對照組，我拿了美國總統候選人的其中三個網站來作對照：</p>


<ul>
<li><a href="http://www.hillaryclinton.com/">Hillary</a></li>
<li><a href="http://www.barackobama.com/">Obama</a></li>
<li><a href="http://www.joinrudy2008.com/">Rudy</a></li>
</ul>



<p>三者在視覺呈現以外的部份其實都是比國內兩位候選人的網站還要來的好，不過不知道為什麼大家都不喜歡h1標籤，扣除這點，以上三個網站的圖片都有替代文字、不是表格排版、有使用h1~h6標籤（這可以讓螢幕閱讀器的使用者很容易的穿梭於各段內容）、沒有使用純javascript導覽列、而且也都使用了不少網路服務。至於視覺呈現，像是排版、配色等非我專長，所以我就都不做評論了。</p>

<p>另外本文中總共五個網站中有四個有使用<a href="http://www.google.com/analytics/">Google Analytics</a>，這是很不錯的方法，可以知道訪客究竟對什麼有興趣、流量、瀏覽方式等等，對於內容調整和網站更新都很有幫助，不過這也表示Google掌握了很多資訊XD。</p>

<h4>結論</h4>

<p>最後結論：「兩位候選人網址都沒有tw，都不愛台灣啦（投下廢票）！！」</p></b:extendContent>
			</b:content>

			<b:comments commentCount="11"></b:comments>


			<b:trackbacks trackbackCount="0"></b:trackbacks>

		</b:entry>

		<b:entry entryID="000462" baseName="google-presentation">
			<b:author>
				<b:authorName>othree</b:authorName>
				<b:authorEmail>othree@gmail.com</b:authorEmail>
				<b:authorUrl></b:authorUrl>
			</b:author>
			<b:datetime>
				<b:date>2007-09-18</b:date>
				<b:time>15:26:34</b:time>
			</b:datetime>
			<b:category>web</b:category>
			<b:title>Google 簡報</b:title>
			<b:content>
				<b:summary> Google文件終於有投影片功能了，這項功能之前大家就已經預測會推出，因為Google有買下一家線上投影片的網路公司、並且Gmail也支援投影片附檔的播放，不過就在大家等到已經快要忘了這回事的時候，Google終於推出了，而且也有中文版，不過雖然我有期待這功能，但是卻不一定會使用，至少我現在還想不到我在什麼時候會使用，比較正式的場合我還是會用keynote吧。 另外要順便提的是Google Reader的標籤已經支援中文了，不過要匯出opml還是需要登入，所以我暫時還是不會移過去。...</b:summary>
				<b:mainContent><p><a href="http://blog.othree.net/log/2007/09/18/google-presentation/google-presentation.png"><img alt="" src="http://blog.othree.net/log/2007/09/18/google-presentation/google-presentation-thumb-400x299.png" width="400" height="299" /></a></p>

<p>Google文件終於<a href="http://googlesystem.blogspot.com/2007/09/google-presentations-finally-launched.html">有投影片功能</a>了，這項功能之前大家就已經預測會推出，因為Google有買下一家線上投影片的網路公司、並且Gmail也支援投影片附檔的播放，不過就在大家等到已經快要忘了這回事的時候，Google終於推出了，而且也有中文版，不過雖然我有期待這功能，但是卻不一定會使用，至少我現在還想不到我在什麼時候會使用，比較正式的場合我還是會用keynote吧。</p>

<p>另外要順便提的是Google Reader的標籤已經支援中文了，不過要匯出opml還是需要登入，所以我暫時還是不會移過去。</p></b:mainContent>
				<b:extendContent></b:extendContent>
			</b:content>

			<b:comments commentCount="2"></b:comments>


			<b:trackbacks trackbackCount="0"></b:trackbacks>

		</b:entry>

		<b:entry entryID="000461" baseName="scroll_radio">
			<b:author>
				<b:authorName>othree</b:authorName>
				<b:authorEmail>othree@gmail.com</b:authorEmail>
				<b:authorUrl></b:authorUrl>
			</b:author>
			<b:datetime>
				<b:date>2007-09-18</b:date>
				<b:time>12:00:31</b:time>
			</b:datetime>
			<b:category>script</b:category>
			<b:title>scroll radio</b:title>
			<b:content>
				<b:summary> 這兩天有個想法，就是用scroll bar來做radio輸入的選擇，可以用在評分之類（像是分五等級）的地方，剛好jQuery UI正式公開，就用它實做了，花了昨天一整晚加上今天早上，結果做完後發現不是很實用XD，因為直接過去點還是比較快，而做出點擊選取的功能後，就很少人會去用拖拉的方式來控制了，雖然說是如此，還是把做好的範例丟上來給大家看看。...</b:summary>
				<b:mainContent><p><img alt="" src="http://blog.othree.net/log/2007/09/18/scroll-radio/scroll-radio-screenshot.png" width="300" height="75" /></p>

<p>這兩天有個想法，就是用scroll bar來做radio輸入的選擇，可以用在評分之類（像是分五等級）的地方，剛好<a href="http://ui.jquery.com/">jQuery UI</a>正式公開，就用它實做了，花了昨天一整晚加上今天早上，結果做完後發現不是很實用XD，因為直接過去點還是比較快，而做出點擊選取的功能後，就很少人會去用拖拉的方式來控制了，雖然說是如此，還是把做好的<a href="http://blog.othree.net/log/2007/09/18/scroll-radio/scroll.html">範例</a>丟上來給大家看看。</p></b:mainContent>
				<b:extendContent></b:extendContent>
			</b:content>

			<b:comments commentCount="3"></b:comments>


			<b:trackbacks trackbackCount="0"></b:trackbacks>

		</b:entry>

		<b:entry entryID="000460" baseName="over-90000-people-on-ptt">
			<b:author>
				<b:authorName>othree</b:authorName>
				<b:authorEmail>othree@gmail.com</b:authorEmail>
				<b:authorUrl></b:authorUrl>
			</b:author>
			<b:datetime>
				<b:date>2007-09-16</b:date>
				<b:time>23:13:15</b:time>
			</b:datetime>
			<b:category>web</b:category>
			<b:title>九萬人同時上PTT</b:title>
			<b:content>
				<b:summary> PTT今天系統更新，結果就是在尖峰的週日晚上可以容納超過九萬人同時上站XD。...</b:summary>
				<b:mainContent><p><a href="http://blog.othree.net/log/2007/09/16/over-90000-people-on-ptt/ptt-detail.gif" class="thickbox"><img src="http://blog.othree.net/log/2007/09/16/over-90000-people-on-ptt/ptt.gif" alt="" height="387" width="490" /></a></p>

<p><span class="caps">PTT</span>今天系統更新，結果就是在尖峰的週日晚上可以容納超過九萬人同時上站XD。</p></b:mainContent>
				<b:extendContent></b:extendContent>
			</b:content>

			<b:comments commentCount="2"></b:comments>


			<b:trackbacks trackbackCount="0"></b:trackbacks>

		</b:entry>

		<b:entry entryID="000459" baseName="new-apple-keyboard">
			<b:author>
				<b:authorName>othree</b:authorName>
				<b:authorEmail>othree@gmail.com</b:authorEmail>
				<b:authorUrl></b:authorUrl>
			</b:author>
			<b:datetime>
				<b:date>2007-09-13</b:date>
				<b:time>16:21:57</b:time>
			</b:datetime>
			<b:category>buy</b:category>
			<b:title>蘋果新鍵盤入手</b:title>
			<b:content>
				<b:summary></b:summary>
				<b:mainContent><p><a href="http://picasaweb.google.co.jp/othree/070912"><img src="http://lh3.google.co.jp/othree/Ruf6dD37P4I/AAAAAAAAArI/Rdrzgw7rmlQ/s400/DSCF4251.JPG" alt="新款蘋果鍵盤維持一貫的白色設計" width="400" height="300" /></a></p></b:mainContent>
				<b:extendContent><p>托前陣子去日本的朋友買的，那時候台灣蘋果網路商店還沒有有線版的，結果他們很辛苦的跑了9家店才買到@@，入手價不確定，不過大概就是標準售價附近。</p>

<p>這次新版的鍵盤感覺不錯，用起來感覺也不差，主要缺點就是壓程不足，其他像是鍵帽觸感和鍵入確認的表現都不錯，而且新的設計不會像以前的Pro Keyboard有積髒東西的問題，清潔變很容易，整體而言我還蠻滿意的，不過因為使用量的關係，我暫時還不會當成主要使用的鍵盤吧。</p></b:extendContent>
			</b:content>

			<b:comments commentCount="5"></b:comments>


			<b:trackbacks trackbackCount="0"></b:trackbacks>

		</b:entry>

		<b:entry entryID="000458" baseName="content-accessibility">
			<b:author>
				<b:authorName>othree</b:authorName>
				<b:authorEmail>othree@gmail.com</b:authorEmail>
				<b:authorUrl></b:authorUrl>
			</b:author>
			<b:datetime>
				<b:date>2007-09-10</b:date>
				<b:time>15:19:41</b:time>
			</b:datetime>
			<b:category>web</b:category>
			<b:title>內容的親和力</b:title>
			<b:content>
				<b:summary>昨天終於把Web Accessibility第六章看完了，這陣子因為在玩God of War所以看的慢很多，關於這款遊戲我可能另外再介紹吧。 Web Accessibility第六章是在講網頁內容的親和力，主要放在圖片、表格、媒體檔案這幾個主題，每種內容都講的很詳細，從問題點、應該怎樣做、到不同的輔具會有怎樣的結果都有介紹，以下簡單摘要：...</b:summary>
				<b:mainContent><p>昨天終於把Web Accessibility第六章看完了，這陣子因為在玩God of War所以看的慢很多，關於這款遊戲我可能另外再介紹吧。</p>

<p>Web Accessibility第六章是在講網頁內容的親和力，主要放在圖片、表格、媒體檔案這幾個主題，每種內容都講的很詳細，從問題點、應該怎樣做、到不同的輔具會有怎樣的結果都有介紹，以下簡單摘要：</p></b:mainContent>
				<b:extendContent><p>有包含資訊的圖要加alt屬性說明該資訊、如果是統計圖的話則用longdesc連到另一個網頁來說明數據，排版或無實際資訊的圖片要加上空的alt屬性值。</p>

<p>表格的話則是先分為排版用和資料用，如果用表格排版，那千萬不要加上任何語意相關資訊，例如表頭(th)、摘要等等，如果是資料表格，那就是要注意表格欄位和表頭之間的關係，如果是階層式表格或是更複雜的表格，那就需要使用header屬性來做連結，不過以我來說，另外我一直覺得用表格排版，親和力就會很差，不過這張也有對此做說明，理論上表格排版也是可以做出有親和力的網站，不過不太容易就是，畢竟表格還是會把物件在版面上的位置和他在文件里的位置寫死，要兩邊都是最佳位置不太容易。</p>

<p>至於媒體檔案、像是影片和聲音，都是建議能提供同等資訊的文字內容，而Flash之類比較特別的檔案則是後面還有章節專門介紹，另外一個不是這章說的我知前部知道的事，就是java applet其實有做親和力支援的能力，不過現在也很少java applet就是了。</p>

<p>另外一個我覺得可以放在這章講的內容，不過目前好像沒有看到，就是良好的文件結構，例如階層的標題等等，不知道會不會放在別章講，不過就算沒有也沒關係，HTML Mastery有稍微提到就是。</p>

<p>接下來的第七章是在Accessible Navigation，我稍微看了一下，覺得應該也會是不錯的一章，不是在講網站的導覽系統，而是要如何讓無法使用滑鼠或圖形瀏覽氣得人也可以輕鬆的導覽整個頁面，例如提供跳過導覽的連結可以方便screen reader的使用者直接進入網頁的主要內容。</p></b:extendContent>
			</b:content>

			<b:comments commentCount="0"></b:comments>


			<b:trackbacks trackbackCount="0"></b:trackbacks>

		</b:entry>

		<b:entry entryID="000457" baseName="vocaloid-2">
			<b:author>
				<b:authorName>othree</b:authorName>
				<b:authorEmail>othree@gmail.com</b:authorEmail>
				<b:authorUrl></b:authorUrl>
			</b:author>
			<b:datetime>
				<b:date>2007-09-07</b:date>
				<b:time>21:46:20</b:time>
			</b:datetime>
			<b:category>software</b:category>
			<b:title>VOCALOID 2 初音ミク</b:title>
			<b:content>
				<b:summary> VOCALOID 2是日本CRYPTON推出的第二代語音合成軟體，才剛發售就獲得好評，雖然售價是15000日幣，但還是賣到快缺貨了，在niconico上也已經有了百個以上的成品，知道niconico的話可以直接用tag搜尋初音ミク，沒用過niconico的可以參考本期電腦王的介紹，或是到初音ミク的網頁抓DEMO SONG來聽聽看，如果沒有事先知道，我想大部分的歌曲我都聽不出是合成音吧。 這套軟體基本原理是透過聲優錄製基本音，現在發售的初音ミク是由藤田 咲這位聲優所配的，接下來預計還會在推出兩種聲音。使用者設定音調、接續，就可以合成一句話，然後配上背景音樂就完成了，唱歌的表現蠻不錯，沒有在念歌詞的感覺，不過我比較好奇的是可不可以做出講話的感覺啊，我目前還沒看到有人用這套軟體來合成台詞，都是唱歌，官方網站上的DEMO也都是歌，如果可以的話，那看來虛擬偶像實現的日子也不遠了。 Vocaloid 開發者BLOG 人工合成歌聲 VOCALOID 2 『初音ミク』 - 瀨田試用blog...</b:summary>
				<b:mainContent><p><img alt="初音ミク也很可愛" src="http://blog.othree.net/log/2007/09/07/vocaloid-2/megu.jpg" width="300" height="350" /></p>

<p><a href="http://www.crypton.co.jp/mp/pages/prod/vocaloid/"><span class="caps">VOCALOID</span> 2</a>是日本CRYPTON推出的第二代語音合成軟體，才剛發售就獲得好評，雖然售價是15000日幣，但還是賣到快缺貨了，在<a href="http://www.nicovideo.jp/">niconico</a>上也已經有了百個以上的成品，知道niconico的話可以直接用tag搜尋<strong>初音ミク</strong>，沒用過niconico的可以參考本期電腦王的介紹，或是到<a href="http://www.crypton.co.jp/mp/pages/prod/vocaloid/cv01.jsp">初音ミク的網頁</a>抓DEMO <span class="caps">SONG</span>來聽聽看，如果沒有事先知道，我想大部分的歌曲我都聽不出是合成音吧。</p>

<p>這套軟體基本原理是透過聲優錄製基本音，現在發售的初音ミク是由<a href="http://ja.wikipedia.org/wiki/%E8%97%A4%E7%94%B0%E5%92%B2">藤田 咲</a>這位聲優所配的，接下來預計還會在推出兩種聲音。使用者設定音調、接續，就可以合成一句話，然後配上背景音樂就完成了，唱歌的表現蠻不錯，沒有在念歌詞的感覺，不過我比較好奇的是可不可以做出講話的感覺啊，我目前還沒看到有人用這套軟體來合成台詞，都是唱歌，官方網站上的DEMO也都是歌，如果可以的話，那看來虛擬偶像實現的日子也不遠了。</p>


<ul>
<li><a href="http://blog.crypton.co.jp/mp/software/vocaloid/">Vocaloid 開發者BLOG</a></li>
<li><a href="http://hasetas.blogspot.com/2007/09/vocaloid-2_3632.html">人工合成歌聲 <span class="caps">VOCALOID</span> 2 『初音ミク』 - 瀨田試用blog</a></li>
</ul>

</b:mainContent>
				<b:extendContent></b:extendContent>
			</b:content>

			<b:comments commentCount="5"></b:comments>


			<b:trackbacks trackbackCount="1"></b:trackbacks>

		</b:entry>

		<b:entry entryID="000456" baseName="opera_95_alpha">
			<b:author>
				<b:authorName>othree</b:authorName>
				<b:authorEmail>othree@gmail.com</b:authorEmail>
				<b:authorUrl></b:authorUrl>
			</b:author>
			<b:datetime>
				<b:date>2007-09-04</b:date>
				<b:time>15:03:23</b:time>
			</b:datetime>
			<b:category>software</b:category>
			<b:title>Opera 9.5 alpha</b:title>
			<b:content>
				<b:summary>Opera 9.5 alpha好像放出來了，我一如以往的不知道在哪下載，不過這次Opera還是不負期望的，做出了更快的javascript/ecmascript引擎，相信檔案大小也比上一版更小一點吧（笑）。 更新：結果9.5 alpha比9.23多了0.03MB。...</b:summary>
				<b:mainContent><p><a href="http://operawatch.com/news/2007/08/what-to-expect-with-opera-95-alpha.html">Opera 9.5 alpha</a>好像放出來了，我一如以往的不知道在哪下載，不過這次Opera還是不負期望的，做出了更快的javascript/ecmascript引擎，相信檔案大小也比上一版更小一點吧（笑）。</p>

<p class="update">更新：結果9.5 alpha比9.23多了0.03MB。</p></b:mainContent>
				<b:extendContent></b:extendContent>
			</b:content>

			<b:comments commentCount="2"></b:comments>


			<b:trackbacks trackbackCount="0"></b:trackbacks>

		</b:entry>

	</b:entries>
</b:blog>
