1. 武汉大摩SEO首页
  2. 网站建设

单页面网站建设教程

       单页网站建设其是比较简单、高效的,不需要后台,不需要管理,搭配上震撼性的文案、精美的图片,较好的网站优化,能够快速吸引客户的注意力和全方位展示,通常搜索竞价采用的就是单页网站(没有企业网站的那种);通过本教程快速制作一个属于自己的单页网站,与主网站相互配合使用。

单页面网站建设教程

最开始打算的是做个单页用的网站主要针对襄阳网站建设这块地区性做优化,用二级域名来做不用去重新申请域名。最初考虑的是用Wordpress+单页模板,找了几个小时没找到合适的单页面网站主题,最后找到的这个也放在WP里面上传了试了安装不上才查觉到不对,到百度搜索了下才知道这个主题只是个前端是没有后台的,想了很久还是打算做用这个做着试试看,用WP+企业主题把不相关的页面删除其实也能做但是点菜单不会跳到相应的位置,而且网站一下子就臃肿起来了,后期要加各种插件来优化速度不太划算。下面来介绍下如何做这个单面百的网站建设过程:

单页网站主题选择

网站源文件是在国内的模板之家找到:http://www.cssmoban.com/tags.asp?n=%E5%8D%95%E9%A1%B5,给个链接地址,这个页面介绍的都是单页面网站的源码。

我用的是<IT公司全屏自适应作品展示企业模板>这个模板,html代码里面也有原文件的国外链接地址的。

网页的文字修改、版面修改主要就是修改index.html文件实现,用Notepad++软件打开这个文件,对照标题,菜单位置修改里面的英文换成中文,标题描述关键词部份是从我武汉大摩SEO博客源码中考贝过去的,原文件中只有标题其它没有。

内容部分对照打开后的网站来对比查找要修改的英文,换成想替换的内容,

<div class=”sec-panel-head”>
<a>友情链接 <small></small> </a>
</div>

<div class=”sec-panel-body”>
<div class=”list list-links”>
<a target=”_blank” href=”http://www.damowo.cn/”>武汉SEO网站优化</a>
<a target=”_blank” href=”http://damopc.com/”>襄阳大摩装饰</a>
</div>
</div>
</div>
</div>

这个是也是从博客上考过去的友情链接代码,各位也可以直接考过去使用替换成自己的,

接着是增加QQ在线沟通功能考呗的博客页面编辑里的内容

<p>在线咨询:<a href=”http://wpa.qq.com/msgrd?uin=562722510″ target=”_blank” rel=”noopener noreferrer”><img class=”alignnone j-lazy” title=”点击这里给我发消息” src=”http://www.damowo.cn/wp-content/uploads/2018/10/button_111.jpg” alt=”点击这里给我发消息” border=”0″ />

上面蓝色的部分是点击这里给我发消息这个图片的地址,各位可以调用也可以保存到自己网站文件内调用。

原文件有个邮件发送功能,本人不太懂代码修改不了就删除了,有能力的可以试试;http://wpa.qq.com/msgrd?uin=562722510″ target=”_blank” rel=”noopener noreferrer

网站建设之图片更换

网站有些图片不需要更换但是文件尺寸都太大,直接把原文件用PS调一下,需要更换的找到新图加工成要替换图一样的尺寸名字起一样直接替换(小图也可以适当的加大一些尺寸,12幅图那里我把原尺寸250*250变成了320*320)

网站文件上传

用虚拟主机的可以直接把所有文件上传到根目录即可,域名解析好就可以直接上线。ECS用宝塔面板的就如平时建站一样建个网站目录,FTP与数据库都可以不要。

用ECS的宝塔面板的可以直接编辑index.html文件,后期修改就不用下载回来了,网站上线前记得把TDK,内容都优化好,接下来去百度收录那里申请收录就可以了。

本站提供SEO优化、SEO咨询、SEO诊断,网站开发建设;微信:m562722510 QQ:562722510

本站原创文章,如若转载。发布者:大摩seo,转载请注明出处:http://www.damowo.cn/jianzhan/1183.html

联系我们

....

在线咨询:点击这里给我发消息

邮件:562722510@qq.com

武汉SEO QQ交流群

QR code