Presentation is loading. Please wait.

Presentation is loading. Please wait.

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.

Similar presentations


Presentation on theme: "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."— Presentation transcript:

1 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.

2 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: What you type in the title tag will appear here!!! Your title should say something along the lines on 'Favorite Links' or 'Your Name's Favorite Links'

3 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: 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) Colors More Colors (http://www.squarebox.co.uk/users/rolf/download/ColourWheel/) More Colors And Even More Colors! (http://www.december.com/html/spec/color.html) And Even More Colors!

4 Your name will be the first item that will actually show on your web page (centered) Your Name The 'h1' makes your name the largest text on the page.

5 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) Job Skills Favorite Links 'h2' makes this the second largest text on your page, and so on and so on.

6 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: Descriptive Text 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.

7 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 HTML TUTORIAL ANOTHER HTML TUTORIAL

8 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. If you are having trouble refer to the Image Tutorial

9 View the finished document When you have completed your web page make sure and save, view, and edit using Microsoft Internet Explorer

10 Resource Web Page Mrs. Kilfoil’s HTML Tutorial Page Find something from this page you can put on your web page.

11 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.


Download ppt "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."

Similar presentations


Ads by Google