基础课程 PPT 第7章 创建基本页面.ppt

7.4 创建链接 7.4.1超链接的基础知识 1.文件的路径 (2)文档相对路径 若要从 contents.html链接到hours.html（两个文件位于同一文件夹中），可使用相对路径 hours.html。 若要从 contents.html链接到tips.html（在 resources 子文件夹中），可以使用相对路径resources/tips.html。每出现一个斜杠（/），表示在文件夹层次结构中向下移动一个级别。 若要从 contents.html 链接到 index.html（位于父文件夹中 contents.html 的上一级），可以使用相对路径../index.html。两个点和一个斜杠（../），表示在文件夹层次结构中向上移动一个级别。 若要从 contents.html 链接到 catalog.html（位于父文件夹的不同子文件夹中），可以使用相对路径../products/catalog.html。其中，.. / 表示向上移至父文件夹，而 products/表示向下移至products子文件夹中。 若成组地移动文件，例如移动整个文件夹时，该文件夹内所有文件保持彼此间的相对路径不变，此时不需要更新这些文件间的文档相对链接。但是，在移动包含文档相对链接的单个文件，或移动由文档相对链接确定目标的单个文件时，则必须更新这些链接。 标题2： 40号，仿宋，加粗 项目：20号 仿宋 加粗 7.4 创建链接 7.4.1超链接的基础知识 1.文件的路径 (3)站点根目录相对路径 站点根目录相对路径是指描述从站点的根文件夹到文档的路径。如果在处理使用多个服务器的大型 Web 站点，或者在使用承载多个站点的服务器，则可能需要使用这些路径。不过，如果不熟悉此类型的路径，最好坚持使用文档相对路径。 站点根目录相对路径以一个正斜杠（/）开始，该正斜杠表示站点根文件夹。例如，/support/tips.html是文件 (tips.html) 的站点根目录相对路径，该文件位于站点根文件夹的 support 子文件夹中。 如果需要经常在 Web 站点的不同文件夹之间移动 HTML 文件，那么站点根目录相对路径通常是指定链接的最佳方法。移动包含站点根目录相对链接的文档时，不需要更改这些链接。例如，某 HTML 文件对相关文件（如图像）使用站点根目录相对链接，则移动 HTML 文件后，其相关文件链接依然有效。 标题2： 40号，仿宋，加粗 项目：20号 仿宋 加粗 7.4 创建链接 7.4.1超链接的基础知识 2.超链接的分类 按照链接目标端点的不同，可以将超链接分为以下几种类型： 站点链接：指网站与网站之间的链接，常见的“友情链接”就属于该类型。 页面链接：指同一网站文档之间的链接。 页面内部链接：指在同一个页面内部由一个位置跳转到另一个位置的链接。 E-mail链接：指单击链接启动E-mail邮件程序，用户完成邮件的书写后发送到指定的邮件地址。 下载链接：指链接的目标端为非网页文件，这些文件一般由特殊的程序打开，如DOC文件、PDF文件、RAR文件等。这种链接主要用于向用户提供下载服务，如在网站上提供的资料下载、软件下载等就属于这类链接。 标题2： 40号，仿宋，加粗 项目：20号 仿宋 加粗 7.4 创建链接 7.4.2 创建超链接 1.创建站点链接 2.创建页面链接 3.创建页面内部链接 4.创建E-mail链接 5.创建下载链接 标题2： 40号，仿宋，加粗 项目：20号 仿宋 加粗 L/O/G/O 第七章 创建基本页面计算机网络技术教研室张琳 页面属性设置 使用文本 1 2 主要内容 使用图像 创建链接 4 3 7.1 页面属性设置 创建网页后，一般要对网页进行总体页面的设置。主要包括：设置网页标题、属性以及设置网页文件头等。执行“修改”|“页面属性”命令，弹出“页面属性”对话框。 “外观（CSS）”选项卡 标题2： 40号，仿宋，加粗 项目：20号 仿宋 加粗 7.1 页面属性设置 “外观（HTML）”选项卡 标题2： 40号，仿宋，加粗 项目：20号 仿宋 加粗 7.1 页面属性设置 “链接（CSS）”选项卡 标题2： 40号，仿宋，加粗 7.1 页面属性设置 “标题（CSS）”选项卡 标题2： 40号，仿宋，加粗 7.1 页面属性设置 “标题/编码”选项卡 标题2： 40号，仿宋，加粗 7.1 页面属性设置 “跟踪图像”选项卡 标题2： 40号，仿宋，