丁同学日记本Adobe Dreamweaver CS6新手入门教程
2023-08-08 | 来源：网络转载 | 作者：佚名
本文主要写了Adobe Dreamweaver CS6新手入门教程，每个段落介绍一个功能的使用
Adobe Dreamweaver CS6新手入门教程
1. 创建新HTML文档
打开Dreamweaver CS6后，点击左上角"文件"菜单选择"新建"。在弹出的对话框中，选择"HTML"文档类型，点击"创建"按钮即可新建一个空白HTML页面。你也可以使用快捷键Ctrl+N(Windows)或Command+N(Mac)快速创建新文档。
2. 认识工作区界面
Dreamweaver CS6的工作区分为几个主要部分：顶部是菜单栏和工具栏，左侧是"文件"面板用于管理项目文件，中间是文档编辑区，右侧是各种面板组包括"插入"面板、"CSS样式"面板等。你可以通过"窗口"菜单显示或隐藏这些面板，也可以拖动面板边缘调整大小。
3. 插入网页元素
使用"插入"面板可以快速添加各种网页元素。比如要插入图片，点击"插入"面板中的"图像"按钮，选择图片文件即可。要插入表格，点击"表格"按钮设置行列数后插入。插入的超链接可以通过属性检查器设置链接目标和样式。
4. 使用代码视图和设计视图
Dreamweaver提供三种视图模式：代码视图、拆分视图和设计视图。代码视图显示纯HTML代码，适合熟悉代码的用户；设计视图显示可视化编辑界面，适合新手；拆分视图同时显示代码和设计视图，是最常用的模式。可以通过文档窗口顶部的按钮切换这些视图。
5. 预览网页效果
编辑网页过程中，可以随时点击工具栏上的"预览"按钮(或按F12键)在默认浏览器中查看实际效果。Dreamweaver还支持多浏览器预览功能，通过"文件"→"在浏览器中预览"可以选择不同的浏览器测试网页显示效果。
6. 保存和发布网站
完成网页编辑后，点击"文件"→"保存"保存HTML文件。要发布网站，需要先定义站点：点击"站点"→"新建站点"，设置本地文件夹和服务器信息。然后使用"文件"面板中的"上传"按钮将文件上传到网络服务器。