Career Site

Assignment #25
Objectives:
-To learn to add multiple pages to our web sites.

Instructions:
This will be the start of your Career Profile website. You will be adding a little piece to this website in
most of the following lessons.

Your Career Profile website will highlight a career that you are interested in. It will include information
about the job and steps to take to get there. Take a couple of minutes to decide which career you
would like to make a site about.

1. Let’s start with index.html (Main Page). Give it a title! The title should be the name of the
career that the site will be about, such as Paleontology.

2. Then look at jobinfo.html(2nd Page). It will contain more detailed job information. Give it a
title! You can use the job title, such as Artist.

3. Finally, there is style.css to hold the website’s styles. Add a link to it in each of the other html
pages. (Remember <link rel="stylesheet" ….)

Add the following items to index.html in this order:

4. An <h1> tag that contains the general field your career falls into and a short description. For
example, Paleontology: Study of Ancient Life.
5. An <h2> tag that describes what industry or general area of study your career falls into. For
example, Paleontology falls in the sciences of biology and geology or Social Worker falls in
the science of Sociology or Novelist falls in the industry of creative writing.
6. A paragraph containing a few sentences about why you are interested in that career. It’s ok if you
don’t know much about it.
7. The next step is to Hyperlink the two pages together. A link to jobinfo.html labelled “More
Information”

Add the following items to jobinfo.html:

1. An <h1> tag that contains your specific job title, (e.g. Palentologist)
2. Four <h3> tags containing the headings Description, Average Salary, Employers, and Related
Careers.
3. A link to index.html labelled “Home”
 Add the CSS

1. Finally, let’s add a few styles. In style.css, add the following styles:
2. Make all <h3> tags uppercase by using text-transform: uppercase;
3. Make all with the Arial font-family
4. Give the body a very light background color. You may find this website useful:
https://www.w3schools.com/colors/colors_hex.asp. Scroll to the bottom to see the lighter colors
5. Make all links have the font-size 16 pixels and an italic font-style

Component Possible Points Score

1. Let’s start with index.html (Main Page). Give it a title! The title should be the
name of the career that the site will be about, such as Paleontology.
2. Then look at jobinfo.html(2nd Page). It will contain more detailed job
information. Give it a title! You can use the job title, such as Artist.
3. Finally, there is style.css to hold the website’s styles. Add a link to it in each of 3
the other html pages. (Remember <link rel="stylesheet" ….)
Index

8. An <h1> tag that contains the general field your career falls into and a
short description. For example, Paleontology: Study of Ancient
Life.
9. An <h2> tag that describes what industry or general area of study your 3
career falls into. For example, Paleontology falls in the
sciences of biology and geology or Social Worker falls in
the science of Sociology or Novelist falls in the industry
of creative writing.
10. A paragraph containing a few sentences about why you are interested
in that career. It’s ok if you don’t know much about it.
11. The next step is to Hyperlink the two pages together. A link
to jobinfo.html labelled “More Information”

Add the following items to jobinfo.html:

6. An <h1> tag that contains your specific job title, (e.g. Palentologist)
7. Four <h3> tags containing the headings Description, Average
Salary, Employers, and Related Careers. 3
8. A link to index.html labelled “Home”

1. Finally, let’s add a few styles. In style.css, add the following styles:
2. Make all <h3> tags uppercase by using text-transform: uppercase;
3. Make all with the Arial font-family
4. Give the body a very light background color. You may find this website useful: 3
https://www.w3schools.com/colors/colors_hex.asp. Scroll to the bottom to see the
lighter colors
5. Make all links have the font-size 16 pixels and an italic font-style
Total Score /