網(wǎng)頁設計與制作課程標準

1、江蘇農(nóng)林職業(yè)技術學院網(wǎng)頁設計與制作課程標準課程代碼： 08058一、適用對象 電子信息工程、計算機應用、電子商務等專業(yè)的三年制大專。二、課程性質網(wǎng)頁設計與制作是當今社會的熱門技術之一， 也是三年制計算機?？茖W生的一門專 業(yè)必修課，是根據(jù)網(wǎng)頁設計與制作、網(wǎng)站管理、網(wǎng)頁編輯的工作崗位能力要求所開設的 課程。本課程的教學目的是：以 HTML 、DreamWeaver 和 ASP 為藍本，全面介紹與網(wǎng)頁 設計制作有關的知識，使學生具有解決一般網(wǎng)頁制作問題的能力。與此同時，通過對 Web 頁制作技術和制作工具的學習， 使學生對于網(wǎng)頁設計中所涉及的相關知識有一個全 面的了解。使學生具有良好的網(wǎng)站規(guī)劃、設計

2、、編輯與維護能力。74 學時（理論 34 學時、實訓 40 學時）四、學分4 學分五、課程目標 通過本課程的學習， 學生具有網(wǎng)頁設計師工作最基本的知識與技能、 具備較高的職 業(yè)素質， 能基本勝任各公司的網(wǎng)頁設計師和網(wǎng)站管理維護等崗位工作。 具體來講， 又分 為職業(yè)能力、工作能力和創(chuàng)新能力的培養(yǎng)。（一）情感與態(tài)度目標1. 具有勤奮學習的態(tài)度 ,嚴謹求實 ,創(chuàng)新的工作作風 ;2. 具有良好的心理素質和職業(yè)道德素質 ;3. 具有高度責任心和良好的團隊合作精神 ;4. 具有一定的科學思維方式和判斷分析問題的能力 ;5. 具有較強的網(wǎng)頁設計創(chuàng)意思維 ,藝術設計素質 .（二）能力目標 （五號黑體，頂頭空兩

3、字）1、熟悉 DreamWeaver 軟件的使用。2、掌握創(chuàng)建和管理站點的原理和方法。3、掌握網(wǎng)頁文本的編輯和控制、表格設計和制作網(wǎng)頁的技術。4、掌握網(wǎng)頁圖像的處理、超鏈接的使用、網(wǎng)頁表單的編輯的技術。5、掌握制作網(wǎng)頁框架、圖層技術、 CSS 樣式的技術。6、掌握網(wǎng)頁中插入多媒體、利用模板和庫設計網(wǎng)頁的技術。7、掌握網(wǎng)頁測試和發(fā)布等技能。8、具備進行綜合網(wǎng)站規(guī)劃與設計的能力。9、具備網(wǎng)站的更新與維護能力。（三）知識目標1. 會使用dreamweaver網(wǎng)頁設計工具制作網(wǎng)頁；2. 理解html語言中的標記設置顏色，文本格式和列表；3. 熟練掌握顏色值的配置和背景圖案的設置方法，熟練掌握字符，鏈接

4、顏色的設置方法；4. 熟練掌握網(wǎng)頁設計中字符格式的設置方法，段落分段與換行的方法；5. 掌握html的語法結構，掌握html語言中標記的使用方法；6. 掌握在網(wǎng)頁中添加 css的方法.掌握三種添加樣式信息的方法，會使用css設置網(wǎng)頁格式和列表的格式；7. 掌握在網(wǎng)頁中嵌入圖像的方法，掌握與嵌入圖像相關標記的用法；8. 掌握與圖像布局和位置相關的標記的概念和用法；9. 熟練掌握使用絕對和相對url,創(chuàng)建超鏈接，圖像鏈接；學會圖像映射的建立方法；10. 熟練掌握表格的使用方法，會用表格布局并設計網(wǎng)頁；11. 掌握框架制作網(wǎng)頁的方法，會使用框架設計網(wǎng)頁；12. 掌握制作表單的方法，會利用表單建立交互

5、式頁面；13. 掌握javascript語言的語法;14. 掌握在html語言代碼中嵌入javascript代碼的方法，能看懂javascript特效網(wǎng)頁源 代碼；15. 學會使用javascript語言實現(xiàn)網(wǎng)頁特效.。六、設計思路本課程的主要內(nèi)容為系統(tǒng)介紹網(wǎng)頁編輯與制作軟件Dreamweaver，通過對這種有代表性的網(wǎng)頁制作軟件的學習，了解網(wǎng)站規(guī)劃和建立的全過程，掌握制作網(wǎng)頁并建設網(wǎng)站的技術。該門課程采取項目式教學，同時遵循高等職業(yè)院校學生的認識規(guī)律，結合網(wǎng)頁設計師職業(yè)資格證書中相關考核要求，確定本課程的工作任務和課程模塊。本課程學習結束后，學生應能熟練利用Dreamwaver提供的強大功能

6、制作靜態(tài)及簡單動態(tài)網(wǎng)頁、開發(fā)具有一定規(guī)模的網(wǎng)站，并最終上傳到互聯(lián)網(wǎng)上。七、內(nèi)容綱要項目一網(wǎng)站建設基本知識參考學時：8學時學習目標：了解HTML的相關知識、概念以及網(wǎng)站的制作流程，掌握用DreamWeaver制作HTML網(wǎng)頁。模塊一初識Dreamweaver4 -+z 八rr 4學時參考學時學習目標1、熟悉 Dreamweaver的工作界面2、 正確的啟動和退出程序3、能正確描述插入欄、文檔工具欄、屬性面板和浮動面板的功能，會 打開和關閉這些工具欄和面板，調整工作界面的布局工作任務網(wǎng)頁設計的基本概念、掌握站點的建立和管理，能夠根據(jù)要建立和 管理站點。相關知識互聯(lián)網(wǎng)，遠端站點，本地站點拓展知識HT

7、ML語言模塊二制作第一個簡單頁面4 -4-z 八、rr F- 參考學時4學時學習目標掌握網(wǎng)頁制作最基本的步驟。工作任務1、學會創(chuàng)建靜態(tài)站點。2、頁面中文本的輸入及簡單格式化。3、頁面背景的設置。4、學會添加水平線和設置滾動字幕。5、網(wǎng)頁的命名與保存相關知識HTML語言拓展知識網(wǎng)頁的布局和色彩搭配項目二插入圖像和多媒體參考學時：8學時學習目標：掌握網(wǎng)頁制作中如何添加圖像和多媒體等網(wǎng)頁元素，熟練掌握在DreamWeaver中處理圖片和多媒體的方法和技巧。模塊一插入圖像和多媒體4 -4-z 八、rr F- 參考學時4學時學習目標學會如何在網(wǎng)頁中添加 FLASH動畫，插入圖像和視頻，以及才匕宇.&am

8、p;廠廠冃景曰樂。工作任務1、在網(wǎng)頁中插入圖像。2、在網(wǎng)頁中插入 FALSH動畫。3、在網(wǎng)頁中設置背景音樂。4、學會如何在網(wǎng)頁中添加視頻文件。相關知識HTML語言拓展知識聲音及視頻的格式模塊二制作一個音畫網(wǎng)站4 -4-z 八、rr F- 參考學時4學時學習目標合理運用學習過的知識構建一個圖、文、聲并茂的音畫網(wǎng)頁工作任務2、創(chuàng)建站點，準備素材。2、在網(wǎng)頁中插入圖像，在網(wǎng)頁中插入FALSH動畫。3、在網(wǎng)頁中設置背景音樂。4、合理布局，構建一個圖文聲并茂的網(wǎng)頁作品。相關知識HTML語言拓展知識聲音及視頻的格式項目三表格的制作參考學時：6學時學習目標：掌握網(wǎng)頁制作中與表格有關的HTML標記，熟練掌握用

9、 DreamWeaver制作數(shù)據(jù)表格和排版表格。模塊一表格的基本操作4 -4-z 八、rr F- 參考學時2學時學習目標掌握網(wǎng)頁制作中與表格有關的HTML標記，熟練掌握用DreamWeaver制作數(shù)據(jù)表格和排版表格。工作任務1、如何制作表格2、表格格式化3、表格在頁面布局中的應用相關知識表格在頁面布局中的應用拓展知識表格的標簽模塊二 利用表格制作一個點歌臺網(wǎng)頁4 -4-z 八、rr F- 參考學時4學時學習目標通過上機操作使學生掌握表格的制作方法，學會根據(jù)需要對 表格進行格式化處理，掌握表格、行、單元格的屬性設置上的區(qū) 別點和表格在頁面布局中的作用。工作任務1、建立站點。2、合理用表格布局。3

10、、根據(jù)網(wǎng)站主題，在網(wǎng)頁中插入動畫，圖片，文字制作一個簡 單的點歌臺頁面。相關知識網(wǎng)頁的布局拓展知識特殊表格的制作項目四 設置超級鏈接參考學時：4學時學習目標：熟練掌握用DreamWeaver制作各種超級鏈接，如：文本的超級鏈接、圖像超 級鏈接，熱區(qū)的超過級鏈接，電子郵件鏈接等。模塊一班級網(wǎng)站的制作4 -4-Z 八rr . 參考學時4學時學習目標航制作一個班級網(wǎng)站，至少要有二個以上的頁面，并有合理的導工作任務1、 創(chuàng)建普通文本鏈接：能正確創(chuàng)建文本鏈接，實現(xiàn)網(wǎng)頁跳 轉。2、創(chuàng)建錨鏈接：能正確創(chuàng)建錨鏈接，實現(xiàn)網(wǎng)頁跳轉和位置跳 轉。3、創(chuàng)建電子郵件鏈接：能正確創(chuàng)建電子郵件鏈接，實現(xiàn)郵件 發(fā)送。4、以上

11、功能要在班級網(wǎng)站中體現(xiàn)出來。相關知識超級鏈接的標簽拓展知識能對已有的導航條進行簡單的編輯和修改項目五表單的制作參考學時：4學時學習目標：1、掌握創(chuàng)建表單、向表單中插入表單對象的方法。2、掌握表單及表單對象屬性的設置。模塊一會員注冊頁面的制作4 -4-z 八、rr F- 參考學時4學時學習目標掌握表單在網(wǎng)頁中的應運工作任務1、使學生熟練掌握表單的制作方法。2、理解表單在收集用戶信息方面的作用機理。3、學會在網(wǎng)頁中合理地設置表單，并制作一個會員注冊頁面。相關知識利用表單對象制作友情鏈接拓展知識制作一個訪客留言前臺頁面項目六CSS樣式表參考學時：8學時學習目標：要求掌握如何自定義樣式表，如何修改原有

12、的HTML標簽樣式，怎樣用樣式表選擇器添加動態(tài)效果，怎樣添加和應用外部樣式表。模塊一認識CSS樣式表4 -4-z 八、rr F- 參考學時4學時學習目標認識CSS樣式表，學會創(chuàng)建和運用 CSS羊式工作任務1、認識CSS樣式，熟悉CSS樣式的分類，掌握CSS樣式的語 法。2、掌握創(chuàng)建CSS樣式表，設置 CSS屬性的方法。3、掌握鏈接CSS和導入CSS樣式表、編輯和刪除 CSS樣式、 應用CSS樣式的方法。相關知識拓展知識高級樣式的制作模塊二制作智豐電腦學校首頁4 -4-z 八、rr F- 參考學時4學時學習目標利用樣式美化網(wǎng)頁工作任務1、網(wǎng)頁的整體布局。2、添加網(wǎng)頁兀素。3、用CSS樣式制作水平

13、導航欄。4、用CSS樣式設置文本的字體、字形、行高等屬性，制作一 個圖文并茂的頁面。相關知識利用樣式換膚拓展知識制作多樣式的導航欄項目七框架參考學時：4學時學習目標：掌握網(wǎng)頁制作中與框架有關的HTML標記，熟練掌握用 DreamWeaver制作框架結構網(wǎng)頁。模塊一框架的基本操作4 -4-z 八、rr F- 參考學時2學時學習目標掌握在網(wǎng)頁中添加行為效果，使網(wǎng)頁產(chǎn)生簡單的人機交互功 能工作任務1、認識框架2、建立框架3、框架的高級設定4、框架中的超級鏈接相關知識拓展知識模塊二 產(chǎn)品展示類網(wǎng)站制作4 -4-z 八、rr F- 參考學時2學時學習目標利用框架架構頁面工作任務1、利用框架進行網(wǎng)頁的整體

14、布局。2、添加網(wǎng)頁兀素。3、左側導航欄的制作。4、超級鏈接的制作。相關知識拓展知識項目八模板和庫參考學時：6學時學習目標：學會如何創(chuàng)建和使用模板； 學會如何創(chuàng)建和使用庫項目；能夠使用模板和庫創(chuàng)建網(wǎng)站頁面。模塊一模板和庫的基本操作4 -4-z 八、rr F- 參考學時2學時學習目標掌握模板和庫項目的創(chuàng)建與應用工作任務1、創(chuàng)建模板2、創(chuàng)建可編輯區(qū)域3、應用模板4、創(chuàng)建和應用庫項目相關知識拓展知識模塊二制作基于模板和庫的旅游信息頁面4 -4-z 八、rr F- 參考學時4學時學習目標本課以制作旅游網(wǎng)頁為例，講解了模板的制作方法與技巧。學生通過學習應掌握旅游網(wǎng)頁的設計思路與制作要領。工作任務1、制作一

15、個模板頁面，把頁面中內(nèi)容需要更換的欄目設置為 可編輯區(qū)域，將左側的快速導航設置為可選區(qū)域。2、 創(chuàng)建一個基于模板的頁面， 并在頁面中的可編輯區(qū)域運用 表格布局制作相關的頁面內(nèi)容。3、將頁面底部的版權信息制作為庫項目。相關知識模板的調整與更新拓展知識項目九網(wǎng)頁中行為的應用參考學時：6學時學習目標：通過教學，使學生掌握 Dreamweaver中行為的概念，熟練掌握使用行為面板對行為的各種操作方法。會使用Dreamweaver的內(nèi)置行為為網(wǎng)頁對象添加各種常用的行為模塊一行為的基本操作4 -4-z 八、rr F- 參考學時2學時學習目標掌握在網(wǎng)頁中添加行為效果，使網(wǎng)頁產(chǎn)生簡單的人機交互功 能工作任務1

16、、了解行為的含義及功能。2、了解動作與事件的含義及設置方法。3、熟悉行為面板。4、 掌握網(wǎng)頁常用行為的設置方法，并會編輯、刪除已設置的 行為。相關知識拓展知識模塊二個人網(wǎng)站制作4 -4-z 八、rr F- 參考學時4學時學習目標利用行為為網(wǎng)頁設置人機交互功能工作任務1、網(wǎng)頁的整體布局。2、添加網(wǎng)頁兀素。3、利用行為制作水平導航欄。4、 利用行為設置友情鏈接，利用行為設置檢查表單功能，從 而屏敝垃圾信息，并綜合應用前面所學制作一個圖文并茂的頁面。相關知識拓展知識行為的高級運用項目十測試發(fā)布網(wǎng)站參考學時：4學時學習目標：掌握Dreamweaver測試網(wǎng)站的性能，檢查網(wǎng)站的正確性。掌握域名的基本概

17、念以及分類，域名的注冊技巧；掌握空間的申請方法。掌握發(fā)布站點的步驟。模塊一網(wǎng)站的發(fā)布4 -4-z 八、rr F- 參考學時4學時學習目標測試發(fā)布網(wǎng)站工作任務1、測試網(wǎng)站。2、申請空間和域名。3、發(fā)布維護網(wǎng)站。相關知識網(wǎng)站的推廣拓展知識項目一 ASP動態(tài)網(wǎng)頁參考學時：8學時學習目標：以留言板設計為實例，掌握用ASP代碼和DreamWeaver制作動態(tài)網(wǎng)站的-般方法和流程。模塊一留言本的制作（一）發(fā)表留言頁面4 -4-z 八、rr F- 參考學時4學時學習目標通過學習使學生掌握IIS的設置方法，會在DW中正確設置動 態(tài)站點，學會制作一個訪客留言頁面，并能將數(shù)據(jù)寫入到相應的 數(shù)據(jù)庫中。工作任務1、動

18、態(tài)站點的設置。2、訪客留言頁面的設計與實現(xiàn)。相關知識數(shù)據(jù)庫的設計，數(shù)據(jù)庫的鏈接，記錄集的綁定拓展知識模塊二 留言本的制作（二）-顯示留言頁面4 -4-z 八、rr F- 參考學時4學時學習目標使學生能將數(shù)據(jù)庫里的訪客信息，正確地顯示出來，掌握合 理地分頁和排序。從而將訪客查看留言和填寫留言的功能完全地 設計與實現(xiàn)。工作任務1、顯示頁面的設計。2、記錄集的綁定。3、重復區(qū)域的設置。4、記錄的分頁及排序的設定。相關知識拓展知識模塊三 留言本的制作（三）-管理留言頁面4 -4-z 八、rr F- 參考學時4學時學習目標使學生能實現(xiàn)管理員的管理留言功能即刪除留言、修改留言、回復留言，從而實現(xiàn)一個功能較完全的一個留言本。工作任務1、設計管理員數(shù)據(jù)庫表。2、設計管理員登錄頁面。3、設計管理員管理頁面。4、設計刪除、修改、回復留言頁面。相關知識拓展知識項目十二綜合練習參考學時：4學時學習目標：利用前面所學創(chuàng)建一個網(wǎng)站。使學生對于網(wǎng)頁設計與制作的基本方法和技能有更加深入的理解； 提高學生在實際操作中收集信息、對信息進行價值判斷、 進行信息整理、信息加工的能力；提高學生的網(wǎng)頁設計與制作能力；使學生掌握利用軟硬件資源制作并發(fā)布一個具體網(wǎng)站的操作過程。模塊一制作一個網(wǎng)