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

1、Dreamweaver 網(wǎng)頁制作教學(xué)大綱課程編號：課程名稱：網(wǎng)頁設(shè)計與制作英文名稱：課程類型：專業(yè)選修課總學(xué)時：72 講課學(xué)時：41 上機(jī)實踐學(xué)時：31學(xué)分：100分適用對象：三年高職電子商務(wù)專業(yè)先修課程：計算機(jī)文化與應(yīng)用基礎(chǔ)   一、課程的性質(zhì)和任務(wù)   “Dreamweaver 網(wǎng)頁設(shè)計”是計算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)（?？疲┑囊婚T統(tǒng)設(shè)必修課，同時也是電子商務(wù)的基礎(chǔ)課。本課程的主要任務(wù)是介紹利用Dreamweaver開發(fā)工具進(jìn)行網(wǎng)頁設(shè)計，包括新建、編輯和設(shè)置一個Web站點；如何對頁面屬性進(jìn)行基本的設(shè)置，如何設(shè)置、編輯CSS層疊式樣式表；如何排版文字、

2、表格和層；如何進(jìn)行基本的圖像處理；建立框架；模板和庫的使用和編輯；網(wǎng)站的發(fā)布與維護(hù)等基本知識與應(yīng)用。目的是通過本課程的學(xué)習(xí)，培養(yǎng)學(xué)生的實際動手能力和計算機(jī)的操作能力，能夠運用所學(xué)的知識進(jìn)行網(wǎng)頁設(shè)計。   二、課程的教學(xué)目標(biāo)和基本要求   掌握Dreamweaver的交互界面的組成與使用方法，Web站點的基本方法與步驟，站點管理器的用途，學(xué)會利用站點地圖查看、管理各網(wǎng)頁之間的超鏈接關(guān)系、系統(tǒng)屬性及網(wǎng)頁屬性的設(shè)置方法，及各設(shè)置參數(shù)的作用。掌握制作超級鏈接、E-mail鏈接、書簽等形式的超級鏈接，使用CSS樣式創(chuàng)建、編輯網(wǎng)頁的方法，水平線、日期、圖象對象的主要

3、屬性與設(shè)置方法，表格的創(chuàng)建、結(jié)構(gòu)調(diào)整與美化方法，網(wǎng)頁中創(chuàng)建、修改層和嵌套層的方法，掌握框架結(jié)構(gòu)網(wǎng)頁的制作方法，學(xué)會利用行為面板設(shè)置控制對象的行為，學(xué)會通過模板和庫元素創(chuàng)建網(wǎng)頁的方法，學(xué)會使用Dreamweaver中應(yīng)用表單設(shè)計網(wǎng)頁的方法，掌握并了解可以在網(wǎng)頁中插入Fireworks電影、Flash MX電影、ActiveX.控件等多媒體對象的方法。   本課程要求學(xué)生掌握基本的HTML語言。學(xué)會使用Dreamweaver開發(fā)工具進(jìn)行網(wǎng)頁設(shè)計。這是一門重在實踐的科目，因此需要學(xué)生多上機(jī)、多進(jìn)行實際操作，把老師所教授的各種網(wǎng)頁制作、版面設(shè)計以及程序熟練制作或調(diào)試出來，并且能夠在

4、此基礎(chǔ)上有所創(chuàng)造、有更進(jìn)一步的發(fā)揮。  三、先修課程要求   圖像處理   要求：熟練掌握圖像的格式轉(zhuǎn)換、色彩調(diào)節(jié)、比例縮放、文字處理、特效制作等   四、教學(xué)內(nèi)容和教學(xué)要求   網(wǎng)頁設(shè)計介紹    網(wǎng)頁概念    網(wǎng)頁中的基本元素    怎樣建立網(wǎng)站    網(wǎng)頁制作原理    網(wǎng)頁設(shè)計和HTML    教學(xué)要求：掌握網(wǎng)網(wǎng)頁制作原理。   

5、;  教學(xué)重點：網(wǎng)頁設(shè)計。    認(rèn)識 Dreamweaver     Dreamweaver 功能簡介     安裝Dreamweaver     認(rèn)識Dreamweaver的工作界面     認(rèn)識Dreamweaver窗口項目     教學(xué)要求：熟練Dreamweaver窗口項目。     教學(xué)重點：熟練掌握窗口中各菜單、面板的操作。    Dreamweaver

6、基本操作     制作網(wǎng)站相冊     為網(wǎng)站相冊制作首頁    知識重點     教學(xué)要求：掌握Dreamweaver的基本操作。     教學(xué)重點：熟練掌握圖像、表格、文本及頁面屬性的相關(guān)操作。    HTML    HTML編程技術(shù)     HTML簡介     HTML基本語法和結(jié)構(gòu)     HTML常用標(biāo)記

7、    教學(xué)要求：掌握的基本語法和結(jié)構(gòu)。     教學(xué)重點：HTML編程技術(shù)的掌握。    CSS屬性     樣式表設(shè)計     CSS屬性     教學(xué)要求：掌握CSS樣式創(chuàng)建及編輯。     教學(xué)重點：CSS樣式參數(shù)設(shè)置。    表格     用表格制作主頁     表格與視圖介紹   

8、60; 表格詳細(xì)介紹     教學(xué)要求：熟練掌握用表格規(guī)劃網(wǎng)頁的操作。     教學(xué)重點：用表格對頁面的布局。    圖層的應(yīng)用     層的介紹     層與表格相互轉(zhuǎn)換     設(shè)置層屬性     教學(xué)要求：掌握層的創(chuàng)建、層屬性的設(shè)置操作。     教學(xué)重點：層的應(yīng)用操作。    表單     表單介紹  

9、;   建立表單     以一個簡單實例演示表單的制作     教學(xué)要求：掌握表單的創(chuàng)建及屬性設(shè)置。     教學(xué)重點：動態(tài)表單的創(chuàng)建。    模板和框架     模板的使用     框架     教學(xué)要求：掌握模板和框架的創(chuàng)建方法。     教學(xué)重點：能正確應(yīng)用模板和框架對網(wǎng)站整體風(fēng)格進(jìn)行設(shè)置。    Dreamweaver的

10、綜合應(yīng)用     建立一個網(wǎng)站的實例     資源面板的運用     行為面板的運用     文件面板的使用     站點管理器的使用     站點測試、上傳及網(wǎng)站的宣傳     教學(xué)要求：掌握網(wǎng)站的創(chuàng)建、設(shè)置及行為面板的使用方法。     教學(xué)重點：能正確地制作網(wǎng)站、站點的測試和上傳等操作。     五、上機(jī)實驗  

11、   本課程實踐性很強(qiáng)，上機(jī)實習(xí)環(huán)節(jié)是本課程的重要組成部分，并設(shè)置了該課程的課程設(shè)計教學(xué)環(huán)節(jié)。    上機(jī)實習(xí)內(nèi)容    實驗一創(chuàng)建本地站點、控制頁面         實驗?zāi)康?     熟悉Dreamweaver 界面布局和工作環(huán)境；     掌握本地站點創(chuàng)建和管理、頁面的設(shè)置方法。     實驗要求    

12、0; 能熟練啟動、退出Dreamweaver，能正確顯示使用“浮動面板”；     會創(chuàng)建本地站點并能進(jìn)行管理此站點；     能編輯靜態(tài)的網(wǎng)頁，熟練掌握其中相關(guān)操作技能；      展示學(xué)生作品，將完成的所有內(nèi)容發(fā)到教師機(jī)上。       學(xué)時分配      本實踐項目為2學(xué)時       實驗內(nèi)容   

13、  創(chuàng)建本地站點、控制頁面。   實驗二 文本操作與圖像操作     實驗?zāi)康?    掌握在網(wǎng)頁中輸入文本、空格，換行和編輯文本插入水平線和日期的方法；     掌握網(wǎng)頁中文本編輯、圖文混排的方法。    實驗要求     能熟練地在網(wǎng)頁中輸入編輯文本，掌握空格和換行的基本操作；    能在頁面中正確地插入時間日期、水平線、圖片等操作；    能

14、夠進(jìn)行圖文混排操作，設(shè)計出精美的網(wǎng)頁。    學(xué)時分配    本實踐項目為2學(xué)時。     實驗內(nèi)容     本實驗的內(nèi)容主要是“文本操作與圖像制作”。 實驗三 網(wǎng)頁布局之一    實驗?zāi)康?    掌握利用表格布局網(wǎng)頁中的文字、圖像、存儲文本、數(shù)據(jù)排序等操作方法；    掌握應(yīng)用布局表格和層布局網(wǎng)頁中的文字和圖片的方法。      實驗要求 &#

15、160;  實驗前認(rèn)真預(yù)習(xí)，熟練掌握有關(guān)概念和知識。實驗過程中記錄發(fā)生的現(xiàn)象并分析原因。實驗完畢將所有文件打包交給老師，并保存設(shè)計結(jié)果供下一個實驗使用。     學(xué)時分配     本實踐項目為4學(xué)時。    實驗內(nèi)容     本實驗的內(nèi)容主要是制作一個“我的主頁”的主頁文件，能夠用表格和層布局網(wǎng)頁。實驗四 網(wǎng)頁布局之一    實驗?zāi)康?    學(xué)會將已有網(wǎng)頁生成模板的操作方法；  

16、60; 掌握編輯模板和將模板生成新網(wǎng)頁的操作方法；    掌握應(yīng)用庫項目制作和更新庫項目的操作方法；    掌握在網(wǎng)頁中應(yīng)用框架、設(shè)置框架集屬性的方法。 實驗要求 按實驗任務(wù)準(zhǔn)備相關(guān)素材，按照實驗要求完成每一步操作，利用一定時間展示學(xué)生作品，按完成的任務(wù)進(jìn)行評定學(xué)生的成績。    學(xué)時分配     本實踐項目為4學(xué)時。     實驗內(nèi)容 本實驗的內(nèi)容主要是創(chuàng)建模板和框架，利用模板生成、更新頁面。實驗五 動感元素與超級鏈接 &#

17、160;  實驗?zāi)康?    掌握在網(wǎng)頁中插入flash動畫、設(shè)置其屬性方法；     掌握創(chuàng)建各種形式的超級鏈接的操作方法。     實驗要求     實驗前認(rèn)真看書預(yù)習(xí)，熟練掌握有關(guān)插入多媒體的方法，制作或收集Flash文件，實驗過程中按實驗任務(wù)進(jìn)行操作，鏈接的操作要實現(xiàn)用“文字”、“圖片”、“按鈕”作為鏈接，鏈接到相關(guān)的網(wǎng)頁。實驗完畢將作品提交到教師機(jī)。    學(xué)時分配     本實踐項目為2學(xué)時。

18、    實驗內(nèi)容     本實驗的內(nèi)容主要是能正確地插入Flash文檔，能用多種對象制作超級鏈接，讓學(xué)生按實驗任務(wù)要求完成具體的操作。實驗六 創(chuàng)建表單網(wǎng)頁     實驗?zāi)康?    (1)掌握在網(wǎng)頁中插入表單域，在表單域中插入文本域、單選和復(fù)選按鈕、列表/菜單、等表單控件方法；    (2)掌握實現(xiàn)滾動文字效果的操作方法。    實驗要求     實驗前認(rèn)真預(yù)習(xí)，熟練掌握有關(guān)框架網(wǎng)頁的基

19、礎(chǔ)概念和知識。實驗過程中記錄發(fā)生的現(xiàn)象并分析原因。實驗完畢將所有文件打包交給老師，并保存設(shè)計結(jié)果供下一個實驗使用。     學(xué)時分配     本實踐項目為2學(xué)時。    實驗內(nèi)容    本實驗的內(nèi)容主要是制作一個表單頁，實現(xiàn)表單的制作和正確提交。實驗七 CSS樣式應(yīng)用    實驗?zāi)康?    掌握樣式的定義方法和編輯方法；     掌握使用樣式表布局網(wǎng)頁元素以及美化頁面。 &#

20、160;  實驗要求     實驗前認(rèn)真預(yù)習(xí)，熟練掌握實驗前認(rèn)真預(yù)習(xí)，熟練掌握有關(guān)CSS概念和知識，為正確地進(jìn)行相關(guān)實驗操作奠定堅實的基礎(chǔ)，實驗過程中一定要按實驗要求完成每一步操作，并將完成結(jié)果提交到教師機(jī)。     學(xué)時分配 本實踐項目為2學(xué)時。    實驗內(nèi)容     本實驗的內(nèi)容主要是熟練表單的基本操作，并制作表單網(wǎng)頁。 實驗八 綜合網(wǎng)頁制作    實驗?zāi)康?    利用框架、表格和CSS樣式對網(wǎng)頁元

21、素布局；     制作下拉式菜單     實驗要求     完成實驗任務(wù)中的“在線幫助網(wǎng)站主頁制作”，除必要的圖片混排外，還要利用框架和CSS樣式表對網(wǎng)頁元素布局，同時完成下拉式菜單的制作。    學(xué)時分配     本實踐項目為4學(xué)時。    實驗內(nèi)容   利用CSS樣式和框架制作頁面，利用層的顯示與隱藏制作出下拉式菜單。    六、學(xué)時分配 本課程參考總學(xué)時為72，其中上機(jī)實

22、習(xí)不應(yīng)低于34學(xué)時，具體課時分配建議如下： 主項目名稱 子項目名稱 計劃課時 課程內(nèi)容選取依據(jù)與知識技能目標(biāo) 理論實踐一體化課程 項目一 網(wǎng)頁賞析模塊 經(jīng)典賞析 2 欣賞優(yōu)秀網(wǎng)頁，激發(fā)學(xué)生學(xué)習(xí)網(wǎng)頁設(shè)計的興趣 ； 分析優(yōu)秀網(wǎng)頁的布局結(jié)構(gòu)、顏色搭配、視覺效果； 對網(wǎng)頁的組成元素有一個初步印象。 項目二網(wǎng)頁基礎(chǔ)模塊 網(wǎng)頁基礎(chǔ) 2 了解網(wǎng)頁的相關(guān)概念和術(shù)語，認(rèn)識網(wǎng)頁構(gòu)成元素。 了解網(wǎng)頁制作、處理圖像、動畫制作的專業(yè)工具； 熟悉Dreamweaver 的啟動、退出及窗口環(huán)境。 項目三網(wǎng)頁制作模塊 頁面控制 2 了解Dreamweaver 8的參數(shù)設(shè)置方法； 掌握頁面屬性、文件頭內(nèi)容的設(shè)置方法； 會使用輔

23、助工具。 文本操作 2 能在網(wǎng)頁中輸入、編輯文本； 學(xué)會在網(wǎng)頁中插入水平線和日期； 掌握網(wǎng)頁文本格式化操作。 圖像操作 2 掌握圖像的插入、屬性設(shè)置及圖文混排的方法； 掌握插入鼠標(biāo)經(jīng)過圖像的方法，了解插入圖像占位符的方法。 表格布局 2 學(xué)會添加表格、設(shè)置表格、行、列屬性的方法； 掌握拆分單元格，合并單元格的方法； 掌握在表格中輸入文字、插入和定位圖像的方法。 布局表格 2 掌握切換視圖、繪制布局表格的操作方法； 掌握繪制、移動布局單元格元格的操作方法； 掌握布局表格和單元格屬性的操作方法。 層的布局 2 掌握描繪層、插入層、選擇層和激活層的方法； 能設(shè)置層的屬性、在層中輸入文本、插入圖像；

24、掌握嵌套層的創(chuàng)建、層與表格相互轉(zhuǎn)換的方法。 框架網(wǎng)頁 2 掌握創(chuàng)建框架、導(dǎo)入框架源文件的操作方法； 能保存框架集文件和各個框架操作文件； 能設(shè)置框架集和框架屬性、編輯內(nèi)容的操作方法。 模板和庫 2 理解模板和庫的作用，會創(chuàng)建模板和利用模板生成新網(wǎng)頁的方法； 掌握如何應(yīng)用庫項目制作網(wǎng)頁。 動感元素 2 了解flash文件的類型、能在網(wǎng)頁中插入flash動畫和設(shè)置Flash對象的屬性； 掌握在網(wǎng)頁中插入flash按鈕、文本的方法。 超級鏈接 2 掌握創(chuàng)建外部鏈接和內(nèi)部鏈接的操作方法； 掌握制作圖像映射、創(chuàng)建E-mail鏈接操作方法。 表單網(wǎng)頁 2 掌握在表單中插入表單域、在表單域中插入文本域、單選

25、和復(fù)選按鈕的方法； 掌握在表單域中插入列表/菜單、按鈕和圖像域。 項目四網(wǎng)頁編程模塊 HTML語言 4 掌握Dreamweaver 的HTML源代碼編輯功能； 掌握常用的HTML標(biāo)記的含義及其應(yīng)用。 美化網(wǎng)頁 2 掌握CSS樣式表的基本語法和定義位置； 掌握標(biāo)簽樣式、高級樣式、類樣式的定義方法； 掌握樣式的編輯，利用樣式表美化頁面的方法； 項目五網(wǎng)站管理模塊 網(wǎng)站管理 2 掌握“文件”面板的使用方法； 掌握站點的創(chuàng)建和管理方法。 網(wǎng)站測試 2 掌握網(wǎng)站測試的方法； 了解域名的設(shè)計與申請、網(wǎng)站發(fā)布、維護(hù)與更新的方法。 項目六網(wǎng)頁設(shè)計模塊 網(wǎng)頁設(shè)計 2 掌握網(wǎng)站的開發(fā)流程，了解網(wǎng)站的規(guī)劃與組織；

26、掌握網(wǎng)頁設(shè)計原理、規(guī)范。 實例分析 2 掌握網(wǎng)站的規(guī)劃、站點的創(chuàng)建； 學(xué)會創(chuàng)建站點目錄結(jié)構(gòu)、準(zhǔn)備素材； 熟練制作首頁、站點測試、發(fā)布。 理論實踐一體化課時小計 40 單元獨立實踐課外拓展實踐生產(chǎn)性實訓(xùn) 項目七單元獨立實踐 實驗1創(chuàng)建本地站點、控制頁面 2 熟悉Dreamweaver 界面布局和工作環(huán)境； 掌握本地站點創(chuàng)建和管理、頁面的設(shè)置方法。 實驗2文本操作與圖像操作 2 掌握在網(wǎng)頁中輸入文本、空格，換行和編輯文本插入水平線和日期的方法； 掌握網(wǎng)頁中文本編輯、圖文混排的方法。 實驗3網(wǎng)頁布局之一 4 掌握利用表格布局網(wǎng)頁中的文字、圖像、存儲文本、數(shù)據(jù)排序等操作方法； 掌握應(yīng)用布局表格和層布局

27、網(wǎng)頁中的文字和圖片的方法。 實驗4 網(wǎng)頁布局之二 4 學(xué)會將已有網(wǎng)頁生成模板的操作方法； 掌握編輯模板和將模板生成新網(wǎng)頁的操作方法； 掌握應(yīng)用庫項目制作和更新庫項目的操作方法； 掌握在網(wǎng)頁中應(yīng)用框架、設(shè)置框架集屬性的方法。 實驗5 動感元素與超級鏈接 2 掌握在網(wǎng)頁中插入flash動畫、設(shè)置其屬性方法； 掌握創(chuàng)建各種形式的超級鏈接的操作方法。 實驗6 創(chuàng)建表單網(wǎng)頁 2 掌握在網(wǎng)頁中插入表單域，在表單域中插入文本域、單選和復(fù)選按鈕、列表/菜單、等表單控件方法； 掌握實現(xiàn)滾動文字效果的操作方法。 實驗7CSS樣式應(yīng)用 2 掌握樣式的定義方法和編輯方法； 掌握使用樣式表布局網(wǎng)頁元素以及美化頁面。 實驗8 綜合網(wǎng)頁制作 4 利用框架、表格和CSS樣式對網(wǎng)頁元素布局； 制作下拉式菜單 單元獨立實踐課時小計 22 項目八課外拓展實踐 課外拓展實踐 0根據(jù)課堂所學(xué)習(xí)的操作方法，選擇一個主題，學(xué)生自己動手制作網(wǎng)頁，不占用課程時間。 項目九工學(xué)結(jié)合實訓(xùn)網(wǎng)頁制作綜合實訓(xùn) 10 掌握規(guī)劃網(wǎng)站的內(nèi)容、目錄、鏈接結(jié)構(gòu)的方法； 熟練掌握Dreamweaver 8的基本操作和使用技能； 掌握頁面的整體控制和頁面布局方法； 熟練掌握在網(wǎng)頁中輸入、設(shè)