综合活动制作资料网站.ppt

《综合活动制作资料网站.ppt》由会员分享，可在线阅读，更多相关《综合活动制作资料网站.ppt（22页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、Dreamweaver学学习重点：重点：1.初初识 Dreamweaver2.熟悉熟悉Dreamweaver工作界面工作界面初识初识Dreamweaver CS4Dreamweaver CS4 是一款可视化的网页编辑工具，因其功能强大、操作方便，可支持多种浏览器，并可建立跨平台的网页而受到网页设计师们的青睐。本章主要学习重点：l如何启动Dreamweaver CS4l了解Dreamweaver的工作界面l新建页面Dreamweaver CS4简介简介Dreamweaver CS4 是Adobe公司推出的最新版本的网页设计软件，用于对WEB站点的页面及程序开发和设计，而且设计师可以根据自已的使用

2、习惯切换工作环境。Dreamweaver学学习提示提示1.主要是以表格布局为主2.不讲解代码区，代码区都是自动提示，学习阶段不利于你的自身发展。3.不涉及任何语言，Html,Css,JavaScript,ASP,JSP,ASP.NET,PHP 等等，只讲软件。启动启动Dreamweaver CS4使用Dreamweaver 制作网页之前，需先将该软件安装到电脑中，其方法与安装其他软件相似，用户可根据提示操作。启动Dreamweaver CS4很简单，和其他软件的启动方式基本一致。6Dreamweaver版本发展版本发展DreamWeaver4DreamWeaverMXDreamWeaverMX

3、2004DreamWeaver8DreamWeaverCS3 Dreamweaver CS4 Dreamweaver CS5Dreamweaver CS6Dreamweaver CS4的工作界面的工作界面Dreamweaver CS4的界面和以前的版本相比，对界面几乎是完全颠覆，操作更简洁。而且Dreamweaver CS4的工作区非常灵活，用户完成可以根据自己的习惯来定制。菜单栏菜单栏菜单栏和之前版本较为独立的排列相比，Dreamweaver CS4的菜单栏功能更加强大，与整个工作界面更为协调，成为一体。“文件”菜单l“编辑”菜单l“查看”菜单l“插入”菜单l“修改”菜单l“格式”菜单l“命

4、令”菜单l“站点”菜单l“窗口”菜单l“帮助”菜单插入栏插入栏和以前版本不同，之前版本中的插入栏均是在菜单栏的下方，而CS4版本将其整合在面板组中，使用起来更为灵活，同时也增加了文档编辑区的空间。插入栏中按类别可分为“常用”、“布局”、“表单”、“数据”、“Spry”、“Context Editing”、“文本”、“收藏夹”、“颜色图标”、“隐藏标签”。1.3.3 文档工具栏文档工具栏在“文档工具栏”一栏中包含一些按钮，这些按钮使您可以在文档的几个视图之间快速切换：“代码视图”、“设计视图”、同时显示“代码”和“设计”视图的“拆分视图”。工具栏中还包含“实时视图”、“标题设置”、“文件管理”、

5、“浏览查看”、“视图选项”、“可视化助理”、“验证标记”等命令选项。1.3.4 文档编辑区文档编辑区用于创建或编辑网页文件的操作区，在设计视图中编辑区默认是空白的，切换至代码视图时，在左侧有竖直的代码工具箱及代码行数显示，也可以根据操作习惯做拆分视图显示。状态栏状态栏状态栏显示当前文档有关的其他信息。l标签选择器：显示环绕当前选定内容的标签的层次。l选取工具：用来选取文档中的内容。l手形工具：可以拖曳页面。l缩放工具：设置当前页面的缩放比率。l窗口大小：可以编码调整窗口的自定义尺寸。l文档编码：可以显示当前文档的默认编码。属性检查器属性检查器默认情况下，属性检查器位于工作区的底部边缘，但是可以

6、将其取消停靠并使其成为工作区中的浮动面板。面板组面板组Dreamweaver CS4将各种工具面板集成到面板组中，其中包括：“插入”面板、“CSS样式”面板、“行为”面板、“框架”面板、“文件”面板、“历史”面板等，可以选择“窗口”菜单命令在弹出的下拉菜单中选择显示或隐藏某项面板。附加功能附加功能在Dreamweaver CS4的工作界面上，还有几个附加的功能，如扩展管理器、管理站点，当工作界面全屏状态下时这两个功能连同代码拆分的快捷操作一起与菜单在一行中显示，当工作界面缩小时，这3个功能会移动到菜单栏的上方与菜单栏平行。学习任务学习任务新建一个网页新建一个网页通过新建一个网页，来对以上知识点

7、进行巩固，进一步熟悉Dreamweaver CS4的工作界面和操作流程，具体操作步骤如下。第一第一步：新建文档步：新建文档本节从新建文档开始，从头讲解如何一步一步创建文档，对于初学者来说，打好基本是学会设计网页的第一步。第二部：编辑页面第二部：编辑页面（1）将光标移到文档编辑区。（2）输入一段文字，作为网页的显示内容。（3）选择第一行文本，并在属性面板中单击按钮，将这行文本加粗突出显示。第三部：保存文档第三部：保存文档（1）选择菜单命令“文件”“保存”。（2）在弹出的“另存为”对话框中，输入名称index.html，同时选择保存路径，这样在对应路径中生成HTML文件。第四步：在第四步：在IE中

8、运行中运行（1）单击文档工具栏右侧的“在浏览器上预览/调试”按钮。（2）并在浏览器列表的下拉菜单中选择浏览器类型。（3）在此选择“预览在IEXPLORE.EXE”，使用默认的IE浏览器运行刚保存的网页。关闭文档关闭文档关闭文档的操作分为两种。l关闭一个文档l关闭所有文档小结小结Dreamweaver CS4的简介以及Dreamweaver CS4的启动方法，重点讲解了Dreamweaver CS4的工作界面中“菜单栏”、“插入栏”、“文档工具栏”、“文档编辑区”、“状态栏”、“属性检查器”和“面板组”及其使用方法。通过讲解如何创建页面，帮助同学们详细了解Dreamweaver CS4的使用方法。