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 JAVAWEB期末复习(一)_第1张图片
保存为 .inc格式的文件。
2.2 创建新的html页面,将页面内容后的代码粘贴过去。
JAVAWEB期末复习(一)_第2张图片
加入红框内代码,避免乱码。

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

保存为 .inc格式的文件。
三、打开eclipse
3.1创建javaweb项目工程
3.2 将一、二的文件复制到WebContent内。
JAVAWEB期末复习(一)_第3张图片
JAVAWEB期末复习(一)_第4张图片
结果如下:
JAVAWEB期末复习(一)_第5张图片
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>

你可能感兴趣的:(期末复习,eclipse)