html首页模板代码
phpcmsv9首页布局的修改页面在哪里
在phpcms\\templates\\default\\content目次下的index.html就是首页的模板。第一步：将美工新设计的模板放置到phpcms/templates/default/模块目录名/模板文件名.html 如: phpcms/templates/default/content/category_new.html 如: phpcms/templates/default/content/category_download_new.html 如: phpcms/templates/default/content/category_picture_new.html [html] view plaincopy第二步：找到phpcms/templates/default/config.php配置文件添加如下代码(红色标注)： array ( 'templates|default|content' => //content-代表内容模块的模板风格 array ( 'category.html' => '文章频道页', 'category_new.html' => '文章频道页', 'category_download.html' => '下载频道页', 'category_download_new.html' => '下载频道页', 'category_picture.html' => '图片频道页', 'category_picture_new.html' => '图片频道页', 'download.html' => '下载连接页', 'footer.html' => '底部', [html] view plaincopy第三步：到后台去选择新的栏目页、列表页、内容详情页模板 。
dedecms做的网站怎么生成移动端页面
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官方论坛看看，或者百度搜索基本上都能找到答案。
求静态HTML留言板程序！
这个是及其简单的聊天<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>简单聊天</title><style>* { font-size:12px; margin:0; padding:0; } fieldset { padding:10px; margin:10px; width:270px; color:#333; border:#06c dashed 1px;} legend { color:#06c; font-weight:800; background:#fff; text-align:center} ul { list-style-type: none; margin:8px 0 4px 0;} li { margin-top:4px;}</style><script type="text/javascript">function Trim(text)//去左右空格{ return text.replace(/^\s+|\s+$/g,"");}function sendTxt(){ if (Trim(document.getElementById("txtSendContent").value)=="") { alert("输入的内容为空！"); document.getElementById("txtSendContent").focus(); return false; } document.getElementById("ulContent").innerHTML+="<font color='red'>me say</font>\r\n:<li>"+getPic(document.getElementById("txtSendContent").value)+"</li>\r\n";}function getPic(text){ text=text.replace(/:\)/gim,"<img src='images/QQ/smile.gif' border='0' width='24' height='24'>"); text=text.replace(/:\(/gim,"<img src='images/QQ/cry.gif' border='0' width='24' height='24'>"); text=text.replace(/:-\(/gim,"<img src='images/QQ/cry.gif' border='0' width='24' height='24'>"); text=text.replace(/:-\)/gim,"<img src='images/QQ/smile.gif' border='0' width='24' height='24'>"); text=text.replace(/：）/gim,"<img src='images/QQ/smile.gif' border='0' width='24' height='24'>"); //var pattern=new RegExp("\[img]","gim"); text=text.replace(/\[img]([^\[]*)([^\[]*)\[\/img]/gim,"<img src='images/QQ/$2' border='0' width='19' height='19'>"); text=text.replace("\r\n","<br>"); return text;}function choosePic(){ var returnValue=window.showModalDialog('emot.htm',null,'dialogHeight:240px;dialogWidth:300px'); document.getElementById("txtSendContent").value+=returnValue;}function test(){ var ss = "Is is the cost of of gasoline going up up?.\n"; var re = /\b([a-z]+) \1\b/gim; //创建正则表达式样式. var rv = ss.replace(re,"$1"); //用一个单词替代两个单词. alert(rv);}</script></head><body style="text-align:center"><fieldset style="width:326px"> <legend>消息显示区</legend> <ul id="ulContent" style="text-align:left"> </ul> </fieldset><br><fieldset> <legend>消息发送区</legend> <form name="form1" method="post" action=""> <label> <textarea name="txtSendContent" id="txtSendContent" cols="40" rows="10"></textarea> </label> <label> <input type="button" name="button" id="button" value="发送" onClick="return sendTxt();"> <input type="button" name="button" id="button" value="test" onClick="return test();"> </label> <img src="images/QQ/smile.gif" alt="选择表情符" title="选择表情符" style="cursor:hand" width="24" height="24" onClick="return choosePic();"> </form></fieldset></body></html>
有哪些不用编写代码就能轻松制作生成HTML5页面的工具
HTML5页面制作工具，大体分为两类：基于HTML5的网站工具和手机APP工具（当然还有一些其他的，例如基于微信公众号的等，下面也会介绍）。 先总的说一下个人感受1.基于HTML5的工具网站：功能较强大，单页面的操作性较强，可完成各种页面交互效果；但是某些时候会有操作“失灵”的现象，如上传图片失败，点击保存失败，生成失败等。原因你懂得~2.手机工具APP：相比起工具网站来讲，显得比较顺手，有大量模板套用，制作简单快捷；但是拘泥于现有的模板，使得单页面不会有较大的可操作空间，从而无法实现DIY交互效果。 下面展开说下每个使用过的工具吧基于HTML5的工具网站：【兔展】 优点：页面DIY程度较高，动效实现起来也简易方便，可制作比较任性的H5页面。缺点：屏幕界面大小不可调节，上传的图会比例失调；生成后到各尺寸屏上页面会存在拉伸现象。（此图意在说明上传的图片的尺寸都是网站自己默认的一个尺寸，不是图片本身的尺寸，不利于使用者调整）【MAKA.im】 可以具体编辑，单页操作性较高，有新手（有模板）和高阶（无模板）两种编辑模式；翻页效果比兔展多，模板也更强大一些。【居高互动刊】 优点：最简单易上手的工具之一，根据提示一步一步的添加，共4步，最后生成微杂志。相比其他在线工具，较稳定。缺点：目前没试通制作单页上的交互效果，没找到开启pro功能的入口。【ANIMATRON】 优点：像flash的在线版，功能强大，可以创建HTML5动画。适合有动画基础的人做演示制作。缺点：需要动画制作基础；工作界面响应时间长；貌似只能分享到twitter、Facebook、google+、tumblr？【iSpring 7】 噱头是PPT转HTML5工具，完美与PPT兼容，可制作Html5移动课件。不过，目前我只能连着VPN再用Safari才能打开网站链接。【秀制作】 优点：版式轻松，制作快捷，宽带稳定。缺点：对图片和文字在各种屏幕上的显示没有做很好的适配；不能对模板中文字的编辑调整位置。手机工具APP：【初页】优点：模板质量高，套用模板编辑时效率高，操作简单快捷，效果和体验在制作H5页面的APP工具里面算是出类拔萃。缺点：单页面可操作性较低，仅支持套用模板。【快邀约】快速制作邀请函优点：易上手，省时高效，便于统计。缺点：页面简陋，只能选择固有模板创建文字和添加图片。【易企秀】中小微企业的移动场景营销管家优点：套用模板，创建快捷，用来做企业介绍、产品推荐。拥有强大的推广统计、客户管理功能。嗯，这里应该赞一个。缺点：只能用模板，DIY程度低；统计数据是否准确需要进一步确认，目前看来可能有遗漏数据的现象（在小范围测试中，统计到的数量小于应有的数量）。【微贴】：通过微信公众号创建H5页面优点：手机公众号内直接创建简单页面，根据提示创建即可，无脑方便快捷。缺点：只是单页面展示，承载不了交互效果等特效和内容。 总结 工具网站做的H5页面，多注重单独页面的自定义交互方案，DIY程度高，相对来说用时较长，又受制于带宽因素，故影响操作；工具APP做的H5页面，多注重效率，目前都是套用模板，因而对单页面的DIY程度较低，交互效果受限。作为我个人而言，移动互联的新任PM，我平时常用到的是【MAKA】和【兔展】，这两个相对来说更适合半天时间来完成；如想快速制作展示页面就用【初页】，这个在功能效率与设计感方面更突出一些；组织活动、制作邀请函、分发活动通知等用【快邀约】；平时推广新产品、联络客户和招聘新人用【易企秀】。转载
html 初学者 网站模板
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> body{ height:500px; background: linear-gradient(#A6CADE,#F8C6F8) no-repeat; } ul,li,div { padding:0;margin:0; } .container{ width: 500px; margin:0 auto; } #tab-con div{ display: none; width:500px; height:282px; } #tab-con div img{ width: 100%; height:100%; } #tab-con div.active{ display: block; } #tab-list ul li{ float:left; list-style: none; } #tab-list ul li a{ display: block; width:70px; text-align: center; text-decoration: none; color:#000; background: #D6D6D1; } #tab-list ul li.active a{ color:#fff; background:#f96302; } </style> </head> <body> <div class="container"> <div id="tab-con"> <div class="active"><img src="img/test1.jpg"></div> <div><img src="img/test2.jpg"></div> <div><img src="img/test3.jpg"></div> <div>图片4</div> <div>图片5</div> <div>图片6</div> <div>图片7</div> </div> <div id="tab-list"> <ul> <li><a href="javascript:;">首页</a></li> <li><a href="javascript:;">美食</a></li> <li><a href="javascript:;">交通</a></li> <li><a href="javascript:;">图片4</a></li> <li><a href="javascript:;">图片5</a></li> <li><a href="javascript:;">图片6</a></li> <li><a href="javascript:;">图片7</a></li> </ul> </div> </div> <script> var tablist = document.getElementById('tab-list').getElementsByTagName('li'); var tabcon = document.getElementById('tab-con').getElementsByTagName('div'); for(var i = 0; i<tablist.length; i++){ tablist[i].onclick = function(){ starttab(this); }; }; function starttab(obj){ for(var i = 0; i<tablist.length; i++){ if(tablist[i] == obj){ tablist[i].className = "active"; tabcon[i].className = "active"; }else{ tablist[i].className = ""; tabcon[i].className = ""; }; }; }; </script> </body></html>
网页源码编辑，怎么查看源码的HTML代码在服务器的哪个文件里
1：看开发文档2：看目录分类，例如：admin目录下的html有90%以上是后台的。和网站同名的目录（或者是网站的英文缩写、或者是网站的标示代号等）80%是前台展示页面；以此类推3：看html文件的文件名，一般来说html的文件的文件名起名都是有规律或者有意义的，例如：tools.html很明显是工具栏；header.html很明显是头部分；help.html帮助页面；foot.html底部栏…………总述：有开发文档最好，要是没有就按照2、3解决，或者问你的同事、领导；小技巧：如果你是Google浏览器：按F12候，选择Sources选项，看左下栏，能帮你定位到网站文件夹就这么多了。。。。。。
wordpress里有html的模版吗？网页源文件是放在哪里的？
1，wordpress的模版成为主题，位置在wp-content下的themes文件夹，在下面的每个文件夹成为一个主题，也就是一套模版，里面也不是HTML文件，也是动态的php文件，关于各个文件功能网上都有解释，这些php主要处理从数据库拿来的数据，生成html代码，返回给浏览器，浏览器才能渲染成网页，wordpress有很多函数，这些函数才构成了wordpress的强大处理能力。2，你看的只是别的网站php处理好的结果，返回给你的浏览器，当然是HTML了，因为你的浏览器只解析HTML文件，不可能返回php文件。
phpcmsv9首页布局的修改页面在哪里
在phpcms\\templates\\default\\content目次下的index.html就是首页的模板。第一步：将美工新设计的模板放置到phpcms/templates/default/模块目录名/模板文件名.html 如: phpcms/templates/default/content/category_new.html 如: phpcms/templates/default/content/category_download_new.html 如: phpcms/templates/default/content/category_picture_new.html [html] view plaincopy第二步：找到phpcms/templates/default/config.php配置文件添加如下代码(红色标注)： array ( 'templates|default|content' => //content-代表内容模块的模板风格 array ( 'category.html' => '文章频道页', 'category_new.html' => '文章频道页', 'category_download.html' => '下载频道页', 'category_download_new.html' => '下载频道页', 'category_picture.html' => '图片频道页', 'category_picture_new.html' => '图片频道页', 'download.html' => '下载连接页', 'footer.html' => '底部', [html] view plaincopy第三步：到后台去选择新的栏目页、列表页、内容详情页模板 。
