新手修改着陆页代码指南
想要修改着陆页？不动 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 如果你把它保存在“images”文件夹。保存，在你的浏览器中重新加载页面，并检查它看起来OK!四、修改颜色改变颜色是相当棘手的——你必须深入研究页面中使用的层叠样式表(CSS)。我们这里就不讲了。但幸运的是，有一种简单的方法可以在大多数情况下使用。首先，确定你想要使用的颜色的Web代码。你可以使用Photoshop中的颜色选择器:现在，找到想要更改颜色的HTML部分。要做到这一点，在Web浏览器中加载页面，右键单击想要更改颜色的区域，然后在Firefox中选择“inspect element”或在Chrome中选择“inspect”。你将看到打开了一个很大的HTML窗格，其中有一小部分高亮显示。在文本编辑器中找到页面的HTML中高亮显示的部分。(这可能有点像找工作——聪明地使用查找工具非会员试读19%,加入社区后可阅读全文 路过 帮顶 嘿嘿 我也顶起出售广告位 楼主呀，，，您太有才了。。。 佩服佩服！ 不错 支持下 确实不错，顶先 鄙视楼下的顶帖没我快，哈哈 垃圾内容，路过为证。 占位编辑