社交媒体 如何在Dreamweaver中创建HTML站点地图 - 虚拟人物

如何在Dreamweaver中创建HTML站点地图 - 虚拟人物

目录:

视频: 教任何人一个小时内学会做网站(上) 2025

视频: 教任何人一个小时内学会做网站(上) 2025
Anonim

创建可视网站地图时,网页上的所有页面的图表,包括通过导航和子导航的主页面的互连性。然后,您可以使用这些信息来帮助收集和定义网站内容,并在生成网站设计的模型时作为有用的指导。

在您的站点完全建立后,您可以再次使用此可视站点地图来帮助您创建HTML站点地图页面,该页面将作为工具添加到远程主机服务器上的站点,以帮助访问者浏览网站使用超文本链接列表。

<! HTML网站地图页面上包含的内容

HTML网站地图页面最基本的形式是包含一个到网站上所有页面的标准超文本链接列表。此列表应包括指向主页的链接,网站上的所有主页面和子页面,以及可能无法通过主导航访问的网站上的任何其他页面,如隐私政策或客户服务页面。

为获得最佳效果,请使用文件名sitemap保存页面。并以简单的列表格式显示网站页面的所有超链接。

为了使这个完成的页面可以访问,你应该在页脚中包含一个链接,并在页面的头部添加一个链接。这两个操作将有助于使网站更易于访问

使用屏幕阅读程序或其他设备的访问者
  • 具有其他浏览偏好的访问者,如禁用JavaScript的纯文本浏览器和浏览器

  • 希望能够访问的访问者直接点击网站上的任何页面,而不是使用网站的主导航系统

  • 访客想要一眼就看到给定网站上的所有页面,并知道他们是如何组织的

  • 创建一个网站地图页面

用HTML创建一个网站地图页面非常简单。这只是插入一组列出的超链接,导致网站上的其余页面的问题。

在Dreamweaver中或者在首选的HTML或所见即所得代码编辑器中打开已完成网站的主页。

  1. 如果使用Dreamweaver,请确保“文件”面板将您的网站列为受管网站。如果没有,请选择网站→管理网站,从列表中选择您的网站。

    选择“文件”→“另存为”,打开“另存为”对话框时,使用文件名“站点地图”将主页的副本保存到托管站点的根级别。 HTML。

  2. 新页面看起来与主页相同,包括网站的所有设计元素,徽标位置和导航。

    在页面的主要可编辑区域中,选择并删除所有主页特定的内容。

  3. 您现在有空间插入超链接列表。

    将光标置于空白区域的顶部,并键入网站上所有页面的名称,包括“站点地图”页面,每行显示一个名称,就像它们出现在可视站点地图上一样。

  4. 例如,使用页面名称主页,关于,产品,新闻,商店,联系我们和网站地图。

    选择所有单词并将其转换为无序列表,从而将每个页面名称转换为列表项目。

  5. “站点地图”页面的HTML代码应使用无序列表标记,如以下示例代码所示:

    主页

    • 关于
    • 产品
    • 商店
    • 联系我们
    • 网站地图
    • 当您在HTML中创建自己的“网站地图”页面时,请务必将此列表中的链接添加到您网站上可能未通过主导航链接的任何页面。例如,如果您的网站包含“隐私政策”,“服务条款”和“客户支持”页面,请将这些页面的链接添加到列表底部,直接连接到“网站地图”页面。

    如果您有任何子页面,请将这些页面作为主页面的子集添加到列表中,如下例所示:

  6. 主页

    • 关于
    • 产品
      • 黄金
    • 商店
    • 联系我们
    • 网站地图
    • 例如,Sugar Monkey网站在主导航链接下面没有任何子页面,所以您可以跳过这一步。

    (可选)如果需要,请在列表中的每个项目符号项下键入一个描述性语句,以帮助访问者了解他们在每个页面上可以找到的内容。

  7. 这样的描述可以帮助访问者查看页面,并帮助搜索引擎找到并索引网站上的每个页面。

    例如,如果要在Sugar Monkey网站地图HTML页面中添加说明,其中一个列表项目可能如下所示:

    关于

  8. 了解Sugar Monkey的创始人并获取真实故事在糖猴子的成功之后。

    将列表中的每个页面名称转换为超链接到网站上的相应页面,确保每个链接都包含自己的title属性。

  9. 例如,如果关于列表项成为关于页面的链接,您的代码可能如下所示:

    关于

  10. 了解Sugar Monkey的创始人并获取Sugar Monkey成功背后的真实故事。

    保存您的更改,关闭网站地图。 html文件,并将此文件的副本上载到站点的远程主机服务器。

  11. 尽快测试页面,并更正任何拼写错误或编码错误。如果进行任何更改,请将更正的文件上载到远程主机服务器。

    除非您添加一些链接以使网页访问者能够访问该页面,否则没有人会了解此页面。

如何在Dreamweaver中创建HTML站点地图 - 虚拟人物

编辑的选择

记录您的思科网络配置与CDP - 傻瓜

记录您的思科网络配置与CDP - 傻瓜

记录思科网络配置有时没有思科发现协议)可能需要花费数小时在布线室跟踪电缆和记录端口。在某些情况下,配线室是一个真正的老鼠的电缆巢,并且可能需要几个小时的导航才能找出哪些交换机连接到哪个交换机,哪些路由器,...

以太网通道诊断信息收集 - 虚拟

以太网通道诊断信息收集 - 虚拟

诊断思科网络中的以太网通道问题,您首先必须能够收集您的交换机及其配置。为了执行这个任务,你一如既往地依靠Show和debug命令。首先,简要介绍一下show命令的内容。 Switch1> enable Switch1#configure terminal Switch2#show EtherChannel ...

扩展访问控制列表(ACL) - 虚拟

扩展访问控制列表(ACL) - 虚拟

扩展访问控制列表(ACL)允许您允许拒绝来自特定IP地址的流量到特定的目标IP地址和端口。它还允许您指定不同类型的流量,如ICMP,TCP,UDP等。不用说,它非常细化,可以使您非常具体。如果...

编辑的选择

电子项目计划步骤1:设想您的电子项目 - 傻瓜

电子项目计划步骤1:设想您的电子项目 - 傻瓜

设计和建立你的电子项目的细节,你应该退后一步,看看大局。首先,你需要确保你有一个坚实的想法为您的项目。你为什么要建立它?它会做什么,谁来使用它,为什么? ...

电子项目计划步骤4:构建您的电路 - 傻瓜

电子项目计划步骤4:构建您的电路 - 傻瓜

而且你对它的操作感到满意,你可以建立一个永久版本的电路。虽然有几种方法可以做到这一点,但最常见的是在印刷电路板(也称为PCB)上构建电路。请注意,在PCB上组装电路...

电子项目计划步骤3:原型电路 - 假人

电子项目计划步骤3:原型电路 - 假人

永久的电路板,你会想确保它的工作。最简单的方法就是在无焊面包板上构建电路。无焊料面包板可以让您快速组装电路元件而不需要焊接任何东西。相反,您只需将其裸露在外...

编辑的选择

如何替换R中的文本 - 虚拟变量

如何替换R中的文本 - 虚拟变量

R中的sub()函数在文本模式,并用替换文本替换此模式。你使用sub()来替代文本文本,并使用其表兄gsub()来替换所有出现的模式。 (gsub()中的g表示全局。)假设你有句子He ...

中如何成功地遵循命名惯例在R - 傻瓜

中如何成功地遵循命名惯例在R - 傻瓜

R是非常自由的,对象和功能。这个自由是一个很大的祝福,同时也是一个很大的负担。没有人不得不遵循严格的规则,所以在R中编程的人基本上可以按照自己的意愿去做。如何选择一个正确的名字...

中使用函数在R中创建并转换脚本后,如何使用R - dummies中的函数

中使用函数在R中创建并转换脚本后,如何使用R - dummies中的函数

再次使用前面显示的Source()命令将其加载到控制台中。现在你看...什么也没有。 R并不让你知道它已经加载了这个函数,但它已经在工作空间中了,你可以检查一下...