《Dreamweaver CS5网页设计与制作实例教程》课件-第3章 Dreamweaver CS5基础

第3章DreamweaverCS5基础3.1DreamweaverCS5简介3.2Dreamweaver的编辑环境3.2.1文档窗口3.2.2面板

3.2.3设置工作参数3.3 建立和管理站点3.4 创建网页思考题3.1DreamweaverCS5简介作为网页制作软件，Dreamweaver提供了功能强大的可视化设计工具和简练的代码编辑环境，将“设计”和“代码”编辑器合二为一，提供完整的集成开发环境，可以开发HTML、XHTML、XML、ASP、ASP.NET、JSP、PHP等类型的页面，还可以通过插件定制和扩展开发环境，提供强大的网站管理和跨浏览器兼容性检查功能，使开发人员能够快捷地创建规范的Web应用程序，构建功能强大的网络服务体系。与早期的版本相比，DreamweaverCS5性能得到了明显的提升。例如：

(1)集成AdobeBrowserLab。(2)集成了BusinessCatalyst,供web设计人员构建数据驱动的基本web站点和功能强大的在线商店；(3)提供了增强的实时视图功能，在实时视图模式下激活视图中的链接，允许您与服务器端程序和动态数据交互,网页的调试更方便；(4)CSS检查。以可视化方式详细显示CSS框模型，包括填充、边框等，不需要读取代码，也不需要其他实用程序。

(5)CSS起始布局。以更简化和容易理解的类替代DreamweaverCS4布局中的子代选择器。

(6)对CMS的支持。尽享对WordPress、Joomla!和Drupal等内容管理系统框架的创作和测试支持。

(7)PHP自定义类代码提示。PHP自定义类代码提示显示PHP函数、对象和常量的正确语法，有助于输入更准确的代码。

(8)动态相关文件。允许搜索所有必要的外部文件和脚本，以组合PHP的内容管理系统(CMS)页面，以及在“相关文件”工具栏中显示其文件名。DreamweaverCS5易学、易用，只要掌握了其基本操作方法，即使初学者也能制作出具有专业水平的网页。3.2Dreamweaver的编辑环境DreamweaverCS5安装好后第一次启动时，会弹出如图3-2所示的“工作区设置”窗口，可以根据用户的开发习惯，在两种编辑界面“设计器”和“编码器”中任选其一。两者的却别是：“设计器”界面：可以在可视化界面中进行网页制作。建议初学者选择“设计器”（默认选择）。“编码器”界面：直接用代码设计网页，难度较大。本教材是基于“设计器”的界面进行演示和讲解的。如果日后想改变工作区设置，可以选择“窗口”|“工作区布局”命令切换这两种界面。3.2Dreamweaver的编辑环境3.2.1文档窗口标题栏菜单栏：提供系统功能的所有命令选项。3.2.1文档窗口工具栏图3-5多文档文件名切换选项卡

图3-6状态栏图3-73.2.2面板1．面板操作隐藏或折叠面板面板组自身可以被展开或折叠。菜单命令“窗口”|“隐藏面板”，可以隐藏全部面板；执行“窗口”|“显示面板”，又可以显示全部面板。打开面板组右上角的选项菜单，执行“关闭面板组”命令，可以关闭该面板组。拖动面板组与文档编辑区之间的分隔条，可以横向扩大或缩小面板组。3.2.3设置工作参数1.“常规”类移动文件时更新链接允许多个连续的空格历史步骤最多次数2.“字体”类字体设置：设置语种，应选择简体中文（SimplifiedChinese）。代码视图：如果代码窗口出现乱码，应修改该窗口的字体。3．“不可见元素”类3.3建立和管理站点1.建立站点的目的：把我们即将制作的网页放在站点内，形成一个整体。全部网页制作完成后，是以“网站”为单位，整体地上传给服务器。管理站点：只有先建立好站点，Dreamweaver才有可能施行对站点的管理。例如，修改模板后自动更新所有网页，分类管理站点内所有资源（图片、动画、库等），管理并自动更新超连接，管理并调用CSS样式，进行站内查找与替换等。【例3-1】为本课建立一个教学站点。3.3建立和管理站点2．管理站点多个站点的管理：站点/管理站点在DreamweaverCS5中创建站点后，在设计过程中就可以对站点进行管理操作。选择“站点”|“管理站点”命令，会弹出“