2012年5月14日 星期一

LAB30


http://www.housingmaps.com 網路租屋行銷
1.租屋訊息規格較統一
2.顯現出租房屋公司的規模及權威
3.結合GOOGLE地圖街景服務
4.提供周遭租屋訊息
5.介面簡單大方,瀏覽容易
6.直接由地區分類,不是地圖,方便於國土較小的國家。





http://yungching.housefun.com.tw/ 網路地圖租屋
1.直接使用地圖,標出各區的For Rent、For Sale、Rooms、Sublets的資訊
2.點入之後顯示該區的所有租屋、賣屋資訊
3.房屋資訊較不統一,有的圖片也很少
4.房屋資訊地點多,但有的內容不構詳細
5.用直觀的地圖,分區,分地域找房子,比較方便於國土較大的國家。


LAB29

搭起兩個世界的橋樑.ppt

LAB27



LAB28



2012年5月7日 星期一

LAB23


Accessibility Extension

List of Accessibility Issues Summary

FAE RuleViolationsMessageClass
Check Heading content should be concise (usually 65 or fewer characters in length). Headings 
Fail Every frame element must have a title attribute with content that describes the purpose of the frame. Frames 
Fail The b element must not be used to bold text content, instead use heading (h1-h6) elements for heading text or the strong element for emphasizing words, phrases or sentences. Text Styling 
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 
Fail The font and center elements must not be used for text styling, instead use structural markup should be used with CSS for styling. Text Styling 
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 The words contained in each h1 element should match a subset of the words contained in the title element. Words (%1) in h1 elements should also be in the title element. Title 
Warn Each map, ul or ol element that precedes the last h1 element and appears to be a navigation bar should be immediately preceded by a heading element, preferably an h2. Menu and Navigation Bars 
Warn Hidden or empty frames should not be used. Frames 
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 The character encoding was not specified. W3C Specifications 
Warn Ensure that links that point to the same HREF use the same link text. Links 
Warn 15 Avoid using text links that are shorter than four 4 characters in length. Links 

Date: 5/7/2012 20:52 PM
URL: https://www.google.com/







LAB24


Accessibility Extension

List of Accessibility Issues Summary

FAE RuleViolationsMessageClass
Warn The words contained in each h1 element should match a subset of the words contained in the title element. Words (%1) in h1 elements should also be in the title element. Title 
Warn The alt attribute content should not include redundant information with the img element. Images 
Warn The content of the headings of the same level within the same section should be unique. Headings 
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 Ensure that links that point to different HREFs use different link text. Links 
Warn 10 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 
Warn 17 Avoid using text links that are shorter than four 4 characters in length. Links 
Warn 42 Ensure that links that point to the same HREF use the same link text. Links 

Date: 5/7/2012 20:44 PM
URL: http://www.mobile01.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 
Check Most web pages should contain at least one navigation bar. Menu and Navigation Bars 
Warn Avoid using images that are smaller than 16 pixels by 16 pixels as links. Links 
Fail Data tables must use summary attribute to describe the content of the table or conclusions the author intends to convey through the data in the table. Data Tables 
Fail Data tables must use th elements to indicate header cells for the first cell in all the columns or rows. Data Tables 
Fail For complex data tables, the td elements must have headers attributes that point to associated th header ids. Data Tables 
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 
Fail Every frame element must have a title attribute with content that describes the purpose of the frame. Frames 
Warn 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 
Warn Every onClick event handler should be on a focusable element. Events 
Fail The blink and marquee elements must not be used. Blinking and moving text are an accessibility problems for people with photosenstive epilepsy and visual impairments. Text Styling 
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 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 12 Ensure that links that point to the same HREF use the same link text. Links 
Fail 13 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 22 Avoid using text links that are shorter than four 4 characters in length. Links 
Warn 28 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 29 Ensure that links that point to different HREFs use different link text. Links 
Fail 36 Each img element should have alt text. Images 
Fail 41 Heading elements that follow the last h1 should be properly nested. Headings 
Fail 67 The b element must not be used to bold text content, instead use heading (h1-h6) elements for heading text or the strong element for emphasizing words, phrases or sentences. Text Styling 
Fail 141 The font and center elements must not be used for text styling, instead use structural markup should be used with CSS for styling. Text Styling 

Date: 5/7/2012 20:46 PM
URL: http://forum.jorsindo.com/




Accessibility Extension

List of Accessibility Issues Summary

FAE RuleViolationsMessageClass
Fail Each area element should have a redundant text link (a element) with matching href value. Image Maps 
Fail Every area element must have alt attribute. Image Maps 
Fail Every area's alt attribute must not be empty. Image Maps 
Fail The page should contain at least one and no more than two h1 elements. Headings 
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 
Fail The font and center elements must not be used for text styling, instead use structural markup should be used with CSS for styling. Text Styling 
Warn Avoid using images that are smaller than 16 pixels by 16 pixels as links. Links 
Warn 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 
Fail 18 Each img element should have alt text. Images 
Fail 25 Heading elements that follow the last h1 should be properly nested. Headings 
Warn 39 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 
Warn 54 The content of the headings of the same level within the same section should be unique. Headings 
Warn 92 Ensure that links that point to the same HREF use the same link text. Links 
Warn 123 Ensure that links that point to different HREFs use different link text. Links 
Warn 188 Avoid using text links that are shorter than four 4 characters in length. Links 

Date: 5/7/2012 20:47 PM
URL: http://tw.bid.yahoo.com/








LAB26

HTML4:
需要而外安裝Adobe flash player才能撥放
缺點::flash往往會占掉很多資源,使的撥放速度會拖慢,有時還會當掉
HTML5:
瀏覽器直接撥放影音檔不須再安裝什麼,不需要再透過FLASH撥放
優點:HTML5的成熟再利用GPU的加速,使的速度變更快,吃更少資源

若以後HTML5逐漸能取代FLASH的時候,開發FLASH的比例會大幅減少
現在的廣告也大多用FLASH會拖慢網頁速度,若改用HTML5流暢度會增加許多

LAB25

Deuteranope




Protanope


Tritanope












Deuteranope


Tritanope







Deuteranope


Tritanope






Deuteranope


Tritanope







Deuteranope


Tritanope




LAB22

HTML Tables






HTML Lists