| 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 : C:/nginx/html/JimMartinson/CST1022/Labs/_Archive/Lab04/ |
Upload File : |
<?
// JimMartinson/MMDT1021/Labs/Lab04/Lab04.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>
Demonstrate your knowledge of being able to create a frameset, and open popup windows.
<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>
<li>Create an html document.
<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 menu with links to load an iframe element with the contents of the content page that corresponds to the menu item. There must be at least four menu items.<br>
</li>
<li>On one of the content pages create a glossary with terms that are related to your page content. Have a link that pops up the glossary page in a small window.</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.png" 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>
</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>Create the content pages to load into the <b><?=$evaluationName?>.html</b> content frame.</li>
<li>Create glossary content pages as needed for your popup window.</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>JS with iframe correct.</td>
<td class="number">5</td>
</tr>
<tr>
<td>JS with popup window correct.</td>
<td class="number">5</td>
</tr>
<tr>
<td>Three+ content pages.</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";
?>