制作模板网站

HBCMS的模板以一套一套的形式存在。一套模板，包括多个模板文件。如 首页模板文件，列表页，文章页模板文件等。更换一套网站模板，可以在1小时内将您的网站外观完全改变，让丑小鸭瞬间变成美丽的天鹅。更换网站模板，不会影响现有网站的目录结构，不会改变已有网页的URL网址，几乎不影响搜索引擎收录。您需要先安装一套新的模板。（通常系统里已经默认安装了几套免费的模板，一般需要额外为不同的外观布局来定制模板，然后安装到系统里）进入后台的网站模板管理页面，预览已经安装的模板，对效果满意的模板，设置为网站默认模板更新网站首页，让网站所有页面全部自动更新。

dedecms建站移动化问题，从6.18织梦更新手机站后问题就解决了，下面是对网站系统做的一些升级记录（记得升级之前一定要备份，切记）以网站http://boaer.com为例：第一步：下载官方升级文件v57sp1-20150618.zip （记得升级之前一定要备份，切记）第二步：解压覆盖原来的文件。上传到服务覆盖之前的文件。第三步：对模板文件的修改。复制以前的老模板文件，分别加上一下代码：首页：<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/index.html"><script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/index.html";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>栏目页<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}"><script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>文章页面<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}"><script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>建议把其中的{dede:global.cfg_mobileurl/} 修改为手机站网站，例如修改成http://m.boaer.com/ 。这代码的主要含义是手机跳转到手机页面。对手机端模板修改，主要是添加统计代码，对css的一些调整，手机模板也存在于默认模板下.主要的有：header_m 顶部index_m   首页footer_m  底部index_default_m  列表页修改之后覆盖。解决验证码失效问题：直接取消验证码1、打开 login.php 找到：if($validate==” || $validate != $svali)替换为：if( false )2、在模板文件dede/templets/login.htm里去掉以下验证码的具体HTML代码：<li><span>验证码：</span>   <input name=”validate” type=”text” id=”vdcode” style=’width:50px;text-transform:uppercase;’ />   <img id=”vdimgck” src=”../include/vdimgck.php” alt=”看不清？点击更换” align=”absmiddle” style=”cursor:pointer” onclick=”this.src=this.src+’?'” /></li>第四步：把二级目录变为二级域名，就可以方位手机站了。网址：http://www.boaer.com/m/ 为了更友好，可以把二级目录变为二级域名。1、解析二级域名到服务器IP。2、解决图片不显示的问题。把图片变成绝对地址改目录include下的文件extend.func.php，在最后面添加一个函数方法function replaceurl($newurl){$newurl=str_replace('src="/uploads/allimg/','src="http://你的域名/uploads/allimg/',$newurl);return $newurl;}另外调用文章正文内容的标签{dede:field.body/}需要改成： {dede:field.body function='replaceurl(@me)'/}此方法可以适用于任何调用绝对路径图片的页面。手机访问网站时就会自动跳转到手机站网址了。其他问题可以去DEDECMS官方论坛看看，或者百度搜索基本上都能找到答案。

网站的几个基本组成元素:域名+空间+程序+模板+维护经验+日常管理.网站建设 是一个综合性的技巧，小说网站也不例外，这个就像种菜,并不是说看个操作流程就一定会种菜，还要土壤，水肥，气候，直接间接的相关知识都做足够的了解，才能真正去操作，最终还要一个好的服务商。以十几年的企业网建运维网商系统经验，网站=域名+服务器空间+网站程序+售后服务，网站就像一个家：【域名】：网址 就相当于家的住址。记住和找到家所在的位置。【空间】：就是盖房子的基础 土地 环境 等。【程序】：就是家的主体框架,是整个家的运转中心。【模板】：网站的美化 就是家的装修,当然因人而异有人不装修原汁原味也可以。【维护】：技术性维护就像安居乐业的保安和坚实后盾。【勤劳】：是整个家可以稳定持续运转极其重要的部分，家里所有的东西都要靠勤奋去填充，增加新鲜，让大家觉着你家很好 很充实。这是一个完美网站的所有，有能力和经验的可以全部自己做好,没有相关经验的部分可以找专业的技术团队协助。有一个非常直接的真理：用合适的成本，找合适的人，去做合适的事...这是大自然发展的规律。域名，由域名中心统一管理，诸多代理商销售推广，可以联系任何一家代理商在线付款注册。空间，服务器，寻找有资质的服务商选购和自己网站规划搭配的配置，切记，够用即可，现在的服务器大多可以无缝升级，没有必要为未来的想法预消费，需要的时候再升级即可。关键是商家的信誉，资历，多年经验的优先考虑。模板程序维护等，技术方面，最好找专业技术团队协助运作，避免出现问题网站故障临时找人抱佛脚，影响就大了。具体可以联系我们综合分析你的需求，给你提供方案和细节参考。

Html5和以前html，jsp写法一样的，基本上区别不大，如果要写手机页面的话，可以用dw然后在里面用手机版块看效果

使用网页模板的优缺点1、它最大的问题就是不能直观修改代码，模板建站会有很多长的垃圾代码，而且每个页面的代码都很相似，如果这样就不利于百度等搜索引擎搜索，对于网站SEO优化极为不利。 2、网站风格都差不多，很难树立提高企业形象。 3、大多数自助建站是公用的空间及数据库，安全性无法保证。 4、不支持今后网站功能扩展 　　5、如果是几页的小规模网站，自己动手添加信息还可以，如果网站大了内容多了，产品多种多样，一页页添加将会是一件很烦心的事情。

　　网页模板就是已经做好的网页框架，使用网页编辑软件输入自己需要的内容，再发布到自己的网站。每个网页模板压缩包内包含：PSD图片文件(可用Photoshop、ImageReady或Fireworks修改)，按钮图片PSD文件、Flash源文件和字体文件，推荐使用Dreamweaver软件向网页模板添加内容。　　创建和设置　　1)模板的概念：作为创建其它文档的样板的文档。创建模板时，可以说明哪些网页元素不可编辑，哪些元素可以编辑。其扩展名为.dwt。　　2)模板的作用：有利于保持网页风格的一致;提高工作效率。　　1.创建模板　　1)创建一个全新的模板：在模板面板中，使用快捷菜单按钮或单击面板上的新建按钮　　模板面板的打开：Window菜单--Templates　　2)创建基于文档的模板：File菜单-Save As Template　　2.设置模板页面属性　　1)用模板创建的文档继承模板的页面属性，页标题除外。　　2)设置：Modify菜单-Page Properties　　3.定义模板的可编辑区　　1)定义模板的可编辑区　　在模板文档中选定对象、Modify菜单、Templates、New Editable Region　　2)取消可编辑区标记　　Modify菜单-Templates-Remove Editable Region　　应用和更新　　1.应用模板创建文档　　1)应用模板创建文档　　使用模板创建新文档：File菜单-New From Template　　或：File菜单-New-从模板面板中拖一个模板到文档　　对现有文档应用模板：Modify菜单-Templates-Apply Template to Page-模板面板中选定模板-单击Select　　或：从模板面板中拖一个模板到文档中　　或：从模板面板中选定一个模板，单击Apply　　2)可编辑区和锁定区　　在应用了模板的文档中，只有可编辑区的内容才可以修改。　　3)把页面从模板中分离出来　　如果要对应用了模板的页面的锁定区进行修改，必须先把页面从模板中分离出来。　　具体操作：Modify菜单-Templates-Detach From Template　　2.修改模板　　在模板面板中选定模板、单击编辑按钮或双击模板名称或使用快捷菜单的Edit、编辑完成后保存　　3.更新站点中使用模板的所有文件　　Modify菜单-Templates-Update Pages

模板自助建站或者代写源码建站有点区别，根据需求选择：自助建站是在一个基础平台上，以固有的模板配置，来进行选择，是选择固有的模式。而网站公司手工做的网站，是可以有私人订制的部分，无论哪里或有什么功能都可以先行协商，落实后进行。综合来讲，各有优势，在基本企业网站的基础上，自助建站也是非常不错的。现在的自助建站系统，好的模式更加强大，包含PC电脑站+手机站+APP端+微信公众平台整合，完整的各方位包含，而这些所有功能，在一个后台统一管理，非常方便。

　　制作网站要具备的三要素： 域名+网站空间+网站程序　　1、需要注册购买域名。域名是全世界唯一性的！国内英文域名注册费用60-150元/年，国内网站需要通过工业和信息化部网站备案。　　2、注册购买网站空间。一般类型企业网站购买200M左右虚拟空间即可，费用200元左右。　　3、网站程序制作。网站的程序费用不等，一般在1000-4000不等，如果有特殊的功能，如：在线支付、购物车等，费用较高。　　4、网站程序是通过FTP软件上传的.注册网站空间时候，网站空间后台提供ftp地址、用户名、密码。

其实标准的网制作完成的工作实际是：psd to html，一般情况下，我们会拿到美工的psd,这时候不同的人会有不同的做法： 1.打开fireworks将图片切割导出为html。 2.直接在dreamweaver之类的工具去拖拉布局，导入相关的图片,flash资源。 3.先在ps中完成切图后，在文本编辑器中看着效果图一步步的制作。 以上是大多被采用的方法，但都不好： 第一种方法最为不好，这样的代码根本不具维护性和可读性。 第二种方法也不好，代码难免会有冗余，做出来的东西基本需要排查一遍。 第三种方法也不好，因为你需要看效果图一点点的拼，也就是说写html标签的时候，你在不断的假设这块要怎么去显示。 正确的做法是： 1.拿到psd后，先不要做别的，直接在文本编辑器中将网页的框架写出来，不要假设这块将来css要去怎么渲染，完全自然化的标签，不加任何的css。 2.写完之后在各个浏览器运行之后确保大体定位都没有问题。 3.书写总体css,这里的css只负责大块的定位及样式。 4.切出需要的图片资源，在写好的框架中一点点的去构造，不断的调试，最终为成品。 5.最后，为自己的代码添加注释，在css，html中都要合适的为自己的代码添加注释。 要想做出能灵活切换皮肤，让css主导表现，还有很多要注意的地方，但大体的流程就是这样的，当然我们一开始不能直接就做到先写html，但起码要有这个意识，循序渐进。。。谢谢热心会员"linxz"提供实际经验，我贴上来供大家参考：PSD出网站从两个大点考虑一、一个独立的页面1、分析这个页面，先在脑袋中或者草稿纸上描绘大概的结构2、根据设计稿的的情况，分析背景图的分布、ICO图的分布等3、切割相应的图片，导出、合并图片4、在编辑器中写整体结构XHTML代码，包括页面中出现的所有元素的结构5、编写CSS样式中的整体以及模块代码6、细节调整7、收工，浏览器验证是否正确二、由多个页面组成的小站点或者大站点1、浏览所有设计稿，统一规划站点模块、图片、文件分布2、开始第一点的操作，但规划站点的内容分布很重要整体考虑点：图片的合并，减少请求量结构的合理性，语义化样式的简洁，便于后期维护多为后期的维护以及程序开发着想，如何简单实现效果 参考资料： http://www.wzsky.net/html/Website/Experience/107671.html