[第1章HTML5概述.pptVIP

（4）选择记事本菜单中的“文件/保存”命令，弹出如图1-5所示的“另存为”对话框。 图1-5 “另存为”对话框 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. （5）在对话框中选择存盘的文件夹，然后在“保存类型”中选择“所有文件”，在“编码”中选择ANSI，这里将“文件名”设置为1-2.htm，然后单击“保存”按钮。 （6）最后关闭记事本，回到存盘的文件夹，双击如图1-6所示1-2.htm文件，可以在IE浏览器中看到最终页面效果，如图1-7所示。 图1-6 保存出的htm文件 图1-7 页面效果 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. Adobe Dreamweaver CS 5.5是一个全面的专业工具集，可用于设计并部署极具吸引力的网站和Web应用程度并提供强大的编辑环境以及功能强大且基于标准的WYSIWYG设计表面。Adobe Dreamweaver CS 5.5新版本使用了最新的技术加入了多屏幕预览、jQuery集成、CSS3/HTML5 支持、尖端的实时视图渲染、移动 UI 构件、FTPS支持、智能编码协助集成FLV内容等全新功能。下面以Adobe Dreamweaver CS 5.5中文版为例，说明使用可视化网页编辑软件制作页面的方法。步骤如下： （1）单击“开始/所有程序/ Adobe Dreamweaver CS 5.5”，启动软件的主程序，其主界面如图1-8所示。 图1-8 Adobe DreamweaverCS5.5主界面 1.3.2 使用可视化软件制作页面 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. （2）Dreamweaver 工作区使您可以查看文档和对象属性。工作区还将许多常用操作放置于工具栏中，使您可以快速更改文档。DreamweaverCS5.5工作区布局如图1-9所示。 图1-9 DreamweaverCS5.5工作区布局 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. DreamweaverCS5.5工作区说明如下： A应用程序栏： 应用程序窗口顶部包含一个工作区切换器、几个菜单（仅限 Windows）以及其它应用程序控件。 B文档工具栏：包含一些按钮，它们提供各种“文档”窗口视图（如“设计”视图和“代码”视图）的选项、各种查看选项和一些常用操作（如在浏览器中预览）。 C文档窗口：显示您当前创建和编辑的文档。 D工作区切换器：通过下拉列表可以选择不同的工作区，如：编辑器。 E面板组：帮助您监控和修改工作。例如，“插入”面板、“CSS 样式”面板和“文件”面板。若要展开某个面板，请双击其选项卡。 F CS Live：Adobe Dreamweaver