一：首页公司简介源代码
<p>【<span style="color: rgb(255, 0, 0);">本段内容可在内容管理的区块管理中修改</span>】美的集团是一家全球领先的消费电器、暖通空调、机器人及工业自动化系统的科技集团。提供多元化的产品种类，包括空调、冰箱、洗衣机、厨房家电、及各类小型家电。美的坚守 “为客户创造价值”的原则，致力创造美好生活。美的专注于持续的技术革新，包括机器人，以提升产品及服务质量，令生活更舒适、更美好。</p>
<p style="text-indent: 2em;">美的于1968年成立于中国广东，迄今已建立全球平台，拥有约200家子公司及10个战略业务单位。美的于截止2015年12月31日止财政年度实现收入超过187亿欧元，在全球拥有约11万名员工。</p>
<p style="text-indent: 2em;">美的在全球运营29个生产基地及约260个物流仓库。美的是一家于深圳证劵交易所上市的民营企业(000333)，其多元化的股份结构显示，近20%股份为国际机构投资者所持有。<br/>
</p>
解释一下上面的代码
1：p标签是段落标签，被<p></p>包含起来的是文章的一个段落
2：span标签是段落标签内的一个特殊标签，被span标签包含起来的，可以单独对其进行样式的控制，比如上面被<span></span>包起来的文字就被加了颜色，（注意颜色值有三种表述方式，第一种就是英文名称表示法，第二种就是rgb表示法，第三种就是16色表示法，所以上面的rgb(255, 0, 0)即可以换成red，也可以换成#FF0000，如要换其它颜色请根据颜色rgb对照表改这个颜色值即可），如果还要对被包起来的文字进行其它的设置怎么改代码呢？
2.1：在rgb(255, 0, 0);后面加上font-size:30px;可以设置字体大小为30像素，即<span style="color: rgb(255, 0, 0);font-size:30px;">
2.2：在rgb(255, 0, 0);后面加上background:#000;可以设置其背景色为黑色，即<span style="color: rgb(255, 0, 0);background:#000;">
2.3：在被包含的文字左边加上<strong>，右边加上</strong>，即可加粗，即<strong>本段内容可在内容管理的区块管理中修改</strong>
3：<p style="text-indent: 2em;">这个代码是起对一段的首行顶格控制的，数字越大，首行顶格越大
如果首页公司简介想放在编辑器中去修改怎么解决呢？
1：在首页节点下添加名称为首页公司简介、类型为单杂项，字段为简介的子节点
2：点击左侧的刷新
3：点击左侧首页下面的首页公司简介，然后把内容加进去
4：点击左侧的刷新，此时左侧的的公司简介右边会出现方括号与数字
5：将之前的首页简介的源代码替换成<?=Info::getTd(数字,"digest")?>这个即可
二：页脚联系方式源代码
<p>客服电话：13798214959<br/>
工作时间：24小时<br/>
意见建议：249709197@qq.com
</p>
解释一下上面的代码
<br/>表示换行，一个<br/>就是换一行，两个<br/>就是换两行
三：页脚版权等源代码
<div class="copyright"> 深圳市网巢科技有限公司 版权所有 © 2008-2018 Inc. 粤ICP备11083046号 <a href="<?=weburl?>/sitemap.html" target="_blank">sitemap.html</a> <a href="<?=weburl?>/sitemap.xml" target="_blank">sitemap.xml</a> <a href="<?=weburl?>/admin/">后台登录</a></div>
解释一下上面的代码
1：div是一个比p标签应用范围更广的标签，除了可以当作段落标签来用之外，还可以用来布局框架，大小结构，还可以用来实现绝对与相对定位等更多的功能
2： 这个是空格的意思，多个 连接在一起就是多个空格，
3：a标签是超链接标签，href就是超链接的值，target表示打开方式，值为_blank表示是在新窗口打开，如果没有这个值，就在当前窗口打开
4：class="copyright"这个表示是给上面的div标签定义一个class属性，copyright这个是class属性的值，打开/_backup/html/css/，搜索copyright，找到2个css文件，点开那个app.css，按Ctrl+F，搜索copyright，会找到下面的一行代码
.copyright{font-size:12px;color:#8F8F8F;font-family:microsoft yahei;line-height:24px;text-align:center;padding:10px 0;background:#000;}
上面代码是给div那个标签设置字体大小(12像素)，颜色(#8F8F8F)，字体名称(微软雅黑)，行高(24像素)，文本水平对齐方式(居中对齐)，内边距(上下10像素，左右0像素)，背景色(#000)的设置。
四：再来看图片源代码的修改（在修改之前需要先检查显示器的分辨率设置是不是1600*900，如果不是请设置成这个分辨率）
1：PC站的LOGO的修改
1.1：先获取PC站的logo的最大宽度与高度,打开演示站点一PC站首页之后按F12快捷键，然后跟着下图中的1234的提示操作
1.2：做一张宽200像素高55像素的图片，图片的名称与PC站的LOGO的图片及后缀保持一致，也是pc.png
1.3：将这张图片上传到网站（在后台点上传进入上传管理，然后点右上角的上传文件，上传之后就会替换掉原来的那张同名图片）
1.4：清除浏览器的历史记录，我们预览一下PC站的动态网页刷新就能看到变化（注意后台有修改改了css文件、上传替换了图片的操作时，在预览动态网页时都要清空历史记录）
如何把logo的最大高度设置成70像素？
打开/_backup/html/css/，搜索“.logo”（注意logo前面还有一个点），找到1个css文件，点开那个app.css，按Ctrl+F，搜索“.logo”，会定位下面的那行代码，将下面的那行红色代码中的15px改成0，改了之后再上传一张宽200像素高70像素的同名（pc.png）图片即可
.header .logo{float:left;width:200px;height:70px;display:block;padding:15px 0 0 0;}
如果上传的不是同名文件接下来还要改哪里？（假如上传的是pc70.png而不是pc.png）
打开/_backup/html/搜索“pc.png”，找到1个php文件，点开那个bodytop.php，按Ctrl+F，搜索“pc.png”，会定位下面的那行代码，将下面的那行红色代码中的pc.png改成pc70.png即可
<div class="logo"><img src="/_backup/_upload/pc.png" alt=""></div>
2：手机站的LOGO修改（方法与PC站的一样，打开演示站点一手机站首页之后按12快捷键，然后跟着参考上图中的操作步骤就可以获取最大宽度与高度200*23，名称是wap-logo.png）
3：PC站的banner
推荐宽度：1920像素，为什么要设置的比在显示器上实际显示的1583（按上图的步骤看到的是div.img 就是1583*460像素)要宽，那是因为PC站的banner是铺满整个屏幕的，其目的是为了避免低分辨率的显示器两边留白。
固定高度：460像素，下面是三张banner的代码
<li><a href="javascript:void(0);"><img src="/_backup/_upload/pcbanner2.jpg" /></a></li>
<li><a href="javascript:void(0);"><img src="/_backup/_upload/pcbanner1.jpg" /></a></li>
<li><a href="javascript:void(0);"><img src="/_backup/_upload/pcbanner3.jpg" /></a></li>
解析一下上面的代码，上面的代码一共是三张banner图片，li是一个列表标签，a是一个超链接标签，href的值为javascript:void(0);的意思是让一个超链接点击后不链接到任何地方，但是鼠标移上去仍然显示手指形状的图标，img是图片的标签，src就是包含路径的文件名，如果要修改那三张banner，在后台上传同名文件即可
如果只想显示两张图片，那么删除上面的其中一整个li标签即可
如果要显示四张图片，先将图片上传到后台，并记住这张图片包含路径的文件名，然后复制一整个li标签，然后改一下src属性的值为之前包含路径的文件名即可
4：手机站的banner，操作步骤与PC站的差不多
推荐宽度640像素，固定高度300，下面是三张banner的代码
<div class="swiper-slide"><a href="javascript:void(0);"><img src="/_mfmb/0001/_backup/_upload/wapbanner1.jpg" /></a></div>
<div class="swiper-slide"><a href="javascript:void(0);"><img src="/_mfmb/0001/_backup/_upload/wapbanner2.jpg" /></a></div>
<div class="swiper-slide"><a href="javascript:void(0);"><img src="/_mfmb/0001/_backup/_upload/wapbanner3.jpg" /></a></div>
5：PC站首页关于我们图片，在后台上传同名文件即可（文件名称是about.jpg，固定宽度410像素，固定高度260像素）
如果不想直接修改源代码，还有另外一种方式那就是使用信息表Info模型类getTrs、getTr、getTd这三个方法实现数据调
五：新闻中心等列表节点的置顶操作
在后台点击左侧的新闻中心进入新闻中心列表页，然后再点击文字“否”，即可切换成“是”，“是”表示是可以显示在首页。
如果点击了是仍然无法在PC端的首页显示怎么办呢？
1：在代码中搜索 Info::getTrs(3，在搜索结果中点击index.php，按Ctrl+F继续搜索Info::getTrs(3，此时会定位到这一行代码
2：根据Info模型类的getTrs方法的参数说明检查这一行代码的中第二个与第三个参数
到时为止，就全部做好一个跟演示站点一一样的网站了，接下来可以去预览动态网页看看效果了（静态网页需要先生成才能浏览，如果后台有修改改了css文件、上传替换了图片的操作时，在预览动态或静态网页之前都要清空历史记录）。