| 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 : |
<?
// Lab07.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 = 10;
$assignmentType = "Lesson";
$assignmentTitle = "Formatting with Styles";
$evaluationNumber = 7;
$evaluationType = "Lab";
$evaluationTitle = "Formatting with Styles";
if (!isset($evaluationNumber)) { $evaluationNumber = $assignmentNumber; }
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 continue using Cascading Style Sheets (CSS). You will demonstrate competence in understanding the use of CSS for formatting. You will use font-family, font-style, font-weight, font-size, line-height, word-spacing, letter-spacing, text-indent, white-space, text-transform, and font-variant properties. Note that while I believe you should usually use a style sheet file we are going to use inline styles for this lab. You will be using a lot of styles only one time and it just does not make sense to setup so many id styles.
<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>.
<ol type="a">
<li>Specify a <b>DOCTYPE</b> as the very first line in the HTML document.</li>
<li>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.</li>
<li>Set character encoding to UTF-8, UTF-16, or another character set of your choice.</li>
<li>Title the page <b><?=$evaluationType?> <?=$evaluationNumber?> - firstname lastname</b> where firstname is your first name and lastname is your last name.</li>
<li>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>
</ol>
</li>
<li>In the body of <b><?=$evaluationName?>.htm</b> place the following:
<ol type="a">
<li>Create a paragraph with the following:
<ol type="i">
<li>Create a span with some text in it and without any styles set. Place a line break between each span in this paragraph.</li>
<li>Create a 2<sup>nd</sup>span with some text in it and with the font family set to <b>Verdana, Arial, Helvetica, sans-serif</b>.</li>
<li>Create a 3<sup>rd</sup>span with some text in it and with the font family set to <b>ooga, booga</b>.</li>
<li>Create a 4<sup>th</sup>span with some text in it and with the font family set to <b>ooga, booga, Verdana, Arial, Helvetica, sans-serif</b>.</li>
</ol>
</li>
<li>Create a 2<sup>nd</sup> paragraph with the following:
<ol type="i">
<li>Create a span with some text in it and without any styles set. Place a line break between each span in this paragraph.</li>
<li>Create a 2<sup>nd</sup>span with some text in it and with the font style set to <b>italic</b>.</li>
<li>Create a 3<sup>rd</sup>span with some text in it and with the font weight set to <b>bold</b>.</li>
<li>Create a 3<sup>rd</sup>span with some text in it and with the font weight set to <b>600</b>.</li>
<li>Create a 4<sup>th</sup>span with some text in it and with the font size set to <b>x-large</b>.</li>
<li>Create a 5<sup>th</sup>span with some text in it and with the font size set to <b>2em</b>.</li>
<li>Create a 6<sup>th</sup>span with some text in it and with the line height set to <b>4px</b>.</li>
<li>Create a 7<sup>th</sup>span with some text in it and with the line height set to <b>1.0em</b>.</li>
<li>Create a 8<sup>th</sup>span with some text in it and with the line height set to <b>2.0em</b>.</li>
<li>Create a 9<sup>th</sup>span with some text in it and without any styles set.</li>
</ol>
</li>
<li>Create a 3<sup>rd</sup> paragraph with the following:
<ol type="i">
<li>Create a span with some text in it and without any styles set. Place a line break between each span in this paragraph.</li>
<li>Create a 2<sup>nd</sup>span with some text in it and with the font set to <b>italic</b>; size <b>0.75em</b>; family <b>Verdana, Arial, Helvetica, sans-serif</b> using the font property.</li>
<li>Create a 3<sup>rd</sup>span with some text in it and with the font set to <b>italic</b>; <b>bold</b> size <b>0.75em</b>; family <b>Verdana, Arial, Helvetica, sans-serif</b> using the font property.</li>
<li>Create a 4<sup>th</sup>span with some text in it and with the font set to <b>italic</b>; <b>bold</b> size <b>1.0em</b>; line height <b>1.25em</b>; family <b>Verdana, Arial, Helvetica, sans-serif</b> using the font property.</li>
<li>Create a 5<sup>th</sup>span with some text in it and without any styles set.</li>
</ol>
</li>
<li>Create a 4<sup>th</sup> paragraph with the following:
<ol type="i">
<li>Create a span with some text in it and without any styles set. Place a line break between each span in this paragraph.</li>
<li>Create a 2<sup>nd</sup>span with some text in it and with the word spacing set to <b>0.1em</b>.</li>
<li>Create a 3<sup>rd</sup>span with some text in it and with the word spacing set to <b>0.3em</b>.</li>
<li>Create a 4<sup>th</sup>span with some text in it and with the word spacing set to <b>0.6em</b>.</li>
<li>Create a 5<sup>th</sup>span with some text in it and with the letter spacing set to <b>0.1em</b>.</li>
<li>Create a 6<sup>th</sup>span with some text in it and with the letter spacing set to <b>0.3em</b>.</li>
<li>Create a 7<sup>th</sup>span with some text in it and with the letter spacing set to <b>0.6em</b>.</li>
<li>Create a 8<sup>th</sup>span with some text in it and without any styles set.</li>
</ol>
</li>
<li>Create a 5<sup>th</sup> paragraph with the following:
<ol type="i">
<li>Create a span with some text in it and without any styles set. Place a line break between each span in this paragraph.</li>
<li>Create a 2<sup>nd</sup>span with some text in it and with the text transform set to <b>capitalize</b>.</li>
<li>Create a 3<sup>rd</sup>span with some text in it and with the text transform set to <b>uppercase</b>.</li>
<li>Create a 4<sup>th</sup>span with some text in it and with the font variant set to <b>small caps</b>.</li>
<li>Create a 5<sup>th</sup>span with some text in it and without any styles set.</li>
</ol>
</li>
<li>Create a 6<sup>th</sup> paragraph with the text indent set to <b>2.0em</b>. Use enough text so that the line wraps.</li>
<li>Create a 7<sup>th</sup> paragraph with the text indent set to <b>4.0em</b>. Use enough text so that the line wraps.</li>
<li>Create a 8<sup>th</sup> paragraph with the white space set to <b>nowrap</b>. Use enough text so that the line should wrap (it won't).</li>
</ol>
</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>
<br />
</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>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');
?>