内容

• 脚步
• 方法 1（共 2 个）：创建 HTML 按钮
• 方法 2 of 2：将按钮创建为图片
• 警告

下载按钮将帮助您的网站看起来比简单的链接下载更专业。一个按钮提供了一个更简洁的界面，如果你自己设计一些东西，你的按钮可以成为页面设计的一个组成部分。按照本教程创建 HTML 按钮或您自己的自定义按钮。

脚步

方法 1（共 2 个）：创建 HTML 按钮

1. 1 在源代码编辑器中创建一个按钮。 像记事本或 TextEdit 这样的简单文本编辑器就可以了。在文本编辑器中，输入以下代码：
2. 2 将文件上传到您的服务器。 如果您想提供一个文件以供下载，您要么必须将其存储在您的服务器上，要么将按钮与网络上其他地方的某个文件相关联。使用 FTP 客户端上传您想要提供给您的站点服务器的文件。
3. 3 如果您想链接到非您存储的文件，请确保您拥有网站管理员权限。
4. 4用您的真实下载 URL 替换“下载位置”。一定要把地址用单引号括起来，“window.location ='下载位置”用双引号括起来。添加前缀，如HTTP://或FTP://，并添加文件扩展名，如.webp或.EXE ..
5. 5 写在按钮上。 将“按钮文本”替换为您希望出现在按钮上的文字。确保在双引号中包含文本。尽量保持你的短语简短，这样屏幕上的按钮就不会显得笨拙。
6. 6 将源代码放在您的页面上。 您可以将按钮的源代码粘贴到页面上的任何位置，按钮将准确显示在该位置。上传您的新页面代码并测试您的新按钮。

方法 2 of 2：将按钮创建为图片

1. 1 画出你的下载按钮。 使用您喜欢的任何图像编辑器并绘制一个与您网站风格相匹配的按钮。您可以根据需要将按钮设置为大（或小）。
2. 2 使用按钮将文件和图像上传到您的服务器。 如果您想提供一个文件以供下载，您要么必须将其存储在您的服务器上，要么将按钮与网络上其他地方的某个文件相关联。使用 FTP 客户端上传您想要提供给您的站点服务器的文件。
   • 将按钮图像上传到您添加此按钮的页面所在的服务器上的相同位置。
3. 3 编写源代码以供下载。 下载按钮呈现为图像，其工作方式与 HTML 中的所有其他链接相同。将以下代码复制到您的编辑器中：
4. 4 输入文件和图像信息。将“下载位置”替换为真实的下载 URL，包括任何 HTTP:// 或 FTP:// 前缀。用按钮图像的文件名替换“图像文件”。如果文件位于与页面相同的服务器上，则无需指定完整路径。
   • 将“悬停文本”替换为用户将鼠标悬停在按钮图像上时应显示的文本。
   • 分别用图像的宽度和高度（以像素为单位）替换“X”和“Y”。
   • 请务必在双引号中添加所有这些条目。
5. 5 在您的页面上输入源代码。 将代码放在按钮应该出现的地方。上传新代码，然后打开您的网页以查看该按钮是否有效。检查提示文本是否出现在悬停时，以及图片本身的大小是否正确。

警告

• 切勿违反版权法上传文件，因为这可能会导致巨额罚款甚至入狱。
• 将文件上传到您自己的服务器并稍后共享它们比依赖存储它们的其他站点要好得多。如果您将链接从另一个站点复制到文件位置，则您创建的下载按钮仅在链接保持有效时才有效。您必须定期检查按钮或链接所在站点上的功能，以确保用户在单击按钮时能够下载文件，并且不会因以下原因单击损坏的链接该文件不再存在的事实。