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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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