Part I: HTML Page Setup

Create a folder on your desktop titled Assignment8. Using your text editor, create a new file and save it as assignment8_yourname.html in the Assignment8 folder. In your html file, enter the ten basic tags (in the correct order). Enter CS 202 Assignment 8 as the title of your page.

Change the background color of the page by use of the style attribute within the body tag and the background-color property. *Please note that you must input an RGB Hexadecimal color.* View your file in a browser (Right-click on the file and open in a browser). Since we have no content in the body of the file, the only thing you should see is CS 202 Assignment 8 in the browser tab and your chosen background color.

Part II: Creating HTML Content

Between the

and add the following content:

Name:Your full name Major: Your major Desired Job: Your desired job after graduation A paragraph (3-4 sentences) about your chosen job. You could include information about why you want this job, what you think your primary job tasks would be, your expected salary, etc. A second paragraph (3-4 sentences) about the number one location where you hope to get this job. You could write about why you want to get the job in this location, some great things about the location, and what you think your chances are of landing your dream job in your dream location (and what you are doing to make it happen!).

Mark-up the line of text with your name as a level-one heading.

Mark-up the lines of text with your major and desired job as level-two headings.

Mark-up each paragraph as a separate paragraph.

Save and preview your file in a browser to ensure correctness. Return to your file in the text editor. Add the style attribute with the text-align property to each of the headings so that all three headings are centered on the page.

Change the color of each heading using the RGB color scheme. Make all three headings different colors.

Add the style attribute with the font-style property to the first paragraph so that the paragraph is displayed in italics.

Add the style attribute with the font-weight property to the second paragraph so that the paragraph is displayed in bold.

Save and view your file in a browser to make sure your code is behaving as you expect.

Part III: Including an Image and a List with Hyperlinks

Go to https://www.google.com/imghp?hl=en&tab=wi&authuser=0 and search for an image that is related to your desired job (from earlier).

Scroll through the results until you locate a suitable image. Click on the image to open up a larger view. Right click on the image and select Save Image As Make sure you save the image in your Assignment8 folder. Make sure the filename is something that makes sense and has no spaces.

Return to your file in your text editor. Insert a blank line immediately above the first paragraph. In this blank line, add another level-one heading. Inside of the heading, add the code to insert your image. Be sure to include an appropriate alt attribute and value. Add code to the level-one heading containing the image so the image is centered. Add a blank line above the tag. In the blank line, add an unordered list with three list items where each item is a hyperlink to a different web site that is related to your desired job location (activities, attractions, etc.).

• Words to be clicked on li>
• li>
• li> ul> Save your file and view in a browser. Make sure you have all of the elements added. Make sure your hyperlinks work and your image is displayed.

  NOTE: If your image does not display, double-check your file name and make sure your image and your HTML file are both saved in the Assignment8 folder.

  Part IV: Adding the HTML to Your E-Portfolio Site

  Navigate to your career goals page in your site editor (see instructions on the project page if you do not remember how to do this) Click Add + on the left side of the Editor. Click More. Click HTML Code, or drag it the relevant location on your page. Resize to fit the window as necessary. Click Enter Code. Make sure the Code radio box is checked. Enter the code. Click Update. *Please note that your image will not appear, only the text description. As long as the image appeared in the preview while in the text editor the tag is correct** Save your site by clicking the Save button in the top tool bar.

  I will create the folder myself, and fill in the remaning blanks I just want to see the finished coding page result of how it is supposed to be set up.