Hands-On Tutorial
Lesson 1
Step 1: Download both the leyanda.mp3 file and mobile_phone_sings.gif into your “My First Web Page” folder as instructed from the screencast.
Step 2: Open Notepad and begin entering the code below being sure to personalize text where indicated.
<HTML> <HEAD> <TITLE>My First Web Page</TITLE> <BGSOUND SRC="leyenda.mp3"></BGSOUND> </HEAD> <BODY BGCOLOR="#FFFF00"> <H1 ALIGN="CENTER"><FONT COLOR=”#000066“>All About & Add Your Name</H1></FONT COLOR> <P ALIGN="CENTER"> <IMG SRC="Mobile_phone_sings.gif"> <FONT SIZE="4"> <P ALIGN="LEFT">Write a brief paragraph pretending to introduce yourself to an eighth grader at another school in the state. |
Step 3: Save the Notepad file as “My First Web Page.”
Lesson 2
Step 1: Continue entering the following code below being sure to personalize text where necessary.
Step 2: Save your newly added information.
<P><H3>Three Key Points About My School are:</H3> <UL> <LI>1st Key Point <LI>2nd Key Point <LI>3rd Key Point </UL></P> <P><H3>Three of My Favorite Websites are:</H3> <OL> <LI><A HREF="URL Goes Here">Name of Website Goes Here</A> <LI><A HREF="URL Goes Here">Name of Website Goes Here</A> <LI><A HREF="URL Goes Here">Name of Website Goes Here</A> </OL></P> |
Lesson 3
Step 1: Continue entering the following code below being sure to personalize text where necessary.
Step 2: Save your newly added information.
<P>My References are: <BR>http://www.animationlibrary.com/animation/24349/Mobile_phone_sings/ <BR>http://www.mfiles.co.uk/classical-mp3.htm <P><I>You may email me at this address: <A HREF="mailto:Student Email Goes Here">Type Email Again Here</A></I> </BODY> </HTML> |