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

1、課程編號：課程名稱：網(wǎng)頁設(shè)計(jì)與制作英文名稱：課程類型：專業(yè)選修課總學(xué)時(shí)：72講課學(xué)時(shí)：41上機(jī)實(shí)踐學(xué)時(shí)：31學(xué)分：100分適用對象：三年高職電子商務(wù)專業(yè)先修課程：計(jì)算機(jī)文化與應(yīng)用基礎(chǔ)一、課程的性質(zhì)和任務(wù)“Dreamweaver網(wǎng)頁設(shè)計(jì)”是計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)（專科）的一門統(tǒng)設(shè)必修課，同時(shí)也是電子商務(wù)的基礎(chǔ)課。本課程的主要任務(wù)是介紹利用Dreamweaver開發(fā)工具進(jìn)行網(wǎng)頁設(shè)計(jì)，包括新建、編輯和設(shè)置一個(gè)Web站點(diǎn)；如何對頁面屬性進(jìn)行基本的設(shè)置，如何設(shè)置、編輯CSS層疊式樣式表；如何排版文字、表格和層；如何進(jìn)行基本的圖像處理；建立框架；模板和庫的使用和編輯；網(wǎng)站的發(fā)布與維護(hù)等基本知識與應(yīng)用。目的是通

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

3、庫元素創(chuàng)建網(wǎng)頁的方法，學(xué)會使用Dreamweaver中應(yīng)用表單設(shè)計(jì)網(wǎng)頁的方法，掌握并了解可以在網(wǎng)頁中插入Fireworks電影、FlashMX電影、ActiveX.控件等多媒體對象的方法。本課程要求學(xué)生掌握基本的HTML言。學(xué)會使用Dreamweaver開發(fā)工具進(jìn)行網(wǎng)頁設(shè)計(jì)。這是一門重在實(shí)踐的科目，因此需要學(xué)生多上機(jī)、多進(jìn)行實(shí)際操作，把老師所教授的各種網(wǎng)頁制作、版面設(shè)計(jì)以及程序熟練制作或調(diào)試出來，并且能夠在此基礎(chǔ)上有所創(chuàng)造、有更進(jìn)一步的發(fā)揮。三、先修課程要求圖像處理要求：熟練掌握圖像的格式轉(zhuǎn)換、色彩調(diào)節(jié)、比例縮放、文字處理、特效制作等四、教學(xué)內(nèi)容和教學(xué)要求網(wǎng)頁設(shè)計(jì)介紹1 .網(wǎng)頁概念2 .網(wǎng)頁中

4、的基本元素3 .怎樣建立網(wǎng)站4 .網(wǎng)頁制作原理5 .網(wǎng)頁設(shè)計(jì)和HTML教學(xué)要求：掌握網(wǎng)網(wǎng)頁制作原理。教學(xué)重點(diǎn)：網(wǎng)頁設(shè)計(jì)。認(rèn)識Dreamweaver1 .Dreamweaver功能簡介2 .安裝Dreamweaver3 .認(rèn)識Dreamweaver的工作界面4 .認(rèn)識Dreamweaver窗口項(xiàng)目教學(xué)要求：熟練Dreamweaver窗口項(xiàng)目。教學(xué)重點(diǎn)：熟練掌握窗口中各菜單、面板的操作。Dreamweaver基本操作L制作網(wǎng)站相冊2 .為網(wǎng)站相冊制作首頁3 .知識重點(diǎn)教學(xué)要求：掌握Dreamweaver的基本操作。教學(xué)重點(diǎn)：熟練掌握圖像、表格、文本及頁面屬性的相關(guān)操作。HTML1. HTML程技術(shù)

5、2. HTML簡介3. HTML本語法和結(jié)構(gòu)4. HTML常用標(biāo)記教學(xué)要求：掌握的基本語法和結(jié)構(gòu)。教學(xué)重點(diǎn)：HTM編程技術(shù)的掌握。CSS屬性1 .樣式表設(shè)計(jì)2 .CSS屬性教學(xué)要求：掌握CSS樣式創(chuàng)建及編輯。教學(xué)重點(diǎn)：CSS羊式參數(shù)設(shè)置。表格3 .用表格制作主頁4 .表格與視圖介紹5 .表格詳細(xì)介紹教學(xué)要求：熟練掌握用表格規(guī)劃網(wǎng)頁的操作。教學(xué)重點(diǎn)：用表格對頁面的布局。圖層的應(yīng)用1層的介紹6 .層與表格相互轉(zhuǎn)換7 .設(shè)置層屬性教學(xué)要求：掌握層的創(chuàng)建、層屬性的設(shè)置操作。教學(xué)重點(diǎn)：層的應(yīng)用操作。表單8 .表單介紹9 .建立表單10 以一個(gè)簡單實(shí)例演示表單的制作教學(xué)要求：掌握表單的創(chuàng)建及屬性設(shè)置。教學(xué)

6、重點(diǎn)：動態(tài)表單的創(chuàng)建。模板和框架1 .模板的使用2 .框架教學(xué)要求：掌握模板和框架的創(chuàng)建方法。教學(xué)重點(diǎn)：能正確應(yīng)用模板和框架對網(wǎng)站整體風(fēng)格進(jìn)行設(shè)置。Dreamweaver的綜合應(yīng)用1 .建立一個(gè)網(wǎng)站的實(shí)例2 .資源面板的運(yùn)用3 .行為面板的運(yùn)用4 .文件面板的使用5 .站點(diǎn)管理器的使用6 .站點(diǎn)測試、上傳及網(wǎng)站的宣傳教學(xué)要求：掌握網(wǎng)站的創(chuàng)建、設(shè)置及行為面板的使用方法。教學(xué)重點(diǎn)：能正確地制作網(wǎng)站、站點(diǎn)的測試和上傳等操作。五、上機(jī)實(shí)驗(yàn)本課程實(shí)踐性很強(qiáng)，上機(jī)實(shí)習(xí)環(huán)節(jié)是本課程的重要組成部分，并設(shè)置了該課程的課程設(shè)計(jì)教學(xué)環(huán)節(jié)。上機(jī)實(shí)習(xí)內(nèi)容實(shí)驗(yàn)一創(chuàng)建本地站點(diǎn)、控制頁面實(shí)驗(yàn)?zāi)康? .熟悉Dreamweave

7、r界面布局和工作環(huán)境；2 .掌握本地站點(diǎn)創(chuàng)建和管理、頁面的設(shè)置方法。實(shí)驗(yàn)要求1 .能熟練啟動、退出Dreamweaver,能正確顯示使用“浮動面板”；2 .會創(chuàng)建本地站點(diǎn)并能進(jìn)行管理此站點(diǎn)；3 .能編輯靜態(tài)的網(wǎng)頁，熟練掌握其中相關(guān)操作技能；4 .展示學(xué)生作品，將完成的所有內(nèi)容發(fā)到教師機(jī)上。學(xué)時(shí)分配本實(shí)踐項(xiàng)目為2學(xué)時(shí)實(shí)驗(yàn)內(nèi)容創(chuàng)建本地站點(diǎn)、控制頁面。實(shí)驗(yàn)二文本操作與圖像操作實(shí)驗(yàn)?zāi)康? .掌握在網(wǎng)頁中輸入文本、空格，換行和編輯文本插入水平線和日期的方法；2 .掌握網(wǎng)頁中文本編輯、圖文混排的方法。實(shí)驗(yàn)要求1,能熟練地在網(wǎng)頁中輸入編輯文本，掌握空格和換行的基本操作；3 .能在頁面中正確地插入時(shí)間日期、水

8、平線、圖片等操作；4 .能夠進(jìn)行圖文混排操作，設(shè)計(jì)出精美的網(wǎng)頁。學(xué)時(shí)分配本實(shí)踐項(xiàng)目為2學(xué)時(shí)。實(shí)驗(yàn)內(nèi)容本實(shí)驗(yàn)的內(nèi)容主要是“文本操作與圖像制作”。實(shí)驗(yàn)三網(wǎng)頁布局之一實(shí)驗(yàn)?zāi)康腖掌握利用表格布局網(wǎng)頁中的文字、圖像、存儲文本、數(shù)據(jù)排序等操作方法；5 .掌握應(yīng)用布局表格和層布局網(wǎng)頁中的文字和圖片的方法。實(shí)驗(yàn)要求實(shí)驗(yàn)前認(rèn)真預(yù)習(xí)，熟練掌握有關(guān)概念和知識。實(shí)驗(yàn)過程中記錄發(fā)生的現(xiàn)象并分析原因。實(shí)驗(yàn)完畢將所有文件打包交給老師，并保存設(shè)計(jì)結(jié)果供下一個(gè)實(shí)驗(yàn)使用。學(xué)時(shí)分配本實(shí)踐項(xiàng)目為4學(xué)時(shí)。實(shí)驗(yàn)內(nèi)容本實(shí)驗(yàn)的內(nèi)容主要是制作一個(gè)“我的主頁”的主頁文件，能夠用表格和層布局網(wǎng)頁。實(shí)驗(yàn)四網(wǎng)頁布局之一實(shí)驗(yàn)?zāi)康腖學(xué)會將已有網(wǎng)頁生成模板

9、的操作方法；2 .掌握編輯模板和將模板生成新網(wǎng)頁的操作方法；3 .掌握應(yīng)用庫項(xiàng)目制作和更新庫項(xiàng)目的操作方法；4 .掌握在網(wǎng)頁中應(yīng)用框架、設(shè)置框架集屬性的方法。實(shí)驗(yàn)要求按實(shí)驗(yàn)任務(wù)準(zhǔn)備相關(guān)素材，按照實(shí)驗(yàn)要求完成每一步操作，利用一定時(shí)間展示學(xué)生作品，按完成的任務(wù)進(jìn)行評定學(xué)生的成績。學(xué)時(shí)分配本實(shí)踐項(xiàng)目為4學(xué)時(shí)。實(shí)驗(yàn)內(nèi)容本實(shí)驗(yàn)的內(nèi)容主要是創(chuàng)建模板和框架，利用模板生成、更新頁面。實(shí)驗(yàn)五動感元素與超級鏈接實(shí)驗(yàn)?zāi)康? .掌握在網(wǎng)頁中插入flash動畫、設(shè)置其屬性方法；2 .掌握創(chuàng)建各種形式的超級鏈接的操作方法。實(shí)驗(yàn)要求實(shí)驗(yàn)前認(rèn)真看書預(yù)習(xí)，熟練掌握有關(guān)插入多媒體的方法，制作或收集Flash文件，實(shí)驗(yàn)過程中按實(shí)驗(yàn)

10、任務(wù)進(jìn)行操作，鏈接的操作要實(shí)現(xiàn)用“文字”、“圖片”、“按鈕”作為鏈接，鏈接到相關(guān)的網(wǎng)頁。實(shí)驗(yàn)完畢將作品提交到教師機(jī)。學(xué)時(shí)分配本實(shí)踐項(xiàng)目為2學(xué)時(shí)。實(shí)驗(yàn)內(nèi)容本實(shí)驗(yàn)的內(nèi)容主要是能正確地插入Flash文檔，能用多種對象制作超級鏈接，讓學(xué)生按實(shí)驗(yàn)任務(wù)要求完成具體的操作。實(shí)驗(yàn)六創(chuàng)建表單網(wǎng)頁實(shí)驗(yàn)?zāi)康?1) 掌握在網(wǎng)頁中插入表單域，在表單域中插入文本域、單選和復(fù)選按鈕、列表/菜單、等表單控件方法；(2) 掌握實(shí)現(xiàn)滾動文字效果的操作方法。實(shí)驗(yàn)要求實(shí)驗(yàn)前認(rèn)真預(yù)習(xí)，熟練掌握有關(guān)框架網(wǎng)頁的基礎(chǔ)概念和知識。實(shí)驗(yàn)過程中記錄發(fā)生的現(xiàn)象并分析原因。實(shí)驗(yàn)完畢將所有文件打包交給老師，并保存設(shè)計(jì)結(jié)果供下一個(gè)實(shí)驗(yàn)使用。學(xué)時(shí)分配本實(shí)踐

11、項(xiàng)目為2學(xué)時(shí)。實(shí)驗(yàn)內(nèi)容本實(shí)驗(yàn)的內(nèi)容主要是制作一個(gè)表單頁，實(shí)現(xiàn)表單的制作和正確提交。實(shí)驗(yàn)七CSS樣式應(yīng)用實(shí)驗(yàn)?zāi)康腖掌握樣式的定義方法和編輯方法；2 .掌握使用樣式表布局網(wǎng)頁元素以及美化頁面。實(shí)驗(yàn)要求實(shí)驗(yàn)前認(rèn)真預(yù)習(xí)，熟練掌握實(shí)驗(yàn)前認(rèn)真預(yù)習(xí)，熟練掌握有關(guān)CSS既念和知識，為正確地進(jìn)行相關(guān)實(shí)驗(yàn)操作奠定堅(jiān)實(shí)的基礎(chǔ)，實(shí)驗(yàn)過程中一定要按實(shí)驗(yàn)要求完成每一步操作，并將完成結(jié)果提交到教師機(jī)。學(xué)時(shí)分配本實(shí)踐項(xiàng)目為2學(xué)時(shí)。實(shí)驗(yàn)內(nèi)容本實(shí)驗(yàn)的內(nèi)容主要是熟練表單的基本操作，并制作表單網(wǎng)頁。實(shí)驗(yàn)八綜合網(wǎng)頁制作實(shí)驗(yàn)?zāi)康腖利用框架、表格和CSS羊式對網(wǎng)頁元素布局；3 .制作下拉式菜單實(shí)驗(yàn)要求完成實(shí)驗(yàn)任務(wù)中的“在線幫助網(wǎng)站主頁制作

12、”，除必要的圖片混排外，還要利用框架和CSS羊式表對網(wǎng)頁元素布局，同時(shí)完成下拉式菜單的制作。學(xué)時(shí)分配本實(shí)踐項(xiàng)目為4學(xué)時(shí)。實(shí)驗(yàn)內(nèi)容利用CSS羊式和框架制作頁面，利用層的顯示與隱藏制作出下拉式菜單。六、學(xué)時(shí)分配本課程參考總學(xué)時(shí)為72,其中上機(jī)實(shí)習(xí)不應(yīng)低于34學(xué)時(shí)，具體課時(shí)分配建議如下:主項(xiàng)目名稱子項(xiàng)目名稱計(jì):果課程內(nèi)容選取依據(jù)與知識技能目標(biāo)理論+實(shí)踐一體化課程項(xiàng)目一網(wǎng)頁賞析模塊經(jīng)典賞析2欣賞優(yōu)秀網(wǎng)頁，激發(fā)學(xué)生學(xué)習(xí)網(wǎng)頁設(shè)計(jì)的興趣分析優(yōu)秀網(wǎng)頁的布局結(jié)構(gòu)、顏色搭配、視覺效果；對網(wǎng)頁的組成兀素什-個(gè)初步印象。項(xiàng)目二網(wǎng)貝基礎(chǔ)模塊網(wǎng)貝基礎(chǔ)2了解網(wǎng)頁的相關(guān)概念和術(shù)語，認(rèn)識網(wǎng)頁構(gòu)成兀素。了解網(wǎng)頁制作、處理圖像、動

13、畫制作的專業(yè)工具；熟悉Dreamweaver的啟動、退出及窗口環(huán)境。項(xiàng)目三網(wǎng)頁制作模塊頁面控制2了解Dreamweaver8的參數(shù)設(shè)置方法；掌握頁面屬性、文件頭內(nèi)容的設(shè)置方法；會使用輔助工具。文本操作2能在網(wǎng)貝中輸入、編輯文本；學(xué)會在網(wǎng)頁中插入水平線和日期；掌握網(wǎng)頁文本格式化操作。圖像操作2掌握圖像的插入、屬性設(shè)置及圖文混排的方法；掌握插入鼠標(biāo)經(jīng)過圖像的方法，了解插入圖像占位符的方法。表格布局2學(xué)會添加表格、設(shè)置表格、行、列屬性的方法；掌握拆分單元格，合并單元格的方法；掌握在表格中輸入文字、插入和定位圖像的方法。布局表格2掌握切換視圖、繪制布局表格的操作方法；掌握繪制、移動布局單元格元格的操作

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

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

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

17、和層布局網(wǎng)貝中的文字和圖片的方法。實(shí)驗(yàn)4網(wǎng)頁布局之二4學(xué)會將已有網(wǎng)頁生成模板的操作方法；掌握編輯模板和將模板生成新網(wǎng)頁的操作方法；掌握應(yīng)用庫項(xiàng)目制作和更新庫項(xiàng)目的操作方法；(4)掌握在網(wǎng)頁中應(yīng)用框架、設(shè)置框架集屬性的方法。實(shí)驗(yàn)5動感元素與超級鏈接2掌握在網(wǎng)頁中插入flash動畫、設(shè)置其屬性方法；掌握創(chuàng)建各種形式的超級鏈接的操作方法。實(shí)驗(yàn)6創(chuàng)建表單網(wǎng)頁2掌握在網(wǎng)頁中插入表單域，在表單域中插入文本域、單選和復(fù)選按鈕、列表/菜單、等表單控件方法；掌握實(shí)現(xiàn)滾動文字效果的操作方法。實(shí)驗(yàn)7CSS樣式應(yīng)用2掌握樣式的定義方法和編輯方法；掌握使用樣式表布局網(wǎng)頁兀素以及美化頁面。實(shí)驗(yàn)8綜合網(wǎng)頁制作4利用框架、表

18、格和CSS羊式對網(wǎng)頁元素布局；制作下拉式菜單單元獨(dú)立實(shí)踐課時(shí)小計(jì)22項(xiàng)目八課外拓展實(shí)踐課外拓展實(shí)踐0根據(jù)課堂所學(xué)習(xí)的操作方法，選擇一個(gè)主題，學(xué)生自己動手制作網(wǎng)頁，不占用課程時(shí)間。項(xiàng)目九工學(xué)結(jié)合實(shí)訓(xùn)網(wǎng)頁制作綜合實(shí)訓(xùn)10掌握規(guī)劃網(wǎng)站的內(nèi)容、目錄、鏈接結(jié)構(gòu)的方法；熟練掌握Dreamweaver8的基本操作和使用技能；掌握貝囿的整體控制和貝囿布局方法；(4)熟練掌握在網(wǎng)頁中輸入、設(shè)置標(biāo)題和正文文字、插入圖像、Flash動畫、音樂、視頻對象的方法；掌握建立各種形式超級鏈接、表單的制作、網(wǎng)站測試的方法。課外拓展實(shí)踐+生產(chǎn)性實(shí)訓(xùn)課時(shí)小計(jì)10課時(shí)累計(jì)72七、考核方法平時(shí)作業(yè)(50%)+實(shí)驗(yàn)作品(50%)平時(shí)作業(yè)平時(shí)作業(yè)成績?yōu)槊看握n堂作業(yè)完成情況的平均分。實(shí)驗(yàn)作品制作一個(gè)靜態(tài)網(wǎng)站，主題自選。其作品由以下幾個(gè)部分（子作品）組成，并分別評分。子作品有：作品1:網(wǎng)站相冊；作品2:層疊樣式表應(yīng)用；作品3:利用表格