新手修改着陆页代码指南

Peter

想要修改着陆页？不动 HTML？下面有你要的答案：

过去，我们会说，去学点 HTML 吧！并且如果你有空余的几个小时，那么就看看 CodeAcademy 的 HTML 和 CSS 教程吧：

https://www.codecademy.com/catalog/language/html-css

但是，当你开始了联盟营销，你要学的东西 太多了，并且任何能够降低你的学习曲线的都是好东西。

这就是本文存在的目的。

我会让你尽快上手修改着陆页里最基本的元素，不需要代码基础。

我想要……

这是目录：

• 修改链接成为我的追踪链接

• 修改页面的文本

• 修改一个图片

• 修改颜色

• 修改字体大小

• 让页面变得移动自适应

• 移动一个元素，比如CTA

不过在你开始阅读之前，阅读一下这部分：

开始前需要知道什么

首先，你需要一个文本或者代码编辑器。你不需要类似 Adobe Muse 这样的可视化编辑器，我们不会教怎么使用这类软件。

HTML 只是文本。你可以用任何文本编辑器打开，包括电脑自带的。不过，还是找专业的代码编辑器比较好。我使用的是微软的 Visual Studio Code。

然后，你需要了解HTML的基础工作原理。HTML 是标记语言，意味着它本质上是通过标签包裹的文本，用于处理所有的设计、颜色、图像等等。

任何通过尖括号包裹的，就是标签。如下：

它就是普通文本被标签包裹了。有时候标签之间间隔了很多行，但是它们结构是一样的。

如果我们要更改Web页面中的任何内容(几乎)，我们都要寻找一个标记并对其进行一些更改。

一、修改链接

链接时一个 a 标签包括了一些文本或者图片。

找到要替换链接的最简单的方法，就是从浏览器复制要找的链接，然后通过文本编辑器打开你的页面，在页面上搜索这个链接，你通常可以找到类似下面的代码：

用你自己的跟踪链接替换标记为“change this to change the wen destination”的位置。然后点击保存，然后在浏览器中加载页面。

点击链接，并检查你跟踪程序的数据。

(如上所述，你还可以通过更改两个尖括号部分之间的文本来更改CTA文本。)

二、修改文本

这很简单。只需在Visual Studio Code或任何你正在使用的文本编辑器中搜索网页中的文本。

当你找到文本时，将其替换为你想要使用的文本，并保存。

然后在浏览器中加载它，检查它是否破坏了页面的布局：有时，如果你用较长的文本替换文本，可能会造成问题。最简单的方法来解决这个问题——也是良好的联盟实践——是使你的文本更短!

如果你在页面上找不到文字，很有可能是图片。在你的Web浏览器中加载着陆器，然后右键单击文本——如果右键菜单上的选项之一是“查看图像”，它就是图像。参见“修改图片”，如下所示。

三、修改图片

这也很简单!在浏览器中打开着陆器，右键单击图像，选择“查看图像”。

然后，从地址栏，复制文件名——只有文件名，不是完整的地址——的图像。在HTML编辑器中，搜索该文件名。

现在准备你的新图片。它应该与你要替换的图片大小相同，否则页面的布局可能会出问题。

将其保存到存放着陆器HTML的文件夹中。最简单的方法是将它保存到主文件夹中，如果你想要更花哨一点，你可以创建一个名为“images”的文件夹，把它放在里面。(确保文件夹的名字都是小写的，尤其是在Windows上。)

现在将高亮显示的部分替换：

/image_filename 如果你把它保存在主文件夹

/images/image_filename 如果你把它保

加入社区,可阅读全站10w+资源

您尚未登录，请登录后操作

 非会员试读19%,加入社区后可阅读全文