《網(wǎng)頁編程》教學(xué)大綱

1、accp4. 0 stage1html/javascript 網(wǎng) 頁 編 程教 學(xué) 大 綱2005 年11 月 30 日version 1. 0修改記錄：版本日期修改人v1.02005-11-30李榮貴一 、 課程目標 熟練掌握使用 dreamweaver 2004 制作網(wǎng)頁 掌握常用的 html 標簽 掌握一些實用的網(wǎng)頁樣式 編寫常見的 javascript 網(wǎng)頁特效和表單驗證 為第二學(xué)期 jsp 動態(tài)網(wǎng)頁開發(fā)提供基礎(chǔ)二、 課程對象 accp4.0 第一學(xué)期學(xué)員三、 預(yù)備課程 計算機基礎(chǔ) 軟件技術(shù)基礎(chǔ) 程序設(shè)計和 c 語言實現(xiàn)四、 課程學(xué)時理論課(no.of hrs)上機課(no.of hr

2、s)在線培訓(xùn)(no.of hrs)指導(dǎo)學(xué)習(no.of hrs)總學(xué)時(no.of hrs)20204246五、相關(guān)的項目案例 北大青鳥 c 語言在線六、課程地位七、 課程內(nèi)容組織結(jié)構(gòu)熟練掌握使用 dreamweaver 設(shè)計網(wǎng)站熟悉 html 基礎(chǔ)掌握使用樣式表美化頁面掌握實用的 javascript腳本應(yīng)用八、課程知識點第 1 章dreamweaver 使用入門目標1.理解術(shù)語： internet （因特網(wǎng)）、web（網(wǎng)頁）和網(wǎng)站2.理解與 dreamweaver 相關(guān)的概念3.掌握創(chuàng)建網(wǎng)站的操作步驟4.掌握如何制作簡單網(wǎng)頁5.掌握使用 dreamweaver 創(chuàng)建超級鏈接內(nèi)容概述和組織本

3、章先介紹 internet 和萬維網(wǎng) (www)的相關(guān)知識，然后講解如何使用 dreamweaver mx 2004 來創(chuàng)建網(wǎng)站及設(shè)計網(wǎng)頁，最后講解如何創(chuàng)建超鏈接。重點和難點重點： 使用 dreamweaver 創(chuàng)建站點、創(chuàng)建帶超鏈接的簡單頁面。難點：創(chuàng)建不同的超鏈接知識點描述11internet、web 和網(wǎng)站簡介12介紹 internet 相關(guān)的基礎(chǔ)知識。13dreamweaver 基礎(chǔ)知識14dreamweaver 的功能和相關(guān)術(shù)語：靜態(tài)網(wǎng)站、動態(tài)網(wǎng)站、根目錄等。15dreamweaver的界面16介紹如何使用插入欄、屬性檢查器、各種面板等17新建網(wǎng)站18使用 dreamweaver 創(chuàng)

4、建站點、創(chuàng)建新頁面。19超級鏈接簡介110介紹各種類型的路徑、如何創(chuàng)建不同類型的超鏈接。第 2章 使用 dreamweaver 制作網(wǎng)頁目標1. 掌握如何制作網(wǎng)頁2. 掌握如何在網(wǎng)頁中插入和格式化文本3. 掌握如何創(chuàng)建和格式化表格4. 掌握如何插入圖像5. 掌握創(chuàng)建模板的步驟內(nèi)容概述和組織本章首先介紹如何在網(wǎng)頁中插入文本、表格和圖像，然后介紹如何制網(wǎng)頁模板， 并將網(wǎng)頁應(yīng)用到模板。重點和難點重點：使用 dreamweaver的各種工具，制作豐富多彩的網(wǎng)頁。難點： 創(chuàng)建網(wǎng)頁模板知識點描述21 222324252627簡介新建頁面如何創(chuàng)建頁面，設(shè)置網(wǎng)頁標題等插入文本 介紹向網(wǎng)頁中插入文本的方式：插入

5、文本、粘貼文本、從word 格式化文本包含如何格式化文本顏色、段落、標題、特殊字符、列表等。 表格介紹如何創(chuàng)建表格并設(shè)置表格屬性插入圖像 介紹圖像的類別、插入圖像、設(shè)置圖像屬性、創(chuàng)建圖像地圖等。 模板如何創(chuàng)建模板、應(yīng)用模板。中導(dǎo)入第 3 制作動態(tài)網(wǎng)頁目標1. 插入表單和表單元素2. 插入多媒體元素3. 創(chuàng)建并應(yīng)用 “行為”4. 創(chuàng)建 “層”內(nèi)容概述和組本章先介紹各種表單元素，然后講解如何插入 flash 等多媒體元素， 最后講解如何創(chuàng)建各種行為（如彈出窗口、頁面跳轉(zhuǎn)等）和層（在線培訓(xùn)中將介紹如何制作層動畫）。重點和難點重點：如何制作表單頁面。難點： 理解事件的概念， 并根據(jù)事件創(chuàng)建不同的行為。

6、知識點描述3 1插入表單和表單元素介紹各種表單元素，解釋相關(guān)屬性的含義3 2插入多媒體元素插入flash 文本、flash按鈕、flash 影片、聲音3 3行為使用 dreamweaver 創(chuàng)建行為、理解各種事件34層介紹第 4章 html 基礎(chǔ)目標1. html 文檔的基本結(jié)構(gòu)2. 掌握常用 的 html 標簽3. 在 html 文檔中插入特殊字符 4.在 html 文檔中創(chuàng)建超級鏈接內(nèi)容概述和組織本章先介紹 html文檔的基本結(jié)構(gòu)，然后再講解 html 的基本元素，包括標題、段落、文本字體、列表等，最后講解各種類型的超鏈接。重點和難點重點：講解各種 html 標簽的含義。難點： 如何創(chuàng)建錨

7、鏈接知識點描述4 1html 基礎(chǔ)知識html語言的功能簡介。4 2html 文檔的結(jié)構(gòu)4 3meta 標簽4 4html基本元素包括標題、段落、文本字體、列表、圖片等。45超鏈接講解如何創(chuàng)建不同類型的超鏈接：不同文檔間的鏈接、錨鏈接、電子郵件。第 5章 表格、表單和框架目標1. 用html 代碼創(chuàng)建表格2. 創(chuàng)建表單 3. 創(chuàng)建框架內(nèi)容概述和組織本章首先介紹如何創(chuàng)建表格，然后介紹如何制作表單頁面，最后簡要介紹框架。重點和難點重點：如何創(chuàng)建表格和表單。難點：框架的 html 語法。知識點描述5 1表格講解表格的基本結(jié)構(gòu)、表格的各種屬性設(shè)置。52表單講解表單的基本元素， 重點突出如何應(yīng)用各種表單

8、元素。5 3框架框架的 html 語法只要求學(xué)員了解，因為框架一般采用 dreamweaver制作。第 6章 層疊樣式表目標1. 了解 dhtml 的概念2. 掌握樣式表的語法3. 掌握如何使用樣式表4. 了解和標簽內(nèi)容概述和組本章先介紹什么是樣式表、為什么需要樣式表，然后講解樣式表的規(guī)則，再根據(jù)樣式的不同類型展開分別講解。重點和難點重點：如何使用層疊樣式表來更改各種 html 元素的樣式。難點：各種樣式表的區(qū)別以及如何應(yīng)用樣式表。知識點描述61dhtml 簡介什么是 dhtml、dhtml 的功能6 2樣式表簡介什么是樣式表、樣式表的基本語法、樣式表中常用的屬性和分類6 3行內(nèi)樣式表行內(nèi)樣式

9、表的語法、具體應(yīng)用6 4內(nèi)嵌樣式表介紹各種選擇器、相關(guān)的常用實例6 5外部樣式表外部樣式表的類型以及如何應(yīng)用6 6樣式表的混合使用6 7使用 div 和 span 標簽6 8css 的優(yōu)點第 7 章javascript語法基礎(chǔ)目標1. 理解什么是 javascript2. 如何將 javascript 嵌入到 html 中3. 理解變量、數(shù)據(jù)類型和運算符4. 掌握 if-else 和 switch 語句內(nèi)容概述和組織本章先介紹什么是javascript，然后講解如何在網(wǎng)頁中嵌入 javascript腳本，最后講解 javascript 的基本語法。重點和難點重點：掌握 javascript 的

10、基本語法。難點：如何嵌入腳本到 網(wǎng)頁。知識點描述71javascript 簡介72javascript 的必要性73將 javascript嵌入網(wǎng)頁74變量75運算符76條件語句77switch 多分支語句第 8 章javascript 核心語言對象目標1.掌握數(shù)組的用法2. 使用循環(huán)語句控制應(yīng)用程序3. 創(chuàng)建自定義函數(shù)4. 理解 javascript 對象5. 使用 string、 math 和 date 等對象內(nèi)容概述和組織本章首先介紹如何在網(wǎng)頁中插入文本、表格和圖像，然后介紹如何制作網(wǎng)頁模板，并將網(wǎng)頁應(yīng)用到模板。重點和難點重點： 使用 dreamweaver的各種工具，制作豐富多彩的網(wǎng)頁

11、。難點： 創(chuàng)建網(wǎng)頁模板知識點描述8 1數(shù)組包括如何創(chuàng)建數(shù)組、給數(shù)組元素賦值、數(shù)組對象的常用屬性和方法，本章只要求學(xué)員掌握一維數(shù)組。8 2循環(huán)語句結(jié)合示例介紹 for 循環(huán)和 do-while 語句。83函數(shù)介紹常用的內(nèi)置函數(shù)和自定義函數(shù)，包括函數(shù)的定義語法以及如何調(diào)用函數(shù)。84javascript 對象簡介首先介紹javascript 中的對象分層結(jié)構(gòu)，然后逐一講解字符串 string對象、數(shù)學(xué) math 對象、日期 date 對象的典型應(yīng)用。第 9章 javascript 中的瀏覽器對象目標1. 理解事件處理程序的概念2. 了解 java script 中的常用事件3. 掌握常用的瀏覽器對象

12、：window、document、history內(nèi)容概述和組織本章先介紹事件的概念，然后講解如何應(yīng)用各種事件，最后講解瀏覽器的各個對象，以及各對象的常用屬性、方法和事件。重點和難點重點：掌握各種事件和window對象、document 對象和 history 對象。難點： 理解事件的概念和各種瀏覽器對象。知識點描述9 1事件處理程序 - 概念92javascript 事件介紹常見的各種事件及其含義。9 3瀏覽器對象簡介介紹瀏覽器對象的分層結(jié)構(gòu)以及各個對象代表的含義。9 4各種瀏覽器對象主要介紹常用的 window對象、document對象、history對象，并結(jié)合實用案例，介紹各個對象常用的

13、屬性和方法第 10 章 處理表單和表單元素事件目標1. 使用與以下表單對象的事件處理程序： 文本框 文本區(qū)域 命令按鈕 復(fù)選框 單選按鈕 下拉列表框2. 編寫用于驗證表單的 javascript內(nèi)容概述和組織本章先再次介紹事件的概念，然后結(jié)合實例逐一講解各種表單元素相關(guān)事件的應(yīng)用，最后重點講解如何驗證表單數(shù)據(jù)的合法性。重點和難點重點： 各種表單元素 的常用屬性、方法和相關(guān)事件以及表單驗證。難點： 表單驗證。知識點描述10 1 事件處理程序和表單元素簡介10 2 文本框?qū)ο?10 3 命令按鈕對象 10 4 復(fù)選框?qū)ο?10 5 單選按鈕對象10 6 下拉列表框（組合框）10 7 表單驗證知識點描述9 5事件處理程序 - 概念96javascript 事件介紹常見的各種事件及其含義。9 7瀏覽器對象簡介介紹瀏覽器對象的分層結(jié)構(gòu)以及各個對象代表的含義。9 8各種瀏覽器對象主要介紹常用的 window對象、document對象、history對象，并結(jié)合實用案例，介紹各個對象常用的屬性和方法內(nèi)容概述和組織本章先再次介紹事件的概念，然后結(jié)合實例逐一講解各種表單元素相關(guān)事件的應(yīng)用，最后重點講解如何驗證表單數(shù)據(jù)的合法性。重點和難點重點： 各種表單元素 的常用屬性、方法和相關(guān)事件以及表單驗證。難點：