时间:2023-06-20 14:15:36 点击次数:5
9月底,陆续发文《创业者的官网:如何搭建免费云服务器及操作面板(图文版)》、《免费服务器-搭建模板网站的操作流程(图文版)》,两篇文章对应两篇操作流程视频,介绍了免费服务器的搭建及模板官网的上传。内容上还缺少“如何修改模板官网内容”,今天放出文章和视频,视频连接见文章底部。
下载官网模板并解压后,可以得到几个文件夹和“index.html”文件。选择“index.html”后,右击使用浏览器打开。
在浏览器中选择要修改的文字或图片,右击找到“审查元素”或者“检查”(不同浏览器表述不同)。浏览器打开后,可能是如下图所示,代码框在右侧,也可能是在下方。
修改文字:打开代码框后,如上图所示,选择文字后,例如:“你好,这里是流程书”,右击“审查元素”或“检查”。在右侧出现的代码框中,找到对应文字直接修改。文字一般在<h></h>或<a></a>或<li></li>之间,例如:<h2 class****>你好,这里是流程书</h2>。
修改图片:直接右击图片,选择“审查元素”或“检查”,右侧出现图片的地址链接,在提示中的文件夹中找到文件,直接将自己的图片改成对应的名字,粘贴覆盖即可。如下图:图中的logo,保存在photos文件夹中,名字是logo3.png。将自己的logo改名为“logo3.png”,然后粘贴覆盖到photos文件夹中。
将需要修改的所有文字和图片调整完成后,点击代码框中的下三角,将<body>中的所有文件隐藏到一个条目,如下图:
点击整个条目,ctrl+C复制,然后右击“index.html”文件,使用记事本打开,如下图:
将记事本中<body>开头,一直到</body>结尾的部分删除,将刚才复制的内容,ctrl+V粘贴到这里,并保持关闭。
模板网站修改完成,上传到服务器就可以使用了。
《创业者的官网:超简单的方式,轻松修改官网模板》视频地址,有详细操作流程,不清楚留言答复,欢迎持续关注。