Struts JSP页面模板例 Header Footer LeftMenu...

header.jsp
<%@ page contentType="text/html; charset=Shift_JIS" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<!-- InstanceBegin template="/Templates/pattern_f.dwt" codeOutsideHTMLIsLocked="false" -->

<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<meta name="Content-Language" content="ja" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />

<!-- InstanceBeginEditable name="doctitle" -->
<title>Header</title>
<!-- InstanceEndEditable -->

<meta name="Description" content="" />
<meta name="Keywords" content="" />
<link rel="index" href="http://www.my.go.jp/" />
<link rev="made" href="mailto:reserved_mail_address" />
<link href="/my/css/a.css" rel="stylesheet" type="text/css" media="screen,tv" />
<link href="/my/css/b.css" rel="stylesheet" type="text/css" media="print" />
<!-- InstanceBeginEditable name="head" -->
<style type="text/css">
<!--
.style1 {color: #FF0000}
-->
</style>
<!-- InstanceEndEditable -->
</head>

<body>

<div id="helpnavi">
 <ul>
 <li>[<a href="#GlobalNavi" accesskey="n" title="メニューへスキップ">メニューへスキップ</a>]</li>
 <li>[<a href="#wrapperContentnts" accesskey="0" title="本文へスキップ">本文へスキップ</a>]</li>
 </ul>
</div>

<div id="wrapper">

<div style="height:60px;background-color:#fff0f5;"> 
  <div style="width=730px;height:60px;"> <img src="/my/images/layout/sys_logo.gif" width="400" height="60"style="float:left;">
    <img src="/my/images/layout/gsdb_logo.gif" width="215" height="58" style="float:right;">
  </div>
</div>
<div><img src="/my/images/layout/line_top_03.gif" width="760" height="10"></div>

 

footer.jsp
<%@ page contentType="text/html; charset=Shift_JIS" %>


<!-- //contents -->
<div><img src="common/images/layout/line02.gif" width="760" height="3"></div>
<div><img src="common/images/layout/line01.gif" width="760" height="3"></div>

<div id="footer">
 <div class="footerLayout">
  <ul><li><a href="./about.htm" title="About US">About US</a></li></ul>
 </div>
</div>
<div id="copy">
 <p id="copyright" style="margin-bottom: 0">
 NNNNN Copyright &copy; 2000 . NN All rights reserved.
 </p>
</div>

</body>
</html>


menu.jsp
<%@ page contentType="text/html; charset=Shift_JIS" %>
<table border="0"  width="100%"  style="background-color:#ffeff8" cellspacing="0">
<tr>
<td><a href="./index.htm">To TopPage</a></td>
</tr>
<tr>
<td>Usage</td>
</tr>
<tr>
<td class="child"><a href="./index.htm">Usage :Search</a></td>
</tr>
<tr>
<td class="child"><a href="./howto_2.htm">Usage :Update</a></td>
</tr>
<tr>
<td class="child"><a href="./index.htm">Usage :Insert</a></td>
</tr>
<tr>
<td class="end"><a href="./faq.htm">Question</a></td>
</tr>
<tr>
<td class="blank">&nbsp;</td>
</tr>
<tr>
<td class="end" style="text-indent:0em"><a href="./enquete.htm">NNNN Block</a></td>
</tr>
<tr>
<td class="blank">&nbsp;</td>
</tr>
<tr>
<td class="end"><a href="./login.htm">Login Block</a></td>
</tr>
<tr>
<td class="blank">&nbsp;</td>
</tr>

</table>

InputText.jsp
<%@ page contentType="text/html; charset=Shift_JIS" %>
<%@ taglib uri="/tags/struts-html" prefix="html" %>

<jsp:include page="/jsp/common/header.jsp"/>
 <!-- //header -->
 <!-- contents -->

 <div id="wrapperContentnts" >
 <div id="wrapper2">
  <div class="TopLeftMenu">
   <div class="List">
    <div class="contentsMenu">
     <jsp:include page="/jsp/common/menu.jsp"/>
    </div>
   </div>
  </div>

  <div class="TopLet">
  <div class="TempP008">
  <div id="BreadClumb">
   <p><a href="./index.htm" title="ホーム">HomePage</a> &raquo;
    <a href="./index.htm" title="トップ"> Top </a> &raquo;
    <a href="./input01.htm" title="FFF">Input Text 01</a> &raquo;
    <strong>Input Text</strong></p>
  </div>
  <div class="text">  
  <div class="mainmenu" style="margin-top:8px">
   <p style="font-weight:bold;
    background-color:mistyrose;
    padding: 4px;
    border-bottom-width: 1px;
    border-bottom-style: none;
    border-bottom-color: blue;
    border-left-width: 2px;
    border-left-style: none;
    border-left-color: blue;
     margin-bottom:5px;">
   Input Text Title</p>
   <html:errors/>
   <div style="margin-top:18px;margin-left:30px">
   <html:form action="/inputText.do">
   <html:hidden property="action"/>
    <table width="100%" border="0" align="center">
      <tr>
        <td nowrap>Input Text</td>
      </tr>
       <tr>
        <td nowrap><div style="margin-left:35px;"><html:textarea name="InputTextForm" property="text1"  cols="66" rows="5"/></div></td>
      </tr>
    </table>
    <div style="margin-right:30px;margin-top:30px;" align="left">
     <input name="" type="button" value="  Save  " οnclick="MessageSave()" />&nbsp;&nbsp;
     <input name="" type="button" value="  Back  " οnclick="back()" />&nbsp;&nbsp;
    </div>
   </html:form>
   </div>
  </div>
 </div>
</div>
</div>
<br clear="all" />
</div>
<!-- footer -->
<jsp:include page="/jsp/common/footer.jsp"/>
<!-- //footer -->

<script language="JavaScript">
 function MessageSave() {
    document.InputTextForm.action.value="register";
  document.InputTextForm.submit();
 }
 function back(){
  document.location="/backToContents.do";
 }
</script>

部分css file
...
div.contentsMenu table {
 border-color:darkgray;
 border-style:solid;
 border-width:0px 0px 0px 0px;
}

div.contentsMenu td {
 padding:2px;
 border-color:darkgray;
 border-style:solid;
 border-width:1px 1px 0px 1px;
}

div.contentsMenu td.child {
 text-indent:1em;
 border-color:darkgray;
 border-style:solid;
 border-top-style:dashed;
 border-width:1px 1px 0px 1px;
}

div.contentsMenu td.blank {
 text-indent:1em;
 border-color:darkgray;
 border-style:solid;
 border-width:1px 0px 0px 0px;
 height:5px;
}

div.contentsMenu td.end {
 border-color:darkgray;
 border-style:solid;
 border-width:1px;
}
...

  • 0
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值