静态首页模板
java web问题 关于tiles布局的 请问有什么办法可以再tiles的layout-content中显示个静态Html呢？？
使用Tiles框架的步骤如下：一：安装Tiles框架为了使用Tiles，我们必须首先在structs-config.xml文件中声明Tiles，配置代码如下：<plug-in className="org.apache.struts.tiles.TilesPlugin"> <set-property property="definitions-config" value="/WEB-INF/tiles-defs.xml" /></plug-in>二：建立tiles-defs.xml文件小解释：Tiles提供的模板机制可以最大限度地避免重复编写代码。通过建立tiles-defs.xml文件可以实现这种功能。Tiles 模板就是Jsp页面，只是在这种Jsp页面中使用Tiles标签代替确定不了的内容（相当于占位符），不确定的内容有开发人员在使用模板时来填充。一般模板页中有以下两种占位符：1，字符串：使用<tiles:getAsString>标签2，Web资源（JSP,Servlet,HTML等）：使用<tiles:insert>标签在建立tiles-defs.xml文件之前需要创建Tiles基本模板，该模板是页面都有的相同部分，然后将该基本模板定义到tiles-defs.xml文件中，然后其他页面就可以讲该定义文件插入到页面中，最终实现代码复用和页面布局的功能。ok,下面做个最简单的演示1）建立基本tiles模板jsp: layout.jsp,如下：<%@ page pageEncoding="GBK"%> <%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles"%> <html> <head> <title><tiles:getAsString name="title" /></title> </head> <body> <table border=<tiles:getAsString name="border" />> <tr> <td> <tiles:insert attribute="header" /> </td> </tr> <tr> <td> <tiles:insert attribute="body" /> </td> </tr> <tr> <td> <tiles:insert attribute="footer" /> </td> </tr> </table> </body> </html>这个模板页面的基本结构是三个表格，第一行表格显示页头，中间显示主要内容，最下面显示页尾。2）在Web根目录下建立我们的页头header.jsp body.jspfoot.jsp. 一般页头和页尾是固定的，主要是内容需要不同的jsp页面来填充。每个jsp都要声明编码方式：<%@ page pageEncoding="GBK"%>3）在WEB-INF目录中建立一个tiles-defs.xml文件，如下： <?xml version="1.0" encoding="GBK" ?> <!DOCTYPE tiles-definitions PUBLIC "-//Apache Software Foundation//DTD Tiles Configuration 1.1//EN" "http://struts.apache.org/dtds/tiles-config_1_1.dtd"> <tiles-definitions> <definition name="myLayout" path="/layout.jsp"> <put name="title" value="我的页面" /> <put name="header" value="header.jsp" /> <put name="body" value="body.jsp" /> <put name="footer" value="footer.jsp" /> </definition> </tiles-definitions> ok,到了这里tiles模板建立完毕，接下来我们就可以使用该模板了。需要说明的是该文件中可以定义多个definitions，并且definitions之间可以继承，更好的复用代码，比如再增加一个定义，继承于myLayout<definition name="myLayout.newLayout" extends="myLayout"> <put name="title" value="新的页面" /></definition>title属性新赋的值会覆盖原来的。三：插入模板在Web根目录下建立mypage.jsp文件，如下： <%@ page contentType="text/html; charset=GBK"%> <%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles"%> <tiles:insert definition="myLayout"> <tiles:put name="border" value="${param.border}"/> </tiles:insert>正如代码所写，将定义好的布局加进来就好了。将boder参数进行赋值。Tiles的使用基本是这样，定义好基本模板页，美化好，然后只需专注于需要改动的页面就好了。
看清楚题好不好
求静态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>
ps图片如何生成html
其实ps有很多功能是你没有用过的哦，你是不是还在羡慕别人可以写出一个简单html静态页，别羡慕啦，看完这个，你也可以写简单的页面啦！打开ps软件，选中你要转换成html静态页的图片，这边我就以百度经验的页面为例！打开百度经验页面的保存为一张图片；看清楚是图片是jpg的；用ps打开这张图片；html静态网页一般都是图片、文字和效果组成的，这边主要是教你用ps生成html静态页，就是把图片转换成静态页；因为网页为了保证网速都不会把图片裁减的太大，所以这边我就按照正常的图片切图片；首页选择“切片工具”，如果没有就右击工具那边的右下角箭头，选择切片工具；切完图片，下面就是见证奇迹的时刻啦，右击菜单栏“文件——选择存储为web和设备所用格式”；弹出“存储页面”；点击“存储”；
关关“杰奇小说全站伪静态教程，手把手交你全站伪静态！”这个贴子出现的问题，求解。
杰奇小说系统1.7目录页和阅读页伪静态,它需要修改大量的模板文件,所以它也是全站伪静态最难的地方,现将自己实现的方法提供给大家,希望对你有所帮助!一、首先在后台设置伪静态加入代码： 1、文章信息页面伪静态规则：/book/<{$id}>.html 2、文章分类页面伪静态规则：/list/<{$class}>_<{$page}>.html 3、首字母分类页面伪静态规则：/zm/<{$initial}>_<{$page}>.html 4、排行榜页面伪静态规则：/top/<{$sort}>_<{$page}>.html 二、首先在rewrite加载的http.ini中设置代码如（加载后记得重启IIS）： [ISAPI_Rewrite] RewriteCond Host: (.+) RewriteCond Referer: (?!http://\1.*).* RewriteCond Referer: (?!http://(?:.*\.baidu\.com|baidu\.com)).+ RewriteRule .*\.(?:gif|jpg|png|exe|rar|zip|torrent|bmp|pdf) /block.gif [I,O,N] #以下为目录页，阅读页设置 RewriteRule ^/book([0-9]+)\.html$ /modules/article/reader\.php\?aid=$1 RewriteRule ^/book([0-9]+)_([0-9]+)\.html$ /modules/article/reader\.php\?aid=$1&cid=$2 #以下为信息页，分类页，排行，字母排行页设置 RewriteRule ^/book/([0-9]+)\.html$ /modules/article/articleinfo\.php\?id=$1 RewriteRule# ^/list/([0-9]+)_([0-9]+)\.html$ /modules/article/articlelist\.php\?class=$1 RewriteRule ^/zm/([a-z]+)_([0-9]+)\.html /modules/article/toplist\.php\?sort=$1 RewriteRule ^/top/initial([01A-Z])-([0-9]+)\.html$ /modules/article/articlelist.php?initial=$1 三、然后修改 modules\article\templates\articleinfo.html 1、“点击阅读”的地址（目录页地址）代码变为： /book{?$articleid?}.html 2、链接内容页地址代码变为： /book{?$articleid?}_{?$lastchapterid?}.html 3、修改 modules\article\templates\index.html <a href=http://你的网址/"/book{?$articleid?}_{?$indexrows.cid1?}.html"> <a href=http://你的网址/"/book{?$articleid?}_{?$indexrows.cid2?}.html"> <a href=http://你的网址/"/book{?$articleid?}_{?$indexrows.cid3?}.html"> <a href=http://你的网址/"/book{?$articleid?}_{?$indexrows.cid4?}.html"> 四、修改 modules\article\templates\style.html 1、将 <script type="text/javascript"> <!– var preview_page = "{?$preview_page?}"; var next_page = "{?$next_page?}"; var index_page = "{?$index_page?}"; var article_id = "{?$article_id?}"; var chapter_id = "{?$chapter_id?}"; function jumpPage() { if (event.keyCode==37) location=preview_page; if (event.keyCode==39) location=next_page; if (event.keyCode==13) location=index_page; } 替换成: <script type="text/javascript"> <!– var str = "{?$preview_page?}"; if(str.getQuery("cid")) { preview_page ="/book{?$article_id?}_"+str.getQuery("cid")+".html" } else { preview_page ="/book{?$article_id?}.html" } var str = "{?$next_page?}"; if(str.getQuery("cid")) { next_page ="/book{?$article_id?}_"+str.getQuery("cid")+".html" } else { next_page ="/book{?$article_id?}.html" } var index_page = "/book{?$articleid?}.html"; var article_id = "{?$article_id?}"; var chapter_id = "{?$chapter_id?}"; function jumpPage() { if (event.keyCode==37) location=preview_page; if (event.keyCode==39) location=next_page; if (event.keyCode==13) location=index_page; } document.onkeydown=jumpPage; –> </script> 2、继续将 <a href=http://blog.soso.com/qz.q/"{?$preview_page?}"><font color="#0033FF">上一页</font></a> 替换成: <!– 上一页 –> <script type="text/javascript"><!– var str = "{?$preview_page?}"; if(str.getQuery("cid")){ document.write("<a href=http://blog.soso.com/book{?$article_id?}_"+str.getQuery("cid")+".html>上一章</a>"); } else { document.write("<a class=’btnlink’ href=http://blog.soso.com/qz.q/book/{?$article_id?}.html title=’返回{?$article_title?} 介绍’>返回书页</a>"); } //–> </script> 3、将 <a href=http://blog.soso.com/qz.q/"{?$index_page?}"><font color="#0033FF">返回目录</font></a> 换成: <!– 返回目录–> <a href=http://blog.soso.com/qz.q/"/book{?$articleid?}.html">目录</a> 4、将 <a href=http://blog.soso.com/qz.q/"{?$next_page?}"><font color="#0033FF">下一页</font></a> 换成: <!– 下一页 –> <script type="text/javascript"> <!– var str = "{?$next_page?}"; if(str.getQuery("cid")) { document.write("<a href=http://blog.soso.com/book{?$article_id?}_"+str.getQuery("cid")+".html>下一章</a>"); } else { document.write("<a class=’btnlink’ href=http://blog.soso.com/qz.q/book/{?$article_id?}.html title=’返回{?$article_title?} 介绍’>返回书页</a>"); } //–> </script> 5、最后修改/scripts/common.js 最下面加: String.prototype.getQuery = function(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = this.substr(this.indexOf("\?")+1).match(reg); if (r!=null) return (r[2]); return null; } 五、修改对应的模块文件： 1、链接信息页调用： 将 {?$articlerows.url_articleinfo?} 修改成: /book{?$articlerows.articleid?}.html 2、链接目录页调用： 将 {?$articlerows.url_articleindex?} 修改成: /book{?$articlerows.articleid?}.html 3、链接内容页调用： 将 {?$articlerows.url_lastchapter?} 等修改成 /book{?$articlerows.articleid?}_{?$articlerows.lastchapterid?}.html
静态、自适应、流式、响应式四种网页布局有什么区别？
响应式与自适应的原理是相似的，都是检测设备，根据不同的设备采用不同的css，而且css都是采用的百分比的，而不是固定的宽度，不同点是响应式的模板在不同的设备上看上去是不一样的，会随着设备的改变而改变展示样式，而自适应不会，所有的设备看起来都是一套的模板，不过是长度或者图片变小了，不会根据设备采用不同的展示样式，流式就是采用了一些设置，当宽度大于多少时怎么展示，小于多少时怎么展示，而且展示的方式向水流一样，一部分一部分的加载，静态的就是采用固定宽度的了。
网上下的网页模板怎么用在javaweb上?
网上下的网页模板是静态的html或者shtml页面，要用在真实项目中需要把它们改写成动态网页jsp文件来在服务器端执行。修改方法如下：1、点击html文件，右键->重命名，修改成.jsp文件。2、把.jsp文件导入工程中发布到web容器。3、运行工程，用http://localhost:8080/test.jsp来访问。JSP全称是JavaServer Pages，它和servle技术一样，都是SUN公司定义的一种用于开发动态web资源的技术。JSP这门技术的最大的特点在于，写jsp就像在写html，但：它相比html而言，html只能为用户提供静态数据，而Jsp技术允许在页面中嵌套java代码，为用户提供动态数据。相比servlet而言，servlet很难对数据进行排版，而jsp除了可以用java代码产生动态数据的同时，也很容易对数据进行排版。不管是JSP还是Servlet，虽然都可以用于开发动态web资源。但由于这2门技术各自的特点，在长期的软件实践中，人们逐渐把servlet作为web应用中的控制器组件来使用，而把JSP技术作为数据显示模板来使用。
做好一个网站了怎么设置关键词在哪设置
如何设置关键词.以首页为例:什么是关键词,关键词就是网友在百度搜索到你网站的词称为关键词..关键词展示在什么地方;关键词在网页是不显示的 ,显示在代码中...如上图所诉:绿色为网站标题,红色为网站关键词,粉色为网站的描述;如果网站有后台,在后台会有个关键词填写的地方,如果是静态网页,就按上面图片的说明更改,关键词与关键词用英文","逗号间隔.关键词设置一般5-8个为宜.不宜过多也不宜过少.如何选择网站关键词:要做好网站关键词的选择就要从研究用户的搜索习惯出发。现在把你自己当做一个搜索者，你大概会在搜索引擎上搜索一些什么关键词呢？网站关键词的选择是一个策略方面的问题。它一开始就决定了你是不是走在正确的路上。一般的搜索者的搜索行为可以分为以下三种：1，导航型搜索。就是用户清楚的知道某个网站（或信息）是一定存在的，只需要搜索引擎导一下航，找到这个网站即可。如搜索“搜狐”、“youtube”、“163邮箱”等等。2，问答型搜索。就是用户搜索一些问题，希望得到这个问题的解决办法。如搜索“怎么做宫保鸡丁”、“如何做SEO”、“怎样买一个好的MP3”等等3，产品型搜索。就是搜索具体的某个产品或事物。如搜索“爱国者MP3”、“免费邮箱”、“IBM笔记本 T61”等等。大家先不要看下面的答案，就上面提出的三种搜索猜想一下：哪种搜索类型的搜索量是最大的？哪种小一点？哪种最小？整体来看，真实的数据就是：第1种“导航型搜索”至少是第2种“问答型搜索”的4至5倍。第2种“问答型搜索”的搜索量是第3种“产品型搜索”的1.2倍。这个问题，我问过很多人，但是至今还没有一个人的答案是上面我提的那样。上面1、2、3，三种搜索，按搜索量大小排序，大部分人排的次序是：3>2>1，而实际情况是: 1>2>3。在大家的印象里，“产品型搜索”应该是最大的。但是你要是用google关键词工具和百度指数去查一些信息，就明白真实的状况了。
怎么把html做的页面导入到myeclipse
拷备到WebRoot目录下就可以了，而且还是html的静态页面 超文本标记语言，标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
