综合活动制作资料网站

,Click to edit Master title style,Click to edit Master text styles,Dreamweaver,学习重点：,初识,Dreamweaver,熟悉,Dreamweaver,工作界面,初识,Dreamweaver CS4,Dreamweaver CS4,是一款可视化的网页编辑工具，因其功能强大、操作方便，可支持多种浏览器，并可建立跨平台的网页而受到网页设计师们的青睐。本章主要学习重点：,如何启动,Dreamweaver CS4,了解,Dreamweaver,的工作界面,新建页面,Dreamweaver CS4,简介,Dreamweaver CS4,是,Adobe,公司推出的最新版本的网页设计软件，用于对,WEB,站点的页面及程序开发和设计，而且设计师可以根据自已的使用习惯切换工作环境。,Dreamweaver,学习提示,1.,主要是以表格布局为主,2.,不讲解代码区，代码区都是自动提示，学习阶段不利于你的自身发展。,3.,不涉及任何语言，,Html,Css,JavaScript,ASP,JSP,ASP.NET,PHP,等等，只讲软件。,启动,Dreamweaver CS4,使用,Dreamweaver,制作网页之前，需先将该软件安装到电脑中，其方法与安装其他软件相似，用户可根据提示操作。,启动,Dreamweaver CS4,很简单，和其他软件的启动方式基本一致。,6,Dreamweaver,版本发展,DreamWeaver4,DreamWeaverMX,DreamWeaverMX2004,DreamWeaver8,DreamWeaverCS3,Dreamweaver CS4,Dreamweaver CS5,Dreamweaver CS6,Dreamweaver CS4,的工作界面,Dreamweaver CS4,的界面和以前的版本相比，对界面几乎是完全颠覆，操作更简洁。而且,Dreamweaver CS4,的工作区非常灵活，用户完成可以根据自己的习惯来定制。,菜单栏,菜单栏和之前版本较为独立的排列相比，,Dreamweaver CS4,的菜单栏功能更加强大，与整个工作界面更为协调，成为一体。,“文件”菜单,“编辑”菜单,“查看”菜单,“插入”菜单,“修改”菜单,“格式”菜单,“命令”菜单,“站点”菜单,“窗口”菜单,“帮助”菜单,插入栏,和以前版本不同，之前版本中的插入栏均是在菜单栏的下方，而,CS4,版本将其整合在面板组中，使用起来更为灵活，同时也增加了文档编辑区的空间。,插入栏中按类别可分为“常用”、“布局”、“表单”、“数据”、“,Spry”,、“,Context Editing”,、“文本”、“收藏夹”、“颜色图标”、“隐藏标签”。,1.3.3,文档工具栏,在“文档工具栏”一栏中包含一些按钮，这些按钮使您可以在文档的几个视图之间快速切换：“代码视图”、“设计视图”、同时显示“代码”和“设计”视图的“拆分视图”。工具栏中还包含“实时视图”、“标题设置”、“文件管理”、“浏览查看”、“视图选项”、“可视化助理”、“验证标记”等命令选项。,1.3.4,文档编辑区,用于创建或编辑网页文件的操作区，在设计视图中编辑区默认是空白的，切换至代码视图时，在左侧有竖直的代码工具箱及代码行数显示，也可以根据操作习惯做拆分视图显示。,状态栏,状态栏显示当前文档有关的其他信息。,标签选择器：显示环绕当前选定内容的标签的层次。,选取工具：用来选取文档中的内容。,手形工具：可以拖曳页面。,缩放工具：设置当前页面的缩放比率。,窗口大小：可以编码调整窗口的自定义尺寸。,文档编码：可以显示当前文档的默认编码。,属性检查器,默认情况下，属性检查器位于工作区的底部边缘，但是可以将其取消停靠并使其成为工作区中的浮动面板。,面板组,Dreamweaver CS4,将各种工具面板集成到面板组中，其中包括：“插入”面板、“,CSS,样式”面板、“行为”面板、“框架”面板、“文件”面板、“历史”面板等，可以选择“窗口”菜单命令在弹出的下拉菜单中选择显示或隐藏某项面板。,附加功能,在,Dreamweaver CS4,的工作界面上，还有几个附加的功能，如扩展管理器、管理站点，当工作界面全屏状态下时这两个功能连同代码拆分的快捷操作一起与菜单在一行中显示，当工作界面缩小时，这,3,个功能会移动到菜单栏的上方与菜单栏平行。,学习任务,新建一个网页,通过新建一个网页，来对以上知识点进行巩固，进一步熟悉,Dreamweaver CS4,的工作界面和操作流程，具体操作步骤如下。,第一,步：新建文档,本节从新建文档开始，从头讲解如何一步一步创建文档，对于初学者来说，打好基本是学会设计网页的第一步。,第二部：编辑页面,（,1,）将光标移到文档编辑区。,（,2,）输入一段文字，作为网页的显示内容。,（,3,）选择第一行文本，并在属性面板中单击按钮，将这行文本加粗突出显示。,第三部：保存文档,（,1,）选择菜单命令“文件”“保存”。,（,2,）在弹出的“另存为”对话框中，输入名称,index.html,，同时选择保存路径，这样在对应路径中生成,HTML,文件。,第四步：在,IE,中运行,（,1,）单击文档工具栏右侧的“在浏览器上预览,/,调试”按钮。,（,2,）并在浏览器列表的下拉菜单中选择浏览器类型。,（,3,）在此选择“预览在,IEXPLORE.EXE”,，使用默认的,IE,浏览器运行刚保存的网页。,关闭文档,关闭文档的操作分为两种。,关闭一个文档,关闭所有文档,小结,Dreamweaver CS4,的简介以及,Dreamweaver CS4,的启动方法，重点讲解了,Dreamweaver CS4,的工作界面中“菜单栏”、“插入栏”、“文档工具栏”、“文档编辑区”、“状态栏”、“属性检查器”和“面板组”及其使用方法。通过讲解如何创建页面，帮助同学们详细了解,Dreamweaver CS4,的使用方法。,