2012年11月12日 星期一

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


html 4 需要Flash才能播放影片,還需要添加大量技巧才能在每個瀏覽器都能撥放。

但 html 5則是由瀏覽器支援播放元件。


Lab 23 Making images accessible






圖片出現 之後

 



2012年11月11日 星期日

Homework 11/5/2012

1. 觀看場域應用與服務設計: "科技人如何做通俗演講" (4分鐘)撰寫200演講摘要

        工程師和科學家所做的研究和在解決的難題都是與我們息息相關的事物,例如能源、氣候、衛生保健…,但一般大眾卻都不了解他們在做些什麼,所以演講者希望科學家可以跟大家分享自己在研究的神祕領域,讓大眾了解這些研究的東西與他們的生活有什麼相關性,而要大家了解這些東西,其實可以先在說話時,盡量避免艱澀難懂的術語,轉換成通俗的文字,讓想法更簡單易懂而非簡化它。而在做PPT時,也不要用太多句點式的句子,這會讓你的報告顯得很無趣,而且太過於依賴文字,如果改成生動的圖片,和簡單的句子,其實可以讓大家更能明白你想表達的東西。


2. 你覺得以後上台作簡報,會做些什麼樣改變?

            我以後會在PPT上寫出簡單明瞭的主題,其他重點也會用圖片註釋,也會避免掉公式推導,注意語調變化。
            但我覺得報告的性質還是要看對象來決定,假設以高科技這項主題舉例,如果是對於高科技完全沒有概念的人,就會講的簡單一些,盡量說些大方向性,但如果是大家都是對高科技有點了解的人,還是可以講一些術語,並可以深入討論比較好。

2012年11月5日 星期一

Lab 22 Firefox Accessibility Extension


Accessibility Extension

List of Accessibility Issues Summary

FAE RuleViolationsMessageClass
Fail The page should contain at least one and no more than two h1 elements. Headings 
Fail Heading elements (h1..h6) should be used for structuring information on the page. Headings 
Check Heading content should be concise (usually 65 or fewer characters in length). Headings 
Check Most web pages should contain at least one navigation bar. Menu and Navigation Bars 
Fail Each page must have a lang attribute on its html element whose value or initial subtag is a valid two-character language code. Language Changes 
Warn Hidden or empty frames should not be used. Frames 
Fail Each img element should have alt text. Images 
Fail Each focusable element with an onmouseover attribute should also have an onfocus attribute, and their associated event handlers should trigger the same or similar actions. Events 
Fail Each focusable element with an onmouseout attribute should also have an onblur attribute, and their associated event handlers should trigger the same or similar actions. Events 
Fail A DOCTYPE declaration was not found. W3C Specifications 
Warn One level of nesting. Use CSS properties instead of tables and nested tables to visually layout blocks of related content for graphical renderings. Tables 
Warn Avoid using text links that are shorter than four 4 characters in length. Links 
Warn Ensure that links that point to the same HREF use the same link text. Links 
Fail Two or more levels of nesting. Use CSS properties instead of tables and nested tables to visually layout blocks of related content for graphical renderings. Tables 
Warn 14 Every img element that is less than 8 pixels high or 8 pixels wide OR has an empty alt attribute value should be removed and CSS techniques should be used for styling content. Images 
Warn 68 If the content of the alt attribute is not empty it should contain at least 7 characters and less than 90 characters. The text should provide people who cannot see the image orientation to the content and purpose of the image in the website. Images 

Date: 11/5/2012 20:47 PM
URL: http://www.cycu.edu.tw/






Accessibility Extension

List of Accessibility Issues Summary

FAE RuleViolationsMessageClass
Fail The page should contain at least one and no more than two h1 elements. Headings 
Fail Each heading element (h1..h6) must have text content. Headings 
Warn Hidden or empty frames should not be used. Frames 
Fail Each img element should have alt text. Images 
Warn Every onmouseover or onmouseout event handler that is not on a focusable element should use CSS :hover psuedo element to provide the stylistic changes. Events 
Warn If consecutive p elements contain an img element with the alt attribute content that includes a single character or the null content, it may be representing a bulleted list of items. If the markup is representing a bulleted or other type of list, it should use HTML list markup and CSS, for incorporating the custom bullet. Lists 
Warn The character encoding was not specified. W3C Specifications 
Fail Every frame element must have a title attribute with content that describes the purpose of the frame. Frames 
Fail Heading elements that follow the last h1 should be properly nested. Headings 
Check Heading content should be concise (usually 65 or fewer characters in length). Headings 
Warn 24 Every img element that is less than 8 pixels high or 8 pixels wide OR has an empty alt attribute value should be removed and CSS techniques should be used for styling content. Images 
Warn 37 Ensure that links that point to different HREFs use different link text. Links 
Warn 56 Avoid using text links that are shorter than four 4 characters in length. Links 
Warn 68 Ensure that links that point to the same HREF use the same link text. Links 
Warn 92 Every onClick event handler should be on a focusable element. Events 
Fail 98 Each page must have a lang attribute on its html element whose value or initial subtag is a valid two-character language code. Language Changes 
Warn 143 If the content of the alt attribute is not empty it should contain at least 7 characters and less than 90 characters. The text should provide people who cannot see the image orientation to the content and purpose of the image in the website. Images 

Date: 11/5/2012 20:48 PM
URL: http://www.youtube.com/




Accessibility Extension

List of Accessibility Issues Summary

FAE RuleViolationsMessageClass
Fail The page should contain at least one and no more than two h1 elements. Headings 
Fail Heading elements that follow the last h1 should be properly nested. Headings 
Check Heading content should be concise (usually 65 or fewer characters in length). Headings 
Check Most web pages should contain at least one navigation bar. Menu and Navigation Bars 
Fail The i element must not be used to italicize text content, instead use heading (h1-h6) elements for heading text or the em element for emphasizing words, phrases or sentences. Text Styling 
Fail The u element must not be used to underline text content, instead use heading (h1-h6) elements for heading text or the em or strong element for emphasizing words, phrases or sentences. Text Styling 
Warn The character encoding was not specified. W3C Specifications 
Check onChange event handler should not be used with the select element to cause a automatic change of focus or load a web page. Events 
Warn Ensure that links that point to different HREFs use different link text. Links 
Warn Avoid using text links that are shorter than four 4 characters in length. Links 
Fail 10 Each page must have a lang attribute on its html element whose value or initial subtag is a valid two-character language code. Language Changes 
Warn 13 Ensure that links that point to the same HREF use the same link text. Links 

Date: 11/5/2012 20:49 PM
URL: http://zh-tw.facebook.com/






Lab 21 Making web pages accessible

 


 

原本以為跟LAB22一樣 結果後來發現不是 還要改錯誤 但是還好隔壁的陳惠芳有教我

不然我哪會想到改語法阿~~



Lab 20 More on HTML