| 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/Lab14/ |
Upload File : |
<?
// JimMartinson/CST1021/Labs/Lab04/Lab04.phpinc
$css .= ',colorCode.css';
require('Gradebook/EvaluationSubmission_BEGIN.phpinc'); // Replaced.
require('common/Browser/Browser.phpinc');
$disabled = '';
$disabled = ' disabled';
#require('JimMartinson/DisableLab.phpinc');
?>
<fieldset><legend>Description</legend>
The purpose of this lab is to demonstrate your ability to create a web site.
<?=$gradeNote?>
<? if ( $disabled ) { ?><span class="error bold">Notice: Do not perform this assignment unless this notice has been removed.</span><? } ?>
</fieldset>
<fieldset><legend><?=$evaluationType?> Instruction</legend>
<table border="0" width="100%" bgcolor="#FFFFFF" cellspacing="0" cellpadding="4">
<tr>
<td width="100%">The basis for this assignment will come
from the previous assignment, "Planning Web Project".
<p>The final web site project must be a <b>direct
implementation</b> of your previous assignment. Additional material
and minor changes are acceptable. Topic changes or major redesigns
are discouraged.</p>
<p>Have your name in the title of the first page, or
have your name in comments somewhere at the beginning of the html code of
the first page.</p>
<p>The first page of your website must have the
filename of "<b class="copyText">index.html</b>" or "<b class="copyText">index.htm</b>".</p>
<p>All the pages in the site should have the same basic
"look and feel" so that the site looks whole, complete, and
professional. Same "look and feel" means that in general,
fonts, colors, layouts, etc, look similar and contiguous between all the
pages on the site.</p>
<p>Make sure your site looks good at various
resolutions. Make sure your web site displays properly at an <b>1920 X 1080</b> pixel resolution. You can do this by resizing your browser window or
changing the screen resolution of your computer for testing.</p>
<p>All of your html and image files <b>must</b> be
contained within one project folder. You may have subfolders under
the project folder if you wish for organizational purposes. Please
do not give me extraneous files that are not used in your web site.
I do not want extra graphic files and other temporary files that you may
have created. By
giving me a copy of your project folder, I should have <b>everything</b> that I need to see your web site.</p>
<p><b>Test, Test, Test!</b> This is <b>extremely</b> important!</p>
<p>Things to keep in mind:</p>
<ul>
<li>This web project is your <b>final exam!</b></li>
<li>Spend the time necessary to do a great job and to have a professional looking site.</li>
<li>Consistent look and feel across the site. </li>
<li>Use your creative skills. </li>
<li>You may wish to incorporate graphics that you created in your other classes.</li>
<li>Test your site thoroughly in Google Chrome, Mozilla Firefox, and Microsoft Edge.</li>
<li>This may be a project that you want to include in your portfolio.</li>
<li>And most of all... <b>have fun!</b></li>
</ul>
<p><a href="http://mmdt1021a.ridgewater.net/samples/index.htm"><b>Sample student web projects</b></a> from a past year to get design and topic ideas from. </p>
<p>If you are presenting remotely, be prepared to present via web meeting. Use a headset for mic/audio.</p>
<p>
<b>Present your completed web project to the rest of the class.</b>
See the <a href="../../Schedule/">Schedule</a> for presentation dates.
</p>
<p>If you cannot present during class time then you must make an web meeting recording, make it public, and add a link to the public recording on your first page.</p>
<p>Your project will be graded and you will receive feedback. (This assignment is worth <b>45
points</b>)</p>
<p>Grading criteria:</p>
<table border="1" width="500" cellspacing="0" cellpadding="5">
<tr>
<th><b>Criteria</b></th>
<th><b>Points</th>
</tr>
<tr>
<td>Finished web site was an implementation of the
"Planning Web Project" assignment.</td>
<td class="bold number">5</td>
</tr>
<tr>
<td>Consistent look and feel across the site.</td>
<td class="bold number">2</td>
</tr>
<tr>
<td>Site has no broken links or missing images.</td>
<td class="bold number">5</td>
</tr>
<tr>
<td>Site views properly at 1920 X 1080 resolution.</td>
<td class="bold number">2</td>
</tr>
<tr>
<td>Presentation of web site to class.</td>
<td class="bold number">5</td>
</tr>
<tr>
<td>Navigation structure clear and consistent.</td>
<td class="bold number">2</td>
</tr>
<tr>
<td>External CSS (style sheet) is used.</td>
<td class="bold number">5</td>
</tr>
<tr>
<td>Text displayed in a different font, size, and color.</td>
<td class="bold number">1</td>
</tr>
<tr>
<td>A background color or a background image is used.</td>
<td class="bold number">1</td>
</tr>
<tr>
<td>At least 5 images.</td>
<td class="bold number">5</td>
</tr>
<tr>
<td>At least one ordered or an unordered list.</td>
<td class="bold number">1</td>
</tr>
<tr>
<td>At least one table.</td>
<td class="bold number">1</td>
</tr>
<tr>
<td>Page 1 content.</td>
<td class="bold number">1</td>
</tr>
<tr>
<td>Page 2 content.</td>
<td class="bold number">1</td>
</tr>
<tr>
<td>Page 3 content.</td>
<td class="bold number">1</td>
</tr>
<tr>
<td>Page 4 content.</td>
<td class="bold number">1</td>
</tr>
<tr>
<td>Page 5 content.</td>
<td class="bold number">1</td>
</tr>
<tr>
<td>Assignment on time.</td>
<td class="bold number">5</td>
</tr>
<tr>
<td>Site aesthetics.</td>
<td class="bold number">10</td>
</tr>
<tr>
<td>Code readibility.</td>
<td class="bold number">10</td>
</tr>
<tr>
<th class="right">Total:</th>
<th class="bold number"><?=$evaluationInfo['evaluationPoints']?></th>
</tr>
</table></td>
</tr>
</table>
Turn in your assignment:
<ol type="a">
<li>Zip up your <b><?=$evaluationName?></b> folder into a file named <b><?=$uploadFilename?></b>.
<br>Your <b><?=$uploadFilename?></b> should contain all html, css, image, and other files you used on your site.
</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><? if ( $disabled ) { ?><span class="error bold">Notice: Do not perform this assignment unless this notice has been removed.</span><? } ?>
</fieldset>
<?
$PartialGradingCriteria = '
Deductions for any elements required by the lab that are not present or incorrect:
<br>
-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.<br>
-1 for each missing element or like group.
<br>
-1 for each incorrect element or like group.
<br>
-1 for any additional html elements that have errors.
<br>
';
?>
<script src="/js/colorCode.js"></script>
<fieldset id="notes"><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>
<li>An <span class="code highELE">h1</span> heading tag with the same content as in the <span class="code highELE">title</span> tag as the first element in the body.</li>
</ul>
</fieldset>
<?
require('Gradebook/EvaluationSubmission_END.phpinc'); // Replaced.
#require('../../ReferencesResources.phpinc');
#require($Instructor['Path'].'/ContactInformation.phpinc');
if ($TRACK != '') $_SESSION['TRACK'] .= "<li>End ".basename(__FILE__)."</ol>\n";
?>