2012年5月28日 星期一
2012年5月21日 星期一
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.用直觀的地圖,分區,分地域找房子,比較方便於國土較大的國家。
2012年5月7日 星期一
LAB23
Accessibility Extension
List of Accessibility Issues Summary
FAE Rule | Violations | Message | Class |
---|---|---|---|
Check | 1 | Heading content should be concise (usually 65 or fewer characters in length). | Headings |
Fail | 1 | Every frame element must have a title attribute with content that describes the purpose of the frame. | Frames |
Fail | 1 | 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 | 1 | 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 | 2 | 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 | 5 | 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 | 1 | 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 | 1 | 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 | 1 | Hidden or empty frames should not be used. | Frames |
Warn | 1 | 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 | 1 | The character encoding was not specified. | W3C Specifications |
Warn | 2 | 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 Rule | Violations | Message | Class |
---|---|---|---|
Warn | 1 | 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 | 1 | The alt attribute content should not include redundant information with the img element. | Images |
Warn | 2 | The content of the headings of the same level within the same section should be unique. | Headings |
Warn | 3 | 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 | 7 | 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 Rule | Violations | Message | Class |
---|---|---|---|
Fail | 1 | The page should contain at least one and no more than two h1 elements. | Headings |
Check | 1 | Most web pages should contain at least one navigation bar. | Menu and Navigation Bars |
Warn | 1 | Avoid using images that are smaller than 16 pixels by 16 pixels as links. | Links |
Fail | 1 | 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 | 1 | Data tables must use th elements to indicate header cells for the first cell in all the columns or rows. | Data Tables |
Fail | 1 | For complex data tables, the td elements must have headers attributes that point to associated th header ids. | Data Tables |
Fail | 1 | 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 | 1 | Every frame element must have a title attribute with content that describes the purpose of the frame. | Frames |
Warn | 1 | 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 | 1 | Every onClick event handler should be on a focusable element. | Events |
Fail | 1 | 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 | 2 | 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 | 7 | 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 Rule | Violations | Message | Class |
---|---|---|---|
Fail | 1 | Each area element should have a redundant text link (a element) with matching href value. | Image Maps |
Fail | 1 | Every area element must have alt attribute. | Image Maps |
Fail | 1 | Every area's alt attribute must not be empty. | Image Maps |
Fail | 1 | The page should contain at least one and no more than two h1 elements. | Headings |
Fail | 1 | 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 | 1 | 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 | 6 | Avoid using images that are smaller than 16 pixels by 16 pixels as links. | Links |
Warn | 8 | 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流暢度會增加許多
需要而外安裝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
Protanope
Tritanope
Deuteranope
Tritanope
Deuteranope
Tritanope
Deuteranope
Tritanope
Deuteranope
Tritanope
訂閱:
文章 (Atom)