《网页的制作》教案优秀

时间：2024-07-24 13:11:10 教案我要投稿

《网页的制作》教案优秀推荐度：
相关推荐

《网页的制作》教案优秀4篇(推荐)

　　作为一位不辞辛劳的人民教师，就不得不需要编写教案，借助教案可以更好地组织教学活动。那么什么样的教案才是好的呢？以下是小编收集整理的《网页的制作》教案优秀，供大家参考借鉴，希望可以帮助到有需要的朋友。

《网页的制作》教案优秀4篇(推荐)

《网页的制作》教案优秀1

　　一、教材分析

　　首页之外的其他网页在结构上很相似，为了给这些网站增加一些亮点，故在网页中插入了交互式按钮，交互式按钮不仅具有超链接功能，在使用过程中还会发生变化，更能引起学生的学习兴趣。

　　二、教学目标

　　1、知识性目标

　　（1）了解交互式按钮的功能；

　　（2）了解计算机主机包括的部件；

　　（3）了解网页动态效果。

　　2、技能性目标

　　（1）会设置网页的目录；

　　（2）学会插入、修改交互式按钮；

　　（3）学会复制表格。

　　3、情感性目标

　　（1）加深对计算机硬件的认识；

　　（2）培养学生分工协作的精神。

　　三、教学重、难点

　　1、教学重点

　　（1）交互式按钮的功能；

　　（2）插入、修改交互式按钮。

　　2、教学重点

　　（1）交互式按钮；

　　（2）复制表格。

　　四、教学准备

　　制作一个具有几个漂亮交互式按钮的网页。

　　五、教学过程

　　1、导入

　　教师：现在我们的首页已经做好了，可是其他的网页还没做，但是一节课内无法做太多的，今天呀我们就来学习制作“主机”网页吧！其余的以后在做.

　　2、学习新课。

　　（1）指导学生用表格布局；

　　教师:用表格对网页进行布局方法，前一堂课我们学习了，现在就请同学们，对照课本用表格给 “主机”网页进行设置。

　　学生看书练习。

　　（2）指导学生学习插入交互式按钮；

　　教师：在网页内经常会插入具有超链接功能的按钮，单击这些按钮，便可打开其他网页，请同学们看下面具有交互式按钮的网页。

　　屏幕展示。

　　教师：下面我们就来学习如何制作交互式按钮。

　　教师示范讲解，学生观察。

　　学生练习、老师巡视指导。

　　3、巩固练习。

　　请同学们试着完成书中本课的“试一试”中的.练习，在遇到困难时可小组同学相互帮助，也可以举手问老师。

　　4、总结评价。

　　教师总结后，请同学根据自己掌握的知识情况和收获，在本节课的“评一评”中打上自己的成绩。

《网页的制作》教案优秀2

　　一、教学目标

　　1、知道站点、主页的概念，能在指定位置建立只有一个网页的站点；

　　2、认识FRONTPAGE的界面；

　　3、掌握在主页中插入文字、图片、水平线；

　　4、掌握页面文件与图片的保存。

　　二、教学重点

　　1、能在指定位置建立只有一个网页的站点（难点）

　　2、能在页面中插入文字、图片、水平线

　　3、掌握页面文件与图片的保存（难点）

　　三、学情分析

　　学生已经学习了WORD、POWERPOINT与上网浏览信息，对计算机的基本操作（WORD中文档的编辑，网页的浏览等）比较熟练。这使得学生主动探索、自主学习成为可能。每位学生必须完成基本任务，有能力的学生还可以完成提高篇的学习，以充分发挥学生的'积极性与自主性。

　　四、教学方法

　　在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学，让学生根据这个网络环境下的自己探索学习，以满足不同层次学生的需求。

　　五、教学过程设计

　　教师活动：1、引入课题：（激发兴趣，活跃气氛）

　　同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站）

　　浏览新浪网站，浏览的第一个页面称为什么？（主页）

　　我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。

　　问题1：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，通过超链接把不同的页面链接起来）

　　问题2：网页是不是就是主页？（第一个页面称为主页，网站设计者可以确定哪一个是主页，主页的文件名一般为：index.ht,主页也是网页）

　　设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet上，让所有的人访问浏览。

　　今天我们学习用Frntpage建立站点，制作一个主页。

　　先来研究一下没有发布的网站，打开教师做的网站

《网页的制作》教案优秀3

　　学习目标:

　　制作框架网页、在网页中插入字幕和超链接知识

　　1.制作框架网页

　　框架网页是一种特殊的HTML网页，它将窗口划分成若干小窗口区域（框架）。每个框架独立显示一个不同的网页（有自己的网页名字），整个框架网页有一个总的名字。

　　框架与表格在组织网页结构时相似。表格是对页面区域进行划分，框架是对整个浏览窗口进行划分。

　　·创建框架网页：单击菜单“文件”→“新建”→“网页”，选择“框架网页”标签→选择“嵌套式层次结构”

　　·选中的框架边框为蓝色，在拆分或删除框架时应注意是否选中。

　　·隐藏框架间的横线：

　　右击框架网页→单击“框架属性”→在对话框中单击“框架网页”按钮，在“网页属性”对话框中选“框架”标签→设置“显示边框”为未选中状态。

　　·按住Ctrl键，拖动鼠标可以快速拆分框架。

　　·删除框架：单击菜单“框架”→“删除框架”。

　　·保存框架网页时注意要保存所涉及到的所有网页。

　　·更改框架链接的网页：

　　右击相应的超链接→在弹出的快捷菜单上选择“超链接属性”命令，打开“编辑超链接”对话框

　　→可直接选择列出的文件，或在“URL”框中输入网页的地址

　　→单击“目标框架”右边的“更改目标框架”按钮，在“当前框架网页”中选择目标框架。

　　2.网页中插入字幕

　　·插入字幕：光标定位插入点→单击“插入”→“组件”→“字幕”打开“字幕属性”对话框；

　　→在文本框中输入文字，选择“方向”、“速度”、“表现方式”等；

　　→选中字幕，拖动鼠标，调节字幕运动范围。

　　·修改字幕：双击字幕，可以打开“字幕属性”对话框，对字幕属性进行修改。

　　3.超链接相关网页

　　超链接是从一个网页指向另一个目标的连接。一般在网页中的某文字或图片上设置超链接。

　　·创建超链接：单击文字或图片→“常用”工具栏的“超链接”按钮，打开“创建超链接”对话框。

　　·取消超链接：选中具有超链接的文本或图片，单击“超链接”按钮，在打开的对话框中将URL栏中的内容删除。

　　·跟踪超链接：

　　在超链接上右击，在打开的快捷菜单上选择“跟踪超链接”命令；

　　或：在普通视图中，按住Ctrl键，将光标移到超链接上，单击，会跟踪连接到超链接指向的目的位置。

　　·设置超链接文本的`颜色：网页中超链接文本的颜色共有3种：未访问过的，当前正在访问的，已访问过的。FrontPage默认这3种颜色分别为蓝色，红色、深蓝色。单击“格式”→“背景”→在“网页属性”对话框→选“背景”标签，选定“超链接”、“已访问过的超链接”、“当前超链接”的颜色。

　　作业：

　　新建框架网页，建立超链接，在网页中插入字幕。7.2制作网页（框架）这一教案

《网页的制作》教案优秀4

　　一、课程基本信息

　　课程编号：

　　中文名称：网页设计与制作

　　英文名称：Web Design and Production课程类别：选修课适用专业：所有专业

　　开课学期：20xx—20xx第2学期总学时：24学时总学分：1课程简介：

　　本课程突出网页设计与制作的现代特点，从Internet的基础知识入手，重点介绍HTML超文本标记语言，以及所见即所得的网页设计制作工具Dreamweaver的基本操作流程。从静态页面到动态页面由浅入深的介绍网页设计与制作全过程。采用案例分析和亲自实践的方式突出、突破课程的重点和难点。并指导每一名选课的同学为自己建一个博客网站，以此提高同学对网页设计与制作的兴趣和爱好。参考书：

　　1、网页设计与制作教程，熊前兴闵联营，科学出版社；

　　2、网站与网页设计，张贵明，清华大学出版社；

　　3、网页美术设计原理及实战策略，王晓峰焦燕，清华大学出版社；

　　4、网站建设典型案例，张枭，清华大学出版社；

　　二、课程教学目标：

　　网页和网站是Internet的重要组成部分，企业、公司和机构通过网站来宣传推介自己的技术和产品，个人发布主页展示自己的风采，人们从不同类型的网站来获取需要的信息。因此，设计与制作网页已经成为计算机应用技术的一个重要方面。本课程的主要教学目的是使学生掌握网页设计与制作的基础知识，能运用网页工具设计和制作常用网页。

　　三、理论教学内容与要求

　　第一章、网页的基础知识（1学时）

　　（1）Internet基础知识

　　（2）www简介

　　（3）网页制作的技术和工具介绍

　　第二章、超文本编辑语言HTML（8学时）

　　（1）HTML文件的基本结构

　　（2）文字和段落标记

　　（3）列表标记

　　（4）图片标记

　　（5）表格标记

　　（6）超链接标记