2.1初识dreamweavercs4.pptVIP

项目2 Dreamweaver基本操作;项目目标 认识网页制作工具Dreamweaver 掌握Dreamweaver网点的建立和设置 掌握简单网页的制作;2.1 初识Dreamweaver CS4; 利用Dreamweaver中的可视化编辑功能，可以快速地创建页面而无需编写任何代码。不过，如果您更喜欢用手工直接编码，Dreamweaver 还包括许多与编码相关的工具和功能。并且，借助 Dreamweaver，还可以使用服务器语言（例如 ASP、ASP.NET、JSP 和 PHP）生成支持动态数据库的Web应用程序。;Dreamweaver CS4的工作界面;1、菜单栏 菜单栏主要包括“文件”、“编辑”、“查看”、“插入”、“修改”、“格式”、“命令”、“站点”、“窗口”、“帮助”等菜单。单击菜单栏中的命令，在弹出的下拉菜单中选择要执行的命令。 2、插入栏 “插入”工具栏在之前的版本均在菜单栏下方，CS4版本将其整合在右部面板组中，使用起来更为灵活方便，插入栏按以下的类别进行组织： “常用”类别可以创建和插入最常用的对象，例如图像和Flash等。 “布局”类别主要用于网页布局，可以插入表格、div 标签、层和框架。 “表单”类别包含用于创建表单和插入表单元素的按钮。 “数据”类别可以插入Spry数据对象和其它动态元素，例如记录集、重复区域、显示区域以及插入记录和更新记录等。 “Spry”类别包含一些用于构建 Spry 页面的按钮，例如Spry文本域、Spry菜单栏等。 “文本”类别可以插入各种文本格式设置标签和列表格式设置标签。 “收藏夹”类别可以将“插入”栏中最常用的按钮分组和组织到某一常用位置。;3、文档工具栏 文档工具栏中包含一些按钮可以在文档的不同视图间快速切换，例如：“代码”视图、“设计”视图、同时显示“代码”和“设计”视图的拆分视图。文档工具栏中还包含一些与查看文档、在本地和远程站点间传输文档有关的常用命令和选项，如：“在浏览器中预览/调试”、“文件管理”、“验证标记”、“检查浏览器兼容性”等。（注意：单击“查看”|“工具栏”|“文档”命令菜单，就会在Dreamweaver CS4中显示文档工具栏。若去掉“文档”选项前的对勾，就可以隐藏文档工具栏。） 4、状态栏 状态栏提供与您正创建的文档有关的其它信息。其中“标签选择器”显示环绕当前选定内容的标签的层次结构。单击该层次结构中的任何标签以选择该标签及其全部内容。比如：单击 body 可以选择文档的整个正文。“缩放工具”可以设置当前页面的缩放比率。“窗口大小”用来将“文档”窗口的大小调整到预定义或自定义的尺寸。状态栏最右侧显示当前页面的文档大小和估计下载时间。;5、面板组 Dreamweaver CS4将各种工具面板集成到面板组中，包括插入面板、行为面板、框架面板、文件面板、CSS样式面板、历史面板等。用户可以根据自己的需要，选择隐藏和显示面板。（在“窗口”菜单中选择） 6、属性面板 属性面板是页面编辑中最常用的一个面板，它主要用于设置页面元素的属性。 其它详细的内容，将在以后练习过程中逐步熟识。;2.2 站点设置和管理;;;（2） 使用“管理站点”对话框 使用“管理站点”对话框，可以管理多个站点，实现对站点的创建、编辑、复制、删除、导入和导出。具体操作步骤如下：;;;文件命名规范 对于初学者来说，在做网页时，给文件、文件夹命名是一件挺麻烦的事情。对文件命名时遵循的基本原则是以最少的字母达到最容易理解的意义。对于文件夹和文件的命名规范，主要遵循以下几点： 所有文件名、文件夹使用小写英文字母、数字、下划线的组合，比如：news.html，unit1_1.html等。 不要使用汉字、空格和特殊字符。有些服务器无法识别这些字符，会导致文件链接出错。 尽量使用英文，最好有一定的意义，这样以后便于别人或自己修改。例如：名为“Login.html”的文件，一看名称，就知道是登录页面。 对于图像文件，在命名时要遵循以下几点： 名称分为头部和尾部两部分，用下划线分开，尽量用英文。 头部表示图片的大类性质，比如：广告（banner）、标志(logo)、菜单(menu)、按钮(button)、背景(bg)等。 尾部表示图片的具体含义。比如：banner_sohu.gif，menu_aboutus.gif，title_news.gif，logo_maths.jpg等。这种命名方式一目了然，便于管理与查找。 ;如何管理站点中的文件，主要介绍两种方法：使用“文件”面板和使用“站点地图”。 （1）使用“文件”面板管理文件 站点的所有文件在“文件”面板中以目录树的形式呈现，方便管理与查看。;（2）