项目名称: 墨攻网页制作mysql要多大空间
word教程初学教程全集
项目
墨攻网页制作
课型
新授
授课日期
项目
目标
知识目标
1、掌握Dw的窗口组成
2、掌握水平线的插入和修改
3、掌握Dw面板组的构成
能力目标
1、能熟练掌握安装Dw，设置页面属性
2、能独立完成墨攻网页的制作
德育目标
1、培养学生分析解决问题的能力
2、培养学生自主学习，创新思考的意识
3、培养学生团队协作的精神
项目
分析
项目重点
Dw的概述和基本设置
项目难点
Dw的基本设置和墨攻网页的制作
项目要求
要求同学们能够熟练掌握 Dw的概述和基本设置
任务内容
1、Dw的概述
2、Dw的基本设置
3、墨攻网页的制作
modifydate什么意思
教学
方法
演示法、任务驱动法、启发式教学
课前准备
1、 按8s标准，课前清扫、清洁、整理、整顿
2、 教师清点人数、查鞋套、收手机
教学
环节
教学内容
教师
活动
学生
活动
设计
意图
情景设置
项目导入
一、导入
学生根据最终的效果图先讨论再进行制作
任务一  墨攻网页的制作
基本步骤：
1、 页面表格结构布局
2、 图片的添加
3、 页面基本属性的设置
4、 网页保存预览
任务二  面板组的修改
一、Dreamweaver 窗口界面
学生自己总结工作面板的组成
1、浮动面板组
在Dreamweaver窗口中的工具栏或各种面板，可以通过鼠标操作将它们从窗口中脱离出来成为浮动工具栏或面板。浮动面板的显示与隐藏命令都集中在主菜单栏中的【窗口】菜单中。
2、【标准】工具栏
选择主菜单中的【查看】／【工具栏】／【标准】命令显示【标准】工具栏。
3、【文件】面板
（三）  设置文本属性
div class form group需要掌握的内容主要有：常量怎么定义
        1、【文档】工具栏
        2、【属性】面板
        3、【插入】面板
        4、水平线及其属性设置
1、【文档】工具栏
（1）单击【设计】按钮将编辑区域切换到【设计】视图，在其中可以对网页进行编辑。
（2）单击【代码】按钮，可以将编辑区域切换到【代码】视图，在其中可以编写或修改网页源代码。
（3）单击【拆分】按钮，可以将编辑区域切换到【拆分】视图，在该视图中整个编辑区域分为上下两个部分，上方为【代码】视图，下方为【设计】视图。
4、【属性】面板
如果没有显示【属性】面板，在主菜单中选择【窗口】／【属性】命令即可显示。
4、【插入】面板
【插入】面板通常有两种表现形式：制表符格式和菜单格式。
（四）  保存工作区布局
任务三、为墨攻插入水平线
------------------------------------------- 
（1）将“插入”工具栏切换到“HTML”类型。
（2）将光标放置到标题最后一个字符的右边。
（3）单击HTML插入工具栏的“水平线”按钮，即可向网页中标题与正文之间插入一条水平线。
参数设置如：
<hr width="1000" size="10" color="#0033FF" />
三、小队总结、评比
打分标准：
1、3个任务，每个任务1分，共3分。
2、做的最快的那个队另加2分
3、纪律差或队中有做和学习无关着没人次扣1分
4、效果图有创新另加1分
评比
dw怎么制作网页成绩
一队
二队
三队
四队
注：得分最高的那个队可以少做一次作业，最低的那个队要表演一个节目或做健康大礼包。
多媒体软件展示最终的效果图，并让学生注意观察这个网页的布局结构
。
通过设置问题让学生一步步进入课程
以学生自学为主，在巡回知道中发现存在的问题，统一讲解
教师巡回指导，每队的队长可下位指导学生
教师先简单演示，并提出任务，修改水平线的大小和颜
教师展示最终的效果图，学生可以根据其特点自行设计
教师根据每队的表现给每队进行打分
。
学生讨论网页风格，并进行总结
锻炼同学们的自主学习能力
通过学生自己操作查询，让学生养成自主学习的习惯
通过学生自己操作查询，让学生养成自主学习的习惯
教师展示最终的效果图，学生可以根据其特点自行设计
得分最低的小队要进行“奖励”或表演节目
以效果图导入提高学生兴趣
通过学生自己操作查询，让学生养成自主学习的习惯
锻炼同学们的自主学习能力
据要求自主处理，发挥学生的创造力
肯定自己的成绩，正视自己的不足
肯定自己的成绩，正视自己的不足
教师归纳
本节课主要通过实际的例子让学生们掌握网页的制作流程，掌握dw的工作界面培养学生的自主学习的能力。
作业布置
1、dw的窗口是由哪几部分组成的？
2、插入水平线的方法？
3、如何修改水平线的颜？
课后记事
本章内容较多，需同学们在上机时认真练习。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。