HTML Projects - Edl · Directions (edited from your textbook pg 301): 1) If you are using a...

10
HTML Projects

Transcript of HTML Projects - Edl · Directions (edited from your textbook pg 301): 1) If you are using a...

Page 1: HTML Projects - Edl · Directions (edited from your textbook pg 301): 1) If you are using a Chromebook, connect to an online HTML editor, such as repl.it, rendera or jsfiddle.If you

HTML Projects

Page 2: HTML Projects - Edl · Directions (edited from your textbook pg 301): 1) If you are using a Chromebook, connect to an online HTML editor, such as repl.it, rendera or jsfiddle.If you

Go to https://www.codecademy.com/learn

• Make an account• Complete HTML

Elements and Structure today in class

• Move on to the CSS modules when you’re done

Page 3: HTML Projects - Edl · Directions (edited from your textbook pg 301): 1) If you are using a Chromebook, connect to an online HTML editor, such as repl.it, rendera or jsfiddle.If you

Codeacademy

• Take NOTES on a piece of paper. Need at least 1 full page of notes for credit.

Page 4: HTML Projects - Edl · Directions (edited from your textbook pg 301): 1) If you are using a Chromebook, connect to an online HTML editor, such as repl.it, rendera or jsfiddle.If you

SummaryFrom Codeacademy…

Page 5: HTML Projects - Edl · Directions (edited from your textbook pg 301): 1) If you are using a Chromebook, connect to an online HTML editor, such as repl.it, rendera or jsfiddle.If you

Directions (edited from your textbook pg 301):

1) If you are using a Chromebook, connect to an online HTML editor, such as repl.it, rendera or jsfiddle. If you want to download one for your personal laptop, Notepad++ is a good one. Make sure you choose an editor that allows you to save your work. Figure out HOW to save your work before continuing. I would prefer an email of a link.

2) Enter the outline for a basic HTML document using the template from your textbook Figure 4-30.

3) Personalize your “Home Page” with the listed requirements.

Page 6: HTML Projects - Edl · Directions (edited from your textbook pg 301): 1) If you are using a Chromebook, connect to an online HTML editor, such as repl.it, rendera or jsfiddle.If you

http://hellasmultimedia.com/webimages/anim-htm/anim.htm

http://www.imagechef.com/ic/product.jsp?cat=animatedn

http://www.bellsnwhistles.com/index.html

Animation Web sites

Page 7: HTML Projects - Edl · Directions (edited from your textbook pg 301): 1) If you are using a Chromebook, connect to an online HTML editor, such as repl.it, rendera or jsfiddle.If you

If you need links for pics, you can set up a free 30 day trail with ImageShack

Page 8: HTML Projects - Edl · Directions (edited from your textbook pg 301): 1) If you are using a Chromebook, connect to an online HTML editor, such as repl.it, rendera or jsfiddle.If you

IF you want to make your website even cooler– complete Code Academy Intro to CSSFor some inspiration!

Page 9: HTML Projects - Edl · Directions (edited from your textbook pg 301): 1) If you are using a Chromebook, connect to an online HTML editor, such as repl.it, rendera or jsfiddle.If you
Page 10: HTML Projects - Edl · Directions (edited from your textbook pg 301): 1) If you are using a Chromebook, connect to an online HTML editor, such as repl.it, rendera or jsfiddle.If you