- 《網(wǎng)頁的制作》教案 推薦度：
- 《網(wǎng)頁的制作》教案優(yōu)秀 推薦度：
- 相關(guān)推薦
《網(wǎng)頁的制作》教案優(yōu)秀4篇(推薦)
作為一位不辭辛勞的人民教師，就不得不需要編寫教案，借助教案可以更好地組織教學活動。那么什么樣的教案才是好的呢？以下是小編收集整理的《網(wǎng)頁的制作》教案優(yōu)秀，供大家參考借鑒，希望可以幫助到有需要的朋友。
《網(wǎng)頁的制作》教案優(yōu)秀1
一、教材分析
首頁之外的其他網(wǎng)頁在結(jié)構(gòu)上很相似，為了給這些網(wǎng)站增加一些亮點，故在網(wǎng)頁中插入了交互式按鈕，交互式按鈕不僅具有超鏈接功能，在使用過程中還會發(fā)生變化，更能引起學生的學習興趣。
二、教學目標
1、知識性目標
�。�1）了解交互式按鈕的功能；
（2） 了解計算機主機包括的部件；
（3）了解網(wǎng)頁動態(tài)效果。
2、技能性目標
�。�1）會設(shè)置網(wǎng)頁的目錄；
�。�2）學會插入、修改交互式按鈕；
（3）學會復(fù)制表格。
3、情感性目標
（1）加深對計算機硬件的認識；
（2）培養(yǎng)學生分工協(xié)作的精神。
三、教學重、難點
1、教學重點
�。�1）交互式按鈕的功能；
（2）插入、修改交互式按鈕。
2、教學重點
（1）交互式按鈕；
（2）復(fù)制表格。
四、教學準備
制作一個具有幾個漂亮交互式按鈕的網(wǎng)頁。
五、教學過程
1、導入
教師：現(xiàn)在我們的首頁已經(jīng)做好了，可是其他的網(wǎng)頁還沒做，但是一節(jié)課內(nèi)無法做太多的，今天呀我們就來學習制作“主機”網(wǎng)頁吧！其余的以后在做.
2、學習新課。
�。�1）指導學生用表格布局；
教師:用表格對網(wǎng)頁進行布局方法，前一堂課我們學習了，現(xiàn)在就請同學們，對照課本用表格給 “主機”網(wǎng)頁進行設(shè)置。
學生看書練習。
（2）指導學生學習插入交互式按鈕；
教師：在網(wǎng)頁內(nèi)經(jīng)常會插入具有超鏈接功能的按鈕，單擊這些按鈕，便可打開其他網(wǎng)頁，請同學們看下面具有交互式按鈕的網(wǎng)頁。
屏幕展示。
教師：下面我們就來學習如何制作交互式按鈕。
教師示范講解，學生觀察。
學生練習、老師巡視指導。
3、鞏固練習。
請同學們試著完成書中本課的“試一試”中的.練習，在遇到困難時可小組同學相互幫助，也可以舉手問老師。
4、總結(jié)評價。
教師總結(jié)后，請同學根據(jù)自己掌握的知識情況和收獲，在本節(jié)課的“評一評”中打上自己的成績。
《網(wǎng)頁的制作》教案優(yōu)秀2
一、教學目標
1、知道站點、主頁的概念，能在指定位置建立只有一個網(wǎng)頁的站點；
2、認識FRONTPAGE的界面；
3、掌握在主頁中插入文字、圖片、水平線；
4、掌握頁面文件與圖片的保存。
二、教學重點
1、能在指定位置建立只有一個網(wǎng)頁的站點（難點）
2、能在頁面中插入文字、圖片、水平線
3、掌握頁面文件與圖片的保存（難點）
三、學情分析
學生已經(jīng)學習了WORD、POWERPOINT與上網(wǎng)瀏覽信息，對計算機的基本操作（WORD中文檔的編輯，網(wǎng)頁的瀏覽等）比較熟練。這使得學生主動探索、自主學習成為可能。每位學生必須完成基本任務(wù)，有能力的學生還可以完成提高篇的學習，以充分發(fā)揮學生的積極性與自主性。
四、教學方法
在教學中，一方面采用比較教學的方法，促進學生知識的遷移；另一方面，提供學生一個導學，讓學生根據(jù)這個網(wǎng)絡(luò)環(huán)境下的自己探索學習，以滿足不同層次學生的需求。
五、教學過程設(shè)計
教師活動：1、引入課題：（激發(fā)興趣，活躍氣氛）
同學們喜不喜歡上網(wǎng)？經(jīng)常上新浪、西祠胡同等，有沒有同學知道新浪、西祠胡同稱做什么？（網(wǎng)站）
瀏覽新浪網(wǎng)站，瀏覽的第一個頁面稱為什么？（主頁）
我們還可以瀏覽其它的頁面，點擊超鏈接瀏覽，當鼠標變成手指的形狀時有超鏈接。
問題1：網(wǎng)站是不是就是網(wǎng)頁？用自己的'語言描述一下網(wǎng)站的概念（網(wǎng)站包含多個網(wǎng)頁，通過超鏈接把不同的頁面鏈接起來）
問題2：網(wǎng)頁是不是就是主頁？（第一個頁面稱為主頁，網(wǎng)站設(shè)計者可以確定哪一個是主頁，主頁的文件名一般為：index.ht,主頁也是網(wǎng)頁）
設(shè)計網(wǎng)站一般必須經(jīng)過兩個步驟，首先是在計算機里做好，然后發(fā)布在internet上，讓所有的人訪問瀏覽。
今天我們學習用Frntpage建立站點，制作一個主頁。
先來研究一下沒有發(fā)布的網(wǎng)站，打開教師做的網(wǎng)站
《網(wǎng)頁的制作》教案優(yōu)秀3
學習目標:
制作框架網(wǎng)頁、在網(wǎng)頁中插入字幕和超鏈接知識
1.制作框架網(wǎng)頁
框架網(wǎng)頁是一種特殊的HTML網(wǎng)頁，它將窗口劃分成若干小窗口區(qū)域（框架）。每個框架獨立顯示一個不同的網(wǎng)頁（有自己的網(wǎng)頁名字），整個框架網(wǎng)頁有一個總的名字。
框架與表格在組織網(wǎng)頁結(jié)構(gòu)時相似。表格是對頁面區(qū)域進行劃分，框架是對整個瀏覽窗口進行劃分。
·創(chuàng)建框架網(wǎng)頁：單擊菜單“文件”→“新建”→“網(wǎng)頁”，選擇“框架網(wǎng)頁”標簽→選擇“嵌套式層次結(jié)構(gòu)”
·選中的框架邊框為藍色，在拆分或刪除框架時應(yīng)注意是否選中。
·隱藏框架間的橫線：
右擊框架網(wǎng)頁→單擊“框架屬性”→在對話框中單擊“框架網(wǎng)頁”按鈕，在“網(wǎng)頁屬性”對話框中選“框架”標簽→設(shè)置“顯示邊框”為未選中狀態(tài)。
·按住Ctrl鍵，拖動鼠標可以快速拆分框架。
·刪除框架：單擊菜單“框架”→“刪除框架”。
·保存框架網(wǎng)頁時注意要保存所涉及到的所有網(wǎng)頁。
·更改框架鏈接的網(wǎng)頁：
右擊相應(yīng)的超鏈接→在彈出的快捷菜單上選擇“超鏈接屬性”命令，打開“編輯超鏈接”對話框
→可直接選擇列出的文件，或在“URL”框中輸入網(wǎng)頁的地址
→單擊“目標框架”右邊的“更改目標框架”按鈕，在“當前框架網(wǎng)頁”中選擇目標框架。
2.網(wǎng)頁中插入字幕
·插入字幕：光標定位插入點→單擊“插入”→“組件”→“字幕”打開“字幕屬性”對話框；
→在文本框中輸入文字，選擇“方向”、“速度”、“表現(xiàn)方式”等；
→選中字幕，拖動鼠標，調(diào)節(jié)字幕運動范圍。
·修改字幕：雙擊字幕，可以打開“字幕屬性”對話框，對字幕屬性進行修改。
3.超鏈接相關(guān)網(wǎng)頁
超鏈接是從一個網(wǎng)頁指向另一個目標的連接。一般在網(wǎng)頁中的某文字或圖片上設(shè)置超鏈接。
·創(chuàng)建超鏈接：單擊文字或圖片→“常用”工具欄的“超鏈接”按鈕，打開“創(chuàng)建超鏈接”對話框。
·取消超鏈接：選中具有超鏈接的文本或圖片，單擊“超鏈接”按鈕，在打開的對話框中將URL欄中的內(nèi)容刪除。
·跟蹤超鏈接：
在超鏈接上右擊，在打開的快捷菜單上選擇“跟蹤超鏈接”命令；
或：在普通視圖中，按住Ctrl鍵，將光標移到超鏈接上，單擊，會跟蹤連接到超鏈接指向的目的位置。
·設(shè)置超鏈接文本的.顏色：網(wǎng)頁中超鏈接文本的顏色共有3種：未訪問過的，當前正在訪問的，已訪問過的。FrontPage默認這3種顏色分別為藍色，紅色、深藍色。單擊“格式”→“背景”→在“網(wǎng)頁屬性”對話框→選“背景”標簽，選定“超鏈接”、“已訪問過的超鏈接”、“當前超鏈接”的顏色。
作業(yè)：
新建框架網(wǎng)頁，建立超鏈接，在網(wǎng)頁中插入字幕。7.2制作網(wǎng)頁（框架）這一教案
《網(wǎng)頁的制作》教案優(yōu)秀4
一、課程基本信息
課程編號：
中文名稱：網(wǎng)頁設(shè)計與制作
英文名稱：Web Design and Production課程類別：選修課適用專業(yè)：所有專業(yè)
開課學期：20xx—20xx第2學期總學時：24學時總學分：1課程簡介：
本課程突出網(wǎng)頁設(shè)計與制作的現(xiàn)代特點，從Internet的基礎(chǔ)知識入手，重點介紹HTML超文本標記語言，以及所見即所得的網(wǎng)頁設(shè)計制作工具Dreamweaver的基本操作流程。從靜態(tài)頁面到動態(tài)頁面由淺入深的介紹網(wǎng)頁設(shè)計與制作全過程。采用案例分析和親自實踐的方式突出、突破課程的重點和難點。并指導每一名選課的同學為自己建一個博客網(wǎng)站，以此提高同學對網(wǎng)頁設(shè)計與制作的興趣和愛好。參考書：
1、網(wǎng)頁設(shè)計與制作教程，熊前興閔聯(lián)營，科學出版社；
2、網(wǎng)站與網(wǎng)頁設(shè)計，張貴明，清華大學出版社；
3、網(wǎng)頁美術(shù)設(shè)計原理及實戰(zhàn)策略，王曉峰焦燕，清華大學出版社；
4、網(wǎng)站建設(shè)典型案例，張梟，清華大學出版社；
二、課程教學目標：
網(wǎng)頁和網(wǎng)站是Internet的重要組成部分，企業(yè)、公司和機構(gòu)通過網(wǎng)站來宣傳推介自己的技術(shù)和產(chǎn)品，個人發(fā)布主頁展示自己的風采，人們從不同類型的網(wǎng)站來獲取需要的信息。因此，設(shè)計與制作網(wǎng)頁已經(jīng)成為計算機應(yīng)用技術(shù)的一個重要方面。本課程的主要教學目的是使學生掌握網(wǎng)頁設(shè)計與制作的基礎(chǔ)知識，能運用網(wǎng)頁工具設(shè)計和制作常用網(wǎng)頁。
三、理論教學內(nèi)容與要求
第一章、網(wǎng)頁的基礎(chǔ)知識（1學時）
�。�1）Internet基礎(chǔ)知識
�。�2）www簡介
（3）網(wǎng)頁制作的技術(shù)和工具介紹
第二章、超文本編輯語言HTML（8學時）
（1）HTML文件的基本結(jié)構(gòu)
�。�2）文字和段落標記
�。�3）列表標記
（4）圖片標記
�。�5）表格標記
�。�6）超鏈接標記
�。�7）表單標記
�。�8）框架標記
第三章、JavaScript語言（4學時）
�。�1）JavaScript語言簡介
�。�2）JavaScript編程基礎(chǔ)
（3）基于對象的JavaScript語言
�。�4）JavaScript程序?qū)嵗?/p>
第四章、層疊樣式表CSS（1學時）
�。�1）CSS概述
（2）CSS屬性
第五章、可視化網(wǎng)頁設(shè)計工具
（1）網(wǎng)頁的基本操作
�。�2）圖像、表格與超鏈接
�。�3）表單與框架
（4）添加網(wǎng)頁元素
（5）發(fā)布站點
第六章、動態(tài)網(wǎng)頁設(shè)計語言ASP（4學時）
（1）ASP簡介
�。�2）VBScript腳本基礎(chǔ)
�。�3）ASP的`內(nèi)置對象
（4）實用文件
第七章、利用AD0訪問數(shù)據(jù)庫（1學時）
�。�1）數(shù)據(jù)庫的連接
�。�2）數(shù)據(jù)庫的檢索
�。�3）數(shù)據(jù)庫的操作
總結(jié)復(fù)習（1學時）
四、實驗教學內(nèi)容與要求
五、作業(yè)
六、考核方式
期末考核每個同學為自己設(shè)計制作一個博客網(wǎng)站。
七、成績評定
1、自制網(wǎng)站（80%）
2、平時考勤、作業(yè)（20%）平時成績分配：
平時考勤5次，每次2分，共占10%作業(yè)5次，每次2分，共占10%
八、執(zhí)行大綱時應(yīng)注意的問題
根據(jù)學生對課程內(nèi)容的掌握和理解程度會對進度做適當?shù)恼{(diào)整。
【《網(wǎng)頁的制作》教案優(yōu)秀】相關(guān)文章：
網(wǎng)頁的制作教案01-30
【熱】《網(wǎng)頁的制作》教案優(yōu)秀5篇03-13
網(wǎng)頁制作教學設(shè)計優(yōu)秀10-17
網(wǎng)頁制作心得07-09
網(wǎng)頁制作的教學設(shè)計01-30
網(wǎng)頁設(shè)計與制作報告11-17