| Server IP : 134.29.175.74 / Your IP : 216.73.216.160 Web Server : nginx/1.10.2 System : Windows NT CST-WEBSERVER 10.0 build 19045 (Windows 10) i586 User : Administrator ( 0) PHP Version : 7.1.0 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /nginx/html/JimMartinson/CST1022/Labs/_Archive/Lab05/ |
Upload File : |
<?
// JimMartinson/MMDT1021/Labs/Lab05/Lab05.phpinc
$css .= ',colorCode.css';
require('Gradebook/EvaluationSubmission_BEGIN.phpinc'); // Replaced.
$ShowSpanCountBefore = false;
#$ShowSpanCountBefore = true;
?>
<style type="text/css">
b { white-space:nowrap; }
</style>
<?
?>
<a name="Lab"></a>
<fieldset><legend>Description</legend>
Create a form for use in the next lab.<br>
<?=$gradeNote?>
</fieldset>
<fieldset><legend><?=$evaluationType?> Instruction</legend>
<ol id="main" class="count">
<li>Create a folder for this <?=strtolower($evaluationType)?> named <b><?=$evaluationName?></b> and keep all documents used for <?=$evaluationType?> <?=$evaluationNumber?> in that folder.</li>
<ol>
<li>Name the file <b><?=$evaluationName?>.html</b>.</li>
<li>The page must contain the foundation tags. <a href="#notes" class="smaller">See notes</a></li>
<li>Place the following in the <samp class="highELE">head</samp> of your page:
<ol>
<li>Add a <samp class="highELE">title</samp> of <inn><?=$evaluationType?> <?=$evaluationNumber?> <?=$evaluationTitle?> - <?=userName($userId)?></inn>.</li>
<li>Add the meta character set tag.</li>
<li>Add a link stylesheet tag with a <span class="highATT">href</span> of <samp class="highVAL"><?=$evaluationName?>.css</samp></li>
<li>Add a <samp class="highELE">script</samp> tag with a <span class="highATT">src</span> of <samp class="highVAL"><?=$evaluationName?>.js</samp>.</li>
</ol>
</li>
<li>Code html as needed to perform this lab:
<ol>
<li>Create a form with the following elements and an action of <b>http://cst.ridgewater.edu/Tools/FormEcho/</b>.
<ol>
<li>First Name: txtFirstName.</li>
<li>Last Name: txtLastName.</li>
<li>Address line 1: txtAddr1.</li>
<li>Address line 2: txtAddr2.</li>
<li>City: txtCity.</li>
<li>State: txtState.</li>
<li>ZIP: txtZIP.</li>
<li>Email address: txtEmail.</li>
<li>A set of check boxes about hobbies:
<ol>
<li>Gardening: chkGarden.</li>
<li>Reading: chkRead.</li>
<li>Sports: chkSport.</li>
</ol>
</li>
<li>A set of radio buttons about age: radAge
<ol>
<li>0 - 17, value 1</li>
<li>18 - 24, value 18</li>
<li>25 - 34, value 25</li>
<li>35 - 44, value 35</li>
<li>45 - 54, value 45</li>
<li>55 - 64, value 55</li>
<li>65 and over - 65, value 1</li>
</ol>
</li>
<li>The submit button: btnSubmit.</li>
</ol>
</li>
</ol>
</li>
</ol>
<div id="show_page" class="inline"><a href="#" onClick="divHide('show_page'); divShow('hide_page'); return false;">See an example:</a></div>
<div id="hide_page" class="hidden"><a href="#" onClick="divHide('hide_page'); divShowInline('show_page'); return false;">Hide the example.</a>
<? /**/ ?>
<? include('common/Browser/Browser.phpinc'); BrowserBegin($evaluationType.' '.$evaluationNumber.' - Jim Martinson','file://'.$courseNumber.'/'.$evaluationName.'/'.$evaluationName.'.html'); ?>
<? /**/ ?>
<img src="example.gif" alt="example">
<? /**/ ?>
<? BrowserEnd(); ?>
<? /**/ ?>
</div>
</li>
<li>Create a JavaScript document.
<ol>
<li>Name the file <b><?=$evaluationName?>.js</b>.</li>
<li>The page must contain all JavaScript code used in this lab.</li>
<li>Write JavaScript to ensure:
<ol>
<li>All <b>txt...</b> fields except txtAddr2 contain a value before the page can be submitted.</li>
<li>At least one checkbox has been checked before the page can be submitted.</li>
<li>At least one radio button has been checked before the page can be submitted.</li>
</ol>
</li>
</ol>
</li>
<li>Create a Cascading Style Sheet document.
<ol>
<li>Name the file <b><?=$evaluationName?>.css</b>.</li>
<li>The page must contain all css code used in this lab.</li>
</ol>
</li>
<li>Turn in your assignment:
<ol>
<li>Zip up your <b><?=$evaluationName?></b> folder into a file named <b><?=$uploadFilename?></b>.</li>
<li>Browse and select your <b><?=$uploadFilename?></b> file: <input type="file" name="fileUpload" id="inpFileUpload"<?=$disabled?>><div id="divFileploadError"></div></li>
<li>Then <input type="submit" name="f_subtask" id="inpSubmit" value="Submit"> for grading.</li>
</ol>
</li>
</ol>
<?=$gradeNote?>
</fieldset>
<fieldset><legend>NOTES:</legend>
<b>We will be using the following in every html page throughout this class:</b>
<ul>
<li>The HTML 5 DOCTYPE: <span class="highELE"><!DOCTYPE html></span>.</li>
<li>An html tag with <span class="highATT">lang</span> attribute: <span class="highELE"><html <span class="highATT">lang="<span class="highVAL">en</span>"</span>></span>.</li>
<li>A <span class="highELE">title</span> tag.</li>
<li>The meta character set tag <span class="highELE"><meta <span class="highATT">charset="<span class="highVAL">UTF-8</span>"</span>></span>.</li>
</ul>
</fieldset>
<script src="/js/colorCode.js"></script>
<?
$PartialGradingCriteria = '
<table>
<tr>
<td></td>
<td class="right"><b>Points</b></td>
</tr>
<tr>
<td>Form elements correct and tested.</td>
<td class="number">5</td>
</tr>
<tr>
<td>Form submission correct.</td>
<td class="number">2</td>
</tr>
<tr>
<td>Required HTML/CSS/JS elements are correct.<br>Correct DOCTYPE, html, head, title, meta charset, body, and h1 tags.<br>Well formatted HTML, CSS, and JavaScript that follows lab requirements.</td>
<td class="number">3</td>
</tr>
<tr>
<th class="right">Total:</th>
<th class="bold number">assignmentPoints</th>
</tr>
</table>
';
require('Gradebook/EvaluationSubmission_END.phpinc'); // Replaced.
if ($TRACK != '') $_SESSION['TRACK'] .= "<li>End ".basename(__FILE__)."</ol>\n";
?>