admin 管理员组

文章数量: 887021


2023年12月16日发(作者:安全控件的正确安装方法)

项目名称: 墨攻网页制作

项目

墨攻网页制作

课型 新授 授课日期

1、掌握Dw的窗口组成

知识目标

2、掌握水平线的插入和修改

3、掌握Dw面板组的构成

项目

目标

能力目标

1、能熟练掌握安装Dw,设置页面属性

2、能独立完成墨攻网页的制作

1、培养学生分析解决问题的能力

德育目标

2、培养学生自主学习,创新思考的意识

3、培养学生团队协作的精神

项目

分析

项目重点

项目难点

Dw的概述和基本设置

Dw的基本设置和墨攻网页的制作

项目要求同学们能够熟练掌握 Dw的概述和基本设置

要求

1、Dw的概述

任务内容

2、Dw的基本设置

3、墨攻网页的制作

教学

演示法、任务驱动法、启发式教学

方法

课前1、 按8s标准,课前清扫、清洁、整理、整顿

准备

2、 教师清点人数、查鞋套、收手机

教学

环节

教学内容

教师

活动

学生

活动

设计

意图

一、导入

情景设置

项目导入

多媒体软件展示最终的效果图,并让学生注意观察这个网页的布局结构

通过设置问题让学生一步步进入课程

学生讨论网页风格,并进行总结

学生根据最终的效果图先讨论再进行制作

任务一 墨攻网页的制作

基本步骤:

1、 页面表格结构布局

2、 图片的添加

3、 页面基本属性的设置

4、 网页保存预览

任务二 面板组的修改

一、Dreamweaver 窗口界面

以效果图导入提高学生兴趣

通过学生自己操作查询,让学生养成自主学习的习惯

以学生自学为主,在巡回知道中发现存在的问题,统一讲解

2、【标准】工具栏

选择主菜单中的【查看】/【工具栏】/【标准】命令显示【标准】工具栏。

学生自己总结工作面板的组成

1、浮动面板组

在Dreamweaver窗口中的工具栏或各种面板,可以通过鼠标操作将它们从窗口中脱离出来成为浮动工具栏或面板。浮动面板的显示与隐藏命令都集中在主菜单栏中的【窗口】菜单中。

锻炼同学们的

自主学

习能力

锻炼同

学们的

自主学

习能力

3、【文件】面板

(三) 设置文本属性

需要掌握的内容主要有:

1、【文档】工具栏

2、【属性】面板

3、【插入】面板

4、水平线及其属性设置

1、【文档】工具栏

(1)单击【设计】按钮将编辑区域切换到【设计】视图,在其中可以对网页进行编辑。

(2)单击【代码】按钮,可以将编辑区域切换到【代码】视图,在其中可以编写或修改网页源代码。

(3)单击【拆分】按钮,可以将编辑区域切换到【拆分】视图,在该视图中整个编辑区域分为上下两个部分,上方为【代码】视图,下方为【设计】视图。

4、【属性】面板

 如果没有显示【属性】面板,在主菜单中选择【窗口】

/【属性】命令即可显示。

通过学生自己操作查询,让学生养成自主学习的习惯

通过学生自己操作查询,让学生养成自主学习的习惯

教师展示

教师巡回指导,每队的队长可下位指导学生

4、【插入】面板

【插入】面板通常有两种表现形式:制表符格式和菜单格式。

(四) 保存工作区布局

教师先简单演示,并提出任务,修改水平线的大小和颜

教师展示

最终的效最终的效果图,学生可以根据其特点自行设计

据要求自主处理,发挥学生的创造力

肯定自己的成绩,正视自己的不足

任务三、为墨攻插入水平线

果图,学生可以根据行设计

-------------------------------------------

其特点自(1)将“插入”工具栏切换到“HTML”类型。

(2)将光标放置到标题最后一个字符的右边。

(3)单击HTML插入工具栏的“水平线”按钮,即可向网页中标题与正文之间插入一条水平线。

参数设置如:


三、小队总结、评比

打分标准:

1、3个任务,每个任务1分,共3分。

2、做的最快的那个队另加2分

3、纪律差或队中有做和学习无关着没人次扣1分

4、效果图有创新另加1分

评比

一队

二队

三队

四队

注:得分最高的那个队可以少做一次作业,最低的那个队要表演一个节目或做健康大礼包。

成绩

教师根据得分最低

每队的表现给每队进行打分

的小队要进行“奖励”或表演节目

肯定自己的成绩,正视自己的不足

教师本节课主要通过实际的例子让学生们掌握网页的制作流程,掌握dw的归纳

工作界面培养学生的自主学习的能力。

作业布置

1、dw的窗口是由哪几部分组成的?

2、插入水平线的方法?

3、如何修改水平线的颜色?

课后本章内容较多,需同学们在上机时认真练习。

记事


本文标签: 学生 网页 面板 自主 设置