Web Design - Practice PageWeb Design - Practice Page First Web AssignmentFirst Web Assignment Class Web siteClass Web site

Web DesignWeb Design Assignment #1: Assignment #1: Kilfoil's Practice Kilfoil's Practice

Page Page Practice PagePractice Page Right Click view sourceRight Click view source Save as (In My Documents, make a Save as (In My Documents, make a

folder called ‘WebDesign’)folder called ‘WebDesign’) Give it yourname.htmlGive it yourname.html

Close the Web PageClose the Web Page Open the file you just saved.Open the file you just saved. Right Click view sourceRight Click view source

Don’t forget the .html !!!!!

Start Making ChangesStart Making Changes Carol Kilfoil's Home PageCarol Kilfoil's Home Page Carol Kilfoil's Home PageCarol Kilfoil's Home Page Carol Kilfoil's Home PageCarol Kilfoil's Home Page Carol Kilfoil's Home PageCarol Kilfoil's Home Page Address:Address: West Salem High School West Salem High School

Salem, OR Salem, OR

Phone:Phone:(503) 399-5533(503) 399-5533Hometown:Hometown: Born in Born in Santa Monica, CASanta Monica, CA. . Live In: Live In: Salem, ORSalem, OR

Personal Interests: Personal Interests: Super Soccer MomSuper Soccer Mom , Teaching at West High, Teaching at West High, and , and ScrapbookingScrapbooking..

Change to your name

Change to your birthplace and

home town

Make links to three personal interests.

Customizing the Practice Web PageCustomizing the Practice Web Page<MARQUEE> <CENTER> <MARQUEE> <CENTER> <H1><H1>Carol Kilfoil's Home PageCarol Kilfoil's Home Page</CENTER></CENTER> </H1></H1></MARQUEE></MARQUEE><MARQUEE> <CENTER> <H2><MARQUEE> <CENTER> <H2>Carol Kilfoil's Home Carol Kilfoil's Home

PagePage</CENTER></H2></MARQUEE> </CENTER></H2></MARQUEE> <MARQUEE> <CENTER> <H3><MARQUEE> <CENTER> <H3>Carol Kilfoil's Home PageCarol Kilfoil's Home Page</CENTER></CENTER></H3></MARQUEE> </H3></MARQUEE> <MARQUEE> <MARQUEE> <CENTER> <H4><CENTER> <H4>Carol Kilfoil's Home PageCarol Kilfoil's Home Page</CENTER> </CENTER>

</H4></MARQUEE></H4></MARQUEE>

Change to your name

It will change this to showing your

name

Changing Links about Changing Links about <HR color=blue SIZE=3> <HR color=blue SIZE=3> <FONT color=seagreen><FONT color=seagreen><B>Address:</B> West Salem High School<BR><B>Address:</B> West Salem High School<BR>

Salem, OR <BR>Salem, OR <BR><BR><B>Phone:</B>(503) 399-5533<BR><BR><B>Phone:</B>(503) 399-5533<BR><B>Hometown:</B> Born in <B>Hometown:</B> Born in <A href="<A href="http://santa-monica.org/home/index.asphttp://santa-monica.org/home/index.asp">">Santa Monica, CASanta Monica, CA</A>. <P></A>. <P><B>Live In: <A href="<B>Live In: <A href="http://www.cityofsalem.nethttp://www.cityofsalem.net/">/">Salem, ORSalem, OR</A> <P> </A> <P>

Make it link the town

where you were born

Change to the town where

you were born.

Changing Links to your areas of Changing Links to your areas of interest.interest.

<HR color=blue SIZE=3><B>Personal Interests:</B> <A href="http://www.salemunited.com">Super Soccer Mom</A> <A href="http://west.salkeiz.k12.or.us">, Teaching at West High</A>, and <A href="http://www.closetomyheart.com">Scrapbooking</A>. <P></P></B></FONT></BODY></HTML>

Change these to link to your areas of interest.

And change the corresponding titles.

Summary of ChangesSummary of Changes Testing Kilfoil's Home PageTesting Kilfoil's Home Page Carol Kilfoil's Home PageCarol Kilfoil's Home Page Carol Kilfoil's Home PageCarol Kilfoil's Home Page Carol Kilfoil's Home PageCarol Kilfoil's Home Page Address:Address: West Salem High School West Salem High School

Salem, OR Salem, OR

Phone:Phone:(503) 399-5533(503) 399-5533Hometown:Hometown: Born in Santa Monica, CA. Born in Santa Monica, CA. Live In: Salem, Live In: Salem, OR OR

Personal Interests: Super Soccer Mom , Teaching at Personal Interests: Super Soccer Mom , Teaching at West High, and Scrapbooking.West High, and Scrapbooking.

Change to your name

Change to your birthplace and

home town

Make links to three personal interests.

Resource Web PageResource Web Page

Mrs. Kilfoil’s HTML Tutorial PageMrs. Kilfoil’s HTML Tutorial PageFind something from this page you can put Find something from this page you can put

on your web page.on your web page.