网页设计教程站点.ppt

网页制作 第4章 站点 在Dreamweaver 8中，站点既可以表示位于Internet服务器端的远程站点，也可以表示位于本地计算机上的本地站点。 一般来说，用户应首先在本地计算机上构建本地站点，设计合理的站点结构，使用合理组织形式来管理站点中的文件，并对站点进行必要的测试。在一切都准备好之后，再将站点上传到Internet服务器上，以便别人访问。 4.1 创建站点 4.2 管理站点 4.3 编辑站点内容 4.4 创建首页 4.5 设置页面属性 4.6 站点网页浏览 4.1 创建站点 在菜单中选择【站点】|【新建站点】命令，打开【未命名站点1的站点定义为】对话框。 在对话框中选择【高级】选项卡，在左侧【分类】列表中选择【本地信息】，在右侧填写【站点名称】和【本地根文件夹】，例如“我的网站”和“d:\20080101001”。 注意：【本地根文件夹】：设置站点在本地机器上的文件存放位置。 最后，单击【确定】按钮，在【文件】面板中出现相应站点信息。 4.2 管理站点 在菜单中选择【站点】|【管理站点】命令，打开【管理站点】对话框。 新建站点 编辑站点 复制站点 删除站点 删除站点只是删除了Dreamweaver 8同本地站点之间的关系，但是实际的本地站点内容，包括文件夹和文件等仍然保存在本地计算机上，用户可以重新创建指向其位置的新站点，重新对其进行管理。 4.3 编辑站点内容 利用【文件】面板，可以对本地站点中的文件夹和文件进行编辑操作。 切换站点 创建文件夹 创建文件 移动和复制文件夹或文件 重命名文件夹或文件 删除文件夹或文件 设置首页 编辑文件 刷新文件 4.4 创建首页 当浏览者打开站点时，首先浏览到的是网站的首页，首页代表着一个网站的风格和特点。 1. 利用【入门页面】创建首页 操作步骤： 选择菜单中【文件】|【新建】命令，打开【新建文档】对话框。 在【常规】选项卡的【类别】列表中选择【入门页面】项。 在中间的【入门页面】列表框中选择一种风格的页面，在右侧的预览区域和描述区域中可以观看效果。例如：选择【旅游主页】项。 单击【创建】按钮，在弹出的【另存为】对话框中选择站点文件夹。 输入index.html文件名，单击【保存】按钮。 在弹出的【复制相关文件】对话框中选择文件保存位置，单击【复制】按钮。 2. 直接创建空白首页 操作步骤： 选择菜单中【文件】|【新建】命令，打开【新建文档】对话框。 在【常规】选项卡的【类别】列表中选择【基本页】项。 在中间的【基本页】列表框中选择【HTML】，单击【创建】按钮。 选择菜单中【文件】|【保存】命令，打开【另存为】对话框。 输入index.html文件名，单击【保存】按钮。 4.5 设置页面属性 选择菜单中【修改】|【页面属性】命令，打开【页面属性】对话框。 共5分类：【外观】、【链接】、【标题】、【标题/编码】和【跟踪图像】。 1. 外观 外观主要包括页面的基本属性。 页面字体 大小 文本颜色 背景颜色 背景图像 页边距 （1）页面字体 设置页面文字默认字体。 在【页面字体】列表中选择一种字体，或者选择【编辑字体列表】添加其他字体。 并可对文字加粗、倾斜处理。 尽量使用常见字体（如Windows自带字体）。如果使用一些特殊字体，可以先在图像处理软件中编辑文字，然后将其保存为图片，再插入到网页中。 （2）大小 设置页面文字默认大小。 在【大小】中选择一种文字大小，也可以输入数字定义文字大小。 还可以选择数字单位，如像素（px）、点数（pt）、英寸（in）等。 大多数网站采用9pt或12px文字大小。 （3）文本颜色 设置页面文字默认颜色。 单击【文本颜色】旁边的矩形框 ， 打开颜色面板， 鼠标指针变成吸管形状，可以选择下面的颜色块，也可以选择页面所有可见颜色。颜色面板上方中部显示颜色相应的16进制代码（#号加上6个16进制的数，如#00CCFF）。 按钮：取消任何颜色选取。 按钮：打开【颜色】对话框，获取更加精确的颜色。 按钮：打开一个快捷菜单，包括5种色板显示方式， 不建议选择【调整到网页安全色】，会减少很多可选颜色。 （4）背景颜色 设置网页页面背景颜色，设置方法同文本颜色。 （5）背景图像 设置网页页面背景图像。 可以在【背景图像】后面的文本框中输入图像文件的路径，或者单击后面的【浏览】按钮，在打开的对话框中选择图像文件。 在【重复】列表中选择背景图像在页面上的显示方式，包括：【不重复】、【重复】、【横向重复】和【纵向重复】。 （6）页边距 在【左边距】、【右边距】、【上边距】和【下边距】文本框