顯示具有 HW 標籤的文章。 顯示所有文章
顯示具有 HW 標籤的文章。 顯示所有文章

2008年3月27日 星期四

Homework 3-21-2008

1. Do Lab 15.

2. Check into the government-sponsored web accessibility website.

At 94年度座談及研習會資料-> 無障礙網路空間建置理念與實務(Pdf檔 / 488Kb), download the
presentation materials. What is web accessibility?

Ans:

  • 無障礙網頁是服務「所有的使用者」,對於廣大身障者更是不可或缺的。
  • 要將網站調整為 "讓有殘障的人能通行無阻(無障礙)" (to make web content accessible to people with disabilities) ,或是在各種不佳的環境下(例如光線昏暗、環境吵雜、單手操作等) 也能使用。
  • 講究平權國家的進步指標。
  • 這並不是要網站內容開發者避免使用圖檔、影片、Flash 等,而是在使用這些多媒體內容時,要在網頁上適當標示資訊以讓更多使用者可以明瞭。
  • 因此,對網站內容開發人員而言,比較直接的感受,就是要花比製作一般網頁更多的心思去 "體貼" 使用者。(但是養成習慣就好了,只是順手作一些設定而已;就像最後離開辦公室的人要記得關燈關門關冷氣)
  • 行政院研考會已於91年6月,參考 W3C 協會的 WAI 組織的無障礙網頁內容標準相關規範,訂定我國的「無障礙網頁開發規範」,其中「十四條規範」簡列如下:

    十四條規範
      規範一:對於聽覺及視覺的內容要提供相等的替代文字內容
      規範二:不要單獨靠色彩來提供特殊資訊
      規範三:適當地使用標記語言和樣式表單
      規範四:闡明自然語言的使用
      規範五:建立編排良好的表格
      規範六:確保網頁能在新科技下良好地呈現
      規範七:確保使用者能處理時間敏感內容的改變
      規範八:確保嵌入式使用者介面具有直接可及性
      規範九:設計裝置獨立網頁
      規範十:使用過渡的解決方案
      規範十一:使用國際與國內官方訂定的技術和規範
      規範十二:提供內容導引資訊
      規範十三:提供清楚的瀏覽網站機制
      規範十四:確保簡單清楚的網頁內容
  • 目前有如下四種等級(並各舉一個大家較為熟悉的規範):
  • 第一優先等級(A)
    【例】圖片與替代文字 對 img 標籤提供 alt 屬性
       “最新消息”
  • 新增等級(A+)
    【例】網站應提供網站地圖,清楚呈現出整個網站的層次架構。
    【例】不要求一定得使用滑鼠(視障者無法使用滑鼠)
  • 第二優先等級(AA)
    【例】避免使用marquee 跑馬燈、gif 動畫、開新視窗
  • 第三優先等級(AAA)
    【例】表格標籤 須提供表格摘要說明 (summary 屬性)
    【例】使用 Lang 屬性,明確指出網頁文字所使用的自然語言,
       讓語音系統可以正確辨識,例如中文為 "zh-TW"
  • 參考資料: http://cc.shu.edu.tw/~www/week_qa/qa/q_20060522_accessibility.htm

2008年3月21日 星期五

Homework 3-14-2008

1. 參考 PageRank-Google 決定搜尋排名的關鍵技術
以及Google.com 網站的官方解釋,簡要說明PageRank原理。

ANS:
PageRank的原理主要是建立了[反向連結]的技術.讓"被"連結數越多的網頁.以10的對數分級
並以"優質"吸引"優質"的概念成功串連起龐大的資料庫.PageRank 仰賴網路獨一無二的民主 特 性,使用其大量連結結構做為個別網頁值的指示器。重要、高品質的網站會得到較高的
PageRank 值,每次 Google 執行搜尋時就會記住這個值。Google 將 PageRank 與精密的文字
符合技術合併在一起,找出既重要且與您搜尋相關的網頁。

2. Essay Writing on Google Docs

參考鳳凰城動物園遊記,撰寫一篇你自己的春日遊記。如果是多人出遊,請嘗試合寫的方式。(Teamwork editing)

ANS:春遊

3. 閱讀課本電子商務系統第一章,並做成三頁摘要。

ps. 這次我們要使用Google Docs來書寫,請參考Google Docs。

2008年3月14日 星期五

Homework 3-7-2008

1. 請閱讀數篇其他同學的部落格(上次作業第一題),選擇其中三位同學在她(他)的部落格上,針對其散文給予評語或建議。

2. 2篇回應 2贊同 ,回應使我對我的興趣更有動力
3.社會媒體可以立即做出回應並更改,不必由單一管道接受資訊.而且可以引用別處的文章.自由的po出你喜歡的東西.不用經過篩選.甚至只是討好觀眾的垃圾新聞. 舊有的媒體空間已容不下更多人的意見.往往又流於個人主觀.Web2.0則讓大家有了一個充分發表高論的地盤.近幾年部落格如雨後春筍般出現.說明了每個人可望為自己建立一個屬於自己的媒體 4 . 利用RSS功能可以省下不少瀏覽的時間 .因為RSS可已經由feed把最新更新的網 站內容通知你.不用在一個一個慢慢找了

2008年3月6日 星期四

Homework 2-29-2008

1. 參考單車上的靈感,開始用部落格書寫你的個人散文,並加上適當標籤。
舞道

2. 一篇部落格是否只能使用一個標籤,如果不是,請舉出反例。 參考標籤(tag,或稱label)的定義,使用標籤有什麼好處? 標籤與分類有何不同?

Ans: 不是.可自己設定
標籤可以經由搜索.就像是關鍵字.並且可以自由替換.而分類是將檔案歸類.再資料繁多時.找起來很費工
一但貼上標籤便可以快速搜尋

3. 閱讀 Ten steps to better blogs,(You must download the pdf of the full text.) 然後寫下你的心得。(此文章必須在校內授權範圍內下載,在校外必須先設定proxy並且先登入圖書館)

Ans: 網路在這10年內快速發展.許多習慣也隨之改變.在以往.大家只能從大眾媒體上獲得資訊.甚至說是媒
體操弄群眾.拜網路所賜.現在人人皆有表達自己意見的地方.從早期的bbs致現今的blog都是一般市井
小民的發聲之地.而又如何讓自己成為網路上的紅人?經營blog的技巧可見一般.也許打字不用快.不必
字字生花.但佐以圖片或影片讓讀者為之驚艷並定期更新.並與讀者互動都是維持blog的好方法.現在的
RSS功能對讀者掌握blog作家的近況更能緊密結合.

4. Read Pages 184~188 of Textbook. Answer the problems 7, 8, and 9 on Page 195.

Ans:
7. 試舉出一些實例說明靜態網頁是不夠的,必須要有 CGI 的機制?

CGI 是 Common Gateway Interface 的縮寫,它可以連結網路主機端與瀏覽器端,
使其能夠作檔案存取等動作的一種介面,CGI 程式就是可達成前述動作的程式,這是一種通稱而不是指某種特定的程式,
CGI 程式可以使用多種電腦語言來撰寫,依據作業平台的不同最常見的有 C、C++、Perl、PHP、TCL、JAVA、VB....等,
而大家在不同網頁上所見到的留言板、討論區、計數器、票選、寄賀卡、線上人數....等,都是屬於 CGI 程式的一種。

8.為何經由 CGI 程式所產生的網頁稱為動態網頁?

由於網際網路上的 WEB 伺服器 (我們稱為 Server 端) 採用 HTTP 協定,該協定只是單純的回應客戶端 (我們稱為 Client 端,通常是使用者的瀏覽器) 的文件要求,即 Client 端要求什麼,Server 就傳回什麼,因此在 HTTP 協定下,Server 只有傳回靜態文件的能力而已,無法像各種平台上的伺服器一樣,藉由執行各類應用程式,來達成客戶端的各種查詢或交易等要求。

為了彌補此一缺點,WEB 伺服器勢必要藉助外部程式來執行 Client 端的要求,再將處理結果傳回給 Client 端。例如:使用者輸入一個關鍵字,要求列出某些書籍的作者或書名,Server 接收到這個關鍵字之後,交由外部程式去處理,通常是由資料庫中去尋找,最後將尋著的結果回應給 Server,Server 再將它傳回給瀏覽器端的使用者。

CGI 就是提供給外部程式的一種介面,只要符合此一介面標準,程式設計師便可以輕鬆地使用該平台上支援的任何一種程式語言來撰寫外部程式,於是我們說:凡是符合 CGI 介面標準的外部程式,就稱之為 CGI 程式。

9.某 CGI 程式是使用 Net.Data 語言來開發設計,請問用戶端是否要使用 Net.Data 專屬的 browser?

不用.
因為CGI是一種介面程式任何可以在伺服器主機上使用的語言,都可以用來寫作CGI程式,像是C、C+ +、Perl、PHP、TCL、JAVA、VB....等

2008年2月25日 星期一

Homework 2-22-2008

1. Name 3 blogs you have read recently. For what reasons do you read these blogs?
楚狂人的BLOG
這是一個投資理財的部落格.作者本人以投資為主業.便可年收六百萬.十分吸引人

曹興誠部落格
之前聯電董事長.目前已退休.上面有很多關於國家未來發展的討論

美食摩人 - 美食激進份子之肥到深處無怨油介紹許多各地的美食.滿足口腹之慾

2. Based on CommunityWalk, compile a campus directory that tells the locations of major buildings at CYCU. Place the directory on your own blog by posting the code snippet CommunityWalk
generates.

CommunityWalk Map - Map 216164