📄 exam1p.html
字号:
<html>
<head>
<link rel=stylesheet href="/css/cteform.css" type="text/css">
<title>SSD1 Exam 1 Practical</title>
<META HTTP-EQUIV="Pragma" CONTENT="no-cache"><META HTTP-EQUIV="Expires" CONTENT="-1"><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"><script language="JavaScript" src="/js/cteform.js"></script>
<script language="JavaScript" src="/js/ctecoursespt.js"></script>
<script language="JavaScript1.2">
CTEUtils_ImgDirURL = "/img";
CTEUtils_CssDirURL = "/css";
CTEUtils_JsDirURL = "/js";
</script>
<script language="JavaScript1.2" src="/js/ctesortable.js"></script><script language="JavaScript">var filelisting_6586114_tbl_info = new Array();
filelisting_6586114_tbl_info[1] = new Array();
filelisting_6586114_tbl_info[1]["name"] = "Size";
filelisting_6586114_tbl_info[1]["type"] = "number";
filelisting_6586114_tbl_info[2] = new Array();
filelisting_6586114_tbl_info[2]["name"] = "Status";
filelisting_6586114_tbl_info[2]["type"] = "string";
filelisting_6586114_tbl_info[3] = new Array();
filelisting_6586114_tbl_info[3]["name"] = "File Type";
filelisting_6586114_tbl_info[3]["type"] = "string";
filelisting_6586114_tbl_info[4] = new Array();
filelisting_6586114_tbl_info[4]["name"] = "Download";
filelisting_6586114_tbl_info[4]["type"] = "string";
var filelisting_6586114_tbl = new Object;
filelisting_6586114_tbl.name = 'filelisting_6586114_tbl';
filelisting_6586114_tbl.info = filelisting_6586114_tbl_info;
var Assm = new Object;
Assm.name = 'Assm';
Assm.postRenderings = new Array();
</script></head><body onload="">
<table>
<tr>
<td valign=top class=td0_x align=left ><B><h2> Exam 1 Practical </h2></B></td></tr>
<tr>
<td valign=top class=td0_x align=left > <h3>Corresponding to: SSD1 Information Systems</h3></td></tr>
<tr>
<td valign=top class=td0_x align=left > <h4>Please create the file <FONT color=blue> businessCardsForm.html</FONT></h4></td>
<td width=5><br></td></tr></table>
<hr><td width=5><br></td><a name="top_of_page"></a><table><tr>
<input type=hidden name="object_id" id="object_id" value='7063307' ></tr></table>
<table><tr>
<td width=5><br></td> <td valign=top class=td0_x align=left > <h2 align="center">Business Cards</h2>
<h3>Description</h3>
<p>You are a programmer, and your boss wants you to build an HTML page from the
following specifications. When you are finished, the page will feature a form
and will allow employees of Drexel Electronics, Inc. to order custom business
cards. Create a file named businessCardsForm.html that contains a <code><strong>FORM</strong></code>
element with which information will be submitted to the servlet BusinessCard.class
(available below). When the form is submitted to BusinessCard.class, the servlet
will generate an image of the business card ordered, which is then displayed
in the browser window. The image of the business card ordered will feature the
employee information that was submitted with the form—a theme image, depending
on which theme's radio button was selected.</p>
<p>The file businessCardsForm's <code><strong>FORM</strong></code> element must
contain the following:</p>
<ul>
<li>
A single-line text input control named "FirstName"
<li>
A single-line text input control named "Initial"
<li>
A single-line text input control named "LastName"
<li>
A single-line text input control named "Title"
<li>
A single-line text input control named "OfficeNumber"
<li>
A single-line text input control named "BusinessPhone"
<li>
A radio button input control group named "Theme" that has labeled four options:
<ul>
<li>
"Archways"
<li>
"Gondolas"
<li>
"Ruins"
<li>
"Volcanoes"</li>
</ul>
Note that the value returned by the radio buttons should be the name of
the image file corresponding to the option selected. Thus, selecting "Volcanoes"
should return the value "volcanoes.jpg" (notice that "v" is lowercase
in the value returned).
<li>
Four image controls, each next to one of the radio buttons and displaying the
image that corresponds to the option's label
<li>
A submit button labeled "Order Cards"</li>
</ul>
<p>In addition, the <code><strong>FORM</strong></code> should use the action "/servlet/BusinessCard"
and the POST method.</p>
<p>See the image of an example solution provided below. Your page does not need
to look exactly like the example below, but we encourage you also to use HTML
tables to make your page look appealing. When your form is submitted to the
servlet with the sample data provided, the response you receive should match
the example response provided below the example solution.</p>
<h3>Example Solution</h3>
<p><img height="768" border="0" width="553" alt="Picture of Shipping Label Form." src="pictures\businessCardsExampleSolution.jpg">
</p>
<h3>Example Response</h3>
<p><img height="503" border="0" width="508" alt="Picture of label returned from Label servlet." src="pictures\businessCardsExampleResponse.jpg"></p>
<h3>Files</h3>
<p>The following files are necessary for you to test the form you create. The four
image files below should be loaded into the Content directory of your iCarnegie Servlet Workbench. The BusinessCard.class file should be loaded into the
Java_Classes directory of your iCarnegie Servlet Workbench.</p>
<ul>
<li>
<a href="pictures\archways.jpg" target="externalWindow">archways.jpg</a>
<li>
<a href="pictures\gondolas.jpg" target="externalWindow">gondolas.jpg</a>
<li>
<a href="pictures\ruins.jpg" target="externalWindow">ruins.jpg</a>
<li>
<a href="pictures\volcanoes.jpg" target="externalWindow">volcanoes.jpg</a>
<li>
<a href="classes\BusinessCard.class">BusinessCard.class </a>
</li>
</ul>
<h3>Tasks</h3>
<p>To complete this exam, begin by downloading the files provided to the directory
where you plan to work and then uploading them to either the Content directory
or Java_Classes directory of your iCarnegie Servlet Workbench, whichever is
appropriate.</p>
<p>Once the provided files are where they need to be, you are ready to begin work.
Applying the process taught earlier in this unit, here's a list of steps you
might take to complete this assessment. As you do, be sure to work and test
incrementally—and save your work often.
</p>
<ol type="1" start="1">
<li> Study the specifications and example solution and response
above<i>. </i> You need to identify which HTML elements are required and how
those elements are to be positioned. As you do this, it might be helpful to
make notes or even draw a diagram and label it. The goal of these activities
is to think through your solution and form a plan, however simple, before
you set about the task of coding.
<li> Once you've formed a plan, begin implementing it. As you do so, remember
to follow the advice given above. Save your work often. Work and test incrementally.
For example, you might first implement the part of the form that pertains
to the sender information and test that. Remember that after you make changes,
to see those changes, you'll need to load your I_Exam1_StudentNumber_Name_businessCardsForm.html file
to the Workbench again—and sometimes you may need to flush your browser's
cache. Remember also that when you send the servlet only part of the information
it's expecting, the label it returns will not be complete, so expect something
that is less than perfect. Still, you should be able to see how the part you
have implemented is working.
<li> Before you submit your work, be sure it
<ul>
<li> meets the specifications given above
<li> validates against the WDG HTML Validator: <a href="http://htmlhelp.com/tools/validator/upload.html" target="externalWindow">WDG
HTML Validator</a></li>
</ul>
</p>
</li>
</ol>
<h3>Submission</h3>
<p>Submit <strong>only</strong> the following files:</p>
<ul>
<li>
businessCardsForm.html</li>
</ul>
</td>
<table><tr>
<td width=5><br></td> <td class=td0_copyright align=left valign=top >
<span class=copyright ><br>© Copyright 2004 iCarnegie, Inc. All rights reserved.</span></td>
</tr></table>
</body></html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -