跳至內容

K-12 學校計算機網路/第 16 章

來自華夏公益教科書

學校網站

[編輯 | 編輯原始碼]
   If you are developing your school web page, chances are you have volunteered to do so or you have been co-opted by the school administration because you are the most tech savvy person on staff.  In either case, it is no minor undertaking especially because of the time involved in maintaining the site.  Some of you will have full teaching schedules; some will be the school technology coordinators who are “masters” of many areas and cannot be dedicated web masters.  Therefore, it is necessary to manage time wisely. 
   School web sites follow the same principal as any other website: it must be attractive enough for people to want to revisit it.  If not, it is not worth developing.  Attractive means good design, interesting content and easy navigation.  Thane Terrill, in his book Technology on a Shoestring: A Survival Guide for Educators and Other Professionals, recommends the following team if you are developing a major website:


*平面設計師:專注於網站的外觀和佈局。他們還為網站建立影像和圖形。 *程式設計師:負責網頁程式設計。現代網站的許多高階功能都需要一定程度的程式設計技能。 *資料庫管理員:處理資料庫的管理。通常,網站的構建是為了提供對現有資料庫(例如學生記錄)的訪問。 *編輯:網路編輯是一項專門的技能,因為螢幕空間的缺乏需要簡潔的寫作風格,能夠被快速瀏覽文字的使用者理解。 *內容專家:負責網站內容的準確性和相關性。 *宣傳員:如果網站需要讓公眾知道,宣傳員可以幫助宣傳。 *律師:此人確保您不會被起訴,並且您獲得了適當的商標。 *專案負責人:制定網站的概念,在開發過程中保護網站的願景,並確保團隊協同工作。

   No doubt, such as team requires a sizeable budget, and if executed at the district level is quite feasible; however, if you are developing your site single-handedly, you will need to combine many the skills of all of the persons mentioned above with little or no funding in order to produce an effective website. The time and commitment to create a website should not be underestimated. The following questions should guide your project: 



網站的目的是什麼?

[編輯 | 編輯原始碼]

學校網站通常為慶祝學生的成就和學校的成就提供機會,並提供與學校家庭交流的有效方式;但並非所有學校網站都旨在做到這一點。例如,康涅狄格州的一所小型治療學校將所有網站內容指向潛在的父母:它概述了學校的臨床專案、工作人員資格、學術專案和學費費用。不太可能一個青少年會獨立於他的家人尋求這種安置,因此資訊針對的是父母。

您的網站將針對誰?您需要諮詢學校行政部門才能做出這個決定。對這個問題的回答將決定內容,因為您隨後需要考慮這些不同的群體可能想要或發現有趣的資訊。

網站上應該包含哪些內容和資訊?

[編輯 | 編輯原始碼]

此時,最好檢視其他學校網站,並確定您喜歡的功能;您不喜歡的功能;哪些功能似乎效果很好;哪些功能效果不好。僅僅因為資訊可以放在您的網站上並不意味著它應該被放在那裡。您的網站上擁有新鮮的內容將鼓勵讀者經常返回,這是您的首要目標:讓人們返回您的網站。與內容型別一樣重要的是內容的呈現方式。

並非所有人都能為網路撰寫內容。網路寫作需要特定的技能 網路使用者不會逐字閱讀頁面。相反,他們會掃描頁面,尋找單個單詞或關鍵句子。網頁需要使用可掃描文字:突出顯示的關鍵詞、有意義的子標題、每段落一個想法。寫作風格最接近於電視新聞報道:簡短扼要。網路上有許多教程提供指導;例如,Web 內容樣式指南

誰將建立和維護網站?

[編輯 | 編輯原始碼]

作為指定的網站管理員,您將負責設計、建立、監控和收集您學校網站的內容。如上所述,這絕非易事,您將需要幫助。網站必須定期更新和審查,以便讀者返回。徵求各部門或各年級代表的意見,以將內容提供給您。您可能會發現一些員工擅長開發網頁,並且可以依靠他們自己釋出網頁資訊。如果沒有,值得組織一些研討會,幫助您的團隊發展網頁釋出技能。讓員工負責更新和釋出與其各自領域相關的 資訊,這樣會更省時。

注意:建立學校網頁最簡單的方法之一是使用 Web 內容管理系統或 CMS。CMS 是用於建立、編輯、管理和釋出 Web 內容的軟體。該系統本質上提供了一個或多個模板,個人可以在其中建立或修改內容。這種系統的優點是,員工需要很少的技術知識就可以使用該系統,並且網站保持統一的外觀。缺點是 CMS 網站不靈活。CMS 價格昂貴,但有許多開源系統可用,例如 Joomla。

網站將以什麼頻率更新?

[編輯 | 編輯原始碼]

您的網站必須定期審查,以便讀者返回。收集學生、教師和家長關於網站優勢和劣勢的反饋。這將有助於您在更新時進行改進。獲取反饋將意味著您的目標受眾知道您在那裡。透過家長通訊、會議公告或在當地報紙上刊登廣告來宣傳和推廣您的網站。

某些頁面需要比其他頁面更多的時間來維護。例如,如果作業釋出在網站上,這些頁面將需要每週更新,甚至每天更新。如果頁面包含許多外部連結,則必須定期檢查它們,以確保連結仍然有效。這就是為什麼組建團隊至關重要;除非一個人是專職網站管理員,否則一個人永遠無法處理這種細節。

您將使用什麼軟體來建立網站?

[編輯 | 編輯原始碼]

最流行的 HTML 編輯器是 Dreamweaver 和 Microsoft Front Page。您的選擇取決於您的技能水平以及您對網站的最終目標。

Microsoft FrontPage 編輯器是一個有用的 HTML 編輯器,旨在快速設計網站,並且作為 Office 套件應用程式的一部分提供。Microsoft Office 應用程式(如 Word、Publisher 甚至 PowerPoint)提供將您的文件另存為網頁的選項。這些非常使用者友好,因為初級網頁開發人員已經熟悉它們的佈局。FrontPage 是一款價格低廉的網頁設計應用程式,它對您的技能要求不高,您只需要知道您想讓您的網頁是什麼樣子即可。新增網站元素非常容易,如果您遇到問題,可以輕鬆獲得廣泛的教程。雖然 Macromedia Dreamweaver 需要花一些時間才能習慣,尤其是介面和無數選項,但 FrontPage 專為新手網頁設計師而設計,因此它從一開始就採用了不同的網頁設計方法。您會自動接觸到分步建立頁面的方法,在很多情況下,您甚至不需要了解 HTML!

FrontPage 是一種不同型別的 HTML 編輯器;它針對的是希望快速啟動並執行其網站的使用者,以及對太多擴充套件功能不感興趣的使用者。當然,與任何自尊的 HTML 編輯器一樣,FrontPage 支援最新技術和模組,但它的主要目的是易用性和簡單開發。在這種情況下,FrontPage 非常適合希望建立沒有太多花哨功能的簡單網站的網頁設計師。

FrontPage 和 Dreamweaver 都提供 HTML“硬編碼”功能,但 Dreamweaver 是商業網頁設計的行業標準。

Dreamweaver 擁有許多內建功能,包括互動式設計元素、Flash 動畫,甚至預編碼的 JavaScript 函式。作者擁有更多設計工具可以使用,使他們能夠建立更精緻的網站。由於 Dreamweaver 在商業上的廣泛使用,它是一款價格昂貴的應用程式,不適合設計新手使用。

特別注意:美國殘疾人法案或 ADA

美國國會修改了 1973 年的《康復法案》,要求聯邦機構使其電子和資訊科技可供殘疾人使用。該修正案被稱為第 508 條。該法案為基於網路的內聯網和網際網路資訊和應用程式制定了標準。它們透過螢幕閱讀器和可重新整理盲文顯示器等輔助技術,確保視覺障礙人士能夠訪問網頁圖形。當網站設計、開發和編輯正確時,所有使用者都可以平等地訪問資訊和功能。例如,當使用語義上有意義的 HTML 對網站進行編碼,為影像提供文字等效項,併為連結提供有意義的名稱時,這將有助於使用文字轉語音軟體和/或文字轉盲文硬體的盲人使用者。當文字和影像較大時,視力不佳的使用者更容易閱讀和理解內容。當連結既帶下劃線又帶顏色時,這將確保色盲使用者能夠注意到它們。當可點選的連結和區域較大時,這將有助於無法精確控制滑鼠的使用者。當對頁面進行編碼以便使用者能夠僅透過鍵盤或單個開關訪問裝置進行導航時,這將有助於無法使用滑鼠甚至標準鍵盤的使用者。當影片配有隱藏字幕或提供手語版本時,聾啞人和聽力障礙使用者可以理解影片。當避免使用閃爍效果或使閃爍效果可選時,易受這些效果引起癲癇發作的使用者不會受到風險。當內容以通俗易懂的語言編寫,並用說明性圖表和動畫進行說明時,患有閱讀障礙和學習障礙的使用者可以更好地理解內容。當網站構建和維護正確時,所有這些使用者都可以得到照顧,而不會影響網站對非殘疾使用者的可用性。

雖然目前沒有對不符合 508 條款進行處罰,但建議您按照標準構建頁面。

有關完整無障礙指南,請參見第 508 條款的第 1194.22 條。

有許多軟體工具可以評估您的網頁內容是否符合第 508 條款。其中一個免費工具是 HiSoftware Cynthia Says 入口網站。它是一個線上測試,一次檢查一個頁面,並識別哪些方面不符合 508 條款。

技術協調員的評論

[編輯 | 編輯原始碼]

客戶的理想與設計師的能力和時間限制之間的差異會導致理解上的差距。

大多數人認為,由於他們多年來一直使用網際網路網站,設計一個網站應該幾乎和毫不費力一樣。這類似於認為,由於您已經開車多年,製造一輛汽車應該和拼樂高積木一樣容易。

無論網站是基礎的還是複雜的,志願者都應該對自己技能水平和限制進行坦誠的評估。這可以在最初處理這些事項時為學校節省大量時間和金錢。

學校還必須明確其期望。他們需要能夠準確地表達他們在網站上想看到的內容。他們想要一個活動日曆,一個教職工電子郵件列表嗎?每個部門都有自己的網站嗎?誰負責提供每個頁面的內容?學生會被介紹嗎?誰將確保學生的許可?您想使用線上請求/調查表嗎?他們到底為哪些服務付費?誰負責升級和維護?

為了確保所有資訊都擺在檯面上,明智的做法是向客戶詢問這些資訊。為了簡化操作,設計師可以建立一個他們希望在學校網站上擁有的功能列表並進行核對。

一個用於計算網站價格的好網站可以在 Lucid Designs 上找到。

至少在這裡,抽象概念可以變得更加具體。除了計算網頁設計元素和功能的價格外,網頁設計師還可以利用這次機會計算實現所需的時間。無論是否免費工作或收費,客戶都應該瞭解這項工作在時間和金錢上的價值。每個人都必須從一開始就在同一個頁面上,以避免誤解。

判斷題

  1. 所有公立學校網站都必須符合 508 條款。
  2. 為網路寫作與為其他媒體寫作有很大不同。
  3. 學校網站可以用很少的錢開發。
  4. Microsoft Frontpage 是商業網頁設計的行業標準。

選擇題

5. 開發學校網站的目的是什麼?
a. 與潛在家長交流
b. 展示學生的作業
c. 改善與家長的溝通
d. 以上所有
6. Joomla 是什麼?
a. HTML 編輯器
b. 網頁內容管理系統
c. 部落格
d. 檢查 508 合規性的工具
7. 以下關於網頁內容管理系統 (CMS) 的說法中,除了哪個之外都是正確的
a. CMS 使用模板來控制資料的顯示
b. 修改 CMS 的設計很容易
c. 使用 CMS 需要很少的技術經驗。
d. CMS 可以從開源中找到
8. 可掃描文字的一些特點包括
a. 突出顯示的關鍵字
b. 副標題
c. 每段落一個想法
d. 以上所有
1. F
2. T
3. T
4. F
5. a
6. b
7. b
8. d

紐約市私立學校網站管理員訪談

[編輯 | 編輯原始碼]

特雷弗戴學校的吉姆·祖拉基斯談論他擔任特雷弗戴學校網站管理員的工作。

YouTube:網站管理員訪談


參考資料

[編輯 | 編輯原始碼]

貝利,傑拉德·D.,網頁團隊:什麼是最佳的 - 集中式還是分散式網頁人員配置?

克萊門斯,凱倫。個人訪談。2008 年 7 月 24 日。

教育和早期童年發展部。學校網站。維多利亞,澳大利亞,2008 年 6 月 23 日

特里爾,塞恩·B. 技術節儉:教育工作者和其他專業人士的生存指南。教師學院出版社:紐約,2006 年。

維基百科:網頁無障礙

華夏公益教科書