《网页设计与制作》全套PPT电子课件教案-第13章 站点的发布.ppt

第13章站点的发布 申请主页空间及域名 申请主页空间申请域名空间 申请主页空间 免费主页空间一般在申请免费主页时提供 其空间大小和运行的支持条件会受一定限制 收费主页空间一般由网站托管机构提供 其空间大小及支持条件可供用户根据需要进行选择 申请免费空间主页申请成功后 免费网站提供机构会发送确认及登录网站的相关信息到用户填写的电子邮箱中 用户可按其提示进入和管理申请的免费网站 下面提供一些目前可申请免费主页空间的网址 派尔网上之家 申请收费空间目前提供收费空间的网站托管理机构很多 如万网 网易 各省的电信网络 城市在线等均提供收费网站空间及网站托管服务 申请域名空间 要让其他用户能浏览主页 必须要有一个固定的域名 域名相当于网站的姓名 它由相应的域名管理机构管理 该地址是全球惟一的 申请并使用一个域名 必须定期向域名管理机构支付相应费用 无论是通过域名机构注册还是通过提供收费主页空间的网站去注册域名 都应在注册域名前到相应的域名注册机构去查询域名是否被注册 或登录到上查询要申请的域名 如图所示 站点测试 检测浏览器的兼容性检测链接错误检测下载速度 检测浏览器的兼容性 检测浏览器的兼容性是检查文档中是否有目标浏览器所不支持的任何标签或属性 如页面中的样式 层 插件或javascript 等元素 当这些元素不被目标浏览器所支持时 在浏览器中会显示不完全或功能运行不正常 检查目标浏览器 功能对文档不作任何方式的更改 dremweavermx2004只给出检测报告 目标浏览器检查可提供有关3个级别的潜在问题的信息 错误 警告和告知性信息 各自的含义如下 错误 指示代码可能在特定浏览器中导致严重的 可见的问题 例如导致页面的某些部分消失 警告 指示一段代码将不能在特定浏览器中正确显示 但不会导致任何严重的显示问题 告知性信息 指示代码在特定浏览器中不支持 但没有可见的影响 例如 标签的galleryimg属性在一些浏览器中不被支持 但那些浏览器会忽略该属性 所以它不会有任何可见的影响 检测链接错误 在发布站点前应确认站点中所有文本和图形的显示是否正确 并且所有链接的url地址是否正确 即当单击链接时能否到达目标位置 如果在各个网页文件中逐一单击每个链接用以确定该链接是否正确是非常繁琐的 而利用dreamweavermx2004中的 检查链接 功能可以快速地在打开的文件 本地站点的某一部分或整个本地站点中搜索断开的链接和未被引用的文件 检查网页链接具体操作如下 1 选择 文件 检查页 检查链接 菜单命令 检查到的结果将显示在 结果 面板组的 链接检查器 面板中 如图所示 列表中列出的是断开的链接 2 在 显示 下拉列表框中 选择要检查的链接方式 如图所示 其中各选项的含义如下 断开的链接 用于检查文档中是否存在断开的链接 外部链接 用于检查外部链接 孤立文件 用于检查站点中是否存在孤立文件 检查本地站点某部分中的链接具体操作如下 1 在 站点 面板中选择要检查的文件或文件夹 2 在选择的文件或文件夹上单击鼠标右键 在弹出的快捷菜单中选择 检查链接 选择文件 文件夹 命令 检查结果将显示在 结果 面板中 3 在 显示 下拉列表框框中可选择 断掉的链接 外部链接 或 孤立文件 选项查看相应的链接情况 检查整个站点的链接具体操作如下 1 在 站点 面板中选择要检查的站点 2 在 结果 面板组中选择 为整个站点检查链接 项 如图所示 检查的结果将显示在 链接检查器 面板列表框中 修复链接修复链接就是将断掉的链接重新进行链接 具体操作如下 1 在断掉的链接列表中 单击 断掉链接 列表中要链接的项 如图所示 2 重新输入链接路径 或单击右侧的图标 打开 选择文件 对话框 在对话框中重新指定链接的路径 如图所示 3 如果有多个文件都有相同的中断链接 则当用户对其中的一个链接文件进行修改后 系统会弹出提示询问是否修复余下的引用该文件的链接的提示框 如图所示 4 单击按钮 系统自动将其他具有相同中断链接的文件重新指定链接路径 检测下载速度 网页传输速度是衡量网页制作水平的一个重要标准 在dreamweaver中会根据页面所有链接的对象 如图像和插件等来检测下载速度 网页的下载时间一般实行 8秒钟 原则 即大多数用户等待载入一个页面的时间不超过8秒钟 发布站点 配置远程信息发布站点更新站点 当主页空间已申请好且网站的性能已测试并调试完成后 即可将站点内容放置到网上供人们浏览 这个过程就是上传 发布 上传网页一般使用ftp协议 即以远程文件传输方式上载到服务器中申请的域名下 ftp上传可以直接用ftp命令 如ftp 也可用ftp软件 如cuteftp和leapftp等 另外可以直接使用dreamweavermx2004提供的上传 下载功能对网站进行发布 配置远程信息 在dreamweavermx2004中发布本地站点 首先要配置远程信息 即上传地址信息 具体操作如下 1 选择 站点 管理站点 菜单命令 打开 管理站点 对话框 2 在 管理站点 对话框中选择要发布的站点 如 站点运行与维护 单击按钮 打开如图所示的对话框 3 在如图所示的对话框的 分类 列表框中选择 远程信息 选项 在打开的对话框的 访问 下拉列表框中选择 ftp 选项 打开如图所示的对话框 4 在如图所示对话框的 ftp主机 文本框中输入申请主页空间时服务商提供给用户的ftp地址 在 登录 文本框中输入用户申请主页空间时用的名称 在 密码 文本框中输入用户的密码 5 测试正确后 单击按钮即可完成远程信息的设置 发布站点 在dreamweavermx2004中配置好远程信息后 就可以将本地站点上传到远程服务器上供别人浏览了 发布站点的操作很简单 在配置了远程信息并测试正确后 单击 文件 面板中的按钮 dreamweavermx2004即会按远程信息中的配置自动连接到远程站点服务器上 并将站点中的文件上传到指定的目录中 更新站点 要更新站点 可以先下载远程站点中的相应文件 然后编辑修改后上传即可实现更新 也可直接在本地站点中编辑好后直接上传到远程站点 下载文件的方法很简单 如果要下载整个远程站点 在 文件 面板中直接单击按钮即可 如果只下载某些文件 在 文件 面板的 远程视图 中选中要下载的文件后 单击按钮即可 站点管理 站点文件同步使用设计笔记使用站点报告 站点文件同步 由于本地站点文件和远端站点文件都可以分别进行编辑 并可能出现原来相同的文件对应不同版本的情况 为了保证本地站点和远端站点中的文件都是最新的文件 应该保持双方站点的同步 确定新文件在进行文件同步之前 首先要确定哪些文件是新文件 具体操作如下 1 在 文件 面板中单击按钮 打开站点管理窗口 2 选择 编辑 选择较新的本地文件 菜单命令 在本地站点文件列表中显示出较新的本地文件 3 选择 编辑 选择较新的远端文件 菜单命令 在远端站点文件列表中显示出较新的远端文件 同步有新版本的文件确定新文件后 可以进行同步操作 可以是整个站点的同步 也可以只是针对较新版本的文件或含有新版本文件的文件夹进行的同步 具体操作如下 1 在站点管理窗口中选中要想进行同步的文件或文件夹 2 选择 站点 同步 菜单命令打开 同步文件 对话框 如图所示 在对话框中完成相应设置 3 在 同步 下拉列表框框中 选择以下选项之一 若要同步整个站点 选择 整个 站点运行与维护 站点 假设当前站点是 站点运行与维护 选项 若要只同步选定的文件 选择 仅选中的本地文件 如果最近一次的选择是在 文件 面板的 远程 视图中进行的 请选择 仅限选定的远程文件 4 在 方向 下拉列表框框中选择复制文件的方向 放置较新的文件到远程 选择该选项 将上传修改日期晚于远程副本修改日期的所有本地文件 从远程获得更新的文件 选择该选项 将下载修改日期晚于本地副本修改日期的所有远程文件 获得和放置更新的文件 选择该选项 将所有文件的最新版本放置在本地和远程站点上 5 选中复选框决定是否在目的地站点上删除在原始站点上没有副本的文件 如果在 方向 文本框中选择了 获取和放置 则该选项不可用 6 单击按钮 如果每个选定文件的最新版本都已位于本地和远程站点并且不需要删除任何文件 则将显示一个警告 通知不需要进行任何同步 7 在 同步文件 预览窗口中 确认要删除 放置和获取的文件 如果不希望dreamweaver删除 放置或获取某个特定的文件 则可通过单击该文件左侧的复选框 位于 动作 列中 取消选择该文件 如图所示 8 单击按钮 dreamweaver将自动进行传输 并根据需要进行删除 然后用返回的状态更新对话框 9 若要将验证信息保存到本地文件 单击按钮即可 否则单击按钮结束同步设置 使用设计笔记 设计笔记是一种非常有用的信息文件 利用设计笔记 可以将设计网页过程中所遇到的问题 如解决问题的方法 网页中的特殊链接文档来自哪个外部站点等许多的附加信息 保存在设计笔记文档中 便于对网页的维护 也有利于在设计其他网页时参考 这些设计笔记位于文档之外 不会影响文档内容 但通过设置 这些设计笔记文件又会与文档本身紧密相随 像一个整体文件一样 设置站点的设计笔记站点的设计是一个系统工程 在设计一个新站点的过程中 可以参考过去设计好的站点 少走弯路 因此保存站点的设计笔记就非常重要 设置站点的设计笔记的具体操作如下 1 打开 站点管理 窗口 2 在 站点管理 窗口中选择 站点 管理站点 菜单命令 打开 管理站点 对话框 3 选择要为之添加设计笔记的站点 如 站点运行与维护 单击按钮 在打开的 分类 列表框中选择 设计备注 选项 打开对话框 如果选中复选框 则会启动站点中的设计笔记功能 此时站点文件的设计笔记信息会紧紧跟随该文件的操作 即会一同被复制 移动或删除 如果选中复选框 则本地站点文件的设计笔记在进行上传时 会跟随文件一道上传 以便于其他站点维护人员参考 如果不选中该复选框 则本地站点文件的设计笔记只保存于本地站点中 4 单击按钮确定操作 返回 管理站点 对话框 5 在 管理站点 对话框中 单击按钮 即可完成对站点设计笔记的设置 在文档中添加设计笔记给文档添加设计笔记的具体操作如下 1 在 设计 视图中打开要添加设计笔记的文档 或在站点管理窗口中选中该文档 2 选择 文件 设计备注 菜单命令 打开如图所示的对话框 使用站点报告 利用dreamweavermx2004的站点报告器可以提高站点开发维护人员之间合作的效率 通过运行站点报告器 可以获知站点中的哪个文件正在被哪个维护人员进行隔离编辑 查看哪些文件的设计笔记与这些被隔离的文件有联系 通过制定姓名参数和值参数 还可以进一步改善设计笔记报告 用户必须事先定义一个远端站点链接来运行工作流程报告 报告 对话框选择 站点 报告 菜单命令打开 报告 对话框 如图所示 在对话框的 报告在 下拉列表框框中 有4个选项可供选择 选择 整个当前本地站点 选项 表示要对当前的整个站点进行相关报告 选择 当前文档 选项 表示要对当前打开或选中的文档进行报告 选择 站点中的已选文件 选项 表示要对当前站点中选中的文件进行报告 选择 文件夹 选项 表示要对某一文件夹中的文件进行报告 此时会出现一个输入框 旁边有一文件夹图标 单击该文件夹图标可以选择一个文件夹 也可以直接在输入框中输入文件夹的地址 站点推广 为主页安好 家 后 为了获得最高的访问量 还要作一些站点推广方面的工作 站点推广的方法很多 在搜索引擎注册 登记与其他网站互作链接在留言板 bbs 聊天室 社区上做宣传媒体宣传设置meta信息 想让自己的网页出现在搜索引擎的查询返回列表中 这时关键字的定义就尤为重要了 在 插入栏 的 html 选项卡中 单击按钮 在弹出的菜单中选择 关键字 命令 即可打开如图所示的 关键字 对话框 在 关键字 列表框中输入需要逐个定义的关键字即可 每个关键字以 号隔开 数目没有限制 填空题 1 利用dreamweavermx