目录:
- HTML网站地图页面最基本的形式是包含一个到网站上所有页面的标准超文本链接列表。此列表应包括指向主页的链接,网站上的所有主页面和子页面,以及可能无法通过主导航访问的网站上的任何其他页面,如隐私政策或客户服务页面。
- 用HTML创建一个网站地图页面非常简单。这只是插入一组列出的超链接,导致网站上的其余页面的问题。
视频: 教任何人一个小时内学会做网站(上) 2025
创建可视网站地图时,网页上的所有页面的图表,包括通过导航和子导航的主页面的互连性。然后,您可以使用这些信息来帮助收集和定义网站内容,并在生成网站设计的模型时作为有用的指导。
在您的站点完全建立后,您可以再次使用此可视站点地图来帮助您创建HTML站点地图页面,该页面将作为工具添加到远程主机服务器上的站点,以帮助访问者浏览网站使用超文本链接列表。
<! HTML网站地图页面上包含的内容HTML网站地图页面最基本的形式是包含一个到网站上所有页面的标准超文本链接列表。此列表应包括指向主页的链接,网站上的所有主页面和子页面,以及可能无法通过主导航访问的网站上的任何其他页面,如隐私政策或客户服务页面。
为了使这个完成的页面可以访问,你应该在页脚中包含一个链接,并在页面的头部添加一个链接。这两个操作将有助于使网站更易于访问
-
具有其他浏览偏好的访问者,如禁用JavaScript的纯文本浏览器和浏览器
-
希望能够访问的访问者直接点击网站上的任何页面,而不是使用网站的主导航系统
-
访客想要一眼就看到给定网站上的所有页面,并知道他们是如何组织的
-
创建一个网站地图页面
用HTML创建一个网站地图页面非常简单。这只是插入一组列出的超链接,导致网站上的其余页面的问题。
在Dreamweaver中或者在首选的HTML或所见即所得代码编辑器中打开已完成网站的主页。
-
如果使用Dreamweaver,请确保“文件”面板将您的网站列为受管网站。如果没有,请选择网站→管理网站,从列表中选择您的网站。
选择“文件”→“另存为”,打开“另存为”对话框时,使用文件名“站点地图”将主页的副本保存到托管站点的根级别。 HTML。
-
新页面看起来与主页相同,包括网站的所有设计元素,徽标位置和导航。
在页面的主要可编辑区域中,选择并删除所有主页特定的内容。
-
您现在有空间插入超链接列表。
将光标置于空白区域的顶部,并键入网站上所有页面的名称,包括“站点地图”页面,每行显示一个名称,就像它们出现在可视站点地图上一样。
-
例如,使用页面名称主页,关于,产品,新闻,商店,联系我们和网站地图。
选择所有单词并将其转换为无序列表,从而将每个页面名称转换为列表项目。
-
“站点地图”页面的HTML代码应使用无序列表标记,如以下示例代码所示:
主页
- 关于
- 产品
- 按
- 商店
- 联系我们
- 网站地图
- 当您在HTML中创建自己的“网站地图”页面时,请务必将此列表中的链接添加到您网站上可能未通过主导航链接的任何页面。例如,如果您的网站包含“隐私政策”,“服务条款”和“客户支持”页面,请将这些页面的链接添加到列表底部,直接连接到“网站地图”页面。
如果您有任何子页面,请将这些页面作为主页面的子集添加到列表中,如下例所示:
-
主页
- 关于
- 产品
- 银
- 黄金
- 按
- 商店
- 联系我们
- 网站地图
- 例如,Sugar Monkey网站在主导航链接下面没有任何子页面,所以您可以跳过这一步。
(可选)如果需要,请在列表中的每个项目符号项下键入一个描述性语句,以帮助访问者了解他们在每个页面上可以找到的内容。
-
这样的描述可以帮助访问者查看页面,并帮助搜索引擎找到并索引网站上的每个页面。
例如,如果要在Sugar Monkey网站地图HTML页面中添加说明,其中一个列表项目可能如下所示:
关于
- 了解Sugar Monkey的创始人并获取真实故事在糖猴子的成功之后。
将列表中的每个页面名称转换为超链接到网站上的相应页面,确保每个链接都包含自己的title属性。
-
例如,如果关于列表项成为关于页面的链接,您的代码可能如下所示:
关于
- 了解Sugar Monkey的创始人并获取Sugar Monkey成功背后的真实故事。
保存您的更改,关闭网站地图。 html文件,并将此文件的副本上载到站点的远程主机服务器。
-
尽快测试页面,并更正任何拼写错误或编码错误。如果进行任何更改,请将更正的文件上载到远程主机服务器。
除非您添加一些链接以使网页访问者能够访问该页面,否则没有人会了解此页面。
