JAVAWEB期末复习（一）
第一题——布局
一、 在 Adobe Dreamweaver CS5 中写布局
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
<table width="800px" align="center">
<tr>
<td width="800px" height="100px" background="images/in.jpg">
<table width="80%" align="center">
<tr>
<td colspan="2" align="center" valign="middle"><h1>JAVAWEB技术应用</h1></td>
</tr>
<tr>
<td colspan="2" align="center" valign="middle">个人信息</td>
</tr>
<tr>
<td colspan="2"><hr></td>
</tr>
<tr>
<td width="50%" align="center" style=" padding-left:80px"><a href="index.jsp">Servlet</a></td>
<td width="50%" align="center" valign="middle"><a href="ex3_1.jsp">登陆验证</a></td>
</tr>
</table></td>
</tr>
<tr>
<td height="480" valign="top">
<table width="100%" cellspacing="12">
<tr>
<td>页面内容</td>
</tr>
</table></td>
</tr>
<tr>
<td height="30" align="center" valign="middle" bgcolor="#A7D8E5">信息科学与工程学院 2019-2020-2学期</td>
</tr>
</table>
</body>
</html>
预留出页面内容 二、 分离页面 2.1 保存为 .inc格式的文件。 2.2 创建新的html页面，将页面内容后的代码粘贴过去。 加入红框内代码，避免乱码。
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
保存为 .inc格式的文件。 三、打开eclipse 3.1创建javaweb项目工程 3.2 将一、二的文件复制到WebContent内。 结果如下： 3.3 打开WebContent下的WEB-INF下的web.xml文件 写入以下代码，将布局应用到每个页面。
<jsp-config>
<jsp-property-group>
<url-pattern>*.jsp</url-pattern>
<include-prelude>/top.inc</include-prelude>
<include-coda>/foot.inc</include-coda>
</jsp-property-group>
</jsp-config>
