| 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/_Archive/MMDT1021/ |
Upload File : |
<?
// Lab02.php
$TRACK = "<b>".basename(__FILE__).'</b> <span class="pv_fl">('.__FILE__.")</span>\n<ol>\n";
ini_set('include_path',ini_get('include_path').PATH_SEPARATOR.$_SERVER['DOCUMENT_ROOT']."/"); // Add the DOCUMENT_ROOT to the include_path.
$thisFile=__FILE__; $thisLine=__LINE__; include('application.phpinc');
$thisFile=__FILE__; $thisLine=__LINE__; include('Course/courseInfo.phpinc');
$thisFile=__FILE__; $thisLine=__LINE__; include('classInfo.phpinc');
$assignmentNumber = 4;
$assignmentType = "Lesson";
$assignmentTitle = "Images";
$evaluationNumber = 2;
$evaluationType = "Lab";
$evaluationTitle = "Images";
if (strlen($assignmentNumber) == 1) { $assignmentName = $assignmentType."0".$assignmentNumber; } else { $assignmentName = $assignmentType.$assignmentNumber; }
if (strlen($evaluationNumber) == 1) { $evaluationName = $evaluationType."0".$evaluationNumber; } else { $evaluationName = $evaluationType.$evaluationNumber; }
$title = $evaluationType." ".$evaluationNumber.": ".$evaluationTitle;
$headTitle = '_CST_ - '.$courseNumber.' '.$courseTitle.' - '.$title;
$pageTitle = $courseNumber.' '.$courseTitle.'<br>'.$title;
$pageMenu = 'Course/courseMenu.phpinc';
$smallTitle = true;
$thisFile = __FILE__; $thisLine=__LINE__; include('common/pageHeader.phpinc');
$thisFile=__FILE__; $thisLine=__LINE__; include('Login/authenticate.phpinc');
$sectionTitle = $courseNumber.' '.$courseTitle.' - '.$title;
$thisFile = __FILE__; $thisLine=__LINE__; include('common/sectionHeader.phpinc');
?>
<p>
<fieldset><legend><?=$evaluationType?> Assignment</legend><span class="normal">
In this lab you are going to demonstrate your competence in using images on a web page. You will create a favicon; crop, resize, and rotate images; place and align images on a web page; and demonstrate use of the horizontal rule.
<br />
Create a <b><?=$evaluationName?></b> folder and keep all files for this lab in that folder.
<br />
Please follow the instructions below to complete this lab.
<br /><br />
<ol>
<li>Create a web page file named <b><?=$evaluationName?>.htm</b>.
<br />Specify a <b>DOCTYPE</b> as the very first line in the HTML document.
<br />Insert a comment before the <b>head</b> section containing the text <b><?=$evaluationType?> <?=$evaluationNumber?> - firstname lastname</b> where firstname is your first name and lastname is your last name.
<br />Set character encoding to UTF-8, UTF-16, or another character set of your choice.
<br />Title the page <b><?=$evaluationType?> <?=$evaluationNumber?> - firstname lastname</b> where firstname is your first name and lastname is your last name.
<br />Put an <b>h2</b> heading in the body containing the text <b><?=$evaluationType?> <?=$evaluationNumber?> - firstname lastname</b> where firstname is your first name and lastname is your last name.
</li>
<br />
<li>Get an image of your choosing (from the web or something you have already) to use as a favicon.
<br />Size it to 16x16 pixels and save it as favicon.ico. Make sure you save it as an icon file and don't simply change the file extension.
<br />Add the two <b>link</b> elements in the <b>head</b> section to ensure it is used as the favicon.</li>
<br />
<li>Get an image of your choosing (from the web or something you have already).
<br />It should be sized appropriately so that it is not extremely large. Something under 300 high and 500 pixels wide would be good.
<br />Put in a paragraph <b>p</b> element with alignment center.
<br />Place an image element (<b>img</b>) to your image inside of the paragraph. It must have an <b>alt</b> attribute. It must have a <b>title</b> attribue set to "My first image".
</li>
<li>Copy the same <b>img</b> element behind the first but set the height to 20 pixels and remove the title attribute.</li>
<li>Put a horizontal rule (<b>hr</b>) element under the image that is centered and one-half the page width.</li>
<br />
<li>Get two smaller images of your choosing.
<br />Either crop or resize them so they are the same size. I suggent something between 100-200 pixels.
<br />Put another paragraph element with a border around it. I used <b><p style="border:1px solid red;"></b>
<br />Place some text inside of the paragraph.
<br />Then put <b>img</b> elements to both images. Align the first one left and the second right.
<br />Put some more text below the image elements. Please use enough text both BEFORE and AFTER the images to see good results.
</li>
<li>Place a line break (<b>br</b>) element below the above paragraph. Set it to clear all using the <b>clear</b> attribute.</li>
<li>Copy and paste the paragraph above below the line break element.
<br />Add 15 pixels of vspace to the first image and 10 pixels of hspace to the second.
<br />Place a line break element between the two image elements. Set it to clear left.
</li>
<li>Place another line break element below the second paragraph. Set it to clear all.</li>
<br />
<li>Download the <a href="dn/collage.bmp">collage.bmp</a> bitmap file.
<br />Rotate the image 90° to the right. Rezize it to half (1/2) of its original size. Save it as a jpeg file called collage.jpg.
<br />Put an image element to collage.jpg with an <b>alt</b> attribute set to "collage" below the line break.
</li>
<br />
<li>Submit this assignment for evaluation.
<ol type="a">
<li>Zip up the <b><?=$evaluationName?></b> folder into a file called <b><?=$evaluationName?>.zip</b>.</li>
<li>Send the <b><?=$evaluationName?>.zip</b> file as an attachment using email to <b>jim.martinson@ridgewater.edu</b> with a subject of <span style="white-space:nowrap;"><b><?=$courseNumber?> <?=$evaluationName?> submission</b></span>.</li>
<li>If you are not using Ridgewater's email system then enter your name as the first line of the message.</li>
</ol>
</li>
</ol>
</span></fieldset>
<fieldset><legend>Example <span class="normal">- Your result should look similar to the page below:</span></legend>
<p>
<?=$evaluationName?>.htm Example:<br />
<img src="<?=$evaluationName?>.jpg" alt="<?=$evaluationName?> Example" />
</p>
</fieldset>
<fieldset><legend>Notes</legend><span class="normal">
If you do not have a graphics editor already, you can use <i>Microsoft Paint</i>, <i>paint.net</i>, and <i>Irfanview</i>.<br>
<i>Microsoft Paint</i> comes with Windows XP and you can run it from the START menu; 1) START, Programs, Accessories, Paint; 2) START, All Programs, Accessories, Paint; or 3) START, Run, mspaint.<br>
<i>paint.net</i> is a full editor and can be downloaded from the <a href="http://www.getpaint.net/" target="_blank">paint.net website</a>.<br>
<i>Irfanview</i> is not really and editor but you can use it to convert image types, change images size, and about 30 other things. You can download it from the <a href="http://www.irfanview.com/" target="_blank">Irfanview website</a>.
</span></fieldset>
<fieldset><legend>Grading Criteria</legend><span class="normal">
Demonstrated assignment effectively: 10 points.
<br />
There are some things I expect. If they are incorrect you will lose the following:
<br />
Incorrect attachment file name: -1 pt.
<br />
Work submitted incorrectly: -1pt.
<br />
Incorrect subject in email: -1pt.
<br />
Second and subsequent submission of work for grading: -1pt.
<br />
Work submitted late: -1pt.
</span></fieldset>
<?
$thisFile=__FILE__; $thisLine=__LINE__; include('ReferencesResources.phpinc');
$thisFile = __FILE__; $thisLine=__LINE__; include('common/sectionFooter.phpinc');
$thisFile = __FILE__; $thisLine=__LINE__; include('common/pageFooter.phpinc');
?>