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

《综合活动制作资料网站.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

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

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

3、amweaver版本发展DreamWeaver4DreamWeaverMXDreamWeaverMX2004DreamWeaver8DreamWeaverCS3DreamweaverCS4DreamweaverCS5DreamweaverCS6DreamweaverCS4的工作界面DreamweaverCS4的界面和以前的版本相比，对界面几乎是完全颠覆，操作更简洁。而且DreamweaverCS4的工作区非常灵活，用户完成可以根据自己的习惯来定制。菜单栏菜单栏和之前版本较为独立的排列相比，Dreamw

4、eaverCS4的菜单栏功能更加强大，与整个工作界面更为协调，成为一体。“文件”菜单“编辑”菜单“查看”菜单“插入”菜单“修改”菜单“格式”菜单“命令”菜单“站点”菜单“窗口”菜单“帮助”菜单插入栏和以前版本不同，之前版本中的插入栏均是在菜单栏的下方，而CS4版本将其整合在面板组中，使用起来更为灵活，同时也增加了文档编辑区的空间。插入栏中按类别可分为“常用”、“布局”、“表单”、“数据”、“Spry”、“ContextEditing”、“文本”、“收藏夹”、“颜色图标”、“隐藏标签”。1.3.3文档工

5、具栏在“文档工具栏”一栏中包含一些按钮，这些按钮使您可以在文档的几个视图之间快速切换：“代码视图”、“设计视图”、同时显示“代码”和“设计”视图的“拆分视图”。工具栏中还包含“实时视图”、“标题设置”、“文件管理”、“浏览查看”、“视图选项”、“可视化助理”、“验证标记”等命令选项。1.3.4文档编辑区用于创建或编辑网页文件的操作区，在设计视图中编辑区默认是空白的，切换至代码视图时，在左侧有竖直的代码工具箱及代码行数显示，也可以根据操作习惯做拆分视图显示。状态栏状态栏显示当前文档有关的其他信息。标签选

6、择器：显示环绕当前选定内容的标签的层次。选取工具：用来选取文档中的内容。手形工具：可以拖曳页面。缩放工具：设置当前页面的缩放比率。窗口大小：可以编码调整窗口的自定义尺寸。文档编码：可以显示当前文档的默认编码。属性检查器默认情况下，属性检查器位于工作区的底部边缘，但是可以将其取消停靠并使其成为工作区中的浮动面板。面板组DreamweaverCS4将各种工具面板集成到面板组中，其中包括：“插入”面板、“CSS样式”面板、“行为”面板、“框架”面板、“文件”面板、“历史”面板等，可以选择“窗口”菜单命令在弹

7、出的下拉菜单中选择显示或隐藏某项面板。附加功能在DreamweaverCS4的工作界面上，还有几个附加的功能，如扩展管理器、管理站点，当工作界面全屏状态下时这两个功能连同代码拆分的快捷操作一起与菜单在一行中显示，当工作界面缩小时，这3个功能会移动到菜单栏的上方与菜单栏平行。学习任务新建一个网页通过新建一个网页，来对以上知识点进行巩固，进一步熟悉DreamweaverCS4的工作界面和操作流程，具体操作步骤如下。第一步：新建文档本节从新建文档开始，从头讲解如何一步一步创建文档，对于初学者来说，打好基本是

8、学会设计网页的第一步。第二部：编辑页面（1）将光标移到文档编辑区。（2）输入一段文字，作为网页的显示内容。（3）选择第一行文本，并在属性面板中单击按钮，将这行文本加粗突出显示。第三部：保存文档（1）选择菜单命令“文件”｜“保存”。（2）在弹出的“另存为”对话框中，输入名称index.html，同时选择保存路径，这样在对应路径中生成HTML文件。第四步：在IE中运行（1）单击文档工具栏右侧的“在浏览器上预览/调试”按钮。（2）并在浏览器列表的下拉菜单中选择