网站自定义头部图像教程

在网站设计过程中，为了提升网站的外观，经常需要进行一些自定义操作。Office Live页面设计器提供了基本的自定义功能，但如果想要使用图像作为网站的头部，可能需要进行一些额外的步骤。本文将介绍如何实现这一目标，而无需更改页面主题。

确定网站宽度

首先，需要了解网站的宽度，以便设计一个包含logo、品牌信息以及可能的联系信息的图像。创建一个与网站宽度相同的图像。例如，网站宽度可能是640、780、980像素。图像的高度则根据需要进行调整，建议的高度可能是75、100、150、200像素。

上传新图像

使用上传工具上传新图像，选择不优化图像的选项。Office Live的图像优化功能可能会减小图像大小，从而影响图像质量。对于头部图像，希望保持高质量，但同时应避免上传过大的文件。超过500KB的文件可能会显得过大。上传图像的URL如下：

识别需要替换的元素

使用Firebug（FireFox）或开发者工具（Internet Explorer）等工具，可以检查网页中需要修改的元素。这些元素包括：

• MS_MasterHeader：这是主头部空间，头部图像将放置在这里。
• MS_MasterHeader表格：主头部单元格内有一个表格，Office Live会在该表格中添加带有图像的头部。这个表格需要被移除。

添加自定义样式到网站

在“站点设计器”标签页，点击“样式表”按钮。这将打开一个带有文本区域的对话框。在文本区域中，添加以下CSS代码（注意点号前缀，并替换文件名为文件名）：

在“站点设计器”标签页，点击头部按钮，并清除“站点标题”和“口号”中的任何文本。选择“Logo”标签，并选择之前上传的头部图像。向下查看并在“显示选项”中确保选择“顶部”。点击确定，并在顶部菜单栏点击保存按钮。网站现在应该反映出新的更改。