web design unit assignment #2: job skills favorite links page you will create a html web page with...
TRANSCRIPT
Web Design UnitAssignment #2: Job Skills Favorite Links Page
You will create a HTML web page with links to informational websites about a variety of job skills. In addition, you will link to three sites related to the development of HTML web pages.
Please complete the following steps: Open Notepad.
Start-> All Programs -> Accessories -> Notepad Go to File > Save As > Save it in your ‘WebDesign’ folder YourNamefavlinks.html (the .html extension will make the
document save as a web page). Start with the title- it will not appear on the actual page.
example:
<title>What you type in the title tag will appear here!!!</title> Your title should say something along the lines on 'Favorite Links' or
'Your Name's Favorite Links'
Pick a background color. Remember you want your text that will be black to appear on
your background! Use this tag to change your color:
<body bgcolor="Your Color Choice"> You can use colors such as black or red, or numbers that
represent colors known as hex codes, like Hot Pink is "#FF69B4". The links below give both.
Colors (http://www.geocities.com/TimesSquare/1391/color.html) More Colors
(http://www.squarebox.co.uk/users/rolf/download/ColourWheel/) And Even More Colors!
(http://www.december.com/html/spec/color.html)
Your name will be the first item that will actually show on your web page (centered)
<h1><center>Your Name</center></h1> The 'h1' makes your name the largest text on
the page.
Second Heading: "Job Skills Favorite Links"
Your second heading should say "Job Skills Favorite Links" and that will be the second item that actually shows on your web page (if you want to change the size of your heading refer to the headings tutorial--Experiment)
<h2><center>Job Skills Favorite Links</center></h2>
'h2' makes this the second largest text on your page, and so on and so on.
Links to “Valuable Resources” Pick any 3 from the following list.
How to write a Resume Cover Letters & Business Letters Interviewing Tips Thank You Letter (for after an interview) Professional Dress Email Etiquette You can use this tag to create your links:
<center><a href="URL/address">Descriptive Text</a> </center><br>
the 'br' tag moves text after it to the next line**Refer to the Basic Tags Tutorial if you are having trouble
You will need to search for
appropriate web sites.
Three HTML Web pages Search on the Internet for three web pages that
show you how to use HTML and create web pages (I would use different search engines and type HTML in the search box) and include a hyperlink to each of those pages
<center><a href="URL/address">HTML TUTORIAL</a> </center><br> <center><a href="URL/address">ANOTHER HTML TUTORIAL</a> </center><br>
Add a picture
You should place an image related to one of your links on your page using the below tags
Copy the picture into the same folder as this web page.
<center><img src="file name.jpg/gif"></center> If you are having trouble refer to the Image
Tutorial
View the finished document
When you have completed your web page make sure and save, view, and edit using Microsoft Internet Explorer
Resource Web Page
Mrs. Kilfoil’s HTML Tutorial Page Find something from this page you can put
on your web page.
Summary
Job skills favorite links web page (Title) Background Name Link to valuable resources (Pick any 3)
How to write a Resume Cover Letters & Business Letters Interviewing Tips Thank You Letter (for after an interview) Professional Dress Email Etiquette You can use this tag to create your links
Link to three web pages that show how to make web pages Image View your web page Turn it into the TurnInFolder, or print it out and turn it in. Make sure
your name is on it!!! Experiment with what you can add to your page.
More pictures, colors, modify the text, use some of the HTML tutorials you have found to see what else can be done.