④ 鼠標移動到【CSS樣式面板】上，右擊“.style1”規(guī)則，在彈出的快捷菜單中選擇【套用】。⑤ 重復(fù)③和④中的操作，逐一將“.style1”規(guī)則應(yīng)用到接下來的幾個單元格中去。⑥ 保存并預(yù)覽，其效果如圖5.5.4所示。

圖5.5.3 表格邊框設(shè)置

圖5.5.4效果預(yù)覽

注意：在Dreamwaver 8中，上一個單元格的下邊框和下一個單元格的上邊框的屬性值效果是可以疊加的。對于相鄰的兩個單元格，在設(shè)置邊框的時候需要考慮到這點。

（2）長文本行距、縮進調(diào)整的設(shè)置步驟如下：

① 在【CSS樣式面板】右擊“border.css”，選擇【新建】創(chuàng)建一個新的CSS規(guī)則，命名為“.style5”。

② 雙擊“.style5”，打開“CSS規(guī)則定義”對話框。③ 分別設(shè)置以下參數(shù)：

·在【分類】列表框中選擇【類型】，設(shè)置【行高】為25像素； ·在【分類】列表框中選擇【區(qū)塊】，設(shè)置【文字縮進】為30像素； ·在【分類】列表框中選擇【方框】，設(shè)置【邊界】左、右各10像素。④ 單擊【確定】關(guān)閉“CSS規(guī)則定義”對話框。

⑤ 選中圖11.21中的“自薦信”下方單元格中的兩段長文本。

⑥ 鼠標移動到【CSS樣式面板】上，右擊“.style5”規(guī)則，在打開的快捷菜單中選擇【套用】。

⑦ 保存并預(yù)覽，其效果如圖5.5.5所示。

圖5.5.5 長文本行距調(diào)整效果預(yù)覽

5.6使用模板

模板，它能幫助我們快速定制網(wǎng)頁的風(fēng)格，并由模板生成其他頁面，從而避免了許多重復(fù)性的工作。制作模板與制作其他頁面基本相同，只是模板不需要把頁面的所有內(nèi)容都完成，而只要把導(dǎo)航條、標題欄等各個頁面相同的部分制作出來就可以了，其他部分則由模板生成具體頁面時再設(shè)置。

1．創(chuàng)建模板

模板的后綴名是.dwt，保存模板時Dreamwaver 8會在站點目錄下自動生成一個名為“Templates”的文件夾，用以保存模板文件。生成模板的步驟如下：

（1）按照制作普通網(wǎng)頁的方法，制作一個頁面。（2）將該頁面另存為模板，如果彈出警示對話框詢問【要更新鏈接嗎？】時，單擊“是”。這時在站點目錄下將出現(xiàn)一個名為Templates的文件夾，且包含了一個名為“filemod.dwt”的模板文件。

2．創(chuàng)建可編輯區(qū)

模板創(chuàng)建后還不能夠直接使用，要先進行模板的編輯，主要是創(chuàng)建可編輯區(qū)。通過模板生成的新網(wǎng)頁，只能更改可編輯區(qū)的內(nèi)容，其余部分總是與模板中的相應(yīng)部分完全一樣。

創(chuàng)建可編輯區(qū)的步驟如下：

（1）打開模板文件，選擇一個希望在生成頁面中可被編輯的元素。

（2）切換到“插入”欄的【常用】選項卡，單擊【模板】按鈕，選擇【可編輯區(qū)域】，如圖5.6.1所示。

圖5.6.1 【可編輯區(qū)域】按鈕

（3）在打開的如圖5.6.2所示的“新建可編輯區(qū)域”對話框中輸入可編輯區(qū)域的名稱，最后單擊【確定】按鈕。

圖5.6.2 命名可編輯區(qū)

（4）重復(fù)上述過程逐一創(chuàng)建并命名模板中的可編輯區(qū)域，最后保存并關(guān)閉模板文件。最終生成的模板文件如圖5.6.3所示，圖中的“Edit Region1”、“Edit Region2”等就是可編輯區(qū)。

圖5.6.3 生成的模板文件及可編輯區(qū)

3．應(yīng)用模板創(chuàng)建網(wǎng)頁

基于模板創(chuàng)建網(wǎng)頁的操作步驟如下：（1）單擊【文件】菜單，選擇【新建】，打開如圖5.6.4所示的“新建文檔”對話框。（2）切換到【模板】選項卡，在【模板用于】列表中選擇“我的簡歷”站點，并選擇站點模板“filemod”。

圖5.6.4 “從模板新建”對話框

（3）單擊【創(chuàng)建】按鈕即可生成一個新頁面。

通過模板創(chuàng)建的頁面在文檔編輯區(qū)的四周為淡黃色，且其右上角顯示“模板：filemod”字樣。鼠標移動至非可編輯區(qū)域時呈鎖定狀態(tài)，既不可選取也不可單擊。

4．更新模板

不管從模板生成多少網(wǎng)頁，這些網(wǎng)頁在可編輯區(qū)域中可隨意添加、編輯、刪除頁面元素。但是它們的共同部分——不可編輯區(qū)域，卻嚴格遵守模板的統(tǒng)一設(shè)計。反過來，如果模板改變了，那么通過模板創(chuàng)建的各個頁面也可以實現(xiàn)同步更新。

對模板的修改，只需打開模板文件，按照普通頁面那樣隨意修改。修改后保存模板時Dreamwaver 8自動打開如圖5.6.5所示的“更新模板文件”對話框，提示是否更新站點中所有基于此模板的頁面。選擇“更新”將更新所示基于此模板的頁面；選擇“不更新”則所有頁面仍將基于原始模板。

圖5.6.5 “更新模板文件”對話框

第三篇：網(wǎng)頁制作教學(xué)大綱

《網(wǎng)頁制作》教學(xué)大綱

一、課程的性質(zhì)與任務(wù)

本課程屬于計算機技術(shù)基礎(chǔ)的多媒體系列課程。主要學(xué)習(xí)Macromedia公司制作網(wǎng)頁的軟件——Dreamweaver8。通過本課程的學(xué)習(xí)，使學(xué)生了解網(wǎng)頁設(shè)計的基礎(chǔ)知識，熟練掌握網(wǎng)頁制作的基本方法，具有制作網(wǎng)頁的能力。

二、課程教學(xué)總體目標

通過本課程的課堂教學(xué)，系統(tǒng)學(xué)習(xí)網(wǎng)站的工作原理、HTML代碼和網(wǎng)頁制作軟件Dreamweaver8的使用，使學(xué)生熟練掌握網(wǎng)站創(chuàng)建技術(shù)。

由于本課程具有很強的實踐性，所以在教學(xué)過程中應(yīng)注重典型案例的教學(xué)，通過案例使學(xué)生掌握HTML語言和Dreamweaver8的使用，并能設(shè)計和制作出功能強大的網(wǎng)站。

三、課程教學(xué)學(xué)時安排

本課程所需學(xué)時為204 學(xué)時，其中理論課為72學(xué)時，實踐教學(xué)為96學(xué)時及課程設(shè)計36學(xué)時，教學(xué)周數(shù)17周。

四、課程教學(xué)內(nèi)容及教學(xué)要求

(一)教學(xué)內(nèi)容

第1章

網(wǎng)頁設(shè)計導(dǎo)論（4學(xué)時）1.1 網(wǎng)頁的設(shè)計構(gòu)思和布局

1.2 站點規(guī)劃與設(shè)計流程 1.3 主頁的基本制作流程 1.4 網(wǎng)站的后期

第2章

Dreamweavre8的基本操作（4學(xué)時）

2.1 創(chuàng)建Dreamweaver站點 2.2 編輯站點 2.3 文檔管理

2.4 設(shè)置文檔屬性

2.5 在文檔窗口中選擇元素

第3章

網(wǎng)頁元素的基本操作

（6學(xué)時）3.1 文本處理 3.2 圖片處理 3.3 多媒體處理

第4章

表格與布局（10學(xué)時）4.1 表格基本應(yīng)用與高級應(yīng)用

4.2 布局應(yīng)用

第5章

超級鏈接（8學(xué)時）第6章

框架

（10學(xué)時）第7章

表單

（12學(xué)時）7.1 表單域的創(chuàng)建與修改、檢查

7.2 常用表單元素

第8章

層

（4學(xué)時）

第9章

模板和庫

（12學(xué)時）第10章

行為

（8學(xué)時）

第11章

Css樣式表

（14學(xué)時）第12章

動態(tài)網(wǎng)頁設(shè)計（24學(xué)時）12.1 Asp工作原理、ASP腳本語言 12.2 ASP應(yīng)用對象

12.3 Access數(shù)據(jù)庫基本操作 12.4 ASP操作數(shù)據(jù)庫Access 第13章

站點發(fā)布（4學(xué)時）

第14章

在Dreamweaver中編寫Html代碼（14學(xué)時）14.1 HTML語言基礎(chǔ)、常用標記

14.2 在Dreamweaver中編輯代碼、優(yōu)化代碼 14.3 制作網(wǎng)頁按鈕

14.4 手繪網(wǎng)頁插畫

第15章

綜合網(wǎng)站開發(fā)（12學(xué)時）

15.1 網(wǎng)站定位與規(guī)劃、功能模塊設(shè)計與數(shù)據(jù)庫設(shè)計

15.2 首頁、模板、網(wǎng)頁頁面、模塊整合與網(wǎng)站測試 第16章

網(wǎng)站制作實例：

（58學(xué)時）

門戶站點主頁

16.1 網(wǎng)頁的布局設(shè)計和實現(xiàn) 16.2 制作網(wǎng)頁素材 16.3 構(gòu)建網(wǎng)頁框架

16.4 制作其他特效

（二）教學(xué)要求

了解網(wǎng)頁設(shè)計與制作內(nèi)容的規(guī)劃方法、設(shè)計網(wǎng)頁布局、站點規(guī)化與設(shè)計流程，編輯站點、Logo Banner設(shè)計思路、動作腳本的用途等基本概念。

掌握制作一個主頁的基本流程，具體頁面元素的設(shè)置方法、設(shè)置布局、單元格和表格格式的方法，調(diào)整圖像和占位符屬性的方法等。

熟練掌握網(wǎng)站的鏈接和導(dǎo)航，創(chuàng)建站點常見元素、網(wǎng)頁的發(fā)布和調(diào)試。

第1章

網(wǎng)頁設(shè)計導(dǎo)論 教學(xué)重、難點： 1.網(wǎng)頁內(nèi)容的規(guī)劃 2.設(shè)計網(wǎng)頁布局

3.站點規(guī)劃與設(shè)計流程 4.創(chuàng)建設(shè)計圖

5.主頁的基本制作流程

第2章

Dreamweavre8的基本操作 教學(xué)重、難點： 1.啟動、退出 2.站點建立

3.針對要創(chuàng)建的文檔選擇模板 4.文檔的屬性調(diào)整 5.選擇頁面元素

第3章

網(wǎng)頁元素的基本操作 教學(xué)重、難點： 1.設(shè)置文本格式 2.文本的對齊排列 3.編輯字體組合

4.插入圖像和圖像占位符

5.調(diào)整圖像和圖像占位符屬性 第4章

表格與布局 教學(xué)重、難點： 1.表格的設(shè)置

2.使用布局單元格控制頁面 3.設(shè)置布局格式

4.設(shè)置布局單元格和表格的格式 第5章

超級鏈接 教學(xué)重、難點： 1.設(shè)置文本格式 2.編輯字體組合

4.插入圖像和圖像占位符

5.調(diào)整圖像和圖像占位符屬性 6.設(shè)置超級鏈接

第6章

框架 教學(xué)重、難點：

1.預(yù)定義框架的創(chuàng)建 2.編輯框架和框架集

3.調(diào)整框架和框架集屬性 4.使用布局單元格控制頁面 5.設(shè)置布局格式 第7章

表單 教學(xué)重、難點： 1.表單的概念 2.表單的設(shè)置 第8章

層

教學(xué)重、難點： 1．層的使用

3．層的屬性調(diào)整 第9章 模板和庫 教學(xué)重、難點： 1.創(chuàng)建與編輯模板 2.創(chuàng)建與編輯庫 第10章 行為 教學(xué)重、難點： 1.行為的概念 2.行為的應(yīng)用

第11章

Css樣式表 教學(xué)重、難點： 1.創(chuàng)建Css樣式表 2.樣式表的編輯

第12章

動態(tài)網(wǎng)頁設(shè)計 教學(xué)重、難點： 1.ASP腳本語言 2.ASP的應(yīng)用對象

3.Access數(shù)據(jù)庫的基本操作 第13章

站點發(fā)布 教學(xué)重、難點： 1.站點發(fā)布的步驟 2.站點地圖的使用 3.站點的同步更新

第14章

在Dreamweaver中編寫Html代碼 教學(xué)重、難點： 1.Htm常用標記 2.代碼的優(yōu)化

第15章

綜合網(wǎng)站開發(fā) 教學(xué)重、難點： 1.創(chuàng)建IIS服務(wù)器 2.指定主目錄 3.創(chuàng)建虛擬目錄 4.指定默認文檔

5.Dreamweaver站點管理 第16章

網(wǎng)站制作實例 教學(xué)重、難點：

1.實現(xiàn)設(shè)計的網(wǎng)頁布局

2.Logo與Banner的制作步驟 3.構(gòu)建網(wǎng)頁框架

4.彈出式窗口和浮動窗口的創(chuàng)建方法

五、考試方式

1、考試突出網(wǎng)頁制作的能力，理論知識要求從考試中體現(xiàn)。

2、考核成績計算：平時成績（包括平時作業(yè)、考勤、實驗）40%、期末考試50%、課程設(shè)計（設(shè)計一套較完整的網(wǎng)站及相關(guān)頁面。包括網(wǎng)站文件、素材庫、運行發(fā)布）10%

3、考試的形式為機考。

六、教材和主要參考書

教材：《中文Dreamweavre8網(wǎng)頁制作教程與上機實訓(xùn)》 魏聰?shù)染幹?機械工業(yè)出版社

2008年1月

參考書：《網(wǎng)頁設(shè)計與制作》，于淼主編 中國人民大學(xué)出版社 2006版

《 Dreamweaver8網(wǎng)頁設(shè)計全方位學(xué)習(xí)》 孫良軍編著 中國青年出版社 2006 年5月

第四篇：網(wǎng)頁制作教學(xué)大綱(專業(yè)課)

《網(wǎng)頁制作》教學(xué)大綱（40學(xué)時）

課程代碼：13407334

一、課程性質(zhì)、目的及開課對象

（一）課程性質(zhì)：專業(yè)選修課

（二）目的：對學(xué)生進行網(wǎng)頁制作技能訓(xùn)練，提高他們對網(wǎng)絡(luò)資源利用開發(fā)的能力，處于信息時代，還應(yīng)努力培養(yǎng)學(xué)生的信息素養(yǎng)，使他們掌握網(wǎng)頁制作的基本技能和網(wǎng)絡(luò)資源利用的基本能力，以及網(wǎng)絡(luò)道德素養(yǎng)的培養(yǎng)與提高。

（三）開課對象：教育技術(shù)學(xué)專業(yè)本科學(xué)生，時間為第七學(xué)期。

二、先修課程：無

三、教學(xué)方法和考核方法

（一）教學(xué)方法：演示法、講授法。

（二）考核方式：考查

四、學(xué)時數(shù)分配

總學(xué)時：40學(xué)時。授課20學(xué)時，實驗20學(xué)時。

五、教學(xué)內(nèi)容與學(xué)時

第一章 HTML基礎(chǔ)（2學(xué)時）【主要內(nèi)容】：

1.1 什么是HTML 1.Web頁的基本概念 2.HTML的工作原理 3.創(chuàng)建和測試Web頁 1.2 創(chuàng)建WEB頁 1.標記符基礎(chǔ)

2.Web頁的基本結(jié)構(gòu) 3.設(shè)置頁面屬性 4.添加注釋 5.顯示特殊符號 1.3 發(fā)布WEB頁 1.創(chuàng)建本地站點 2.申請網(wǎng)頁空間 3.用FTP上傳網(wǎng)頁

【重點難點】：站點的創(chuàng)建與使用

【學(xué)生掌握要點】：什么是HTML、站點的創(chuàng)建與使用 【習(xí)題】：

1.簡要說明HTML的基本工作原理。

2.編寫一個能夠顯示背景圖案并能播放背景音樂的網(wǎng)頁。

第二章 文本格式（2學(xué)時）【主要內(nèi)容】： 2.1 文本分段

1.段落標記符P和換行標記符BR 2.水平線標記符HR 3.標題標記符Hn 4.段落對齊

2.2 控制文本的顯示效果 1.字體控制標記符FONT 2.物理字符樣式 3.邏輯字符樣式 4.滾動文字效果 2.3 列表格式 1.有序列表 2.無序列表

【重點難點】：控制文本的顯示效果 【學(xué)生掌握要點】：文本格式化 【習(xí)題】：

1、自行編寫實例，嘗試本章中介紹的所有標記符和屬性。

第三章

使用圖像（4學(xué)時）【主要內(nèi)容】：

3.1 web頁圖像基礎(chǔ) 1.位圖與矢量圖形 2.Web頁圖像格式 3.使用網(wǎng)頁圖像的要點 3.2 圖像處理基本操作 1.Fireworks的界面 2.修改圖像大小

3.用適當(dāng)?shù)母袷綄?dǎo)出圖像 4.制作GIF動畫 3.3 圖像標記符IMG 1.插入圖像 2.設(shè)置圖像屬性 3.4 創(chuàng)建超鏈接

1.相對地址和絕對地址 2.頁面鏈接 3.錨點鏈接 4.電子郵件鏈接 3.5 使用圖像映射 1.什么是圖像映射 2.創(chuàng)建圖像映射

【重點難點】：創(chuàng)建超級鏈接和對頁面空間結(jié)構(gòu)的理解?！緦W(xué)生掌握要點】：圖像處理基礎(chǔ)、圖像處理、超級鏈接 【習(xí)題】：

1.2.3.4.簡要說明GIF格式和JPEG格式各自的特點。說明在網(wǎng)頁中使用圖像時應(yīng)注意的基本原理。

使用FRIEWORKS制作一個GIF動畫，并將動畫插入到網(wǎng)頁中。制作一個簡單的圖像映射網(wǎng)頁。

第四章

表格與框架（2學(xué)時）【主要內(nèi)容】：

4.1 創(chuàng)建表格

1.表格的基本結(jié)構(gòu) 2.合并單元格

3.構(gòu)造表格的步驟 4.2 表格的屬性設(shè)置 1.邊框與分隔線 2.控制單元格空白 3.表格的對齊

4.3 使用表格設(shè)計網(wǎng)頁布局 1.控制表格和單元格大小 2.控制表格和單元格的背景 3.使用嵌套表格

4.表格布局綜合應(yīng)用 4.4 創(chuàng)建框架 1.什么是框架 2.指定框架結(jié)構(gòu) 3.框架的嵌套 4.框架的初始化

4.5 控制框架的顯示效果 1.邊框效果 2.設(shè)置框架空白

4.6 使用框架設(shè)計網(wǎng)頁布局 1.指定超鏈接的目標框架 2.使用頁面框架

【重點難點】：使用表格與框架設(shè)計網(wǎng)頁布局

【學(xué)生掌握要點】：實現(xiàn)表格的各種作用、使用框架設(shè)計網(wǎng)頁布局 【習(xí)題】：

1、按照講解實例自行制作。

2、制作一個簡單的個人網(wǎng)站，要求使用表格排版，并用到框架導(dǎo)航結(jié)構(gòu)。請注意不同頁面到框架頁面的跳轉(zhuǎn)，以及如何從框架頁面跳出。第五章

CSS技術(shù)（4學(xué)時）【主要內(nèi)容】：

6.1 CSS入門 1.什么是CSS 2.CSS的屬性單位 6.2 在網(wǎng)頁中使用CSS 1.在標記符中直接嵌套樣式信息 2.在STYLE標記符中定義樣式信息 3.鏈接外部樣式表中的樣式信息 4.樣式的優(yōu)先級 6.3 CSS樣式定義

1.HTML標記符selector 2.具有上下文關(guān)系的HTML標記符selector 3.用戶定義的類selector 4.用戶定義的ID selector 5.虛類selector 6.4 CSS屬性

1.字體與文本屬性 2.顏色與背景屬性 3.布局屬性

4.定位和顯示屬性 5.列表屬性 6.鼠標屬性

6.5 CSS過濾器效果 1.過濾器屬性列表 2.過濾器效果示例

【重點難點】：CSS樣式定義

【學(xué)生掌握要點】：在網(wǎng)頁中使用CSS 【習(xí)題】：

1.2.3.4.簡要說明在網(wǎng)頁中使用CSS的三種方式，并說明各自的特點。說明如何確定網(wǎng)頁中特定CSS樣式的優(yōu)先級。試驗各節(jié)介紹的各種CSS屬性效果和過濾器效果。

制作一個個人網(wǎng)站，要求合理使用CSS技術(shù)和其他網(wǎng)頁技術(shù)。

第六章

用DreamweaverMX制作網(wǎng)頁（6學(xué)時）【主要內(nèi)容】：

7.1 DreamweaverMX的界面 1.DreamweaverMX的界面元素 2.設(shè)置文檔窗口 7.2 創(chuàng)建和管理站點 1.網(wǎng)站開發(fā)流程 2.創(chuàng)建本地站點 3.管理本地站點

4.創(chuàng)建與管理遠程站點 7.3 文本修飾與超鏈接 1.制作網(wǎng)頁的一般過程 2.設(shè)置字符格式 3.設(shè)置段落格式 4.設(shè)置列表格式 5.使用超鏈接 7.4 使用圖像 1.插入圖像 2.設(shè)置圖像屬性 3.制作圖像映射 4.動態(tài)圖像效果 7.5 使用多媒體對象 1.使用聲音與視頻 2.使用Flash對象 7.6 設(shè)置頁面版式 1.使用表格排版 2.使用層排版 3.使用框架排版 7.7 表單與行為 1.創(chuàng)建表單 2.創(chuàng)建表單控件

3.添加表單控件標簽 4.行為的概念與基本操作

5.使用DreamweaverMX自帶的行為動作 7.8 使用樣式

1.使用HTML樣式 2.創(chuàng)建和應(yīng)用CSS樣式

3.創(chuàng)建和鏈接外部CSS樣式表

【重點難點】：站點的建立與管理；網(wǎng)頁設(shè)計與制作 【學(xué)生掌握要點】：用DreamweaverMX制作網(wǎng)頁 【習(xí)題】：

1.簡要說明Dreamweaver的界面組成元素及其相應(yīng)功能。

2.簡要說明網(wǎng)站建設(shè)的工作流程，規(guī)劃站點時要考慮哪些問題？設(shè)計站點時要考慮哪些問題？

3.總結(jié)在Dreamweaver中制作網(wǎng)頁的一般過程。4.如何在網(wǎng)頁中使用聲音和視頻？

5.在Dreamweaver中分別用表格和層兩種方法制作同一個頁面效果。具體頁面要求見授課內(nèi)容。

6.在Dreamweaver中實現(xiàn)一個簡單的網(wǎng)站（5－10頁），要求使用框架導(dǎo)航結(jié)構(gòu)。7.什么是行為？Dreamweaver提供哪些常用的行為動作？它們的作用是什么？

8.什么是HTML樣式？它和CSS樣式有何不同？在Dreamweaver中能夠?qū)崿F(xiàn)哪些類型的CSS樣式？

9.簡述在Dreamweaver中使用CSS樣式表的步驟。

六、教材與教參

（一）教材：

無

（二）教參：

1、《網(wǎng)頁制作教程》

2、《網(wǎng)頁制作三劍客實例精粹》

3、《跟我學(xué)Dreamweaver MX》

趙豐年等 姜谷鵬等 甘登岱等6

人民郵電出版社航空工業(yè)出版社人民郵電出版社 2005年 2003年 2002年

第五篇：《網(wǎng)頁設(shè)計與制作》教學(xué)大綱

《網(wǎng)頁設(shè)計與制作》教學(xué)大綱

一、課程基本信息

課程編號：

中文名稱：網(wǎng)頁設(shè)計與制作

英文名稱：Web Design and Production 課程類別：選修課 適用專業(yè)：所有專業(yè)

開課學(xué)期：2011-2012第2學(xué)期 總學(xué)時：24學(xué)時 總學(xué)分：1 課程簡介：

本課程突出網(wǎng)頁設(shè)計與制作的現(xiàn)代特點，從Internet的基礎(chǔ)知識入手，重點介紹HTML超文本標記語言，以及所見即所得的網(wǎng)頁設(shè)計制作工具Dreamweaver的基本操作流程。從靜態(tài)頁面到動態(tài)頁面由淺入深的介紹網(wǎng)頁設(shè)計與制作全過程。采用案例分析和親自實踐的方式突出、突破課程的重點和難點。并指導(dǎo)每一名選課的同學(xué)為自己建一個博客網(wǎng)站，以此提高同學(xué)對網(wǎng)頁設(shè)計與制作的興趣和愛好。參考書：

1、網(wǎng)頁設(shè)計與制作教程，熊前興 閔聯(lián)營，科學(xué)出版社;

2、網(wǎng)站與網(wǎng)頁設(shè)計，張貴明，清華大學(xué)出版社;

3、網(wǎng)頁美術(shù)設(shè)計原理及實戰(zhàn)策略，王曉峰 焦燕，清華大學(xué)出版社;

4、網(wǎng)站建設(shè)典型案例，張梟，清華大學(xué)出版社；

二、課程教學(xué)目標：

網(wǎng)頁和網(wǎng)站是Internet的重要組成部分，企業(yè)、公司和機構(gòu)通過網(wǎng)站來宣傳推介自己的技術(shù)和產(chǎn)品，個人發(fā)布主頁展示自己的風(fēng)采，人們從不同類型的網(wǎng)站來獲取需要的信息。因此，設(shè)計與制作網(wǎng)頁已經(jīng)成為計算機應(yīng)用技術(shù)的一個重要方面。本課程的主要教學(xué)目的是使學(xué)生掌握網(wǎng)頁設(shè)計與制作的基礎(chǔ)知識，能運用網(wǎng)頁工具設(shè)計和制作常用網(wǎng)頁。

三、理論教學(xué)內(nèi)容與要求

第一章、網(wǎng)頁的基礎(chǔ)知識（1學(xué)時）（1）Internet基礎(chǔ)知識

（2）www簡介

（3）網(wǎng)頁制作的技術(shù)和工具介紹

第二章、超文本編輯語言HTML（8學(xué)時）（1）HTML文件的基本結(jié)構(gòu)（2）文字和段落標記

（3）列表標記

（4）圖片標記（5）表格標記（6）超鏈接標記（7）表單標記（8）框架標記

第三章、JavaScript語言（4學(xué)時）（1）JavaScript語言簡介（2）JavaScript編程基礎(chǔ)（3）基于對象的JavaScript語言（4）JavaScript程序?qū)嵗?/p>

第四章、層疊樣式表CSS（1學(xué)時）（1）CSS概述（2）CSS屬性

第五章、可視化網(wǎng)頁設(shè)計工具Dreamvawer8.0（1）網(wǎng)頁的基本操作（2）圖像、表格與超鏈接（3）表單與框架（4）添加網(wǎng)頁元素（5）發(fā)布站點

第六章、動態(tài)網(wǎng)頁設(shè)計語言ASP（4學(xué)時）（1）ASP簡介（2）VBScript腳本基礎(chǔ)（3）ASP的內(nèi)置對象（4）實用Global.asa文件

4學(xué)時）（第七章、利用AD0訪問數(shù)據(jù)庫（1學(xué)時）（1）數(shù)據(jù)庫的連接（2）數(shù)據(jù)庫的檢索（3）數(shù)據(jù)庫的操作

總結(jié)復(fù)習(xí)（1學(xué)時）

四、實驗教學(xué)內(nèi)容與要求

五、作業(yè)

六、考核方式

期末考核每個同學(xué)為自己設(shè)計制作一個博客網(wǎng)站。

七、成績評定

1.自制網(wǎng)站（80%）2.平時考勤、作業(yè)(20%)平時成績分配：

平時考勤5次，每次2分，共占10% 作業(yè)5次，每次2分，共占10%

八、執(zhí)行大綱時應(yīng)注意的問題

根據(jù)學(xué)生對課程內(nèi)容的掌握和理解程度會對進度做適當(dāng)?shù)恼{(diào)整。

執(zhí)筆人：邢雁平

下載《網(wǎng)頁制作》教學(xué)大綱簡易教案.doc

將本文檔下載到自己電腦，方便修改和收藏，請勿使用迅雷等下載。

點此處下載文檔

文檔為doc格式