Bart's CornBread Code

<div div="" id="container" style="width: 650px;">
<div id="header" style="background-color: darkorange; height: 50px;">
<h1 style="text-align: center;">
<span style="font-size: x-large;"><u>
Bart's Corn Bread</u></span></h1>
</div>
<div id="menu" style="background-color: chocolate; float: left; height: 440px; width: 125px;">
<b><span style="font-size: large;">Home</span></b><br />
<hr />
<b><span style="font-size: large;">Food</span></b><br />
<hr />
<b><span style="font-size: large;">Pricing</span></b><br />
<hr />
<b><span style="font-size: large;">Gift Cards</span></b><br />
<hr />
</div>
<div id="content" style="background-color: beige; float: left; height: 440px; width: 525px;">
<div style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;">
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5_Wz_9ffqHgG__5ZK8xR0qpletwbwxLtLOC_7tGb7iXKmIZ03xZbNWdJJPgBPcXJMCXA1NedGpwHqs90UBv9unK3TftD7q07F8gfNtu9m2B1zvi3suLIPfdcO0WWOi_irJ4Xt0Vw76yU/s1600/Cornbread.gif" imageanchor="1"><img border="0" center="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5_Wz_9ffqHgG__5ZK8xR0qpletwbwxLtLOC_7tGb7iXKmIZ03xZbNWdJJPgBPcXJMCXA1NedGpwHqs90UBv9unK3TftD7q07F8gfNtu9m2B1zvi3suLIPfdcO0WWOi_irJ4Xt0Vw76yU/s1600/Cornbread.gif" height="200" width="220" /></a><br />
<span style="text-align: center;">My cornbread has been running in the family for generations. Now I, Bart Baker, am proud to present to you my grandmother's granparent's secret recipe for cornbread. We put in hours of hard work and dedication, to give you a tray of sweet tasting cornbread. The flavors that burst in your mouth will make you run back for more, so head on down to Bart's Corn Bread</span><span style="text-align: center;">!</span><br />
<span style="text-align: center;"></span>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Give us call<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img alt="Call" src="http://www.clker.com/cliparts/z/n/s/T/f/X/900000-phone-clip-art-hi.png" height="50" style="text-align: center;" usemap="#phone" width="50" />

<map name="phone">
<area alt="Nubmer" coords="25,25,25" href="http://allrecipes.com/recipe/grandmothers-buttermilk-cornbread" shape="circle"></area>

</map></div>
</div>
<br />
<br />
<br />
<div id="footer" style="background-color: darkorange; clear: both; text-align: center;">
Copyright © bartcornbread.com</div>
</div>

Bart's Corn Bread

Home

---

Food

---

Pricing

---

Gift Cards

---

                          
My cornbread has been running in the family for generations. Now I, Bart Baker, am proud to present to you my grandmother's granparent's secret recipe for cornbread. We put in hours of hard work and dedication, to give you a tray of sweet tasting cornbread. The flavors that burst in your mouth will make you run back for more, so head on down to Bart's Corn Bread!
                                                 
                                                    Give us call
                                                       

Copyright © bartcornbread.com

Project 30 "HTML 5 Blocks, Layout, Forms and IFrames"

Layout using <table>

---

Layout using <div>

---

Drop down list, Text Area, Button, Fieldset

---

Textfield, Form w/ checkboxes, radio buttons

---

Email from a form

---

Setting width and height for iFrame

---

Borders in iFrames

---

iFrame as Target for Link

---

Text Fields, Password Fields, Radio buttons, Checkbox

---

Project 29 "HTML 5 Image, Tables and Lists"

Image: w/ clickable region

---

Image: After clicking the link

---

Basic HTML Table

---

Table with Borders

---

Table with collapsed  borders

---

Ordered List

---

Unordered List

---

Nested List

---

Description List

Project 28 "HTML 5"

Background and text background color

Heading, Styles in Headings and Paragraphs, Link without Underline

Text Alignment

CSS

Project 27 "Links, Heads and Comments"

Head

Comments

An Image as link

Link to a location on the same page

Project 26 "HTML Formatting"

Formatting

Preformatted and Computer Output

Address

Abbreviations and Acronyms

Text Direction, Quotations, Deleted and Inserted Texts and Marked or Highlighted Texts

Project 25 "Intro to HTML"

Heading

Paragraphs

Link

Image

Project 24 "See The Face of Aquinas" Slide Show

Project 23 QR Code - Event Poster

Pre Project 9 "Intro to QR Code"

Project 22 "Book Cover"

What did I do good?

I think made amazing illustrations on my book cover.

What could I have done differently?

I could have made my summary better.

Pre Project 8 "Clip Masking"

How to clip mask?

1. First you double click the lock on your background

2.Select your Paint bucket tool and select a color for your background. Apply the color to your background.

3. Select a photo to be your background. Try to choose a photo with different colors from the color of your background.

4. Use your Marquee tool to apply it to your main photo

5. Then select your Type tool and insert a text to the photo. Choose an appropriate font, color and size.

6. Rasterize your text layer.

7. Select the Edit button at the top of your screen and select the Free Transform button (or press Ctrl. + T). Resize it to the appropriate size.

8. Select your Wand tool and select your Text

9. Then delete your Text layer. It should leave the outline of the text.

10. Add a Layer Mask

Project 21 "Magazine Cover"

Pre Project 7

Project 20 "Movie Poster"

What did I do good?

I have all I need to have call it a movie poster

What could I have done differently?

I should have made the size of the poster larger

Project 19 "Logo"

What did I do good?

I like how I used the rose instead of an "I". I also like the font I used.

What could I have done differently?

I could of made my logo larger so that it can occupy more space.

Pre Project 6

What do I like about the movie posters I selected?

• Creative
• The use of other items to make a portrait
• It makes me want to watch the movie
• Just by examining the poster you can tell what might happen in the movie