| 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/CST1021/Labs/Lab01/ |
Upload File : |
<?
// JimMartinson/CST1021/Labs/Lab01/Lab01.phpinc
$css .= ',colorCode.css';
require('Gradebook/EvaluationSubmission_BEGIN.phpinc'); // Replaced.
$disabled = '';
$disabled = ' disabled'; // Comment this line to enable lab.
?>
<fieldset><legend><?=$evaluationType?> <?=$evaluationNumber?> Description</legend>
The purpose of this lab is to demonstrate your ability to create your first web page.
<?=$gradeNote?>
<? if ( $disabled ) { ?><div class="error bold">Notice: Do not perform this assignment unless this notice has been removed.</div><? } ?>
</fieldset>
<fieldset><legend><?=$evaluationType?> <?=$evaluationNumber?> Instruction</legend>
<span class="note">
Do not add any block elements other than those specified by the instructions below.
Elements like paragrach (<span class="highELE">p</span>) and division (<span class="highELE">div</span>) must be avoided.
<br>
The use of inline elements are allowed, such as line-break (<span class="highELE">br</span>) and hyperlink (<span class="highELE">a</span>).
Please do not include images.
<br>
All content other than the <span class="highELE">h1</span> heading must be inside of the <span class="highELE">header</span>, <span class="highELE">article</span>, <span class="highELE">aside</span>, or <span class="highELE">footer</span> elements.
</span>
<ol id="main" class="count">
<!-- Step 1 -->
<li>Create a folder for this <?=strtolower($evaluationType)?> named <b class="copyText"><?=$evaluationName?></b> and keep all documents used for <?=$evaluationType?> <?=$evaluationNumber?> in that folder.</li>
<!-- Step 2 -->
<li class="css">Download <b><a href="Lab01.css">Lab01.css</a></b> and save it in your <b><?=$evaluationName?></b> folder.
<span class="note">You will not be making any changes to this css file for this lab.</span>
</li>
<!-- Step 3 -->
<li>Decide on a subject for your first web page. All page content except the <span class="highELE">h1</span> heading must be related to this subject.</li>
<!-- Step 4 -->
<li class="page">Create your first web page.
<ol>
<li>Name the file <b class="copyText"><?=$saveFilename?>.html</b>.</li>
<li>The page must contain the foundation tags. <a href="#notes" class="smaller">See notes</a></li>
</ol>
</li>
<!-- Step 5 -->
<li class="page">Place the following in the <span class="highELE">head</span> of your page: <a href="#notes" class="smaller">See notes</a>
<ol type="a">
<li>Title the page <span-content class="copyText"><?=$pageTitle?></span-content>.</li>
<li>Add the meta character set tag.</li>
<li>Add a link tag for the <span class="highVAL"><span class="copyText"><?=$evaluationName?>.css</span></span> css file.</li>
</ol>
</li>
<!-- Step 6 -->
<li class="page">Place the following in the <span class="highELE">body</span> of your page:
<ol type="a">
<li>Begin your page with an <span class="highELE">h1</span> heading tag at the beginning using <span-content class="copyText"><?=$pageTitle?></span-content> as the innerHTML.</li>
<li>A <span class="highELE">header</span> section containing:
<ol>
<li>An <span class="highELE">h2</span> heading tag that names your subject.</li>
<li>Followed by two or more sentences of text that describes your subject.</li>
</ol>
</li>
<li>Place an <span class="highELE">article</span> section on the page.
<ol>
<li>Decide on a sub-topic of your subject.</li>
<li>The <span class="highELE">article</span> must begin with an <span class="highELE">h3</span> heading tag that describes the sub-topic of this article</li>
<li>Followed by three or more sentences of text on that topic.</li>
</ol>
</li>
<li>Follow the <span class="highELE">article</span> with an <span class="highELE">aside</span> that has three or more sentences on the same topic of the <span class="highELE">article</span> above.
This aside must contain at least as much content as the <span class="highELE">article</span> above.</li>
<li>Place a second <span class="highELE">article</span> section on the page.
<ol>
<li>Decide on a sub-topic of your subject.</li>
<li>The <span class="highELE">article</span> must begin with an <span class="highELE">h3</span> heading tag that describes the sub-topic of this article</li>
<li>Followed by three or more sentences of text on that topic.</li>
</ol>
</li>
<li>Follow the <span class="highELE">article</span> with a second <span class="highELE">aside</span> that has two or more sentences on the same topic of the <span class="highELE">article</span> above.</li>
<li>Complete your page with a <span class="highELE">footer</span> section with at least one or more sentences of text.</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>
<? require('common/Browser/Browser.phpinc'); BrowserBegin($pageTitle,'file:///'.$courseNumber.'/'.$evaluationName.'/'.$saveFilename.'.html',845); ?>
<img src="images/example.png" alt="example" width="823" height="716">
<? BrowserEnd(); ?>
</div>
</li>
<!-- Step 7 -->
<li>Turn in your assignment:
<ol type="a">
<li>Ensure the following files are in your <?=$evaluationName?> folder:
<ul>
<li><?=$saveFilename?>.html</li>
<li>Lab01.css</li>
</ul>
</li>
<li>Zip up your <b><?=$evaluationName?></b> folder into a file named <b class="copyText"><?=$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"<?=$disabled?>> for grading.</li>
</ol>
</li>
</ol>
<? if ( $disabled ) { ?><div class="error bold">Notice: Do not perform this assignment unless this notice has been removed.</div><? } ?>
</fieldset>
<? require('../LabNotes.phpinc'); ?>
<script src="/js/colorCode.js"></script>
<?
$PartialGradingCriteria = '
-assignmentPoints if the <a href="https://jigsaw.w3.org/css-validator/validator.html.en#validate_by_input">CSS Validation Service</a> or <a href="https://validator.w3.org/#validate_by_input">Markup Validation Service</a> report errors.
No further grading will be done.
<table>
<tr>
<th>Criteria</th>
<th class="right">Points</th>
</tr>
<tr>
<td><span class="highELE">DOCTYPE</span> is specified and correct.</td>
<td class="number">1</td>
</tr>
<tr>
<td>Correct <span class="highELE">html</span> structure.</td>
<td class="number">1</td>
</tr>
<tr>
<td>Correct <span class="highELE">head</span> with required elements.</td>
<td class="number">3</td>
</tr>
<tr>
<td>Correct <span class="highELE">body</span> structure.</td>
<td class="number">1</td>
</tr>
<tr>
<td>Correct <span class="highELE">header</span>, <span class="highELE">article</span>, <span class="highELE">aside</span> and <span class="highELE">footer</span> structures.</td>
<td class="number">10</td>
</tr>
<tr>
<td>All content related to the subject.</td>
<td class="number">2</td>
</tr>
<tr>
<td>
HTML is well formatted and follows lab requirements.
<br><span class="note">Do not add any additional code or styling other than what is required by the lab.
<br>I will deduct points for additional code or styling that are added or cause problems.
<br>Read the note at the beginning of the instructions.</span></td>
<td class="number">2</td>
</tr>
<tr>
<th class="right">Total:</th>
<th class="number">assignmentPoints</th>
</tr>
</table>
';
require('Gradebook/EvaluationSubmission_END.phpinc'); // Replaced.
#require('../../ReferencesResources.phpinc');
#require($Instructor['Path'].'/ContactInformation.phpinc');
if ($TRACK != '') $_SESSION['TRACK'] .= "<li>End ".basename(__FILE__)."</ol>\n";
?>