导航
模板制作首页
系统使用
插件使用
米拓商城
模板制作
应用开发
系统开发
https://doc.metinfo.cn/mb/
1
模板制作首页
商业模板修改教程
1.了解和准备
1.1前言
更新时间：2020-01-17 16:18:01
作者：米拓建站
## MetInfo 可视化商业模板 MetInfo可视化商业模板是基于MetInfo6.0.0及以上版本开发的响应式网站风格，结合MetInfo企业网站管理系统，可以实现可视化编辑、在线升级、网站颜色风格任意调整等功能。 MetInfo可视化商业模板完全开源，用户购买后如需要对模板区块或展示样式进行调整也可以自行修改。 v6系列 [商业模板修改教程](../muban/ "商业模板修改教程") V5.3系列模板的修改和制作请参考：http://doc.metinfo.cn/muban/ **米拓官方不提供任何模板修改的技术支持和咨询服务，亦不对用户自行修改模板而造成的损失承担任何责任，如对教程有疑问，可移步 [商业模板修改交流 ](https://qa.metinfo.cn/mbxg "商业模板修改交流 ")进行交流讨论！** --- ## 修改模板需要掌握哪些语言？ HTML：熟练，[HTML教程](http://www.w3school.com.cn/html/index.asp "HTML教程")； CSS：熟练，[CSS教程](http://www.w3school.com.cn/css/index.asp "CSS教程")； JavaScript（简称JS）：简单制作模板不需要掌握太多JS，知道JS有什么作用即可，[JS教程](http://www.w3school.com.cn/js/index.asp "JS教程")； PHP：不需要掌握太多PHP，了解基本的语法知识即可，[PHP教程](http://www.w3school.com.cn/php/index.asp "PHP教程")； 你需要用到WEB前端技术，可以初步学会对模板进行修改，然后学习模板制作需要了解的各方面知识，终你将学会制作一套全新的 MetInfo 模板并能够上传到 MetInfo 网站后台使用。 --- ## 静态页面制作与模板制作的区别 - 模板不会像静态页面那样被直接访问，而是先经过程序的编译再显示给访客； - 静态页面中的链接href、图片路径src、页面文字等，制作模板时都会采用标签或变量； - 制作模板不需要编写网站的所有页面，每个功能模块只需要制作1到2个页面（如文章只需要列表页和内容页），甚至很多时候可以用现有的； - 静态页面的每个页面都需要编写整个网页，而模板则把页面拆分为多个部分（头部、内容部分、底部等），其它页面可以引用头部和底部。
上一篇
: 3.2.UI修改保存
下一篇
: 5.1.代码规范
文档中心
米拓学堂
帮助中心
在线交流
{"status":1,"html":"<style type=\"text\/css\">\r\n.onlinebox_three{border:2px solid;}\r\n.onlinebox_three .onlinebox_three_list{width: 160px;padding: 10px 0px;}\r\n.onlinebox_three .online-item{margin-bottom: 5px; padding: 0px 17px; position: relative;display: block;color: #666;}\r\n.onlinebox_three .online-item:last-child{margin-bottom: 0px;}\r\n.onlinebox_three .online-item:hover{background: #f8f8f8;}\r\n.onlinebox_three .online-item i{font-size: 16px;}\r\n.onlinebox_three .onlinebox-open{font-size: 22px;display:none;cursor: pointer;padding: 0 10px; font-size: 18px; line-height: 40px;}\r\n.onlinebox.min .onlinebox-open{display:block;padding:0 10px;background:#444;font-size:18px;line-height:40px;color:#fff}\r\n.onlinebox .onlinebox-min{position: relative;top:-4px;}\r\n@media (max-width: 767px){\r\n.onlinebox_three .online-item{font-size: 12px;padding-top: 6px;}\r\n.onlinebox_three .online-item i{font-size: 14px;}\r\n}\r\n<\/style>\r\n<div id='onlinebox' class=\"onlinebox onlinebox_three hide\" m-type='online' m-id='online' style=\"border-color:#1baadb;\">\r\n <div class=\"onlinebox-open\" style=\"background:#1baadb;\"><i class=\"fa fa-comments-o\"><\/i><\/div>\r\n <div class=\"onlinebox-box\">\r\n <div class=\"onlinebox-top\" style=\"background:#1baadb;\">\r\n <div class=\"onlinebox-top-btn font-size-26\">\r\n <a href=\"javascript:;\" class=\"onlinebox-close\" title=\"\">×<\/a>\r\n <a href=\"javascript:;\" class=\"onlinebox-min\">-<\/a>\r\n <\/div>\r\n <h4>在线交流<\/h4>\r\n <\/div>\r\n <div class=\"met-editor onlinebox-bottom p-x-10 p-y-5\"><p style=\"text-align: center;\">\r\n <img src=\"..\/upload\/202001\/1579417409303256.png\" data-width=\"120\" width=\"120\" data-height=\"120\" height=\"120\" title=\"\"\/>\r\n<\/p>\r\n<p style=\"text-align: center;\">\r\n 微信公众号\r\n<\/p>\r\n<p style=\"text-align:center;\">\r\n <img src=\"..\/upload\/202001\/1579417452544806.png\" data-width=\"150\" width=\"150\" data-height=\"150\" height=\"150\" title=\"\"\/>\r\n<\/p>\r\n<p style=\"text-align: center;\">\r\n QQ交流群\r\n<\/p><\/div>\r\n <\/div>\r\n<\/div>","t":"4","x":"10","y":"130"}