Adobe CS5 Dreamweaver Page图像 - 傻瓜

您可以在Adobe Creative Suite 5的空白页面中添加包括原生Photoshop（PSD）文件和Fireworks（PNG） （Adobe CS5）Dreamweaver。放置图像确实影响Dreamweaver文件面板。

1. 选择插入→图像。

   出现选择图像源对话框。

   或者，单击“插入”面板的“公共”选项卡，然后单击“插入图像”按钮。

2. 导航到图像的位置，然后单击选择（Mac）或确定（Windows）。

   <！ - 1 - >

   如果您选择原生Photoshop（PSD）或Fireworks（PNG）文件，将出现“图像预览”对话框，允许您直接在Dreamweaver中优化图像。

   如果您选择了网络就绪图像（如GIF，JPG或PNG），并且该图像位于站点文件夹之外，则会看到警告。 Dreamweaver会提醒您图像位于根文件夹之外，这会在将页面复制到Web服务器时导致出现问题。

   <！ - 2 - >

   单击是将文件复制到您的网站的根目录。在那里指定一个新的名字，或者点击保存以保留相同的名称，并将图像文件复制到您的网站文件夹中。

   图像标签辅助功能属性对话框出现。

   所有图像应该有Alt（备用）文本 - 在图像下载之前出现的文本或者查看器关闭了选项以查看图像。

3. 在“替代文本”文本框中添加适当的图像说明。

   如果图片是徽标，则说明中应包含公司名称作为替代文字，或者如果是照片或插图，则用几个字来描述图片。

   从辅助功能的角度来看，替代文字可以帮助屏幕阅读器（例如视障人士使用的阅读器）识别用户的图像内容。另外，替代文字是一个有价值的工具，为搜索引擎提供索引您网站上的图片内容的方式。点击确定。

4. 图像被添加到页面和“文件”面板中。

   您可以通过在“文件”面板中双击图像来编辑图像。您还可以使用属性检查器来查看有关图像的详细信息，包括其尺寸和文件大小。您还可以修改图像属性，包括边框，超链接和垂直和水平填充。

使用属性检查器查看有关图像的信息并修改图像属性。

创建多个页面相互链接的大型站点时，可能需要更改“文件”面板的视图。通过单击站点所在的下拉列表（位于“文件”面板的左上角），可以找到最近使用的文件夹和其他站点。通过单击右侧的“查看”下拉列表，可以更改“文件”面板的外观。

通过双击文件面板打开文件。