web設計與編程導論

2.課程大綱 4.實驗課程安排 5.課程設計

其一：《網站設計與編程導論》書籍介紹

一、內容提要：

本書以創新和近乎完美的方式融合了計算機科學和視覺傳播 設計的思想觀點，全面。綜合地講述了Web站點開發的設計與技術知識，可以使學生理解並掌握開發Web站點所必需的藝術設計，

視覺傳播，信息體系結構，計算機科學及程式設計知識。本書不僅關注創建Web站點的藝術與技術，同時也非常注重學生對理論的理解和開發技巧的把握。二、本書特色:

A.將技術與藝術設計完美地融合在一起，從而獲得有效的。有吸引力的Web設計方案。
B.重點討論了一系列Web技術，包括HTTP。XHTML。CSS、JavaScript、DHTML、DOM。和OGI。本書100%地遵循新的HTML標準——XHTML，所有實例都通過了W3C的XHTML驗證。
介紹了信息體系結構。視覺傳播設計、布局、色彩與字型的運用。正負空間。視覺層次結構、對稱，平衡，統一及變化等方面的基本概念和原則。本書包含8頁的彩色插圖。
C.綜合介紹了Web與Internet、Web站點開發過程以及所涉及的技術、方法與任務；按照Web開發過程的邏輯順序介紹了相關的開發主題。
D.通過輔助教學網站提供參考資源列表，包括有用的資源。

三、作者介紹：

Paul Wang博士是肯特州立大學計算機科學系的教授，該校計算數學研究所的主任。Paul Wang博士畢業於麻省理工學院，1981年即成為肯特州立大學計算機科學系的教授；他是符號與代數計算(SAC)研究領域的領導專家，目前正在與一個國 際小組在Web上開展數學計算與數學教育。他獲得過政府和企業提供的40多項研究基金，出版了6本教材，開發了許多軟體工具。

其二：雙語課程教學網站

一、簡介

《網站設計與編程導論》線上雙語課程由湖南農業大學信息科學技術學院電子商務系提供。網際網路和計算機方面的經典教材大多出自英美國家，讀懂英文教材顯得尤為重要。本課程主要介紹了基本的Web技術，如可擴展超文本標記語言（XHTML），層疊樣式表（CSS），開始使用XML的伺服器編程，　以及在Adobe Photoshop平面設計的基本技術。同時，專注於網站設計原理、網站可用性、網站測試及相關方面知識。

二、特色

1.對於專業術語，均做了自動翻譯的設定，即僅需將滑鼠移至相關術語便即刻顯示中文，為雙語的教學提供了極大的便利，為閱讀英文教材打好基礎。
2.採用FLASH教學，線上課堂，生動直觀——開放式課程（FLASH）
3.線上測試：可線上進行測試，檢驗和鞏固自己的學習。
4.網站設計線上工具：網站設計的好幫手，包括XHTML線上編輯器、線上配色器、CSS格式轉換器。
5.包含了一整套學習方案：課程安排、推薦閱讀、課堂作業、測試、實驗課程和課程設計。

三、主要架構

此課程主要分為三個部分：
課程的介紹：包括課程大綱、任課老師、教學周曆、推薦閱讀和教材的介紹
開放式課堂：文字課程和FLASH課程
線上實驗室：XHTML編輯器、線上配色器、CSS格式轉換器、實驗課程、創新實驗室和課程設計。

四、具體版塊

1、課程介紹
課程介紹是wdp線上課堂的導引部分，右側包括課程介紹、課程大綱、任課教師、教學周曆、推薦閱讀、教材介紹六大板塊。左側是課程線上學習。

1.課程簡介
主要介紹了web設計與編程導論這門課程。在湖南農業大學電子商務部提供的，這門課程介紹了網路的概念和教授創建的網頁。 實踐課程設計是通過邊乾邊學。 計算機科學，編程，視覺傳播，平面設計，網路和Web發布的應用程式方面將被覆蓋。 學生參加這個課程，學習如何設計和創建網頁作為一個團隊的一部分。
2.課程大綱
將web設計與編程導論這門課程學習的主要內容都編輯出來，供學生自由閱讀，促進學生的學習。其教學大綱如下：
第1章網頁基礎和概述
第2章創建網頁設計：XHTML
第3章高級的XHTML
第4章設計基礎知識
第5章信息架構，頁面布局和排版
第6章控制頁面樣式：層疊樣式表
第7章顏色和圖形
第8章表格和表格處理
第9章客戶端腳本：JavaScript的
第10章文檔對象模型和動態HTML
第11章圖形和生產現場
第12章音頻和視頻
第13章Perl和通用網關接口編程、
3.任課教師
此版塊介紹了任課教師的相關信息及教師對於學習這門課程的一些看法和建議，在課堂外，當學生遇到問題時，可通過教師在這一版塊留下的信息與教師聯繫，從而解決問題。
教師建議：本課程旨在向學生介紹了網站發展的理論和技術方面都。假設沒有事先的編程知識，或Web或圖形設計還是必要的。課程中，我們將介紹基本的Web技術，如可擴展超文本標記語言（XHTML），層疊樣式表（CSS），開始使用XML的伺服器編程，以及在Adobe Photoshop平面設計的基本技術。 此外，當然會處理的設計原則，網頁，用戶測試，以及一些其他的理論和原則，以協助您設計您的網站的可用性問題。
4.教學周曆
教學周曆是以日曆的形式將教師講課的課時，上課內容完整的呈現出來，學生可以通過登錄站點自由查詢，方便學生進行預習與複習。
5.推薦閱讀
在這裡，任課教師為學生推薦了適合學生在課外閱讀的書籍，在課堂學習之後，如果學生想要對所學知識加深了解，便可通過借閱推薦的書籍來達到。這樣避免了學生浪費時間看無用的書籍，促進學生養成自主學習的好習慣。其推薦書籍部分如下：
《網站重構：套用的Web標準進行設計》
《網路標準與網站重構》
《計算機網路》（第四版）
《網頁設計技術手冊》（第三版，影印版）
《HTML與XHTML權威指南》
《自學在24小時內的HTML和CSS》
《HTML和CSS網頁標準指南》
6.教材介紹
教材介紹版塊錄出了關於教材的標題、版本、作者、出版商等信息，為學生了解查詢該教材提供了便利。
英語語言列印版
標題： 網頁設計和編程簡介
作者：Paul S. Wang and Sanda Katila
ISBN：0534395287
出版商：布魯克斯/科爾，湯普森學習，太平洋格羅夫，美國加利福尼亞州
可用：2003年10月
中文翻譯版
書名: Web設計與編程導論(翻譯版)
作者: Paul S. Wang著，邱仲潘譯
ISBN: 7-04-015904-X
出版社: 高等教育出版社
出版時間: 2005-01
2、開放式課堂
1.簡介
開放式課堂指的是在教學過程中始終把學生看作處於不斷發展過程的學習主體，看作是一個身心不斷構建、升華過程的人，始終把教學過程當作一個動態的、變化的、不斷生成的過程。WDP開放式課堂主要是為想學WDP課程的人員提供一個網路課堂平台。幫助大家學習計算機科學、

程式設計、視覺傳達設計、平面廣告創意設計、網路、網頁製作等方面的知識。
2.Web設計與編程導論開放式課堂主要分為以下幾步：
第一步:網際網路先鋒
第二步:歷史的網站
第三步:Web1.0 vs Web2.0
第四步:什麼是網路2.0嗎?
第五步:網路標準
重點難點
3.重難點有以下幾個：
什麼是web2.0？
Web2.0d 核心思想
無（代）碼勝有（代）碼
你不知道是10個css技巧
IE盒模型與文檔定義模式
4.課件下載
課堂講稿、公告、討論和有用的資源是所有可用的在這裡。您可以根據需要進行下載，下載的格式為pdf。
5.作業習題
Wdp有4次作業需要您來完成。
6.課程考試
完成作業後將會有相應的考試。
考試大綱
考試方式：筆試（全英文 開卷）
開卷考試可攜帶的參考書籍、中英文教材、英文字典和筆記；禁止攜帶任何通訊工具和電子設備，如電子詞典，手機，筆記本電腦等。
考試基本題型：
單選題、簡答題、翻譯題、程式題、設計題、分析題、名詞解釋題。
7.線上測試
3、線上實驗室
線上實驗室主要分為實驗室介紹、線上XHTML編輯器、線上配色器、CSS格式轉換器、實驗課程安排、課程設計，為大家提供一個線上學習的平台。

1.線上XHTML編輯器
讓你在現在編輯XHLML，不需要專門下載其他工具，可以直接在系統內完成編輯，而且還可以線上提交，驗證你編寫的代碼的正確性
2.線上配色器
你可以選擇任何顏色，配色器會相應的出現顏色的網頁代碼，同時在下面會出一些相近顏色及代碼，供編寫代碼的人更好地選擇。
3.CSS格式轉換器
可以對你所編寫的的CSS代碼進行檢查，確定代碼的正確性，同時對你代碼進行壓縮和最佳化，減少CSS代碼的大小，並且在保留功能不變的同時，將你的代碼儘量簡化，清楚，便於大家閱覽。
4.實驗課程安排
線上實驗室總共有8個實驗，每個實驗4個課時，你在網上可以看到每個實驗的具體要求及安排時間，完全有自己安排，實驗中主要安排一下8個實驗
實驗一 圖形設計入門及基本操作 (4課時)
實驗二 圖形設計中級及色彩訓練 (4課時)
實驗三 圖形設計高級訓練 (4課時)
實驗四 網頁的編輯和超連結 (4課時)
實驗五 網頁工具使用和布局 (4課時)
實驗六 標準web創建和編輯實驗 (4課時)
實驗七 標準web樣式創建和編輯實驗 (4課時)
實驗八 xml創建和編輯實驗 (4課時)
5.課程設計
課程設計是為了讓同學們更好的學習，有老師帶頭，創新實驗室成員的幫助下，讓在網上課堂學習的人，可以更容易接受說學的知識，設計出更加合理的教學方案。