ÿþ<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:p="urn:schemas-microsoft-com:office:powerpoint" xmlns:oa="urn:schemas-microsoft-com:office:activation" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"> <head> <meta http-equiv=Content-Type content="text/html; charset=unicode"> <meta name=ProgId content=Word.Document> <meta name=Generator content="Microsoft Word 12"> <meta name=Originator content="Microsoft Word 12"> <link rel=File-List href="Lab01_files/filelist.xml"> <link rel=Edit-Time-Data href="Lab01_files/editdata.mso"> <!--[if !mso]> <style> v\:* {behavior:url(#default#VML);} o\:* {behavior:url(#default#VML);} w\:* {behavior:url(#default#VML);} .shape {behavior:url(#default#VML);} </style> <![endif]--> <title>Lab One</title> <!--[if gte mso 9]><xml> <o:DocumentProperties> <o:Author>Adina Crainiceanu</o:Author> <o:LastAuthor>adina</o:LastAuthor> <o:Revision>6</o:Revision> <o:TotalTime>407</o:TotalTime> <o:Created>2011-08-19T01:21:00Z</o:Created> <o:LastSaved>2011-08-20T01:47:00Z</o:LastSaved> <o:Pages>2</o:Pages> <o:Words>2136</o:Words> <o:Characters>10610</o:Characters> <o:Company>US Naval Academy</o:Company> <o:Lines>88</o:Lines> <o:Paragraphs>25</o:Paragraphs> <o:CharactersWithSpaces>12721</o:CharactersWithSpaces> <o:Version>12.00</o:Version> </o:DocumentProperties> </xml><![endif]--> <link rel=themeData href="Lab01_files/themedata.thmx"> <link rel=colorSchemeMapping href="Lab01_files/colorschememapping.xml"> <!--[if gte mso 9]><xml> <w:WordDocument> <w:Zoom>110</w:Zoom> <w:SpellingState>Clean</w:SpellingState> <w:TrackMoves/> <w:TrackFormatting/> <w:DrawingGridHorizontalSpacing>6 pt</w:DrawingGridHorizontalSpacing> <w:DisplayHorizontalDrawingGridEvery>2</w:DisplayHorizontalDrawingGridEvery> <w:DisplayVerticalDrawingGridEvery>2</w:DisplayVerticalDrawingGridEvery> <w:ValidateAgainstSchemas/> <w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid> <w:IgnoreMixedContent>false</w:IgnoreMixedContent> <w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText> <w:DoNotPromoteQF/> <w:LidThemeOther>EN-US</w:LidThemeOther> <w:LidThemeAsian>X-NONE</w:LidThemeAsian> <w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript> <w:Compatibility> <w:BreakWrappedTables/> <w:SnapToGridInCell/> <w:WrapTextWithPunct/> <w:UseAsianBreakRules/> <w:DontGrowAutofit/> <w:SplitPgBreakAndParaMark/> <w:DontVertAlignCellWithSp/> <w:DontBreakConstrainedForcedTables/> <w:DontVertAlignInTxbx/> <w:Word11KerningPairs/> <w:CachedColBalance/> </w:Compatibility> <w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel> <m:mathPr> <m:mathFont m:val="Cambria Math"/> <m:brkBin m:val="before"/> <m:brkBinSub m:val="--"/> <m:smallFrac m:val="off"/> <m:dispDef/> <m:lMargin m:val="0"/> <m:rMargin m:val="0"/> <m:defJc m:val="centerGroup"/> <m:wrapIndent m:val="1440"/> <m:intLim m:val="subSup"/> <m:naryLim m:val="undOvr"/> </m:mathPr></w:WordDocument> </xml><![endif]--><!--[if gte mso 9]><xml> <w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="false" DefSemiHidden="false" DefQFormat="false" LatentStyleCount="267"> <w:LsdException Locked="false" QFormat="true" Name="Normal"/> <w:LsdException Locked="false" QFormat="true" Name="heading 1"/> <w:LsdException Locked="false" QFormat="true" Name="heading 2"/> <w:LsdException Locked="false" QFormat="true" Name="heading 3"/> <w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true" QFormat="true" Name="heading 4"/> <w:LsdException Locked="false" QFormat="true" Name="heading 5"/> <w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true" QFormat="true" Name="heading 6"/> <w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true" QFormat="true" Name="heading 7"/> <w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true" QFormat="true" Name="heading 8"/> <w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true" QFormat="true" Name="heading 9"/> <w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true" QFormat="true" Name="caption"/> <w:LsdException Locked="false" QFormat="true" Name="Title"/> <w:LsdException Locked="false" Priority="1" Name="Default Paragraph Font"/> <w:LsdException Locked="false" QFormat="true" Name="Subtitle"/> <w:LsdException Locked="false" QFormat="true" Name="Strong"/> <w:LsdException Locked="false" QFormat="true" Name="Emphasis"/> <w:LsdException Locked="false" Priority="99" Name="No List"/> <w:LsdException Locked="false" Priority="99" SemiHidden="true" Name="Placeholder Text"/> <w:LsdException Locked="false" Priority="1" QFormat="true" Name="No Spacing"/> <w:LsdException Locked="false" Priority="60" Name="Light Shading"/> <w:LsdException Locked="false" Priority="61" Name="Light List"/> <w:LsdException Locked="false" Priority="62" Name="Light Grid"/> <w:LsdException Locked="false" Priority="63" Name="Medium Shading 1"/> <w:LsdException Locked="false" Priority="64" Name="Medium Shading 2"/> <w:LsdException Locked="false" Priority="65" Name="Medium List 1"/> <w:LsdException Locked="false" Priority="66" Name="Medium List 2"/> <w:LsdException Locked="false" Priority="67" Name="Medium Grid 1"/> <w:LsdException Locked="false" Priority="68" Name="Medium Grid 2"/> <w:LsdException Locked="false" Priority="69" Name="Medium Grid 3"/> <w:LsdException Locked="false" Priority="70" Name="Dark List"/> <w:LsdException Locked="false" Priority="71" Name="Colorful Shading"/> <w:LsdException Locked="false" Priority="72" Name="Colorful List"/> <w:LsdException Locked="false" Priority="73" Name="Colorful Grid"/> <w:LsdException Locked="false" Priority="60" Name="Light Shading Accent 1"/> <w:LsdException Locked="false" Priority="61" Name="Light List Accent 1"/> <w:LsdException Locked="false" Priority="62" Name="Light Grid Accent 1"/> <w:LsdException Locked="false" Priority="63" Name="Medium Shading 1 Accent 1"/> <w:LsdException Locked="false" Priority="64" Name="Medium Shading 2 Accent 1"/> <w:LsdException Locked="false" Priority="65" Name="Medium List 1 Accent 1"/> <w:LsdException Locked="false" Priority="99" SemiHidden="true" Name="Revision"/> <w:LsdException Locked="false" Priority="34" QFormat="true" Name="List Paragraph"/> <w:LsdException Locked="false" Priority="29" QFormat="true" Name="Quote"/> <w:LsdException Locked="false" Priority="30" QFormat="true" Name="Intense Quote"/> <w:LsdException Locked="false" Priority="66" Name="Medium List 2 Accent 1"/> <w:LsdException Locked="false" Priority="67" Name="Medium Grid 1 Accent 1"/> <w:LsdException Locked="false" Priority="68" Name="Medium Grid 2 Accent 1"/> <w:LsdException Locked="false" Priority="69" Name="Medium Grid 3 Accent 1"/> <w:LsdException Locked="false" Priority="70" Name="Dark List Accent 1"/> <w:LsdException Locked="false" Priority="71" Name="Colorful Shading Accent 1"/> <w:LsdException Locked="false" Priority="72" Name="Colorful List Accent 1"/> <w:LsdException Locked="false" Priority="73" Name="Colorful Grid Accent 1"/> <w:LsdException Locked="false" Priority="60" Name="Light Shading Accent 2"/> <w:LsdException Locked="false" Priority="61" Name="Light List Accent 2"/> <w:LsdException Locked="false" Priority="62" Name="Light Grid Accent 2"/> <w:LsdException Locked="false" Priority="63" Name="Medium Shading 1 Accent 2"/> <w:LsdException Locked="false" Priority="64" Name="Medium Shading 2 Accent 2"/> <w:LsdException Locked="false" Priority="65" Name="Medium List 1 Accent 2"/> <w:LsdException Locked="false" Priority="66" Name="Medium List 2 Accent 2"/> <w:LsdException Locked="false" Priority="67" Name="Medium Grid 1 Accent 2"/> <w:LsdException Locked="false" Priority="68" Name="Medium Grid 2 Accent 2"/> <w:LsdException Locked="false" Priority="69" Name="Medium Grid 3 Accent 2"/> <w:LsdException Locked="false" Priority="70" Name="Dark List Accent 2"/> <w:LsdException Locked="false" Priority="71" Name="Colorful Shading Accent 2"/> <w:LsdException Locked="false" Priority="72" Name="Colorful List Accent 2"/> <w:LsdException Locked="false" Priority="73" Name="Colorful Grid Accent 2"/> <w:LsdException Locked="false" Priority="60" Name="Light Shading Accent 3"/> <w:LsdException Locked="false" Priority="61" Name="Light List Accent 3"/> <w:LsdException Locked="false" Priority="62" Name="Light Grid Accent 3"/> <w:LsdException Locked="false" Priority="63" Name="Medium Shading 1 Accent 3"/> <w:LsdException Locked="false" Priority="64" Name="Medium Shading 2 Accent 3"/> <w:LsdException Locked="false" Priority="65" Name="Medium List 1 Accent 3"/> <w:LsdException Locked="false" Priority="66" Name="Medium List 2 Accent 3"/> <w:LsdException Locked="false" Priority="67" Name="Medium Grid 1 Accent 3"/> <w:LsdException Locked="false" Priority="68" Name="Medium Grid 2 Accent 3"/> <w:LsdException Locked="false" Priority="69" Name="Medium Grid 3 Accent 3"/> <w:LsdException Locked="false" Priority="70" Name="Dark List Accent 3"/> <w:LsdException Locked="false" Priority="71" Name="Colorful Shading Accent 3"/> <w:LsdException Locked="false" Priority="72" Name="Colorful List Accent 3"/> <w:LsdException Locked="false" Priority="73" Name="Colorful Grid Accent 3"/> <w:LsdException Locked="false" Priority="60" Name="Light Shading Accent 4"/> <w:LsdException Locked="false" Priority="61" Name="Light List Accent 4"/> <w:LsdException Locked="false" Priority="62" Name="Light Grid Accent 4"/> <w:LsdException Locked="false" Priority="63" Name="Medium Shading 1 Accent 4"/> <w:LsdException Locked="false" Priority="64" Name="Medium Shading 2 Accent 4"/> <w:LsdException Locked="false" Priority="65" Name="Medium List 1 Accent 4"/> <w:LsdException Locked="false" Priority="66" Name="Medium List 2 Accent 4"/> <w:LsdException Locked="false" Priority="67" Name="Medium Grid 1 Accent 4"/> <w:LsdException Locked="false" Priority="68" Name="Medium Grid 2 Accent 4"/> <w:LsdException Locked="false" Priority="69" Name="Medium Grid 3 Accent 4"/> <w:LsdException Locked="false" Priority="70" Name="Dark List Accent 4"/> <w:LsdException Locked="false" Priority="71" Name="Colorful Shading Accent 4"/> <w:LsdException Locked="false" Priority="72" Name="Colorful List Accent 4"/> <w:LsdException Locked="false" Priority="73" Name="Colorful Grid Accent 4"/> <w:LsdException Locked="false" Priority="60" Name="Light Shading Accent 5"/> <w:LsdException Locked="false" Priority="61" Name="Light List Accent 5"/> <w:LsdException Locked="false" Priority="62" Name="Light Grid Accent 5"/> <w:LsdException Locked="false" Priority="63" Name="Medium Shading 1 Accent 5"/> <w:LsdException Locked="false" Priority="64" Name="Medium Shading 2 Accent 5"/> <w:LsdException Locked="false" Priority="65" Name="Medium List 1 Accent 5"/> <w:LsdException Locked="false" Priority="66" Name="Medium List 2 Accent 5"/> <w:LsdException Locked="false" Priority="67" Name="Medium Grid 1 Accent 5"/> <w:LsdException Locked="false" Priority="68" Name="Medium Grid 2 Accent 5"/> <w:LsdException Locked="false" Priority="69" Name="Medium Grid 3 Accent 5"/> <w:LsdException Locked="false" Priority="70" Name="Dark List Accent 5"/> <w:LsdException Locked="false" Priority="71" Name="Colorful Shading Accent 5"/> <w:LsdException Locked="false" Priority="72" Name="Colorful List Accent 5"/> <w:LsdException Locked="false" Priority="73" Name="Colorful Grid Accent 5"/> <w:LsdException Locked="false" Priority="60" Name="Light Shading Accent 6"/> <w:LsdException Locked="false" Priority="61" Name="Light List Accent 6"/> <w:LsdException Locked="false" Priority="62" Name="Light Grid Accent 6"/> <w:LsdException Locked="false" Priority="63" Name="Medium Shading 1 Accent 6"/> <w:LsdException Locked="false" Priority="64" Name="Medium Shading 2 Accent 6"/> <w:LsdException Locked="false" Priority="65" Name="Medium List 1 Accent 6"/> <w:LsdException Locked="false" Priority="66" Name="Medium List 2 Accent 6"/> <w:LsdException Locked="false" Priority="67" Name="Medium Grid 1 Accent 6"/> <w:LsdException Locked="false" Priority="68" Name="Medium Grid 2 Accent 6"/> <w:LsdException Locked="false" Priority="69" Name="Medium Grid 3 Accent 6"/> <w:LsdException Locked="false" Priority="70" Name="Dark List Accent 6"/> <w:LsdException Locked="false" Priority="71" Name="Colorful Shading Accent 6"/> <w:LsdException Locked="false" Priority="72" Name="Colorful List Accent 6"/> <w:LsdException Locked="false" Priority="73" Name="Colorful Grid Accent 6"/> <w:LsdException Locked="false" Priority="19" QFormat="true" Name="Subtle Emphasis"/> <w:LsdException Locked="false" Priority="21" QFormat="true" Name="Intense Emphasis"/> <w:LsdException Locked="false" Priority="31" QFormat="true" Name="Subtle Reference"/> <w:LsdException Locked="false" Priority="32" QFormat="true" Name="Intense Reference"/> <w:LsdException Locked="false" Priority="33" QFormat="true" Name="Book Title"/> <w:LsdException Locked="false" Priority="37" SemiHidden="true" UnhideWhenUsed="true" Name="Bibliography"/> <w:LsdException Locked="false" Priority="39" SemiHidden="true" UnhideWhenUsed="true" QFormat="true" Name="TOC Heading"/> </w:LatentStyles> </xml><![endif]--> <style> <!-- /* Font Definitions */ @font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4; mso-font-charset:1; mso-generic-font-family:roman; mso-font-format:other; mso-font-pitch:variable; mso-font-signature:0 0 0 0 0 0;} @font-face {font-family:Tahoma; panose-1:2 11 6 4 3 5 4 4 2 4; mso-font-charset:0; mso-generic-font-family:swiss; mso-font-pitch:variable; mso-font-signature:-520081665 -1073717157 41 0 66047 0;} /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-unhide:no; mso-style-qformat:yes; mso-style-parent:""; margin:0in; margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:12.0pt; font-family:"Times New Roman","serif"; mso-fareast-font-family:"Times New Roman";} h2 {mso-style-unhide:no; mso-style-qformat:yes; mso-style-link:"Heading 2 Char"; mso-margin-top-alt:auto; margin-right:0in; mso-margin-bottom-alt:auto; margin-left:0in; mso-pagination:widow-orphan; mso-outline-level:2; font-size:18.0pt; font-family:"Times New Roman","serif"; mso-fareast-font-family:"Times New Roman"; mso-fareast-theme-font:minor-fareast;} h3 {mso-style-unhide:no; mso-style-qformat:yes; mso-style-link:"Heading 3 Char"; mso-style-next:Normal; margin-top:12.0pt; margin-right:0in; margin-bottom:3.0pt; margin-left:0in; mso-pagination:widow-orphan; page-break-after:avoid; mso-outline-level:3; font-size:13.0pt; font-family:"Arial","sans-serif"; mso-fareast-font-family:"Times New Roman"; mso-fareast-theme-font:minor-fareast;} h5 {mso-style-unhide:no; mso-style-qformat:yes; mso-style-link:"Heading 5 Char"; mso-style-next:Normal; margin-top:12.0pt; margin-right:0in; margin-bottom:3.0pt; margin-left:0in; mso-pagination:widow-orphan; mso-outline-level:5; font-size:13.0pt; font-family:"Times New Roman","serif"; mso-fareast-font-family:"Times New Roman"; mso-fareast-theme-font:minor-fareast; font-style:italic;} a:link, span.MsoHyperlink {mso-style-unhide:no; color:blue; text-decoration:underline; text-underline:single;} a:visited, span.MsoHyperlinkFollowed {mso-style-unhide:no; color:purple; text-decoration:underline; text-underline:single;} p.MsoDocumentMap, li.MsoDocumentMap, div.MsoDocumentMap {mso-style-noshow:yes; mso-style-unhide:no; mso-style-link:"Document Map Char"; margin:0in; margin-bottom:.0001pt; mso-pagination:widow-orphan; background:navy; font-size:12.0pt; font-family:"Tahoma","sans-serif"; mso-fareast-font-family:"Times New Roman";} p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph {mso-style-priority:34; mso-style-unhide:no; mso-style-qformat:yes; margin-top:0in; margin-right:0in; margin-bottom:0in; margin-left:.5in; margin-bottom:.0001pt; mso-add-space:auto; mso-pagination:widow-orphan; font-size:12.0pt; font-family:"Times New Roman","serif"; mso-fareast-font-family:"Times New Roman";} p.MsoListParagraphCxSpFirst, li.MsoListParagraphCxSpFirst, div.MsoListParagraphCxSpFirst {mso-style-priority:34; mso-style-unhide:no; mso-style-qformat:yes; mso-style-type:export-only; margin-top:0in; margin-right:0in; margin-bottom:0in; margin-left:.5in; margin-bottom:.0001pt; mso-add-space:auto; mso-pagination:widow-orphan; font-size:12.0pt; font-family:"Times New Roman","serif"; mso-fareast-font-family:"Times New Roman";} p.MsoListParagraphCxSpMiddle, li.MsoListParagraphCxSpMiddle, div.MsoListParagraphCxSpMiddle {mso-style-priority:34; mso-style-unhide:no; mso-style-qformat:yes; mso-style-type:export-only; margin-top:0in; margin-right:0in; margin-bottom:0in; margin-left:.5in; margin-bottom:.0001pt; mso-add-space:auto; mso-pagination:widow-orphan; font-size:12.0pt; font-family:"Times New Roman","serif"; mso-fareast-font-family:"Times New Roman";} p.MsoListParagraphCxSpLast, li.MsoListParagraphCxSpLast, div.MsoListParagraphCxSpLast {mso-style-priority:34; mso-style-unhide:no; mso-style-qformat:yes; mso-style-type:export-only; margin-top:0in; margin-right:0in; margin-bottom:0in; margin-left:.5in; margin-bottom:.0001pt; mso-add-space:auto; mso-pagination:widow-orphan; font-size:12.0pt; font-family:"Times New Roman","serif"; mso-fareast-font-family:"Times New Roman";} span.Heading2Char {mso-style-name:"Heading 2 Char"; mso-style-unhide:no; mso-style-locked:yes; mso-style-link:"Heading 2"; mso-ansi-font-size:13.0pt; mso-bidi-font-size:13.0pt; font-family:"Cambria","serif"; mso-ascii-font-family:Cambria; mso-ascii-theme-font:major-latin; mso-fareast-font-family:"Times New Roman"; mso-fareast-theme-font:major-fareast; mso-hansi-font-family:Cambria; mso-hansi-theme-font:major-latin; mso-bidi-font-family:"Times New Roman"; mso-bidi-theme-font:major-bidi; color:#4F81BD; mso-themecolor:accent1; font-weight:bold;} span.Heading3Char {mso-style-name:"Heading 3 Char"; mso-style-unhide:no; mso-style-locked:yes; mso-style-link:"Heading 3"; mso-ansi-font-size:12.0pt; mso-bidi-font-size:12.0pt; font-family:"Cambria","serif"; mso-ascii-font-family:Cambria; mso-ascii-theme-font:major-latin; mso-fareast-font-family:"Times New Roman"; mso-fareast-theme-font:major-fareast; mso-hansi-font-family:Cambria; mso-hansi-theme-font:major-latin; mso-bidi-font-family:"Times New Roman"; mso-bidi-theme-font:major-bidi; color:#4F81BD; mso-themecolor:accent1; font-weight:bold;} span.Heading5Char {mso-style-name:"Heading 5 Char"; mso-style-unhide:no; mso-style-locked:yes; mso-style-link:"Heading 5"; mso-ansi-font-size:12.0pt; mso-bidi-font-size:12.0pt; font-family:"Cambria","serif"; mso-ascii-font-family:Cambria; mso-ascii-theme-font:major-latin; mso-fareast-font-family:"Times New Roman"; mso-fareast-theme-font:major-fareast; mso-hansi-font-family:Cambria; mso-hansi-theme-font:major-latin; mso-bidi-font-family:"Times New Roman"; mso-bidi-theme-font:major-bidi; color:#243F60; mso-themecolor:accent1; mso-themeshade:127;} span.DocumentMapChar {mso-style-name:"Document Map Char"; mso-style-unhide:no; mso-style-locked:yes; mso-style-link:"Document Map"; mso-ansi-font-size:8.0pt; mso-bidi-font-size:8.0pt; font-family:"Tahoma","sans-serif"; mso-ascii-font-family:Tahoma; mso-hansi-font-family:Tahoma; mso-bidi-font-family:Tahoma;} span.SpellE {mso-style-name:""; mso-spl-e:yes;} .MsoChpDefault {mso-style-type:export-only; mso-default-props:yes; font-size:10.0pt; mso-ansi-font-size:10.0pt; mso-bidi-font-size:10.0pt;} @page Section1 {size:8.5in 11.0in; margin:1.0in 1.0in 1.0in 1.1in; mso-header-margin:.5in; mso-footer-margin:.5in; mso-paper-source:0;} div.Section1 {page:Section1;} /* List Definitions */ @list l0 {mso-list-id:228155359; mso-list-type:hybrid; mso-list-template-ids:-2145861948 67698703 67698713 67698715 67698703 67698713 67698715 67698703 67698713 67698715;} @list l0:level1 {mso-level-tab-stop:.5in; mso-level-number-position:left; text-indent:-.25in;} @list l0:level2 {mso-level-tab-stop:1.0in; mso-level-number-position:left; text-indent:-.25in;} @list l0:level3 {mso-level-tab-stop:1.5in; mso-level-number-position:left; text-indent:-.25in;} @list l0:level4 {mso-level-tab-stop:2.0in; mso-level-number-position:left; text-indent:-.25in;} @list l0:level5 {mso-level-tab-stop:2.5in; mso-level-number-position:left; text-indent:-.25in;} @list l0:level6 {mso-level-tab-stop:3.0in; mso-level-number-position:left; text-indent:-.25in;} @list l0:level7 {mso-level-tab-stop:3.5in; mso-level-number-position:left; text-indent:-.25in;} @list l0:level8 {mso-level-tab-stop:4.0in; mso-level-number-position:left; text-indent:-.25in;} @list l0:level9 {mso-level-tab-stop:4.5in; mso-level-number-position:left; text-indent:-.25in;} @list l1 {mso-list-id:1458183832; mso-list-type:hybrid; mso-list-template-ids:-1808604736 67698703 67698713 67698715 67698703 67698713 67698715 67698703 67698713 67698715;} @list l1:level1 {mso-level-tab-stop:.5in; mso-level-number-position:left; text-indent:-.25in;} @list l1:level2 {mso-level-tab-stop:1.0in; mso-level-number-position:left; text-indent:-.25in;} @list l1:level3 {mso-level-tab-stop:1.5in; mso-level-number-position:left; text-indent:-.25in;} @list l1:level4 {mso-level-tab-stop:2.0in; mso-level-number-position:left; text-indent:-.25in;} @list l1:level5 {mso-level-tab-stop:2.5in; mso-level-number-position:left; text-indent:-.25in;} @list l1:level6 {mso-level-tab-stop:3.0in; mso-level-number-position:left; text-indent:-.25in;} @list l1:level7 {mso-level-tab-stop:3.5in; mso-level-number-position:left; text-indent:-.25in;} @list l1:level8 {mso-level-tab-stop:4.0in; mso-level-number-position:left; text-indent:-.25in;} @list l1:level9 {mso-level-tab-stop:4.5in; mso-level-number-position:left; text-indent:-.25in;} @list l2 {mso-list-id:1483500479; mso-list-type:hybrid; mso-list-template-ids:-1925940104 67698703 67698713 67698715 67698703 67698713 67698715 67698703 67698713 67698715;} @list l2:level1 {mso-level-tab-stop:.5in; mso-level-number-position:left; text-indent:-.25in;} @list l2:level2 {mso-level-tab-stop:1.0in; mso-level-number-position:left; text-indent:-.25in;} @list l2:level3 {mso-level-tab-stop:1.5in; mso-level-number-position:left; text-indent:-.25in;} @list l2:level4 {mso-level-tab-stop:2.0in; mso-level-number-position:left; text-indent:-.25in;} @list l2:level5 {mso-level-tab-stop:2.5in; mso-level-number-position:left; text-indent:-.25in;} @list l2:level6 {mso-level-tab-stop:3.0in; mso-level-number-position:left; text-indent:-.25in;} @list l2:level7 {mso-level-tab-stop:3.5in; mso-level-number-position:left; text-indent:-.25in;} @list l2:level8 {mso-level-tab-stop:4.0in; mso-level-number-position:left; text-indent:-.25in;} @list l2:level9 {mso-level-tab-stop:4.5in; mso-level-number-position:left; text-indent:-.25in;} @list l3 {mso-list-id:1514957188; mso-list-type:hybrid; mso-list-template-ids:500858680 67698703 67698713 67698715 67698703 67698713 67698715 67698703 67698713 67698715;} @list l3:level1 {mso-level-tab-stop:.5in; mso-level-number-position:left; text-indent:-.25in;} @list l3:level2 {mso-level-number-format:alpha-lower; mso-level-tab-stop:1.0in; mso-level-number-position:left; text-indent:-.25in;} @list l3:level3 {mso-level-tab-stop:1.5in; mso-level-number-position:left; text-indent:-.25in;} @list l3:level4 {mso-level-tab-stop:2.0in; mso-level-number-position:left; text-indent:-.25in;} @list l3:level5 {mso-level-tab-stop:2.5in; mso-level-number-position:left; text-indent:-.25in;} @list l3:level6 {mso-level-tab-stop:3.0in; mso-level-number-position:left; text-indent:-.25in;} @list l3:level7 {mso-level-tab-stop:3.5in; mso-level-number-position:left; text-indent:-.25in;} @list l3:level8 {mso-level-tab-stop:4.0in; mso-level-number-position:left; text-indent:-.25in;} @list l3:level9 {mso-level-tab-stop:4.5in; mso-level-number-position:left; text-indent:-.25in;} @list l4 {mso-list-id:2008628228; mso-list-template-ids:67698717;} @list l4:level1 {mso-level-text:"%1\)"; mso-level-tab-stop:.25in; mso-level-number-position:left; margin-left:.25in; text-indent:-.25in;} @list l4:level2 {mso-level-number-format:alpha-lower; mso-level-text:"%2\)"; mso-level-tab-stop:.5in; mso-level-number-position:left; margin-left:.5in; text-indent:-.25in;} @list l4:level3 {mso-level-number-format:roman-lower; mso-level-text:"%3\)"; mso-level-tab-stop:.75in; mso-level-number-position:left; margin-left:.75in; text-indent:-.25in;} @list l4:level4 {mso-level-text:"\(%4\)"; mso-level-tab-stop:1.0in; mso-level-number-position:left; margin-left:1.0in; text-indent:-.25in;} @list l4:level5 {mso-level-number-format:alpha-lower; mso-level-text:"\(%5\)"; mso-level-tab-stop:1.25in; mso-level-number-position:left; margin-left:1.25in; text-indent:-.25in;} @list l4:level6 {mso-level-number-format:roman-lower; mso-level-text:"\(%6\)"; mso-level-tab-stop:1.5in; mso-level-number-position:left; margin-left:1.5in; text-indent:-.25in;} @list l4:level7 {mso-level-tab-stop:1.75in; mso-level-number-position:left; margin-left:1.75in; text-indent:-.25in;} @list l4:level8 {mso-level-number-format:alpha-lower; mso-level-tab-stop:2.0in; mso-level-number-position:left; margin-left:2.0in; text-indent:-.25in;} @list l4:level9 {mso-level-number-format:roman-lower; mso-level-tab-stop:2.25in; mso-level-number-position:left; margin-left:2.25in; text-indent:-.25in;} ol {margin-bottom:0in;} ul {margin-bottom:0in;} --> </style> <!--[if gte mso 10]> <style> /* Style Definitions */ table.MsoNormalTable {mso-style-name:"Table Normal"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-priority:99; mso-style-qformat:yes; mso-style-parent:""; mso-padding-alt:0in 5.4pt 0in 5.4pt; mso-para-margin:0in; mso-para-margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:10.0pt; font-family:"Times New Roman","serif";} </style> <![endif]--><!--[if gte mso 9]><xml> <o:shapedefaults v:ext="edit" spidmax="1034"/> </xml><![endif]--><!--[if gte mso 9]><xml> <o:shapelayout v:ext="edit"> <o:idmap v:ext="edit" data="1"/> <o:rules v:ext="edit"> <o:r id="V:Rule2" type="connector" idref="#_x0000_s1032"/> </o:rules> </o:shapelayout></xml><![endif]--> </head> <body lang=EN-US link=blue vlink=purple style='tab-interval:.5in'> <div class=Section1> <p class=MsoNormal align=center style='text-align:center;mso-outline-level: 1'><b style='mso-bidi-font-weight:normal'><span style='font-size:16.0pt'>IT350 Lab One<o:p></o:p></span></b></p> <p class=MsoNormal align=center style='text-align:center;mso-outline-level: 1'><b style='mso-bidi-font-weight:normal'><span style='font-size:16.0pt'>Your First Unit  Your First Web Page<o:p></o:p></span></b></p> <p class=MsoNormal><o:p>&nbsp;</o:p></p> <p class=MsoNormal><o:p>&nbsp;</o:p></p> <p class=MsoNormal style='mso-outline-level:1'><b style='mso-bidi-font-weight: normal'>Introduction<o:p></o:p></b></p> <p class=MsoNormal><b style='mso-bidi-font-weight:normal'><o:p>&nbsp;</o:p></b></p> <p class=MsoNormal>Upon arrival at your first fleet unit, your CO welcomes you aboard and tasks you with creating a homepage for the unit s website.<span style='mso-spacerun:yes'>  </span>Now it is time to show your talent and flair.<span style='mso-spacerun:yes'>  </span>You get to pick the unit (or ECA  see online  Lab Guidance ). </p> <p class=MsoNormal><b style='mso-bidi-font-weight:normal'><o:p>&nbsp;</o:p></b></p> <p class=MsoNormal style='mso-outline-level:1'><b style='mso-bidi-font-weight: normal'>General Web Page Guidance:<o:p></o:p></b></p> <p class=MsoNormal><b style='mso-bidi-font-weight:normal'><o:p>&nbsp;</o:p></b></p> <p class=MsoNormal>All labs (that are web pages) should conform to basic standards and propriety.<span style='mso-spacerun:yes'>  </span>See the Lab Guidance document for specific guidance <b style='mso-bidi-font-weight:normal'>and for reminders that you may <u>not</u> use editors such as FrontPage, <span class=SpellE>DreamWeaver</span>, etc. for any assignment in this course.<o:p></o:p></b></p> <p class=MsoNormal><o:p>&nbsp;</o:p></p> <p class=MsoNormal>For this particular lab, you must include all of the requirements listed below (for full credit).<span style='mso-spacerun:yes'>  </span>But keep in mind that merely doing these requirements is not enough.<span style='mso-spacerun:yes'>  </span>Carefully consider the web site s programming accuracy, functionality, artistic quality, and creativity (again, see the guidance). </p> <p class=MsoNormal><o:p>&nbsp;</o:p></p> <p class=MsoNormal>You are encouraged to do some research.<span style='mso-spacerun:yes'>  </span>Browse the web for similar units, pictures, and links.<span style='mso-spacerun:yes'>  </span>Discover webpage designs and functionality you would like to include in your site.</p> <p class=MsoNormal><b style='mso-bidi-font-weight:normal'><o:p>&nbsp;</o:p></b></p> <p class=MsoNormal style='mso-outline-level:1'><b style='mso-bidi-font-weight: normal'>Tips:<o:p></o:p></b></p> <p class=MsoNormal><o:p>&nbsp;</o:p></p> <ol style='margin-top:0in' start=1 type=1> <li class=MsoNormal style='mso-list:l2 level1 lfo1;tab-stops:list .5in'>Read this whole lab through before you start  will save you time in the end.</li> <li class=MsoNormal style='mso-list:l2 level1 lfo1;tab-stops:list .5in'>If you have used HTML before, remember that XHTML is different.<span style='mso-spacerun:yes'>  </span>Your pages must be valid XHTML.</li> <li class=MsoNormal style='mso-list:l2 level1 lfo1;tab-stops:list .5in'>If you want to use more advanced formatting/centering/styling, see Chapter 5 (we ll cover this in a few weeks).</li> <li class=MsoNormal style='mso-list:l2 level1 lfo1;tab-stops:list .5in'>For images, you may want to use  Google Images. </li> </ol> <p class=MsoNormal><b style='mso-bidi-font-weight:normal'><o:p>&nbsp;</o:p></b></p> <p class=MsoNormal style='mso-outline-level:1'><b style='mso-bidi-font-weight: normal'>Instructions:<o:p></o:p></b></p> <p class=MsoNormal><b style='mso-bidi-font-weight:normal'><o:p>&nbsp;</o:p></b></p> <ol style='margin-top:0in' start=1 type=1> <li class=MsoNormal style='mso-outline-level:1;mso-list:l3 level1 lfo2; tab-stops:list .5in'>Follow naming conventions very carefully in this course. Lab1 is not the same as Lab01.<span style='mso-spacerun:yes'>  </span>Lab01.htm is not the same as Lab01.html.<span style='mso-spacerun:yes'>  </span>Failure to do this may cause the web server and/or your instructor to not find your files.</li> <li class=MsoNormal style='mso-outline-level:1;mso-list:l3 level1 lfo2; tab-stops:list .5in'>How to map your W: drive to your personal web space (We will often call this your  web drive. ).<span style='mso-spacerun:yes'>  </span></li> <ol style='margin-top:0in' start=1 type=a> <li class=MsoNormal style='mso-outline-level:1;mso-list:l3 level2 lfo2; tab-stops:list 1.0in'><b style='mso-bidi-font-weight:normal'>NOTE: </b>It is ideal if you are not logged in anywhere else (e.g. back in your room while doing this in the lab).<span style='mso-spacerun:yes'>  </span>If you are logged in elsewhere, it s safe to proceed, but your profile may not remember the drive and you will have to repeat these steps later.</li> <li class=MsoNormal style='mso-outline-level:1;mso-list:l3 level2 lfo2; tab-stops:list 1.0in'>Go to the Start menu and click Computer, then select  Map Network Drive from the top bar.</li> <li class=MsoNormal style='mso-outline-level:1;mso-list:l3 level2 lfo2; tab-stops:list 1.0in'>For Drive, pick W.<span style='mso-spacerun:yes'>  </span>For Folder, enter \\intranet.cs.usna.edu\mXXXXXX (Substitute your alpha for XXXXXX)</li> <li class=MsoNormal style='mso-outline-level:1;mso-list:l3 level2 lfo2; tab-stops:list 1.0in'>Check the  Reconnect at login box. </li> <li class=MsoNormal style='mso-outline-level:1;mso-list:l3 level2 lfo2; tab-stops:list 1.0in'>Click OK, then click Finish.<span style='mso-spacerun:yes'>  </span></li> <li class=MsoNormal style='mso-outline-level:1;mso-list:l3 level2 lfo2; tab-stops:list 1.0in'>Verify that you can access your W drive.</li> <li class=MsoNormal style='mso-outline-level:1;mso-list:l3 level2 lfo2; tab-stops:list 1.0in'>Important note: you should see the contents of your UNIX home directory, accessed via our <span class=SpellE>webserver</span> (intranet.cs.usna.edu). In the past, you have probably mapped a network drive to access this directory via some different machine. However, intranet.cs.usna.edu is configured differently, so that files you create via this new network drive will be  world-readable by default  and hence accessible by the web server.<span style='mso-spacerun:yes'>  </span><b style='mso-bidi-font-weight:normal'>So you should use this new drive for accessing your web files, but not for accessing files for other courses.</b></li> </ol> <li class=MsoNormal style='mso-outline-level:1;mso-list:l3 level1 lfo2; tab-stops:list .5in'>Setting up the web server</li> <ol style='margin-top:0in' start=1 type=a> <li class=MsoNormal style='mso-outline-level:1;mso-list:l3 level2 lfo2; tab-stops:list 1.0in'> <span class=SpellE>ssh</span> into intranet.cs.usna.edu (this machine is our web server).<span style='mso-spacerun:yes'>  </span>You can use putty or some other tool.<span style='mso-spacerun:yes'>  </span>Use your normal credentials.</li> <li class=MsoNormal style='mso-outline-level:1;mso-list:l3 level2 lfo2; tab-stops:list 1.0in'>Create a new directory <span class=SpellE>public_html</span><span style='mso-spacerun:yes'>  </span>(<span class=SpellE>mkdir</span> <span class=SpellE>public_html</span>)</li> <li class=MsoNormal style='mso-outline-level:1;mso-list:l3 level2 lfo2; tab-stops:list 1.0in'>Change the permissions to allow web access (<span class=SpellE>chmod</span> <span class=SpellE>a+rx</span> <span class=SpellE>public_html</span>)</li> <li class=MsoNormal style='mso-outline-level:1;mso-list:l3 level2 lfo2; tab-stops:list 1.0in'>Make a mental note of what you just did.<span style='mso-spacerun:yes'>  </span>For later labs you may need to log in via <span class=SpellE>ssh</span> again to make modifications to file permissions or how things are encoded.</li> </ol> <li class=MsoNormal style='mso-outline-level:1;mso-list:l3 level1 lfo2; tab-stops:list .5in'><b style='mso-bidi-font-weight:normal'><span style='color:red'>Important</span></b><span style='color:red'> </span> the following will save much pain later.<span style='mso-spacerun:yes'>  </span>You should also do this on your PC in your room: Open up the File Explorer (one way is to go to the Start menu and click Computer).<span style='mso-spacerun:yes'>  </span>Click on the W: drive. Then select  Organize -&gt; Folder and Search Options. Select the View tab.<span style='mso-spacerun:yes'>  </span>Look for an option titled  Hide extensions for known file types. <span style='mso-spacerun:yes'>  </span>Make sure this option is NOT checked, then click on the button at top that says  Apply to All Folders. </li> <li class=MsoNormal style='mso-outline-level:1;mso-list:l3 level1 lfo2; tab-stops:list .5in'>Everything that you create for this course should be inside the <span class=SpellE>public_html</span> folder  we ll try to mention that, but it is always implicit in lab directions if not specified.</li> <li class=MsoNormal style='mso-outline-level:1;mso-list:l3 level1 lfo2; tab-stops:list .5in'>Go to this starter page: <a href="http://intranet.cs.usna.edu/~adina/teaching/it350/fall2011/labs/starter.html">http://intranet.cs.usna.edu/~adina/teaching/it350/fall2011/labs/starter.html</a> .<span style='mso-spacerun:yes'>  </span>Choose File-&gt; <span class=SpellE>SavePageAs</span>, Select  Save as type <b style='mso-bidi-font-weight: normal'>Web Page, HTML only</b> and save it as W:/public_html/default.htm</li> <ol style='margin-top:0in' start=1 type=a> <li class=MsoNormal style='mso-outline-level:1;mso-list:l3 level2 lfo2; tab-stops:list 1.0in'>This must be default.htm, not default.html</li> <li class=MsoNormal style='mso-outline-level:1;mso-list:l3 level2 lfo2; tab-stops:list 1.0in'>Save all your work under your W: drive.<span style='mso-spacerun:yes'>  </span>Files saved on your X: drive are not visible to the web server.<span style='mso-spacerun:yes'>  </span>Files saved on the local hard drive may be erased when you log out!</li> </ol> <li class=MsoNormal style='mso-outline-level:1;mso-list:l3 level1 lfo2; tab-stops:list .5in'>Try to view your page at <a href="http://intranet.cs.usna.edu/~mXXXXXX/default.htm">http://intranet.cs.usna.edu/~mXXXXXX/default.htm</a> (substitute your alpha number for XXXXXX).<span style='mso-spacerun:yes'>  </span>Observe that your file is stored inside  <span class=SpellE>public_html</span> , but this is not part of the URL. For viewing, you can use either Internet Explorer or Firefox  Firefox is generally recommended, but you should verify that pages you create work in both. </li> <li class=MsoNormal style='mso-outline-level:1;mso-list:l3 level1 lfo2; tab-stops:list .5in'>Now modify default.htm (see Editor Help below).<span style='mso-spacerun:yes'>  </span>This page is your main page for the course  each week you will modify it slightly to add a link to the new lab that you have created. Modify this page to have: your name, a welcome message/banner of some kind, and a link to Lab01/index.html (which you will create below).<span style='mso-spacerun:yes'>  </span>Since this is to another page on your same site, it should be a <i style='mso-bidi-font-style: normal'>relative</i> link, not an absolute link. You may add other creative enhancements if you like. Also add a legal disclaimer (see below).</li> </ol> <p class=MsoNormal style='margin-left:.5in;text-indent:-.25in;mso-outline-level: 1;mso-list:l3 level1 lfo2;tab-stops:list .25in .5in'><![if !supportLists]><span style='mso-list:Ignore'>9.<span style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span><![endif]>Validate your default.htm page (you can click on the provided button) and correct any errors. <b style='mso-bidi-font-weight:normal'>Practice validating as you go  do not leave it to the last minute!<span style='mso-spacerun:yes'>  </span></b>You are very likely to encounter validation errors, and at first they may be somewhat confusing.<span style='mso-spacerun:yes'>  </span>Allow enough time to work through these and get help as needed.</p> <ol style='margin-top:0in' start=10 type=1> <li class=MsoNormal style='mso-outline-level:1;mso-list:l3 level1 lfo2; tab-stops:list .5in'>Create a folder on your web drive under W:\public_html. Name it Lab01. The overall structure should look like this:</li> </ol> <p class=MsoNormal style='margin-left:.25in;mso-outline-level:1'><!--[if gte vml 1]><v:shapetype id="_x0000_t32" coordsize="21600,21600" o:spt="32" o:oned="t" path="m,l21600,21600e" filled="f"> <v:path arrowok="t" fillok="f" o:connecttype="none"/> <o:lock v:ext="edit" shapetype="t"/> </v:shapetype><v:shape id="_x0000_s1032" type="#_x0000_t32" style='position:absolute; left:0;text-align:left;margin-left:523.65pt;margin-top:40.35pt;width:8.7pt; height:.55pt;flip:y;z-index:251660288' o:connectortype="straight"/><![endif]--><![if !vml]><span style='mso-ignore:vglayout;position:absolute;z-index:251660288;left:0px; margin-left:697px;margin-top:53px;width:14px;height:3px'><img width=14 height=3 src="Lab01_files/image002.gif" v:shapes="_x0000_s1032"></span><![endif]><!--[if gte vml 1]><v:group id="Group_x0020_14" o:spid="_x0000_s1026" style='position:absolute;left:0; text-align:left;margin-left:474.75pt;margin-top:22.25pt;width:228pt;height:164.25pt; z-index:251659264' coordorigin="8700,6506" coordsize="4560,3285" o:gfxdata="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 "> <v:shape id="File" o:spid="_x0000_s1027" style='position:absolute;left:8700; top:6506;width:4560;height:3176;visibility:visible;mso-wrap-style:square; v-text-anchor:top' coordsize="21600,21600" o:spt="100" o:gfxdata="UEsDBBQABgAIAAAAIQDw94q7/QAAAOIBAAATAAAAW0NvbnRlbnRfVHlwZXNdLnhtbJSRzUrEMBDH 74LvEOYqbaoHEWm6B6tHFV0fYEimbdg2CZlYd9/edD8u4goeZ+b/8SOpV9tpFDNFtt4puC4rEOS0 N9b1Cj7WT8UdCE7oDI7ekYIdMayay4t6vQvEIrsdKxhSCvdSsh5oQi59IJcvnY8TpjzGXgbUG+xJ 3lTVrdTeJXKpSEsGNHVLHX6OSTxu8/pAEmlkEA8H4dKlAEMYrcaUSeXszI+W4thQZudew4MNfJUx QP7asFzOFxx9L/lpojUkXjGmZ5wyhjSRJQ8YKGvKv1MWzIkL33VWU9lGfl98J6hz4cZ/uUjzf7Pb bHuj+ZQu9z/UfAMAAP//AwBQSwMEFAAGAAgAAAAhADHdX2HSAAAAjwEAAAsAAABfcmVscy8ucmVs c6SQwWrDMAyG74O9g9G9cdpDGaNOb4VeSwe7CltJTGPLWCZt376mMFhGbzvqF/o+8e/2tzCpmbJ4 jgbWTQuKomXn42Dg63xYfYCSgtHhxJEM3Elg372/7U40YalHMvokqlKiGBhLSZ9aix0poDScKNZN zzlgqWMedEJ7wYH0pm23Ov9mQLdgqqMzkI9uA+p8T9X8hx28zSzcl8Zy0Nz33r6iasfXeKK5UjAP VAy4LM8w09zU50C/9q7/6ZURE31X/kL8TKv1x6wXNXYPAAAA//8DAFBLAwQUAAYACAAAACEAMy8F nkEAAAA5AAAAEAAAAGRycy9zaGFwZXhtbC54bWyysa/IzVEoSy0qzszPs1Uy1DNQUkjNS85PycxL t1UKDXHTtVBSKC5JzEtJzMnPS7VVqkwtVrK34+UCAAAA//8DAFBLAwQUAAYACAAAACEAz6ipncIA AADaAAAADwAAAGRycy9kb3ducmV2LnhtbESPQWvCQBSE74X+h+UVems28VAkukopFERPjSJ6e2Sf 2WD2bci+avz3XUHwOMzMN8x8OfpOXWiIbWADRZaDIq6DbbkxsNv+fExBRUG22AUmAzeKsFy8vsyx tOHKv3SppFEJwrFEA06kL7WOtSOPMQs9cfJOYfAoSQ6NtgNeE9x3epLnn9pjy2nBYU/fjupz9ecN bN1mv5IDVetpcTyOhZzj6bYz5v1t/JqBEhrlGX60V9bABO5X0g3Qi38AAAD//wMAUEsBAi0AFAAG AAgAAAAhAPD3irv9AAAA4gEAABMAAAAAAAAAAAAAAAAAAAAAAFtDb250ZW50X1R5cGVzXS54bWxQ SwECLQAUAAYACAAAACEAMd1fYdIAAACPAQAACwAAAAAAAAAAAAAAAAAuAQAAX3JlbHMvLnJlbHNQ SwECLQAUAAYACAAAACEAMy8FnkEAAAA5AAAAEAAAAAAAAAAAAAAAAAApAgAAZHJzL3NoYXBleG1s LnhtbFBLAQItABQABgAIAAAAIQDPqKmdwgAAANoAAAAPAAAAAAAAAAAAAAAAAJgCAABkcnMvZG93 bnJldi54bWxQSwUGAAAAAAQABAD1AAAAhwMAAAAA " adj="-11796480,,5400" path="m19790,3240v-8809,,-10619,,-10740,-154c9050,2931,8930,2777,8930,2469v,-309,-121,-618,-242,-1080c8568,1080,8326,771,8085,463,7723,154,7361,,7361,v,,-5068,,-5310,154c1689,309,1448,463,1327,771v-120,309,-241,618,-362,926c845,2160,724,2314,724,2469,603,2623,603,2777,483,2931v,155,-121,309,-242,309l,3394r,309l,10800,,21600r10981,l21600,21600r,-10800l21600,5246r,-463c21479,4320,21359,4011,21117,3703v-241,-154,-603,-309,-965,-463l19790,3240xe" fillcolor="#ffc"> <v:stroke joinstyle="miter"/> <v:shadow on="t" offset="6pt,6pt"/> <v:formulas/> <v:path o:connecttype="custom" o:connectlocs="2318,476;0,1588;2280,3176;4560,1588;0,3176;4560,3176" o:connectangles="0,0,0,0,0,0" textboxrect="1085,4625,20634,20287"/> <o:lock v:ext="edit" verticies="t"/> <v:textbox> <![if !mso]> <table cellpadding=0 cellspacing=0 width="100%"> <tr> <td><![endif]> <div> <p class=MsoNormal>default.htm</p> <p class=MsoNormal><o:p>&nbsp;</o:p></p> </div> <![if !mso]></td> </tr> </table> <![endif]></v:textbox> </v:shape><v:shapetype id="_x0000_t202" coordsize="21600,21600" o:spt="202" path="m,l,21600r21600,l21600,xe"> <v:stroke joinstyle="miter"/> <v:path gradientshapeok="t" o:connecttype="rect"/> </v:shapetype><v:shape id="Text_x0020_Box_x0020_7" o:spid="_x0000_s1028" type="#_x0000_t202" style='position:absolute;left:8955;top:6593;width:1560; height:390;visibility:visible;mso-wrap-style:square;v-text-anchor:top' o:gfxdata="UEsDBBQABgAIAAAAIQDw94q7/QAAAOIBAAATAAAAW0NvbnRlbnRfVHlwZXNdLnhtbJSRzUrEMBDH 74LvEOYqbaoHEWm6B6tHFV0fYEimbdg2CZlYd9/edD8u4goeZ+b/8SOpV9tpFDNFtt4puC4rEOS0 N9b1Cj7WT8UdCE7oDI7ekYIdMayay4t6vQvEIrsdKxhSCvdSsh5oQi59IJcvnY8TpjzGXgbUG+xJ 3lTVrdTeJXKpSEsGNHVLHX6OSTxu8/pAEmlkEA8H4dKlAEMYrcaUSeXszI+W4thQZudew4MNfJUx QP7asFzOFxx9L/lpojUkXjGmZ5wyhjSRJQ8YKGvKv1MWzIkL33VWU9lGfl98J6hz4cZ/uUjzf7Pb bHuj+ZQu9z/UfAMAAP//AwBQSwMEFAAGAAgAAAAhADHdX2HSAAAAjwEAAAsAAABfcmVscy8ucmVs c6SQwWrDMAyG74O9g9G9cdpDGaNOb4VeSwe7CltJTGPLWCZt376mMFhGbzvqF/o+8e/2tzCpmbJ4 jgbWTQuKomXn42Dg63xYfYCSgtHhxJEM3Elg372/7U40YalHMvokqlKiGBhLSZ9aix0poDScKNZN zzlgqWMedEJ7wYH0pm23Ov9mQLdgqqMzkI9uA+p8T9X8hx28zSzcl8Zy0Nz33r6iasfXeKK5UjAP VAy4LM8w09zU50C/9q7/6ZURE31X/kL8TKv1x6wXNXYPAAAA//8DAFBLAwQUAAYACAAAACEAMy8F nkEAAAA5AAAAEAAAAGRycy9zaGFwZXhtbC54bWyysa/IzVEoSy0qzszPs1Uy1DNQUkjNS85PycxL t1UKDXHTtVBSKC5JzEtJzMnPS7VVqkwtVrK34+UCAAAA//8DAFBLAwQUAAYACAAAACEAVd8Is8MA AADaAAAADwAAAGRycy9kb3ducmV2LnhtbESPQWvCQBSE7wX/w/KE3nTX1pYas5GiCJ4sTVvB2yP7 TILZtyG7mvTfdwWhx2FmvmHS1WAbcaXO1441zKYKBHHhTM2lhu+v7eQNhA/IBhvHpOGXPKyy0UOK iXE9f9I1D6WIEPYJaqhCaBMpfVGRRT91LXH0Tq6zGKLsSmk67CPcNvJJqVdpsea4UGFL64qKc36x Gn72p+Nhrj7KjX1pezcoyXYhtX4cD+9LEIGG8B++t3dGwzPcrsQbILM/AAAA//8DAFBLAQItABQA BgAIAAAAIQDw94q7/QAAAOIBAAATAAAAAAAAAAAAAAAAAAAAAABbQ29udGVudF9UeXBlc10ueG1s UEsBAi0AFAAGAAgAAAAhADHdX2HSAAAAjwEAAAsAAAAAAAAAAAAAAAAALgEAAF9yZWxzLy5yZWxz UEsBAi0AFAAGAAgAAAAhADMvBZ5BAAAAOQAAABAAAAAAAAAAAAAAAAAAKQIAAGRycy9zaGFwZXht bC54bWxQSwECLQAUAAYACAAAACEAVd8Is8MAAADaAAAADwAAAAAAAAAAAAAAAACYAgAAZHJzL2Rv d25yZXYueG1sUEsFBgAAAAAEAAQA9QAAAIgDAAAAAA== " filled="f" stroked="f"> <v:textbox> <![if !mso]> <table cellpadding=0 cellspacing=0 width="100%"> <tr> <td><![endif]> <div> <p class=MsoNormal><span class=SpellE>public_html</span></p> <p class=MsoNormal><o:p>&nbsp;</o:p></p> </div> <![if !mso]></td> </tr> </table> <![endif]></v:textbox> </v:shape><v:shape id="Freeform_x0020_12" o:spid="_x0000_s1029" style='position:absolute; left:9362;top:7856;width:2828;height:1765;visibility:visible; mso-wrap-style:square;v-text-anchor:top' coordsize="2828,1765" o:gfxdata="UEsDBBQABgAIAAAAIQDw94q7/QAAAOIBAAATAAAAW0NvbnRlbnRfVHlwZXNdLnhtbJSRzUrEMBDH 74LvEOYqbaoHEWm6B6tHFV0fYEimbdg2CZlYd9/edD8u4goeZ+b/8SOpV9tpFDNFtt4puC4rEOS0 N9b1Cj7WT8UdCE7oDI7ekYIdMayay4t6vQvEIrsdKxhSCvdSsh5oQi59IJcvnY8TpjzGXgbUG+xJ 3lTVrdTeJXKpSEsGNHVLHX6OSTxu8/pAEmlkEA8H4dKlAEMYrcaUSeXszI+W4thQZudew4MNfJUx QP7asFzOFxx9L/lpojUkXjGmZ5wyhjSRJQ8YKGvKv1MWzIkL33VWU9lGfl98J6hz4cZ/uUjzf7Pb bHuj+ZQu9z/UfAMAAP//AwBQSwMEFAAGAAgAAAAhADHdX2HSAAAAjwEAAAsAAABfcmVscy8ucmVs c6SQwWrDMAyG74O9g9G9cdpDGaNOb4VeSwe7CltJTGPLWCZt376mMFhGbzvqF/o+8e/2tzCpmbJ4 jgbWTQuKomXn42Dg63xYfYCSgtHhxJEM3Elg372/7U40YalHMvokqlKiGBhLSZ9aix0poDScKNZN zzlgqWMedEJ7wYH0pm23Ov9mQLdgqqMzkI9uA+p8T9X8hx28zSzcl8Zy0Nz33r6iasfXeKK5UjAP VAy4LM8w09zU50C/9q7/6ZURE31X/kL8TKv1x6wXNXYPAAAA//8DAFBLAwQUAAYACAAAACEAMy8F nkEAAAA5AAAAEAAAAGRycy9zaGFwZXhtbC54bWyysa/IzVEoSy0qzszPs1Uy1DNQUkjNS85PycxL t1UKDXHTtVBSKC5JzEtJzMnPS7VVqkwtVrK34+UCAAAA//8DAFBLAwQUAAYACAAAACEA2CGS8ccA AADaAAAADwAAAGRycy9kb3ducmV2LnhtbESPT2vCQBTE70K/w/IKvUjd+Ie2pK6ihap4sJgIpbdH 9jUJzb5Ns6tGP70rCB6HmfkNM562phIHalxpWUG/F4EgzqwuOVewSz+f30A4j6yxskwKTuRgOnno jDHW9shbOiQ+FwHCLkYFhfd1LKXLCjLoerYmDt6vbQz6IJtc6gaPAW4qOYiiF2mw5LBQYE0fBWV/ yd4oWHx/LX925/90M1wPXvspzZO2u1Xq6bGdvYPw1Pp7+NZeaQUjuF4JN0BOLgAAAP//AwBQSwEC LQAUAAYACAAAACEA8PeKu/0AAADiAQAAEwAAAAAAAAAAAAAAAAAAAAAAW0NvbnRlbnRfVHlwZXNd LnhtbFBLAQItABQABgAIAAAAIQAx3V9h0gAAAI8BAAALAAAAAAAAAAAAAAAAAC4BAABfcmVscy8u cmVsc1BLAQItABQABgAIAAAAIQAzLwWeQQAAADkAAAAQAAAAAAAAAAAAAAAAACkCAABkcnMvc2hh cGV4bWwueG1sUEsBAi0AFAAGAAgAAAAhANghkvHHAAAA2gAAAA8AAAAAAAAAAAAAAAAAmAIAAGRy cy9kb3ducmV2LnhtbFBLBQYAAAAABAAEAPUAAACMAwAAAAA= " path="m2596,260r-205,l2205,260r-168,l1889,260r-131,l1647,260r-103,l1461,260r-66,l1330,260r-46,l1246,260r-46,-9l1181,251r,-18l1172,205r-9,-47l1135,112r-9,-19l1107,75,1060,38,995,10,977,,967,r-9,l939,,902,,865,,753,,632,,502,,390,,344,10r-37,l279,10r-10,l214,38r-28,9l176,65r-28,38l130,140r-9,28l102,177r-9,28l74,223r-9,19l55,251r-28,9l,279r,28l,883r,882l1442,1765r1386,l2828,883r,-455l2828,390r-27,-46l2791,325r-28,-18l2707,288r-65,-28l2596,260xe" fillcolor="#cfc" strokeweight=".45pt"> <v:path arrowok="t" o:connecttype="custom" o:connectlocs="2391,260;2037,260;1758,260;1544,260;1395,260;1284,260;1200,251;1181,233;1163,158;1126,93;1060,38;977,0;958,0;902,0;753,0;502,0;344,10;279,10;214,38;176,65;130,140;102,177;74,223;55,251;0,279;0,883;1442,1765;2828,883;2828,390;2791,325;2707,288;2596,260" o:connectangles="0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0"/> </v:shape><v:shape id="Text_x0020_Box_x0020_13" o:spid="_x0000_s1030" type="#_x0000_t202" style='position:absolute;left:9540;top:7769;width:2760;height:2022; visibility:visible;mso-wrap-style:square;v-text-anchor:top' o:gfxdata="UEsDBBQABgAIAAAAIQDw94q7/QAAAOIBAAATAAAAW0NvbnRlbnRfVHlwZXNdLnhtbJSRzUrEMBDH 74LvEOYqbaoHEWm6B6tHFV0fYEimbdg2CZlYd9/edD8u4goeZ+b/8SOpV9tpFDNFtt4puC4rEOS0 N9b1Cj7WT8UdCE7oDI7ekYIdMayay4t6vQvEIrsdKxhSCvdSsh5oQi59IJcvnY8TpjzGXgbUG+xJ 3lTVrdTeJXKpSEsGNHVLHX6OSTxu8/pAEmlkEA8H4dKlAEMYrcaUSeXszI+W4thQZudew4MNfJUx QP7asFzOFxx9L/lpojUkXjGmZ5wyhjSRJQ8YKGvKv1MWzIkL33VWU9lGfl98J6hz4cZ/uUjzf7Pb bHuj+ZQu9z/UfAMAAP//AwBQSwMEFAAGAAgAAAAhADHdX2HSAAAAjwEAAAsAAABfcmVscy8ucmVs c6SQwWrDMAyG74O9g9G9cdpDGaNOb4VeSwe7CltJTGPLWCZt376mMFhGbzvqF/o+8e/2tzCpmbJ4 jgbWTQuKomXn42Dg63xYfYCSgtHhxJEM3Elg372/7U40YalHMvokqlKiGBhLSZ9aix0poDScKNZN zzlgqWMedEJ7wYH0pm23Ov9mQLdgqqMzkI9uA+p8T9X8hx28zSzcl8Zy0Nz33r6iasfXeKK5UjAP VAy4LM8w09zU50C/9q7/6ZURE31X/kL8TKv1x6wXNXYPAAAA//8DAFBLAwQUAAYACAAAACEAMy8F nkEAAAA5AAAAEAAAAGRycy9zaGFwZXhtbC54bWyysa/IzVEoSy0qzszPs1Uy1DNQUkjNS85PycxL t1UKDXHTtVBSKC5JzEtJzMnPS7VVqkwtVrK34+UCAAAA//8DAFBLAwQUAAYACAAAACEAtXo1XMEA AADaAAAADwAAAGRycy9kb3ducmV2LnhtbESPQYvCMBSE7wv+h/AEb2ui6OJWo4gieFJW3YW9PZpn W2xeShNt/fdGEDwOM/MNM1u0thQ3qn3hWMOgr0AQp84UnGk4HTefExA+IBssHZOGO3lYzDsfM0yM a/iHboeQiQhhn6CGPIQqkdKnOVn0fVcRR+/saoshyjqTpsYmwm0ph0p9SYsFx4UcK1rllF4OV6vh d3f+/xupfba246pxrZJsv6XWvW67nIII1IZ3+NXeGg1jeF6JN0DOHwAAAP//AwBQSwECLQAUAAYA CAAAACEA8PeKu/0AAADiAQAAEwAAAAAAAAAAAAAAAAAAAAAAW0NvbnRlbnRfVHlwZXNdLnhtbFBL AQItABQABgAIAAAAIQAx3V9h0gAAAI8BAAALAAAAAAAAAAAAAAAAAC4BAABfcmVscy8ucmVsc1BL AQItABQABgAIAAAAIQAzLwWeQQAAADkAAAAQAAAAAAAAAAAAAAAAACkCAABkcnMvc2hhcGV4bWwu eG1sUEsBAi0AFAAGAAgAAAAhALV6NVzBAAAA2gAAAA8AAAAAAAAAAAAAAAAAmAIAAGRycy9kb3du cmV2LnhtbFBLBQYAAAAABAAEAPUAAACGAwAAAAA= " filled="f" stroked="f"> <v:textbox> <![if !mso]> <table cellpadding=0 cellspacing=0 width="100%"> <tr> <td><![endif]> <div> <p class=MsoNormal>Lab01</p> <p class=MsoNormal><o:p>&nbsp;</o:p></p> <p class=MsoNormal>index.html</p> <p class=MsoNormal>.</p> <p class=MsoNormal>.</p> <p class=MsoNormal>Other supporting files</p> </div> <![if !mso]></td> </tr> </table> <![endif]></v:textbox> </v:shape></v:group><![endif]--><![if !vml]><span style='mso-ignore:vglayout; position:absolute;z-index:251659264;left:0px;margin-left:632px;margin-top:29px; width:317px;height:225px'><img width=317 height=225 src="Lab01_files/image004.gif" v:shapes="Group_x0020_14 File Text_x0020_Box_x0020_7 Freeform_x0020_12 Text_x0020_Box_x0020_13"></span><![endif]><br> <br> <br> <br> <br> <br> <br> <br> <br style='mso-special-character:line-break'> <![if !supportLineBreakNewLine]><br style='mso-special-character:line-break'> <![endif]></p> <p class=MsoNormal style='mso-outline-level:1'><o:p>&nbsp;</o:p></p> <p class=MsoNormal style='mso-outline-level:1'><o:p>&nbsp;</o:p></p> <p class=MsoNormal style='mso-outline-level:1'><o:p>&nbsp;</o:p></p> <p class=MsoNormal style='mso-outline-level:1'><o:p>&nbsp;</o:p></p> <p class=MsoNormal style='margin-left:.5in;text-indent:-.25in;mso-outline-level: 1;mso-list:l3 level1 lfo2;tab-stops:list .25in .5in'><![if !supportLists]><span style='mso-list:Ignore'>11.<span style='font:7.0pt "Times New Roman"'>&nbsp; </span></span><![endif]>In Lab01 create a file  index.html (not index.htm).<span style='mso-spacerun:yes'>  </span>Use the starter.html page to begin. <b style='mso-bidi-font-weight:normal'>This page should look reasonably like the home page for your unit/ECA.</b> In other words, the general message might be  Welcome to the Blue Angels flight page! not  Welcome to Lab #1 . Your  index.html has to contain the following: (you can also create other HTML pages if desired)</p> <p class=MsoNormal style='margin-left:1.0in;text-indent:-.25in;tab-stops:list 1.0in'>1.<span style='font-size:7.0pt'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>Proper head element with title (this must be in every html file and after this lab it will not be mentioned again, just expected)</p> <p class=MsoNormal style='margin-left:1.0in;text-indent:-.25in;tab-stops:list 1.0in'>2.<span style='font-size:7.0pt'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>An appropriate title of the page (heading).<span style='mso-spacerun:yes'>  </span>This is not the &lt;title&gt; in the head element, but the title or heading one sees upon opening your web site.</p> <p class=MsoNormal style='margin-left:1.0in;text-indent:-.25in;tab-stops:list 1.0in'>3.<span style='font-size:7.0pt'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>Text of two different sizes (i.e., different heading sizes)</p> <p class=MsoNormal style='margin-left:1.0in;text-indent:-.25in;tab-stops:list 1.0in'>4.<span style='font-size:7.0pt'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>2+ hyperlinks to another page (locally or external).<span style='mso-spacerun:yes'>  </span>Avoid links that say  click here  use a descriptive term instead.</p> <p class=MsoNormal style='margin-left:1.0in;text-indent:-.25in;tab-stops:list 1.0in'>5.<span style='font-size:7.0pt'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>1+ image(s), using appropriate attributes</p> <p class=MsoNormal style='margin-left:1.0in;text-indent:-.25in;tab-stops:list 1.0in'>6.<span style='font-size:7.0pt'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>1+ ordered or unordered list(s)</p> <p class=MsoNormal style='margin-left:1.0in;text-indent:-.25in;tab-stops:list 1.0in'>7.<span style='font-size:7.0pt'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>A few reasonable comments in the <b style='mso-bidi-font-weight:normal'>source </b>of your HTML files, explaining major sections or what is being accomplished.<span style='mso-spacerun:yes'>  </span>This may seem artificial for a simple page now, but is good practice.<span style='mso-spacerun:yes'>  </span>See examples in the main IT350 web page.</p> <p class=MsoNormal style='margin-left:1.0in;text-indent:-.25in;tab-stops:list 1.0in'><o:p>&nbsp;</o:p></p> <p class=MsoNormal style='margin-left:.5in;text-indent:-.25in;mso-outline-level: 1;mso-list:l3 level1 lfo2;tab-stops:list .25in .5in'><![if !supportLists]><span style='mso-list:Ignore'>12.<span style='font:7.0pt "Times New Roman"'>&nbsp; </span></span><![endif]>Ensure your page works with both IE and Firefox.</p> <p class=MsoNormal style='margin-left:.5in;text-indent:-.25in;mso-outline-level: 1;mso-list:l3 level1 lfo2;tab-stops:list .25in .5in'><![if !supportLists]><span style='mso-list:Ignore'>13.<span style='font:7.0pt "Times New Roman"'>&nbsp; </span></span><![endif]>Ensure all your pages validate and that you have met all requirements.</p> <p class=MsoNormal style='margin-left:1.0in;text-indent:-.25in;tab-stops:list 1.0in'><span style='mso-tab-count:1'>      </span></p> <p class=MsoNormal>NOTE: all HTML files must validate as XHTML 1.1 without errors for full credit.<span style='mso-spacerun:yes'>  </span>The penalty for a file that does not validate is 10%.<span style='mso-spacerun:yes'>  </span>See the course home page for the <span class=SpellE>validator</span> links.</p> <p class=MsoNormal><o:p>&nbsp;</o:p></p> <p class=MsoNormal>Some of the requirements above you may not normally wish to be present in your particular web site.<span style='mso-spacerun:yes'>  </span>However, part of the lab process is to learn to use differing tags and attributes.<span style='mso-spacerun:yes'>  </span>Therefore incorporate them into this web site using your creativity and skills.</p> <p class=MsoNormal><o:p>&nbsp;</o:p></p> <p class=MsoNormal><b style='mso-bidi-font-weight:normal'>Note:</b> the XHTML preamble given by textbook will result in validation warning about the character encoding not being specified.<span style='mso-spacerun:yes'>  </span>This has been fixed in starter.html, but in case you need to change other pages, the corrected first line of a HTML file is:</p> <p class=MsoNormal style='text-indent:.5in'>&lt;?xml version = &quot;1.0&quot; encoding=&quot;utf-8&quot; ?&gt;</p> <p class=MsoNormal><o:p>&nbsp;</o:p></p> <p class=MsoNormal style='mso-outline-level:1'><b style='mso-bidi-font-weight: normal'>Editor Help:<o:p></o:p></b></p> <p class=MsoNormal style='mso-outline-level:1'><o:p>&nbsp;</o:p></p> <p class=MsoNormal style='mso-outline-level:1'>For this course you are encouraged to use  Crimson Editor or Notepad++.<span style='mso-spacerun:yes'>  </span>You can also use Notepad, but Crimson Editor or Notepad++ will make your life easier.<span style='mso-spacerun:yes'>  </span>They are already installed on the lab PCs  see the IT350 page for free download info for your Bancroft PC.</p> <p class=MsoNormal style='mso-outline-level:1'><o:p>&nbsp;</o:p></p> <p class=MsoNormal style='mso-outline-level:1'>When saving a file from Notepad or Crimson Editor, be sure to select  All Files from  Save as Type .<span style='mso-spacerun:yes'>  </span>Otherwise you may end up with a filename like index.html.txt.</p> <p class=MsoNormal style='mso-outline-level:1'><o:p>&nbsp;</o:p></p> <p class=MsoNormal style='mso-outline-level:1'><b style='mso-bidi-font-weight: normal'>Browser Help:<o:p></o:p></b></p> <p class=MsoNormal style='mso-outline-level:1'><o:p>&nbsp;</o:p></p> <p class=MsoNormal style='mso-outline-level:1'>There are two ways to view your files:</p> <ol style='margin-top:0in' start=1 type=1> <li class=MsoNormal style='mso-outline-level:1;mso-list:l0 level1 lfo3; tab-stops:list .5in'>(recommended) Open up Internet Explorer or Firefox, and enter a URL like at <a href="http://intranet.cs.usna.edu/~mXXXXXX/Lab01/index.html">http://intranet.cs.usna.edu/~mXXXXXX/Lab01/index.html</a> </li> <li class=MsoNormal style='mso-outline-level:1;mso-list:l0 level1 lfo3; tab-stops:list .5in'>(sometimes useful). <br> Use the File menus in the browsers. If you can t see them, right click the top bar, and Check the Menu Bar option.</li> </ol> <p class=MsoNormal style='margin-left:.5in;mso-outline-level:1'>Internet Explorer: File -&gt; Open -&gt; Browse (go W drive, then appropriate file).<br> Firefox: File -&gt; Open File (go to W drive, then appropriate file).</p> <p class=MsoNormal><o:p>&nbsp;</o:p></p> <p class=MsoNormal>The second method fetches your pages directly from your W drive.<span style='mso-spacerun:yes'>   </span>The first method fetches your pages from the web server and displays them, so using this method provides more assurance that your files are configured as they need to be.<span style='mso-spacerun:yes'>  </span>The <span class=SpellE>validator</span> button also only works when using the first method.</p> <p class=MsoNormal><o:p>&nbsp;</o:p></p> <p class=MsoNormal>If you change your page, but it doesn t seem to change what is in the web browser, use the View -&gt; Source (or Page Source) command from your browser.<span style='mso-spacerun:yes'>  </span>This will show you the raw HTML that your browser is displaying.<span style='mso-spacerun:yes'>  </span>You can also right click on a web page, and select View Source.</p> <h2><span style='mso-fareast-font-family:"Times New Roman"'>Extra Credit<o:p></o:p></span></h2> <p class=MsoNormal>Throughout this course, expect extra credit to be worth a nominal number of points  the main purpose is for your additional practice and challenge.<span style='mso-spacerun:yes'>  </span>Multiple parts may be given; you can attempt all, some, or none of these.</p> <p class=MsoNormal><o:p>&nbsp;</o:p></p> <ol style='margin-top:0in' start=1 type=1> <li class=MsoNormal style='mso-list:l1 level1 lfo4;tab-stops:list .5in'>Add a horizontal line to your page.</li> </ol> <p class=MsoListParagraph style='text-indent:-.25in;mso-list:l1 level1 lfo4; tab-stops:list .5in 1.0in'><![if !supportLists]><span style='mso-list:Ignore'>2.<span style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span><![endif]><span style='font-size:7.0pt'><span style='mso-spacerun:yes'> </span></span>Add a hyperlink to your own email address</p> <ol style='margin-top:0in' start=3 type=1> <li class=MsoNormal style='mso-list:l1 level1 lfo4;tab-stops:list .5in'>For this assignment, add another image to your page, and make this image a hyperlink to some logical target, given the image.<span style='mso-spacerun:yes'>  </span>Can you find an image and a layout that makes clicking on the image natural, without needing explanation? (This may be difficult given the amount of XHTML covered so far.)</li> <li class=MsoNormal style='mso-list:l1 level1 lfo4;tab-stops:list .5in'>Explore the web or your textbook to discover how to add an internal hyperlink (a link to within the current page).<span style='mso-spacerun:yes'>  </span>Modify your page to make some logical use of this feature.</li> </ol> <h2><span style='mso-fareast-font-family:"Times New Roman"'>Deliverables<o:p></o:p></span></h2> <p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; margin-left:.25in;text-indent:-.25in;mso-list:l4 level1 lfo5;tab-stops:list .25in'><![if !supportLists]><span style='mso-list:Ignore'>1)<span style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span><![endif]>Your main web page should be called &quot;default.htm&quot; (without the quotes) and it should contain your name, welcome message, a link to Lab01/index.html, and the disclaimer. </p> <p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; margin-left:.25in;text-indent:-.25in;mso-list:l4 level1 lfo5;tab-stops:list .25in'><![if !supportLists]><span style='mso-list:Ignore'>2)<span style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span><![endif]>All of your files for Lab01 should be in a folder called &quot;Lab01&quot; (without the quotes) on the Web drive. </p> <p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; margin-left:.25in;text-indent:-.25in;mso-list:l4 level1 lfo5;tab-stops:list .25in'><![if !supportLists]><span style='mso-list:Ignore'>3)<span style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span><![endif]>Your web page for Lab01 should be called &quot;index.html&quot; (without the quotes) and placed inside the folder Lab01. </p> <p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; margin-left:.25in;text-indent:-.25in;mso-list:l4 level1 lfo5;tab-stops:list .25in'><![if !supportLists]><span style='mso-list:Ignore'>4)<span style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span><![endif]><b>Your instructor will assume that your web pages are viewable at </b><b><span style='font-family:"Courier New"'>http://intranet.cs.usna.edu/~mXXXXXX/Lab01/index.html</span></b> where XXXXXX is your alpha number. </p> <p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; margin-left:.25in;text-indent:-.25in;mso-list:l4 level1 lfo5;tab-stops:list .25in'><![if !supportLists]><span style='mso-list:Ignore'>5)<span style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span><![endif]>You should check that this URL is viewable and that everything works correctly <i>from a computer where somebody else is logged in</i>. If you've goofed and linked to a file on your X drive, this will help you catch it! </p> <p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; margin-left:.25in;text-indent:-.25in;mso-list:l4 level1 lfo5;tab-stops:list .25in'><![if !supportLists]><span style='mso-list:Ignore'>6)<span style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span><![endif]>All files must be complete and saved to your Web drive before you submit the hardcopy of your assignment. Do NOT modify your files after you have submitted your assignment. For next week you will modify default.htm and create Lab02/, but nothing in Lab01/ should change.</p> <p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; margin-left:.25in;text-indent:-.25in;mso-list:l4 level1 lfo5;tab-stops:list .25in'><![if !supportLists]><span style='mso-list:Ignore'>7)<span style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span><![endif]>Turn in the following hardcopy on or before the due date, stapled together in the following order (coversheet on top):</p> <p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; margin-left:.5in;text-indent:-.25in;mso-list:l4 level2 lfo5;tab-stops:list .5in'><![if !supportLists]><span style='mso-list:Ignore'>a)<span style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span><![endif]>A completed assignment <a href="../it350_CoverSheet.pdf">coversheet</a>.<span style='mso-spacerun:yes'>  </span>Your comments will help us improve the course.</p> <p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; margin-left:.5in;text-indent:-.25in;mso-list:l4 level2 lfo5;tab-stops:list .5in'><![if !supportLists]><span style='mso-list:Ignore'>b)<span style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span><![endif]>The first page of the output of the W3C <span class=SpellE>validator</span>, as run on the final version of your Lab01/index.html.<span style='mso-spacerun:yes'>  </span>This should show that your document correctly validated, but turn it in anyway if you can t get your page to validate.<span style='mso-spacerun:yes'>  </span></p> <p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto; margin-left:.5in;text-indent:-.25in;mso-list:l4 level2 lfo5;tab-stops:list .5in'><![if !supportLists]><span style='mso-list:Ignore'>c)<span style='font:7.0pt "Times New Roman"'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span><![endif]>A printout of <b style='mso-bidi-font-weight:normal'>the source </b>to your Lab01/index.html file (not the rendered page that you normally see with Internet Explorer/Firefox).<span style='mso-spacerun:yes'>   </span>Truncated lines are not acceptable  use Crimson Editor or Notepad++ vice Notepad if needed for printing.<span style='mso-spacerun:yes'>  </span>You could also paste into Microsoft Word etc. if needed.</p> <h2><span style='mso-fareast-font-family:"Times New Roman"'>Postscript<o:p></o:p></span></h2> <p class=MsoNormal>Your default.htm should contain the following disclaimer (other pages don t have to).<span style='mso-spacerun:yes'>  </span>Feel free to cut and paste from the assignment page.</p> <h3 style='margin-left:.5in'><span style='mso-fareast-font-family:"Times New Roman"'>Legal Disclaimer<o:p></o:p></span></h3> <h5 style='margin-left:.5in'><span style='mso-fareast-font-family:"Times New Roman"'>None of the content within this web site or the web sites of the members of this course are intended for distribution in any way, shape, or form. Nor is any attempt being made to disrupt the profiting capability of the copyright holders. The contents of this web site and the web sites of the members of this course are solely intended for educational use of the students and the instructor. All content herein is included strictly for the demonstration of implemented course objectives.<o:p></o:p></span></h5> <p class=MsoNormal><o:p>&nbsp;</o:p></p> <p class=MsoNormal><o:p>&nbsp;</o:p></p> </div> </body> </html>