2012年11月5日 星期一

Lab 21 Making web pages accessible

Lab 21 Making web pages accessible

1. Use Firefox Accessibility Extension to identify the accessibility failures and warnings in http://google.com
2. Fix the failures you found.





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 
Check Heading content should be concise (usually 65 or fewer characters in length). Headings 
Warn Every onClick event handler should be on a focusable element. 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 
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 The character encoding was not specified. W3C Specifications 
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 
Fail Every frame element must have a title attribute with content that describes the purpose of the frame. Frames 
Warn Hidden or empty frames should not be used. Frames 
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 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: 11/5/2012 20:06 PM
URL: http://iapblog.blogspot.tw/2012/11/lab-21-making-web-pages-accessible.html











參考資料












Q:請描述至少一個你做這個lab所遇到的問題,並且你是如何解決這個問題的。
A:安裝上遇到了無法開啟的問題,重新啟動程式並重新安裝後便解決了。

Lab 20 More on HTML

Lab 20 More on HTML

Tables
1. Copy and paste theTables example athttp://www.w3schools.com/html/html_tables.asp
2. Enter http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic
3. What kind of effects can you see?

Lists
4. Copy and paste the Lists example athttp://www.w3schools.com/html/html_lists.asp
5. Enter http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic
6. What kind of effects can you see?

 





Q:請描述至少一個你做這個lab所遇到的問題,並且你是如何解決這個問題的

A: 沒有遇到問題

2012年10月29日 星期一

Homework 10/22/2012

1. 有A, B, C 三個網頁,A引用了B, C,B引用了C,C也引用了B, A
計算A,B,C 三個網頁的PageRank,A, B, C 三個網頁的PageRank 各為多少?

請使用白紙手寫,下周一(10/29/2012)上課繳給助教。

2. 使用部落格重新設計系網頁,規格要求如下


  • 搜尋功能
  • 網頁至少包含以下類別公告,師資,課程,系學會,校友動態,畢業出路,每個類別至少五頁
  • 每個網頁必須有導覽列,可跳至公告,師資,課程,畢業出路,系學會,校友動態,畢業出路
  • 首頁必須提供影音專區,放置一部影片(參考校網頁)
  • 首頁必須提供流覽人次與近三十日劉覽趨勢(參考認識老師)
  • 以高中生和家長為對象,撰寫畢業出路500字介紹
  • 以校友為閱聽對象,撰寫一則你所認識的畢業學長姐動態


畢業出路

畢業學長姐動態

2012年10月22日 星期一

LAB 18

  1. Google Search Keys Numbers the results in a Google search page and you can type the corresponding number to follow the link.
  2. Google Access Keys Enables navigation through Google search results.


 Q:請描述至少一個你做這個lab所遇到的問題,並且你是如何解決這個問題的。
A: 安裝後遇到一直沒有顯示數字的狀況,重新安裝並開啟瀏覽器後便成功顯示。

LAB 19

AccessBar: displays defined accesskeys in a fixed-position bar along the bottom of the window. Added 2005-04-01 (not a joke). Find how many access keys have been defined at
www.ocac.gov.tw www.epa.gov.tw

Continued from the above, use google to find 3 more government sites in Taiwan that enable access keys.




Q:請描述至少一個你做這個lab所遇到的問題,並且你是如何解決這個問題的。
A: 在一開始安裝上遇到了無法顯示的問題,不過重新開啟瀏覽器後就解決了問題。

LAB 17

Q:請描述至少一個你做這個lab所遇到的問題,並且你是如何解決這個問題的。

A: 在練習如何放置圖片時一直遇到失敗,後來發現是連結的網址不正確造成的,修正後便順利完成了。

HW5

1. 有A, B, C 三個網頁,A引用了B, C,B引用了C,C也引用了B, A
計算A,B,C 三個網頁的PageRank,三者PageRank排序為何?

決定PageRank的三大指標
1. 反向連結數
2.反向連結是否來自PageRank值高的頁面
3.反向連結來源頁面的外向鏈結數

*反向連結: 網頁B有設連結至網頁A時(即A有B的反向連結),則是為網頁B投給網頁A一票。

A to B,C
B to C
C to A,B

PageRank : B = C > A




2. 使用部落格重新設計系網頁,規格要求如下

  • 搜尋功能
  • 網頁至少包含以下類別公告,師資,課程,系學會,校友動態,畢業出路,每個類別至少五頁
  • 每個網頁必須有導覽列,可跳至公告,師資,課程,畢業出路,系學會,校友動態,畢業出路
  • 首頁必須提供影音專區,放置一部影片(參考校網頁)
  • 首頁必須提供流覽人次與近三十日劉覽趨勢(參考認識老師)

中原大學電子系 : http://9920136.blogspot.tw/