Dreamweaver网页设计制作电子教案3班级网页制作

发布时间:2022-11-10 19:39:18   来源:文档文库   
字号:
项目名称: 班级网页制作
项目
班级网页制作
课型 新授 授课日期

1、熟练掌握网页站点的建立
知识目标 2、掌握网页站点的管理 3、掌握站点的内容
项目 目标
1、能熟练创建站点和导入导出站点
能力目标 2、能熟练编辑站点
3、能自己独立为自己的班级制作一个网页 1、培养学生分析解决问题的能力
德育目标 2、培养学生自主学习,创新思考的意识 3、培养学生团队协作的精神
项目 分析 项目要求
项目重点 项目难点
网页站点的创建和编辑
能对站点有深刻的理解并熟练应用
要求同学们能够熟练创建和编辑站点,并且能够制作一个班级内页面
1、新建站点
任务内容
2、管理站点 3、管理站点的内容 4、班级网页的制作
教学 方法 课前准备 教学 环节

演示法、任务驱动法、启发式教学
1 8s标准,课前清扫、清洁、整理、整顿 2 教师清点人数、查鞋套、收手机
教师
教学内容

活动


学生 活动


设计 意图
一、导入

情景设置 项目导入

先为学生展示一个班级的网页,起到抛砖引玉的

作用,让学生了解一个班级网页要有哪些内容,先以
问题的形式抛给学生,让学生讨论,再拿出老师的案 例。如下图





的特点,分论,每队说特点


行总结









教师:那我们如何制作这个班级内的网页,我们的制作的流程是什么?
完后,由教师总结

首先应该做什么?引出站点的概念。

站点:Dw是为了更好对文件进行管理,
方便用户进行网页

编辑和处理,减少错误。


二、具体任务






效果入提学生兴趣


任务一 新建站点
需要掌握的内容主要有: 1、定义站点的详细过程 2 【文件】面板 3、站点管理器


1、定义站点的详细过程
掌握定义动态站点的方法,并学会【站点定义】对话框【基本】和【高级】两种状态的使用。这两种方式都可以完成站点的定义工作,不同点如下。 【基本】:将会按照向导一步一步地进行,直至完成定义工作,适合初学者。 【高级】:可以在不同的步骤或者不同的分类选项中任意跳转,而且可以做更高级的修改和设置,适合在站点维护中使用。
2【文件】面板

Dreamweaver的【文件】面板中有3个选项卡,其中【文件】选项卡就是站点管理器的缩略图。左图是没有定义站点时的状态,右图是已定义站点时的状态。


学为主,在在的问题,统一讲解








习能力
指导







3、站点管理器 【文件】面板中单击 (展开/折叠)按钮,将展开站点管理器。再次单击该按钮,将又切换回到缩略图状态。如果站点管理器主菜单中的命令或者工具栏中的按钮显示为灰色,说明这部分功能目前不可用。






任务二 管理站点
(一) 复制和编辑站点


(二) 导出、删除和导入站点

(一)复制和编辑站点

1、复制站点
在主菜单中选择【站点】【管理站点】命令,打开【管理站点】对话框,在列表框中选中要复制的站点,然后单击【复制】按钮将复制一个站点。 2、编辑站点
选中复制的站点,然后单击【编辑】按钮,打开站点定义对话框进行编辑。


任务“如何便页”

导入”的概









点“导出、录笔记
(二)导出、删除和导入站点

1、导出站点
在【管理站点】对话框中选中要导出的站点,然后单击【导出】按钮打开【导出站点】对话框,设置导出站点文件的路径和文件名称保存即可。 2、删除站点
在【管理站点】对话框中选中要删除的站点,然后单击【删除】按钮。 3、导入站点
在【管理站点】对话框中单击【导入】按钮,打开【导入站点】对话框,选中要导入的站点文件,单击【打开】 按钮即可导入站点。



任务三 管理站点内容
(一) 设置首选参数 (二) 创建文件夹和文件 (三) 在站点地图中链接文件



(一)设置首选参数

学为主,在

知识理解学生快的得到接知识


在主菜单中选择【编辑】/【首选参数】命令,打开【首选参数】对话框,根据需要进行设置即可。
在的问题,统一讲解

进行练习






















(二)创建文件夹和文件

1、创建文件夹
在【文件】/【文件】面板中右击根文件夹,在弹出的快捷菜单中选择【新建文件夹】命令,在untitled处输入文件夹名并按回车键确认。 2、创建文件
在【文件】/【文件】面板中右击根文件夹,在弹出的快捷菜单中选择【新建文件】命令,在untitled.asp处输入文件名,并按回车键确认




(三)在站点地图中链接文件


在站点管理器中,单击 (站点地图)按钮,从其下拉菜单中选择地图和文件命令 ,用鼠标单击左 侧站点导航中的主页文件,然后依次拖动其右上方的 图标到右侧本地文件夹中相应的文件上,这样就建立
了主页文件和其他文件的链接。



















果图,学生行设计



自行设计

任务四 班级网页的制作







要求处理挥学的创造力

养学总结能力用知的能力




制作流程:
1 点建立 2 面的布局 3 航设计 4 容添加


要求:内容、版式可创新,可以以老师的效果图为参照物, 自行设计自己班级的页面,要结合本班级的实际进行制作


三、小队总结、评比

打分标准:
14个任务,每个任务1分,共4分。 2、做的最快的那个队另加2
3、纪律差或队中有做和学习无关着没人次扣1 4、效果图有创新另加1

评比 一队 二队 三队 四队


注:得分最高的那个队可以少做一次作业,最低的那个队要做大礼包进行惩罚。
成绩



进行打分



演节目





定自成绩视自的不足

本项目介绍了站点在网页创建中的作用。为了更好的编辑和管理网站中的网页,

教师归纳 导入导出站点和删除站点都是本项目的重要知识点。
班级网页的设计提高了学生们对自己班级的热爱,让学生们自己为本班去设计一个理想的网页,提高学生们的学习的主动性和积极性。
站点起到一个纽扣的作用把Dw和站点文件夹有机的结合在一起,创建站点、编辑站点、作业1、网页站点创建的步骤有哪些?
布置 2、为什么要导入、导出站点?

本文来源:https://www.2haoxitong.net/k/doc/d48f237da31614791711cc7931b765ce04087a71.html

《Dreamweaver网页设计制作电子教案3班级网页制作.doc》
将本文的Word文档下载到电脑,方便收藏和打印
推荐度:
点击下载文档

文档为doc格式