Job Skills Favorite Links Page

Download Report

Transcript Job Skills Favorite Links Page 

Web Design Unit
Assignment #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.




Job skills favorite links web page (Title)
Background
Name
Link to valuable resources (Pick any 3)
Summary












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.