第一篇：網頁制作課程知識點歸納范文

《網頁制作》復習題）

第1章 網頁制作概況 網頁的概念

網頁是用HTML（超文本編輯語言）語言編寫，通過WWW傳播，并被WEB瀏覽器翻譯成為可以顯示出來的集文本、超鏈接、圖片、聲音和動畫、視頻等信息元素為一體的頁面文件。

網頁HTML文件與web瀏覽器間的關系理 參照P5

首頁和主頁的異同點

首頁與主頁的區別:瀏覽網站時最先訪問的頁為首頁，一般為歡迎信息，通過鏈接再進入主頁（例如：榕樹下網站）。主頁是整個網站的導航中心（例如：163網站）。有些網站首頁即主頁。

網頁制作的常用工具軟件有哪些

FrontPage、網頁制作三劍客（Dreamweaver與Flash、Fireworks并稱為Macromedia的網頁制作三劍客）、Photoshop ??

網頁正文區

第二篇：中職網頁制作課程教學初探

中職網頁制作課程教學初探

在中職計算機教學過程中，如何讓學生通過學習掌握建立網頁的步驟和方法，怎樣設計才能使網頁獨具特色？這都是中職教師在教學中需要考慮的問題。

一、根據學生情況選擇適用教材 中職學生的知識基礎較差，學習能力不高，在選取教材時不僅要考慮教材的實用性，還要根據學生的水平選擇教材，使學生在學習時能通過探究學習掌握其中的知識。教材內容的難易對學生學習的積極性具有較大的影響。如果選取的教材內容較難，學生難以掌握其中的知識，那么他們在學習和探究時，即使花費大量的時間和精力，也很難獲得提高，這就使學生對學習不感興趣，更不要說在制作網頁中融入創新思維了。如果教材內容太簡單，學生一看就懂，也不能有效地激發學生的思維，促使他們綜合能力的提高。所以，選擇合適的教材對學生的學習效率具有關鍵作用。

二、規劃課程教學內容

規劃教學內容是做好課程教學的首要任務。根據中職學生的特點，本課程選擇以培養學生的實踐動手能力為目標。教學內容主要定位在靜態網頁的制作、設計和發布方面，在內容組織上從實際需要出發，以夠用為原則，精選了網頁制作技術的一些主要內容展開講解，主要任務有網頁的基礎知識、HTML語言、Dreamweaver 8軟件、Photoshop CS2軟件、Flash 8軟件、CSS層疊樣式表、Script腳本等。以網頁設計的技能學習和訓練為主，重點講授Dreamweaver網頁設計軟件的使用方法及相關技巧。讓學生通過這門課程的學習，能夠具備綜合運用專業軟件為中小型網站設計和制作網頁的能力，為今后從事相應的網站設計制作工作打下良好的基礎。同時，注意綜合運用學生已學的專業課程知識，以培養適合社會需要的實用型人才為目標。

三、精心設計教學內容，制訂教學方案在網頁制作教學中，教師可以把學生的學習過程分為以下幾個階段：

第一階段是網頁入門。先向學生介紹什么是網頁以及制作網頁要用的工具，讓學生掌握簡單制作網頁的知識。在讓學生對網頁有了初步認識之后，教師要讓學生學會如何收集素材，如何把素材插入到網頁中，并對網頁中的內容合理安排。

第二階段是網頁布局制作階段。學生在掌握了簡單的網頁制作之后，需要讓他們對網頁建設中內容布局進行探究。在這一階段，教師要注重學生創新能力的培養，使學生能在網頁制作時進行有效創新。

第三階段是網頁美化設計階段。讓學生掌握軟件Photoshop使用方法，能對各種素材按照自己的想法進行加工，使插入網頁的素材能更好地反映網頁的主題。同時還要讓學生掌握運用Flash軟件制作動畫的技術。

第四階段是網站程序使用階段。通過這一階段的教學，讓學生掌握制作網頁中的特效，并能通過編寫網站程序，構架出動態網站。學生掌握了這一階段的學習，能使網頁設計在動態和靜態素材結合下更完美，還能讓學生建立小型的網站，為他們以后在進行網站建設學習時做好鋪墊。

四、優化教學方法，促使學生積極探究

網頁制作課堂需要教師讓學生在計算機房進行實際操作和學習，才能讓他們真正掌握網頁制作知識，并在探究過程中激發創新思維。在教學過程中，教師既要對學生進行引導，還要通過實際操作來提高學生的動手能力，使學生能在對網頁制作理論知識探究的同時，通過操作來理解和領會這些知識。教師要深入研究教材知識，了解中職學生的特點，用多種教學方法來使課堂教學豐富有趣，使學生的注意力保持高度集中。在讓學生進行網頁制作之前，教師要和學生共同分析制作案例，讓他們在觀看案例的過程中掌握網頁制作的步驟和技巧。

五、全面綜合的考核評價方法使學生樹立信心

網頁制作教學過程中，教師要突出教學的實踐性，使學生在動手制作的過程中培養綜合能力，使學生對計算機知識掌握得更全面，同時在設計時能領會運用各種制作素材，并能使網頁制作效果新穎獨特。網頁制作課程在對學生進行考核和評價時，不同于其他學科的測驗，這是由于網頁制作需要一個較長的過程，學生需要對網頁設計進行構思，收集網頁設計所用到的素材，對網頁結構的布局進行設計等。所以，教師在對學生進行考核和評價時，不能只考慮學生在期末考試時的成績，而是要把每次的網頁制作作業、課堂學習效果、期中測試成績都要考慮進去，全面綜合地對學生進行評價。

總之，在網頁制作教學中，教師要通過讓學生觀看網頁制作實例來激發學生制作網頁的欲望，使他們能積極主動地進入到網頁制作的探究過程中。同時教師還要組織豐富多彩的教學活動來調動學生的積極性，使他們能不斷提高網頁制作能力，提高綜合素質。

第三篇：網頁設計與制作課程教學大綱

網頁設計與制作課程教學大綱

1.課程設計的指導思想

（一）課程性質

1．課程類別：專業選修課 2．適應專業：軟件工程 3．開設學期：第二學期

4．學時安排：周學時2＋2，總學時72 5．學分分配：

（二）開設目的

本課程是計算機類專業的專業選修課,它是一門操作性和實踐性很強的課程。本課程開設的主要目的，是為了適應web技術的飛速發展，為學生今后在學習、工作中建立網站及網頁制作打下基礎。通過本課程的學習，讓學生了解一定的網絡應用基礎知識；能夠熟練掌握網頁制作工具——網頁三劍客Dreamweaver、Fireworks、Flash的使用，能自行設計各種網頁、編輯一定的平面圖像、網絡動畫。具備網站的建立、規劃、管理、發布的相關技術及網頁制作的操作技能，能獨立設計 WEB 站點。

（三）基本要求

1、知識要求：

（1）網頁設計基礎知識（2）DREAMWEAVER 的使用（3）FIREWORKS 圖像處理（4）FLASH 的使用（5）網站制作實例

2、能力要求：

（1）學會熟練運用 Dreamweaver、Flash 和 Fireworks 應用軟件；（2）熟練掌握使用絕對和相對 URL，創建超鏈接，圖像鏈接；（3）熟練掌握設置顏色、文本格式和列表；（4）掌握在網頁中添加 CSS 的方法

（5）掌握在網頁中嵌入圖像、聲音、多媒體信息的方法；（6）熟練掌握表格的使用方法，學會利用表格布局網頁；（7）掌握框架制作網頁的方法，會使用框架設計網頁；（8）掌握用 Fireworks 處理矢量圖和位圖。（9）掌握用 Flash 制作網頁動畫。

3、素質要求：

（1）具有勤奮學習的態度，嚴謹求實、創新的工作作風；（2）具有良好的心理素質和職業道德素質（3）具有高度責任心和良好的團隊合作精神

（4）具有一定的科學思維方式和判斷分析問題的能力（5）具有較強的網頁設計創意思維、藝術設計素質。

（四）主要內容 計算機網站基礎知識、網頁三劍客DREAMWEAVER 的使用、FIREWORKS 圖像處理、FLASH 的使用。

（五）先修課程 計算機基礎

（六）后繼課程 Web 程序設計

（七）考核方式 上機考試

（八）使用教材

（九）參考書目

1、《網頁設計與制作技術教程》 作者：王傳華、段青玲、馬欽? 清華大學出版社?第二版.2、網頁和網站制作基礎操作與實例教程.陜西科學技術出版社

3、Dreamweaver8PhotoshopCS2Flash8網頁制作教材.陳笑；李景池.清華大學出版社

4、《使用網站技術基礎》作者：德力、盧明波、王化宇.內蒙古教育出版社 教學內容

第一部分 網頁設計與制作基礎知識 教學目的

使學生了解什么是網頁，網站，網頁元素等概念 主要內容 什么是網頁，網站;2 Html語言基礎； 構建網站的一般過程； 教學要求

了解：網站設計與制作的前期準備 掌握： 繪制網站首頁效果圖 第二部分 網頁制作軟件Dreamweaver 教學目的

使學生了解網站設計概念；掌握軟件界面及站點建立，Dreamweaver的基本功能，表單和CSS樣式表的應用及網頁制作的高級技術。主要內容

1、網站設計概念，要求達到“了解掌握”程度 網站的主題定位

網站的風格和創意設計 準備材料和結構規劃 頁面布局

定義站點、申請域名、空間 認識HTML語言

2、初識軟件界面及站點建立，要求達到“了解掌握”程度 Dreamweaver軟件界面 對象控制面板的使用 建立本地站點 建立遠程站點 站點的更新和管理

3、Dreamweaver的基本功能，要求達到“掌握”程度，添加文本 插入圖片 插入表格

超級鏈接和導航條的創建 插入多媒體

4、表單和CSS樣式表的應用，要求達到“了解掌握”程度 插入表單

插入表單對象

創建并鏈接到外部CSS樣式

5、網頁制作高級技術，要求達到“了解掌握”程度 創建層 設置層

層與表格的相互轉換 創建框架 行為操作 創建模板 模板的應用 教學要求

了解：網站設計概念

掌握：軟件界面及站點建立，Dreamweaver的基本功能，表單和CSS樣式表的應用及網頁制作的高級技術。

第三部分 圖形制作與處理軟件Firewoks 教學目的

使學生了解Fireworks軟件界面；掌握圖像的繪制和編輯，文本與顏色的使用，層與元件的使用，濾鏡和特效的使用，按鈕和動畫的制作。主要內容

1、Fireworks簡介，要求達到“了解掌握”程度 Fireworks概述

Fireworks的系統需求 Fireworks的新增功能 Fireworks窗口界面 創建新文檔

導入和導出文檔

2、圖像的繪制和編輯，要求達到“掌握”程度 繪制圖像 編輯圖像

3、文本與顏色，要求達到“掌握”程度 文本的使用 顏色的使用 設置畫布

4、層與元件，要求達到“掌握”程度 層的使用 元件的使用

5、濾鏡和特效，要求達到“了解掌握”程度 使用濾鏡 使用特效

6、按鈕和動畫，要求達到“了解掌握”程度 按鈕 動畫

教學要求

了解：Fireworks軟件界面

掌握：圖像的繪制和編輯，文本與顏色的使用，層與元件的使用，濾鏡和特效的使用，按鈕和動畫的制作。第四部分 動畫制作與編輯軟件Flash 教學目的

使學生了解Flash基本工作環境；掌握Flash繪圖工具的使用方法，Flash動畫基礎及FIash影片制作和發布。主要內容

1、初識Flash，要求達到“了解”程度 Flash基本工作環境 認識舞臺與時間軸.認識不同作用的面板

2、Flash繪圖工具，要求達到“掌握”程度 矢量圖與位圖 線型與顏色

線條的繪制與修改 填充圖形的繪制，選取工具 文本

變換工具 其他工具

3、Flash動畫基礎，要求達到“掌握”程度 層 幀 元件

Flash的基本操作

4、FIash影片制作和發布，要求達到“掌握”程度 動畫基礎 逐幀動畫 形狀漸變 動作漸變 蒙板

運動導線 按鈕

軌跡追蹤 導入聲音 加入視頻 測試發布 教學要求

了解：Flash基本工作環境

掌握：Flash繪圖工具的使用方法，Flash動畫基礎及FIash影片制作和發布。第五章 綜合實例 教學目的

使學生能夠熟練掌握網頁制作工具Dreamvwaver、Fireworks、Flash的使用，能自行設計各種網頁、編輯一定的平面圖象、網絡動畫。具備網站的建立、規劃、管理、發布的相關技術及網頁制作的操作技能，能獨立設計 WEB 站點。主要內容

綜合實例，要求達到“掌握”程度 網頁設計準備工作

用Fireworks設計網頁結構 用Dreamweaver生成網頁 用Flash制作網頁動畫 整理網頁

完成小型WEB站點網頁的規劃、設計、管理與維護 教學要求

掌握：Web網站建設的基本方法，掌握網頁制作工具的使用方法和技巧，培養學生設計網站的能力。課時分配及其它

（一）課時分配

課程總教學時數為90學時，安排在第二學期，每周3＋2學時，上課18周。具體分配如下

教學內容 講授學時數

章次

第一部分 網頁設計與制作基礎知識 4 第二部分 網頁制作軟件Dreamweaver 12 第三部分 圖形制作與處理軟件Firewoks 8 第四部分 動畫制作與編輯軟件Flash 8 第五部分 綜合實例 4 合計

實驗學時數 10 8 2 36

（二）考核要求

平時成績（含考勤、作業與實驗）占50%，期末（上機考試）成績占50%。

第四篇：《動畫及網頁制作》課程教案

《動畫及網頁制作》課程教案

課程名稱：動畫及網頁制作 任課班級：美術學院2005級動畫班

任課時間：2007年5月28日 至 2007年6月28日 周數：5周 教學目的及要求：

《動畫及網頁制作》是多媒體專業學生重要的必修基礎課。通過對本課程的學習，學生能夠使用Flash，制作網頁動畫，課件。了解網絡動畫的制作過程，游戲的制作過程，制作出有趣的游戲和精彩的動畫片。

教學方法：

以教師的實例演示與學生的上機練習相結合的方法為主，同時組織學生觀看優秀的flash動畫和網頁，輔導學生獨立完成一個完整的flash動畫或網頁制作。

教學重點及難點：

教學重點：掌握并理解flash的操作界面，熟練使用flash中幾種實現動畫的基本方式來制作flash動畫，學會并理解flash中的各種鏈接方式和AS語言來，學會編寫動畫應用腳本，利用flash及相關輔助軟件制作網頁動畫。

教學難點：flash中的各種鏈接方式和flash的AS語言，獨立編寫動畫應用腳本，網頁的制作和鏈接。

教學內容：

第（1）章 認識FLASH 多媒體簡介及其多種相關軟件，初步把握用FLASH進行設計的一般方法和思路；了解FLASH動畫的基本特點，以及Flash5.0的基本工作環境。

第（2）章 窗口介紹

本章簡單介紹FLASH的基本界面組成，包括標題欄、菜單欄、工具欄、工具箱、舞臺、層選擇、和時間軸。

1、舞臺(Stage)就是工作區，最主要的可編輯區域。在這里可以直接繪圖，或者導入外部圖形文件進行安排編輯，再把各個獨立的幀合成在一起，以生成電影作品。

2、時間軸窗口(Timeline)用它可以調整電影的播放速度，并把不同的圖形作品放在不同圖層的相應幀里，以安排電影內容播放的順序。

3、繪圖工具欄(Drawing Toolbar)放置了可供圖形和文本編輯的各種工具，用這些工具可以繪圖，選取，噴涂，修改以及編排文字，還有些工具可以改變查看工作區的方式。在選擇了某一工具時，其所對應的修改器(Modifier)也會在工具條下面的位置出現，修改器的作用是改變相應工具對圖形處理的效果。

4、標準工具欄(Standard Toolbar)列出了大部分最常用的文件操作，打印，剪貼板，撤消和重做，修改器以及控制舞臺放大比例的圖標和選項，便于進行更為快捷的操作。

5、控制器面板(Controller)控制電影的播放操作的工具集合，一般不大常用，處于隱藏狀態。

第（3）章 工具箱

了解工具箱的作用，掌握鉛筆工具、鋼筆工具、墨水瓶工具、橡皮工具、兩種箭頭工具、筆刷工具、吸管工具的用法。圖形和文字是Flash動畫的基礎，所以掌握繪圖工具的使用對于制作好的Flash作品是至關重要的。由于Flash的繪圖工具種類比較多，其相應的修改器也各不相同。和畫線條一樣，按住SHIFT鍵時，用橢圓工具可以畫出正圓，用矩形工具可以畫出正方形來。掌握橢圓和矩形工具的使用方法，可以用不同顏色的邊框，填充色，不同線寬線型作出各種各樣的圓和矩形來。

第（4）章 時間軸

時間軸是FLASH中最重要的概念，時間軸(Timeline)是Flash中最重要的工具之一。他決定了動畫的組織形式。所有的設計都是圍繞著時間軸展開的。熟悉和充分利用好這四種模式，會給開發和調試工作帶來許多便利。熟練掌握層的分類以及各種操作。會制作遮罩動畫、按軌跡移動動畫，簡單的MOTION動畫，逐幀動畫。了解洋蔥皮的作用，在制作動畫的過程中，會使用洋蔥皮。用它可以查看每一幀的情況，調整動畫播放的速度，安排幀的內容，改變幀與幀之間的關系，從而實現不同效果的動畫。

第（5）章 幾種重要窗口設置

Flash中動畫設置的過程，主要就是各種屬性設置的過程。本章重點介紹了幾個最常見窗口的意義，掌握幀、庫窗口、動畫、場景、符號、實例等屬性的設置。符號的分類以及各種符號的制作與用法，性質。我們學習了有關圖符和圖庫的一些基本知識，而創建圖符的目的是要在動畫制作的過程中運用它生成相同或不同的實例，創建圖符的方法有兩種：可以從工作區中選取對象轉換成圖符，或者先創建一個空的圖符，然后在圖符編模式下添加內容。實例創建好后，可以通過屬性菜單對實例進行裁剪，粘貼，縮放，旋轉。

第（6）章 ACTION初步

ActionScript是Flash的腳本語言,使用ActionScript可以給Flash動畫添加交互性。可以說掌握了該語言，你的Flash技術將上一個臺階,多加運用后，當可成為Flash高手。Flash 5的ActionScript為創建包含復雜游戲、表單、調查表和實時交互性的網站提供了許多新的特性。可以對自己制作的動畫進行設置，讓用戶事件（如按鈕單擊和按鈕）觸發腳本，告訴動畫執行什么動作。

第（7）章 發布與輸出

FLASH的動畫的主要優勢是在廣域網上發行，本章主要介紹了這種發布技術。掌握優化動畫的一些小技巧，測試動畫下載技能，會根據需要將FLASH源文件發布成網頁文件，各種圖像文件，以及可執行文件。

第（8）章 基本技巧實例

本章詳細介紹了幾個有代表性的FLASH動畫設計的例子，基本上涉及了所有基本技能和技巧。制作片頭的LOADING效果，可結合ACTION中的ifframeloaded（）命令使用，鼠標屬性和對象屬性的同步變化，可結合ACTION中的startdrag()命令和stopdrag()命令，Setproperty()命令使用,文本滾動窗口可結合ACTION中的loadvariablesnum()和telltarget()命令使用。詳細介紹文本框的用法。隨鼠標飄落的雪花，了解隱形按鈕的用法。

第（9）章 ACTION高級應用實例

本章主要介紹應用一些程序設計技巧，利用RADIO,CHECKBOX,COMBOBOX成MOVECLICP,并且具有通用性。

FLASH

制作

第五篇：浙江省高中信息技術網頁制作會考知識點

浙江省高中信息技術網頁制作會考知識點

一、插入網頁元素：

01.文字及格式：從文本文件中復制文字內容 → 光標定位到相應單元格中 → 粘貼 → 選中文字 → 格式 → 字體（段落）→ 根據題意設置 → 確定

02.字幕組件：定位 → 插入 → 組件 → 字幕 → 輸入文字設置屬性 → 確定。

03.藝術字：定位 → 插入 → 圖片 → 藝術字 → 選擇一種式樣后確定 → 輸入文字設置格式后確定。

04.圖片及屬性：光標定位于單元格中 → 插入 → 圖片 → 來自文件 → 找到并選中圖片文件（一定要從考生文件夾中找圖片，包括擴展名都要正確，文件類型可以選所有文件。）→ 確定 → 右擊圖片 → 圖片屬性 → 根據題意設置 → 確定（注意不能設置成單元格背景圖片）

05.表格：光標定位 → “表格”菜單 → 插入 → 表格（行或列、單元格）。

06.水平線及屬性：光標定位 → 插入 → 水平線 → 右擊水平線 → 水平線屬性 → 根據題意設置 → 確定

二、背景（顏色或圖片、音樂）、屬性的設置：

01.網頁屬性（網頁背景、背景音樂、網頁標題等）：在網 1

頁中右擊 → 網頁屬性 → 根據題意設置 → 確定（圖片和音樂文件一定要來自自己的考生文件夾，網頁標題不能插入到網頁的上方）

02.表格背景、表格屬性：光標定位于要設置的表格右擊 → 表格屬性 → 根據題意設置 → 確定

03.單元格背景、單元格屬性：光標定位于要設置的單元格右擊 → 單元格屬性 → 根據題意設置 → 確定

三、表格的操作：

01.插入行（列）：光標定位 → 表格 → 插入 → 行或列 02.刪除行（列）：選中要刪除的行（列）→ 表格 → 刪除單元格（正確選擇行或列）

03.合并（拆分）單元格：選中要合并（拆分）的單元格 → 表格 → 合并（拆分）單元格→ 根據題意設置 → 確定

四、超鏈接的設置：

01.在文字（圖片）上設置（修改）超鏈接到網站地址：選中文字（圖片）→ 在選中區域右擊 → 超鏈接（超鏈接屬性）→ 單擊“原有文件或網頁”按鈕 → 在地址欄中輸入網址 → 確定。

示例：超鏈接到“中央電視臺”http://常見錯誤：（1）只有（2）http://http://2

02.鏈接到文件：選中文字（圖片）→ 在選中區域右擊 → 超鏈接（超鏈接屬性）→ 單擊“原有文件或網頁”按鈕 → 找到并選中文件（必須到考生文件夾中去尋找所要鏈接的文件，包括擴展名都要正確。顯示擴展名的操作：打開一個文件夾 → 工具→ 文件夾選項 →“查看”標簽 → 去掉“隱藏已知文件類型的擴展名”前面的對號 → 確定）→ 確定

示例：鏈接文件germ.htm

常見錯誤： http://germ.htm

03.鏈接到電子郵件：選中文字（圖片）→ 在選中區域右擊 → 超鏈接（超鏈接屬性）→ 單擊“電子郵件地址”按鈕 → 電子郵件地址欄中輸入電子郵件地址 → 確定

示例：超鏈接到abc@163.com

常見錯誤：（1）只有myname@163.com（2）http:// myname@163.com

五、新建網頁（保存位置是考生文件夾、文件名要正確）

文件 → 新建 → 空白網頁（開始 → 所有程序 → Microsoft Office → Microsoft Office FrontPage 2003）→ 按照題意制作網頁 → 文件 → 保存 → 選擇保存位置和輸入文件名 → 保存 → 關閉窗口