網(wǎng)制作三劍客

《網(wǎng)制作三劍客》由會員分享，可在線閱讀，更多相關(guān)《網(wǎng)制作三劍客（18頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1、《網(wǎng)頁制作》課程教學大綱 · 第一部分 大綱闡明 · 第二部分 教程總體設(shè)計方案 · 第三部分 教學內(nèi)容和教學規(guī)定 第一部分 大綱闡明 一．課程性質(zhì)、目的與任務 隨著計算機網(wǎng)絡與通訊技術(shù)的發(fā)展， Internet 在人們的生活、學習和工作中的位置越來越重要，通過發(fā)布 Web 站點來開展各項政治與經(jīng)濟活動已成為當今時代的流行趨勢。因此，掌握 Web 網(wǎng)頁的制作和 Web 站點的管理等知識已經(jīng)成為現(xiàn)代人必備的一種技能。 本課程的將 全面簡介網(wǎng)站建立與網(wǎng)頁制作的有關(guān)知識以及 Macromedia 公司最新發(fā)布的網(wǎng)頁制作頂級軟件 Dreamweaver MX 與 Firewor

2、ks MX 的操作使用措施，目的是使學生全面掌握網(wǎng)站設(shè)計與建立的全過程以及 Web 頁制作的常用技術(shù)和措施，使學生可以 開發(fā)與 制作出具有專業(yè)水準的網(wǎng)站，以適應現(xiàn)代網(wǎng)絡社會對人才的需要。 二．與有關(guān)課程的銜接 學習者已經(jīng)學習并掌握微機基本知識涉及 Windows的操作、網(wǎng)絡的基本概念、Internet的使用。 三．課程教學目的 1.掌握網(wǎng)頁圖形圖像解決措施。通過學習Fireworks的圖形圖像解決的基本操作，可以運用該軟件進行網(wǎng)頁圖形圖象制作、文字制作、圖像編輯與解決、按鈕、導航條、Gif動畫等網(wǎng)頁元素的制作。 2．掌握多媒體動畫制作措施。使用Flash設(shè)計制作多種動畫、在動

3、畫作品中加入圖片、聲音、視頻等多種媒體、可以運用ActionScript實現(xiàn)動畫控制和顧客交互。 3．掌握網(wǎng)站建立與網(wǎng)頁設(shè)計措施。使用網(wǎng)頁設(shè)計常用軟件Dreamweaver創(chuàng)立與設(shè)立網(wǎng)站、管理與維護網(wǎng)站、測試與發(fā)布網(wǎng)站的技術(shù)與措施。網(wǎng)頁與網(wǎng)站的基本概念、網(wǎng)站籌劃與創(chuàng)立原則、網(wǎng)站的開發(fā)與發(fā)布工作流程、網(wǎng)頁制作的多種措施和技巧，如文本解決、圖象解決、超級鏈接、網(wǎng)頁布局、CSS樣式、層的應用、動態(tài)特效、多媒體網(wǎng)頁制作、交互式網(wǎng)頁制作等。 在較短的時間內(nèi)，通過學習《網(wǎng)頁制作》網(wǎng)絡教程，可以設(shè)計制作出布局美觀、鏈接合理、涉及文字、圖形、圖象、動畫、聲音、視頻等多種媒體信息并具有交互功能的網(wǎng)頁；可以建

4、立、管理與發(fā)布小型網(wǎng)站；應用網(wǎng)站與網(wǎng)頁技術(shù)傳授知識、傳播信息。 四、教學措施與教學形式 為了提高教學效率與教學質(zhì)量。本課程采用五項教學方略。 1．多媒體網(wǎng)頁教案。本教程運用多媒體與網(wǎng)絡技術(shù)制作網(wǎng)絡教學課件，構(gòu)筑計算機網(wǎng)絡課程的現(xiàn)代化教學模式。網(wǎng)頁制作是一門實踐性很強的課程，為了闡明網(wǎng)站建立與網(wǎng)頁制作措施在實際中的應用，實時展示就顯得非常重要，因此我們按照教師課堂面授教學的整個過程，將講述性的知識、概念等制作成文字、圖片、圖象等形式的網(wǎng)頁，供學習者閱讀；將演示型的制作措施、操作環(huán)節(jié)等以動畫仿真形式進行展示，供學習者觀看。目的是協(xié)助學習者較快地理解和掌握課程的知識概念與操作措施，提高學習效

5、率。 ? ?2．任務驅(qū)動教學。網(wǎng)頁制作課程是一門應用性學科， 而非理論性課程，規(guī)定學習者親身操練，反復練習，在自己設(shè)計與完善網(wǎng)站的過程中，在制作多種類型的網(wǎng)頁操作中切實掌握所學的內(nèi)容。為此本教程根據(jù)各知識點的教學規(guī)定設(shè)計每章需要完畢的目的任務，解說之前，提供了范例預覽、素材下載等功能，解說之后提供實驗樣例及有關(guān)輔導，使學習者可以邊學邊練，切實掌握網(wǎng)頁制作的技能。 3. 知識自主建構(gòu)。為了適應學生的學習需要，本教程制作了［自學教案］——按照知識點循序漸進地學習；［流程演示］——按照制作流程選擇性地學習兩條途徑。學習者可根據(jù)自己的實際水平與學習習慣自主地獲取課程知識。 本教程還根據(jù)課程的知識

6、點制作了知識構(gòu)造圖與網(wǎng)頁制作流程圖，以以便學習者自主建構(gòu)與掌握整個知識體系。 4. 網(wǎng)絡信息交互。為理解決學生在學習中也許遇到的多種問題，本網(wǎng)站制作了聯(lián)機討論論壇與教師在線答疑模塊。學生與學生之間可以進行文字消息傳送與聯(lián)機討論，教師與學生之間可以進行遠程答疑與指引，協(xié)助學習者解決學習過程中遇到的問題，以保證學習效果。 5. 網(wǎng)站教學管理。在教學課程網(wǎng)站建立電子考勤、作業(yè)上傳、成績查詢等功能，通過網(wǎng)站對課堂教學與作業(yè)實驗等教學環(huán)節(jié)進行管理。 第二部分 教程總體設(shè)計方案 一、學時安排 序號 教學內(nèi)容 總學時 講授 上機實驗 　 Fireworks圖像制作 1

7、　　圖像制作基本、文檔操作、繪制矢量圖形 4 2 2 2 　　圖形編輯、文本制作 4 2 2 3 　　位圖制作、層和遮照 4 2 2 4 按鈕與切片制作 4 2 2 5 動畫制作、優(yōu)化導出 4 2 2 　 Flash 動畫制作 6 　　Flash基本、 繪圖工具的使用 4 2 2 7 對象的編輯與變形、 4 2 2 8 　　時間軸、幀與層 4 2 2 9 　　元件與實例、 4 2 2 10 　　動畫制作、 8 4 4 11 　　時間軸特效、視頻的嵌入與控制 4 2 2 12 　　聲

8、音的導入與使用 4 2 2 13 　　ActionScript編程基本與常用命令 8 4 4 14 動畫的發(fā)布與導出 4 2 2 　 Dreamweaver 網(wǎng)頁制作 2 網(wǎng)頁制作基本與網(wǎng)站的創(chuàng)立 4 2 2 3 文本、圖像與超鏈接 4 2 2 4 表格、布局視圖、框架與層 8 4 4 5 CSS 樣式表、模板與庫 8 4 4 6 行為、多媒體網(wǎng)頁制作、 擴展的使用 8 4 4 7 綜合網(wǎng)站實例與實際應用 8 4 4 合計 　　　 108 54 54 二．

9、教材 1 ．本課程文字教材 ? 《Fireworks MX 原則教程》《Flash MX 原則教程》《Dreamweaver MX 原則教程》 2. 本課程多媒體教材 　　已發(fā)布于教師機服務器上的本課程教學網(wǎng)站。 3 ．本課程輔助教材 網(wǎng)頁制作三劍客—— Dreamweaver MX 、Fireworks MX 、Flash MX200教程及軟件使用指南 自編學生上機實驗輔助教材 三、教學環(huán)節(jié) 1 ．課堂講授： 在多媒體電子教室授課，將教案及其他教學資源發(fā)布于教師機上，在講授課程時用聲音、文字、圖形、圖像等多媒體信息立體地體現(xiàn)課程知識，使學生更為順

10、利地理解掌握教學內(nèi)容，提高教學效率。 2 ．上機實踐 根據(jù)每次課程的知識點設(shè)計上機練習及作業(yè)樣本，指引并監(jiān)督學生通過上機制作、完畢指定的網(wǎng)站或網(wǎng)頁，從而培養(yǎng)學生的發(fā)明性與實際操作能力。 3 ．考核 采用平時考核與期末考核相結(jié)合措施。 平時考核：教師通過電子教室教師機對學生每次上機練習所制作的網(wǎng)站或網(wǎng)頁進行訪問，并評估作業(yè)成績。平時作業(yè)成績占總評成績的40%。 期末考核：考核學生掌握網(wǎng)頁制作的基本知識以及制作網(wǎng)站的實際操作能力。考核措施，采用在電子教室上機考試的措施。規(guī)定學生在指定期間內(nèi)制作出涉及課程重要知識點的綜合性網(wǎng)站。期末考核成績占總評成績的60%。 第三部分

11、? 教學內(nèi)容 Ⅰ.網(wǎng)頁圖形圖像制作 教學內(nèi)容： 第1章Fireworks mx 基本 　　Fireworks的重要功能與特點；解決網(wǎng)頁圖形圖像的工作流程以及工作界面 第2章 文檔操作 　　新建文檔、打開文檔、導入文檔、保存文檔、瀏覽文檔、查看文檔、導出文檔 第3章 繪制矢量圖形 　　繪制矢量途徑、矢量圖形、自動形狀、應用填充、應用筆觸 第4章 圖形編輯 　　選擇編輯對象、修改組合矢量圖、變形對象、組織對象 第5章 文本制作 　　添加新字體、輸入與編輯文本、對文字應用筆觸,填充,效果和樣式、制作文字途徑 第6章 位圖制作 　　選用與編輯像素區(qū)域、修飾位圖、修正顏色

12、和色調(diào) 第7章　層和遮照 　　如何使用層來解決與組織圖象；如何使用遮照創(chuàng)立部分被遮掩的圖像效果 第8章 按鈕制作 　　使用按鈕編輯器制作按鈕圖片、在網(wǎng)頁中使用按鈕圖片制作出具有互換圖象功能的按鈕。 第9章 動畫制作 　　制作多種Gif動畫措施：幀—幀動畫、輪轉(zhuǎn)動畫、運動類動畫、使用“動畫元件”漸變類動畫、作遮照動畫 第10章 切片制作 　　創(chuàng)立切片、修改切片以及如何將切片導出為網(wǎng)頁。 第11章 優(yōu)化導出 　　如何對圖象進行優(yōu)化、減少圖象大小以及如何將優(yōu)化的圖象導出。 Ⅱ.Flash動畫制作　 教學內(nèi)容： 第1章 Flash基本 　　Flash MX 簡介、Flas

13、h MX 工作界面、Flash動畫制作一般過程 第2章 繪圖工具的使用 　　鉛筆與直線工具、橢圓與矩形工具、多邊形與星形工具、鋼筆工具、筆刷工具、顏料桶工具、墨水瓶工具、吸管工具、文字工具、橡皮工具 第3章 對象的編輯與變形 　　對象的選用、對象的變形、對象的組合、對象的排列、形狀修改 第4章 時間軸、幀與層 　　時間軸的概念、幀的基本操作、層的基本操作 、一般引導層、運動引導層、遮罩層 第5章 元件與實例 　　庫面板的操作、創(chuàng)立圖形元件、創(chuàng)立按鈕元件、創(chuàng)立影片剪輯元件、實例的創(chuàng)立與修改、元件的編輯、導入外部資源 第6章 動畫制作 　　逐幀動畫的制作、繪圖

14、紙顯示模式、補間形狀動畫的制作、動作補間動畫的制作、使用途徑控制漸變移動、遮罩動畫的制作 第7章 時間軸特效 　　時間軸特效的制作環(huán)節(jié)、時間軸特效的參數(shù)設(shè)立、時間軸特效的修改與刪除 第8章 聲音的導入與使用 　　聲音的導入、為影片添加聲音 、聲音的效果設(shè)立和編輯、給按鈕附加聲音、聲音的壓縮與屬性設(shè)立、使用行為控制聲音、Flash MTV 的制作環(huán)節(jié) 第9章 視頻的嵌入與控制 　　Flash 視頻使用概述、導入視頻文獻、在導入時對視頻進行編輯與設(shè)立、使用行為控制視頻播放 第10章 ActionScript 編程基本 　　動作面板的使用、 ActionScript

15、的編程要素、 ActionScript 的語法規(guī)則、 ActionScript 的應用 第11章 ActionScript 常用命令 　　停止與播放命令、跳轉(zhuǎn)命令　、加載與卸載影片命令、屏幕控制命令、建立 URL 地址鏈接、綜合舉例－制作電子相冊 第12章 動畫的發(fā)布與導出 　　優(yōu)化 Flash 影片、測試 Flash 動畫、動畫發(fā)布、導出 Flash Ⅲ. 網(wǎng)站建立與網(wǎng)頁制作 第一章 網(wǎng)頁制作基本 教學內(nèi)容 第一節(jié) 網(wǎng)頁制作基本 一．網(wǎng)站與網(wǎng)頁概述 二．網(wǎng)站建立方式 三．網(wǎng)站設(shè)計的一般原則與措施 第二節(jié) Dreamweaver MX 基本

16、一．Dreamweaver MX 概述 二． Dreamweaver MX 操作界面 教學規(guī)定 理解網(wǎng)站與網(wǎng)頁的基本概念、網(wǎng)站建立方式與網(wǎng)站設(shè)計的一般原則與措施；理解網(wǎng)頁設(shè)計常用工具的功能與用途；熟悉 Dreamweaver MX 的工作界面基本構(gòu)造 第二章 網(wǎng)站的創(chuàng)立、管理與發(fā)布 教學內(nèi)容 第一節(jié) 規(guī)劃網(wǎng)站 第二節(jié) 創(chuàng)立本地站點 第三節(jié) 創(chuàng)立遠程站點 教學規(guī)定 掌握設(shè)計和定義網(wǎng)站的基本環(huán)節(jié)以及使用Dreamwear MX 建立本地站點和遠程站點的操作措施。 第三章 網(wǎng)頁文字制作 教學內(nèi)容 第一節(jié) 創(chuàng)立、保存與打開網(wǎng)頁 第二節(jié) 輸入文本 第三節(jié)

17、格式化文本 第四節(jié) 設(shè)立項目列表 教學規(guī)定 掌握如何創(chuàng)立、保存與打開網(wǎng)頁文獻；如何在網(wǎng)頁中輸入文本；如何格式化文本以及對文本進行編輯排版的常用措施。 第四章 網(wǎng)頁圖像解決 教學內(nèi)容 第一節(jié) Web圖像的基本格式 第二節(jié) 插入圖象 第三節(jié) 設(shè)立圖象屬性 第四節(jié) 創(chuàng)立鼠標通過圖象 第五節(jié) 創(chuàng)立圖像地圖 教學規(guī)定 理解在網(wǎng)頁中使用的圖像格式；學習如何在網(wǎng)頁中插入圖像；掌握設(shè)立圖像多種有關(guān)屬性的措施以及對圖像進行排版的措施；學習制作水平線、鼠標通過圖像、網(wǎng)站像冊、圖像熱區(qū)等圖像特效。 第五章 超鏈接制作 教學內(nèi)容 第一節(jié) 超鏈接的構(gòu)成 第二節(jié)

18、制作超鏈接 第三節(jié) 鏈接到文檔內(nèi)的指定位置(錨點) 第四節(jié) 創(chuàng)立電子郵件鏈接 第五節(jié) 創(chuàng)立跳轉(zhuǎn)菜單 第六節(jié) 創(chuàng)立導航條 第七節(jié) 管理站點內(nèi)的超鏈接 教學規(guī)定 超鏈接的類型；相對途徑與絕對途徑的使用措施；超級鏈接各目的參數(shù)的用法；在網(wǎng)頁中創(chuàng)立多種超鏈接如文本、圖像，電子郵件、錨點、程序等的措施；導航條與跳轉(zhuǎn)菜單的特點與用法；運用超鏈接組織網(wǎng)站構(gòu)造的技巧以及如何管理站點的超鏈接。 第六章 表格制作 教學內(nèi)容 第一節(jié) 在網(wǎng)頁中插入表格 第二節(jié) 選用表格元素 第三節(jié) 修改表格 第四節(jié) 嵌套表格 第五節(jié) 設(shè)立表格屬性 第六節(jié) 設(shè)立列、行和單元格屬性 教學規(guī)定

19、 掌握如何創(chuàng)立表格；如何對表格的構(gòu)造進行調(diào)節(jié)與修改；如何設(shè)立表格與單元格的屬性；以及如何通過表格對網(wǎng)頁中的多種元素進行頁面布局。 第七章 使用布局視圖設(shè)計網(wǎng)頁 教學內(nèi)容 第一節(jié) 原則模式與布局模式的切換 第二節(jié) 繪制布局表格與布局單元格 第三節(jié) 移動和調(diào)節(jié)布局表格與單元格 第四節(jié)　為布局單元格添加內(nèi)容 教學規(guī)定 理解頁面布局的基本概念、掌握創(chuàng)立布局單元格和表格的措施、掌握布局視圖參數(shù)的設(shè)立措施、掌握使用布局視圖設(shè)立網(wǎng)頁構(gòu)造措施。 第八章 使用框架設(shè)計網(wǎng)頁 教學內(nèi)容 第一節(jié) 創(chuàng)立框架網(wǎng)頁 第二節(jié) 選用框架和框架集 第三節(jié) 設(shè)立框架和框架集屬性 教

20、學規(guī)定 掌握框架頁的建立措施、設(shè)立框架屬性的措施以及如何在制作網(wǎng)頁中實際應用框架的技巧。 第九章 層的應用 教學內(nèi)容 第一節(jié) 創(chuàng)立層和嵌套層 第二節(jié) 變化層順序與可見性 第三節(jié) 設(shè)立層屬性 第四節(jié) 用行為動作控制層 教學規(guī)定 掌握如何創(chuàng)立一般層與嵌套層；如何設(shè)立層的排列順序與可見性；如何設(shè)立層的屬性；如何通過層對網(wǎng)頁元素進行頁面布局以及如何制作具有交互功能的層。 第十章　CSS樣式 第一節(jié) 設(shè)立頁面屬性 第二節(jié)　創(chuàng)立CSS樣式 第三節(jié)　應用CSS樣式 第四節(jié)　附加與鏈接樣式表 第五節(jié)　修改CSS樣式與樣式表 教學規(guī)定 掌握如何設(shè)立頁面屬性；如何

21、創(chuàng)立CSS樣式；如何對網(wǎng)頁元素應用CSS樣式；如何修改CSS樣式；如何將CSS樣式表附加鏈接到網(wǎng)頁中，以便直接應用已創(chuàng)立的CSS樣式。 第十一章 模板和庫 教學內(nèi)容 第一節(jié) 創(chuàng)立模板 第二節(jié) 修改模板 第三節(jié) 建立基于模板的網(wǎng)頁 第四節(jié) 創(chuàng)立庫項目 第五節(jié)　在網(wǎng)頁中插入庫項目 第六節(jié)　修改庫項目 教學規(guī)定 掌握如何創(chuàng)立模板、編輯模板以及如何應用模板迅速建立風格相似的網(wǎng)頁；掌握如何建立與編輯庫項目以及在網(wǎng)頁中應用庫項目。 第十二章 多媒體制作 教學內(nèi)容 第一節(jié) 創(chuàng)立Flash按鈕 第二節(jié)　創(chuàng)立Flash文本 第三節(jié)　插入Flash影片 第四節(jié)

22、添加音頻 第五節(jié) 嵌入視頻 教學規(guī)定 掌握創(chuàng)立Flash按鈕；在網(wǎng)頁中插入Flash影片；在網(wǎng)頁中播放多種聲音文獻以及在網(wǎng)頁中嵌入視頻影片。 第十三章 使用行為 教學內(nèi)容 第一節(jié) 行為面板的使用與添加行為 第二節(jié) 彈出消息 第三節(jié)　設(shè)立狀態(tài)條文本 第四節(jié)　打開瀏覽器窗口 第五節(jié)　互換圖象顯示或隱藏圖層 第六節(jié)　拖動層 第七節(jié)　層的顯示與隱藏 第八節(jié) 變化屬性 第九節(jié)　檢查插件 第十節(jié)　控制Shockwave或Flash 第十一節(jié) 播放聲音 第十二節(jié)　彈出式菜單 教學規(guī)定 結(jié)識行為動作和行為事件；掌握對象行為的設(shè)立與更改；可以靈活運用 Dr

23、eamweaver的多種內(nèi)置行為。 第十四章 使用擴展 教學內(nèi)容 第一節(jié) 擴展管理器的使用 第二節(jié) 擴展插件滾動字Marquee 第三節(jié) 擴展插件橫幅廣告創(chuàng)立器Banner_Image_Builer 第四節(jié) 擴展插件頑固的層Nirvana Floating Layer 教學規(guī)定 理解 Dreamweaver 擴展的功能與用途；掌握擴展管理器的使用措施；掌握如何下載、安裝與使用Dreamweaver MX 的擴展功能。 第十五章 網(wǎng)站發(fā)布 教學內(nèi)容 第一節(jié)　測試與整頓站點 第二節(jié)　建立本地網(wǎng)絡遠端站點 第三節(jié)　建立FTP遠端站點 第四節(jié)　上傳網(wǎng)站

24、 教學目的 ??? 掌握上傳站點的知識：涉及如何測試與整頓站點；當開發(fā)用機器與 Web 服務器位于同一種局域網(wǎng)中如何發(fā)布網(wǎng)站；如果遠端站點位于一種 FTP 服務器上如何發(fā)布網(wǎng)站；可以使用Dreamweaver mx 上傳網(wǎng)站文獻。 總復習　綜合網(wǎng)站實例與實際應用 教學內(nèi)容 通過一種建立一種完整的網(wǎng)站實例，指引學習者從網(wǎng)站的籌劃、網(wǎng)站的構(gòu)建、網(wǎng)頁的制作到網(wǎng)站的上傳，制作完畢一種完整網(wǎng)站的所有網(wǎng)頁。 教學目的 規(guī)定學習者通過獨立創(chuàng)立一種完整的網(wǎng)站，對以上各章所學的知識進行總結(jié)與復習。使學習者可以全面掌握網(wǎng)站設(shè)計與建立以及網(wǎng)頁制作的多種技術(shù)和措施，開發(fā)與創(chuàng)作出具有專業(yè)水準的網(wǎng)站。