如何将网页模版修改成自己的网站

宁波网站建设 | 2017-07-14

其实我们平常看到的网站模板的种类有很多,今天主要讲解如何修改慕枫模版网站的修改。
模板均分为三大部分,1.网页的html文件,2.CSS文件,3.图片文件。一般情况修改模板只需修改这三部分。
准备工作:修改网站模板必须要懂一些基本的技术:1.HTML语言 2.DIV+CSS 3.图片制作方法:Photoshop/Fireworks.


一、css路径



加红色的部分就是系统标签,这时你可以修改成你本机的虚拟路径。其他的程序标签都有说明,请查看相关系统标签。


如:<link rel="stylesheet" rev="stylesheet" href="<#mfwl#>  type="text/css" media="screen" />


修改好之后你就可以在Dreamweaver里面直观的看到网页界面了,并且修改起来也非常方便。(记得模板修改之后别忘记把CSS路径改回去哦!)


二、banner和logo修改


对于修改网页中的图片推荐使用Fireworks,原因是Fireworks不仅可以打开PNG源文件,还可以打开PSD源文件,相反Photoshop是不能打开PNG源文件 的。如果你遇到没有提供源文件的模板怎么办?比如修改logo,无论是JPG格式还是GIF格式,一律用Fireworks打开,然后在原基础上修改,然后直接保存就可以看到效果了。但这需要一点点PS技巧。



三、文字内容修改


看不懂代码?没关系,这个时候我们可以通过ctrl+f查找的方式来查找并修改我们要修改的地方。比如我们选择修改的是‘标题’,找 ,选择慕枫改成自己的内容即可,快捷键保存【ctrl+s】
说的再多都不如自己动手试试,毕竟实践出真知
在慕枫官网下方选择模版站,如图:


链接直达:http://www.mfdemo.cn/
希望你能成功,拥有一个属于自己的网站!




上一篇:网站开发过程兼容性问题分析下一篇:分享一个整站网站下载软件-杭州网站制作,杭州网站设计-慕枫网络
联系电话 400-6065-301

微信咨询 寒总监