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>
AI写代码预留出页面内容
二、 分离页面
2.1
按照 INC 格式的文件要求保存。
生成一个新的 HTML 页面，并在其内容部分复制粘贴相关代码。
加入红框内代码，避免乱码。
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
AI写代码将文件保存为 .inc 格式的项目中。
步骤三：启动 Eclipse 工具。
步骤 3.1：设置 Java Web 项目结构。
步骤 3.2：将上述代码文件复制至 WebContent 文件夹中。
结果如下：
访问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>
AI写代码全部评论 (0)
还没有任何评论哟~