Dreamweaver全套教学设计.docx

Dreamweaver全套教学设计.docx

《Dreamweaver全套教学设计.docx》由会员分享，可在线阅读，更多相关《Dreamweaver全套教学设计.docx（30页珍藏版）》请在冰豆网上搜索。

Dreamweaver全套教学设计

课题认识Dreamweaver

一、学习目的

了解Dreamweaver，学会利用Dreamweaver制作网页。

二、学习内容

Dreamweaver的基本知识。

【学习步骤】

1、 Dreamweaver的功能

Dreamweaver可以像普通的字处理软件一样编辑Internet上以HTML格式保存的所有文件，

也就是网页；它支持动态HTML，可以在网页中产生动画；还可以在网页中插入各种插件，以产生特殊效果。

Dreamweaver可用于管理站点，它像文件夹一样创建和打开站点，用不同的方式查看站点中各个网页之间的关系，调整站点的组织结构，使整个站点条理清晰。

2、 Dreamweaver的窗口

（1） 标题栏

（2） 菜单栏

（3） 工具栏

（4） 视图栏

（5） 文件夹列表

（6）工作区

3.网页工作区的三个视图方式选项

它们分别是“普通”、“HTML”“预览”，它们之间的相互切换十分容易实现的。

普通视图方式是Dreamweaver对网页所见即所得编辑方式的最佳体现，在此方式下，可以

像在Word中那样直接进行各种编辑操作，实现网页编辑的所有功能。

HTML视图实际上是一个文本编辑器，其中给出了普通视图方式下所件网页的HTML代码。

在这里可以用菜单命令进行复制、粘贴、删除、查找等操作。

对于HTML语言中的不同成分均用不同的颜色显示，这样比较容易区分各种语法成分。

为了在制作网页过程中能够随时查看网页的实际效果，Dreamweaver提供了预览视图方式。

4.安装dreameaver的方法

安装及注册

5.关闭dreameaver

6.保存网页的方法

3、小结

课题建立一个简单的站点

一、学习目的

了解Dreamweaver，学会利用Dreamweaver制作网页。

二、学习内容

Dreamweaver的基本知识；建立一个简单的站点；进行简单的网页编辑。

【学习步骤】

1、创建空白站点。

执行菜单命令“文件”—“新建”—“站点”，就会出现8中站点向导。

出于简单，可

选择“空站点”按钮，并在“指定新站点的位置”框中填入站点的位置。

在指定新站点的位置后，单击“确定”即建成一个空站点。

2、建立一个简单的文字网页

建立了一个站点之后，就应该在站点中加入网页了。

①    创建空白网页

执行菜单命令“文件”—“新建”—“网页”，就会出现一对话框，选择“普通网页”

模板并单击“确定”即建立了一个新的空白页面。

②    网页工作区的三个视图方式选项

它们分别是“普通”、“HTML”“预览”，它们之间的相互切换十分容易实现的。

普通视图方式是Dreamweaver对网页所见即所得编辑方式的最佳体现，在此方式下，可以

像在Word中那样直接进行各种编辑操作，实现网页编辑的所有功能。

HTML视图实际上是一个文本编辑器，其中给出了普通视图方式下所件网页的HTML代码。

在这里可以用菜单命令进行复制、粘贴、删除、查找等操作。

对于HTML语言中的不同成分均用不同的颜色显示，这样比较容易区分各种语法成分。

为了在制作网页过程中能够随时查看网页的实际效果，Dreamweaver提供了预览视图方式。

③    输入文本

网页中最基本的也是最重要的部分就是网页中由文本构成的内容，因此制作网页首先要

从文本输入开始。

3、设置网页中文字的字体、颜色、大小和效果

①    在文本开始处按下鼠标左键，不放手拖到结束处，选择要设置的文本块。

②    执行菜单命令“格式—字体”。

③    在“字体”对话框中，单击“字体”选项卡。

④    在字体选择窗口中，选定所需要的字体，再确定文本的字型、大小、颜色、效果等。

⑤    按“确定”即可。

4、 网页编辑

（1） 将图片插入网页

（2） 将剪贴画插入网页

（3） 加入GIF动画

（4） 保存嵌入式图形文件

（5） 使用图片工具栏

（6） 设置图片属性

（7） 设置网页背景

（8） 设置超链接

（9） 应用框架

（10）  表单的使用

 5、小结

课题设计限时自动关闭的网页

一、学习目的

了解Dreamweaver，学会利用Dreamweaver制作网页。

二、学习内容

Dreamweaver的基本知识；用Dreamweaver设计限时自动关闭的网页。

【学习步骤】

设计页面时，经常会从一个页面打开一个子窗口以供浏览者查看。

通常，这种子窗口中的内容一经浏览者看过，对于浏览者而言就不再需要，而他们常常会忘记关掉这些小窗口，致使许多的浏览器窗口打开着，耗用大量的资源。

因此我们可以将子窗口设计成经过一段时间后可以自动关闭的形式。

1.在本地站点中生成一个Smlple文件夹。

2.在Smlple文件夹中，生成名为Index.BrowserWindow行为来设置单击链接时打开Index.（'index.=#>#=left,right啦啦啦，我从右向左移！

啦啦啦，我从左向右移！

方式#=scroll,slide,alternate啦啦啦，我一圈一圈绕着走！

啦啦啦，我只走一次就歇了！

啦啦啦，我来回走耶！

循环#=次数；若未指定则循环不止（infinite）啦啦啦，我只走3趟哟！

啦啦啦，我只走3趟哟！

啦啦啦，我只走3趟哟！

速度啦啦啦，我走得好快哟！

<;marquee>

对齐方式（Align）#=top,middle,bottom

啦啦啦，我会移动耶！

对齐上沿、中间、下沿。

2、小结

课题用Dreamweaver创建导航条

一、学习目的

了解Dreamweaver，学会利用Dreamweaver制作网页。

二、学习内容

Dreamweaver的基本知识；用Dreamweaver创建导航条。

【学习步骤】

一个网站的不同页面使用了同一导航条。

通过统一导航条的方法，我们可以实现网站风格的统一，同时也方便了浏览者在不同页面间的跳转。

用Dreamweaver3可作出各种比较复杂的导航条。

网页上的导航条可由一个或几个部分组成，每个部分均由各种图像构成，可以链接到不同的网页页面。

在Dreamweaver中每部分中最多可设四个状态下的图像。

一开始是一个初始图像，当鼠标移动到导航条部位上时则显示另一个图像，还可以设置当鼠标点击后的初始图像，以及鼠标点击后当鼠标再次移动到这个部位上的图像。

一般地，每部位只设一到两种状态的图像。

因为图像太多了，会影响网页页面的访问、浏览的速度。

导航条制作方法：

移动光标到需要导航条的地方，单击主菜单栏的“Insert\NavigationBar”子命令，或直接单击Objects面板上的图标，弹出“InsertNavigationBar”对话框（图1），此时我们可以进行各种设置来实现上述功能：

图1

在“ElementName”项后的文本框填入这个部位的命名，也可以不填，这时Dreamweaver3将自动给它命名。

在Dreamweaver中每部分中最多可设四个状态下的图像：

“UpImage”项是该部位的初始图像，在其后文本框填入已准备好的图像的地址，或点击右边Browse按钮来选择。

每个部位可只设置UpImage项，其下的“OverImage”、“DownImage”和“OverWhileDownImage”三项可以不设置。

其中，“OverImage”项是鼠标移动到这个部位上时显示的图像（本例中选择）；“DownImage”项是鼠标点击该部位后显示的初始图像；“OverWhileDownImage”项是鼠标点击后当鼠标再次移动到这个部位上时显示的图像。

注意：

ElementName项和UpImage项是必需的，所有的调用图像都会在系统的提示下保存在Dreamweaver3文件夹中，以便调用。

2、小结

课题用Dreamweaver创建导航条

一、学习目的

了解Dreamweaver，学会利用Dreamweaver制作网页。

二、学习内容

Dreamweaver的基本知识；用Dreamweaver创建导航条。

【学习步骤】

当然，还可给该部位设置超级链接：

在下面的“WhenClickedGoToURL”项后文本框填入链接到的文件的地址，或单击Browse按钮选择，当鼠标移动到这个部位上时，在状态栏中可以看到链接到的地址。

WhenClickedGoToURL项后有一个下拉选框，这是设置超级链接的目标。

接着是“Options”项，若选中“PreloadImages”选框，则浏览者浏览页面时，所有图像将在页面下载的同时全部下载，整个页面打开的速度会慢些，但图像间转换会没有延迟，选中它。

反之，不选PreloadImages选框，则页面下载的同时只下载初始图像，其它图像按顺序下载，整个页面打开的速度较快，但图像间转换会有延迟。

若选中“Show“DownImage”Initially”选框，则将DownImage设为初始图像。

此时，OverWhileDownImage项改为鼠标移动到这个部位上时显示的图像，UpImage项改为鼠标点击该部位后显示的初始图像，Overimage项改为鼠标点击后当鼠标再次移动到这个部位上时显示的图像。

最下面是“Insert”项，选框中有Horizontally（水平）和Vertically（垂直）两个选项。

选中Horizontally为导航条水平展开，选中Vertically为导航条垂直展开。

UseTable项，选中后，Dreamweaver自动生成HTML代码将导航条各部位用表格隔开。

当一个部位设置完成后，要添加其他部位，可点击对话框上方的“＋”按钮，可按上面的步骤进行新部位的设置。

要删去某一个部位，在“NavBarElements”选框中先选中，再点击对话框上方的“－”按钮即可。

2、小结

课题用Dreamweaver创建导航条

一、学习目的

了解Dreamweaver，学会利用Dreamweaver制作网页。

二、学习内容

Dreamweaver的基本知识；用Dreamweaver创建导航条。

【学习步骤】

另外，使用设置导航条图像中的高级功能，可改变文档中基于当前按钮下的其他的图像。

在默认下,单击导航条中的元素时,所有导航条中元素都会自动地返回原来默认的状态。

若想设置被选中图像的上浮或是下沉的不同效果时，可用导航条中的高级功能：

在“Behaviors”面板中的“Actions”标签页，单击其上面的“＋”号按钮，在弹出的菜单中选择“Se

文档加载中……请稍候！
如果长时间未打开，您也可以点击刷新试试。

下载文档到电脑，查找使用更方便

下载	加入VIP,免费下载

还剩页未读，继续阅读

举报
版权申诉 word格式文档无特别注明外均可编辑修改；预览文档经过压缩，下载后原文更清晰！ 立即下载

配套讲稿：

如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

特殊限制：

部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。

关 键  词：

Dreamweaver 全套 教学 设计

  冰豆网所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。

该用户的其他资源 更多>>

• (完整word版)信息论与编码期末考试题----学生复习用.doc

• (完整)六年级上册几何图形题.docx

• (完整)储罐防腐施工方案.doc

• (完整word版)公务员录用体检表.doc

• (完整)八年级上册几何证明题专项练习.doc

• (决策管理)投资决策委员会实施细则.doc

• (完整)四年级上册口算、竖式计算、脱式计算.doc

• (压轴题)初中物理八年级上册第一章《机械运动》检测(含答案解析)(2).doc

• (完整)小学三年级心理健康教案.doc

• (完整)初中文言文翻译技巧.doc

• (名师整理)语文中考《骆驼祥子》名著导读优秀教案.docx

• (完整word版)偏旁部首名称大全.doc

• (人教PEP)五年级英语竞赛试题及答案.doc

• (完整)山东省普通高中学生综合素质评价信息管理系统操作手册学生用户手册.doc

• (完整word版)体育课教案模板.doc

• (住宅楼方案)房屋建筑学课程设计说明书.doc

• (完整word版)《分数的意义》优秀教学设计(公开课).doc

• (完整word版)安全生产标准化实施方案.doc

• (完整)初中生人物形象分析常用词汇.doc

• (完整版)借用公司资质协议.doc

• (完整word版)仙剑奇侠传三图文攻略(最详细版).doc

• (完整word版)历年陕西省专升本英语真题(答案解析超全).doc

• (完整)四年级四则混合运算训练题100道.doc

• (完整word版)学校团总支部换届选举方案.doc

• (完整word版)安全标准化绩效评定计划.doc

• (完整)分布式光伏发电项目施工组织设计.doc

• (完整版)埋地塑料管结构环刚度计算.doc

• (完整版)国家农业产业强镇示范建设实施方案.doc

• (完整版)八年级数学上几何典型试题及答案.doc

• (完整版)六年级音乐下册人音版理论知识梳理.doc

• (完整版)囚徒健身图文教程和计划表(完美打印版).doc

• (完整版)固定资产盘点表.xls

猜你喜欢

• 河北省公务员考试.docx

• 重庆市行政执法基本规范标准.docx

• 化学实验高考真题+模拟新题.docx

• 护士资格证考试真题及答案专业实务doc.docx

• 中考生物模拟试题练习附答案.docx

• 家具涂膜质量标准.docx

• 个人贷款合同9篇.docx

• 湖南省雅礼中学届第二次模拟考试英语试题及参考答案.docx

• 北邮交换原理 第二章作业解答答辩.docx

• 中秋节直播活动策划.docx

• 关于办公室人员述职报告分析总结精选.docx

• 78度智慧.docx

• 教育实习工作总结最新范文大全.docx

• 冬至时节给朋友的祝福语 冬至关心问候的好句.docx

• qs大学计算机专业排名.docx

• 写人作文之摘抄描写人物的作文.docx

• 词根联想记忆法词汇教程五.docx

• 《海伦凯勒》读书笔记15篇.docx

• 队列考核题库.docx

关于本文

本文标题：Dreamweaver全套教学设计.docx
链接地址：https://www.bdocx.com/doc/2440648.html

相关资源 更多

• 高中英语作文高分词块+短语汇总.docx
• 食品中异物控制制度.docx
• 高中语文四大名著常考知识点汇总.docx
• 煤矿现场安全管理30条措施.docx
• 煤矿安全生产标准化单选题-2(含答案).docx
• 初中英语专项练习：词汇填空练习题120道有答案.docx
• 起重机走合期内的使用与保养.docx
• 可燃、易燃化学品防静电措施.docx
• 高中生物一轮复习记忆口诀大荟萃.docx
• 初中语文考试应用文模板及范文总结.docx

相关搜索

Dreamweaver 全套 教学 设计

热门标签

• 20年高校工
• 文一文搞定合伙人律师
• 环境创设评比活动
• 英语将来完成
• 售后客服个人
• 精编砂石加工设计
• 届高考化学二轮复习题型特训精编40题化学实验基础答案+解析高考化学
• 酒店外排工程施工方案
• 欢乐的元旦联欢会联欢会作文350字初一记事欢乐元旦
• 户外导航入门精通

关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服 - 联系我们

copyright@ 2008-2022 冰点文档网站版权所有

经营许可证编号:鄂ICP备2022015515号-1

收起

在线客服

意见反馈

返回顶部

展开

QQ交谈

返回顶部