Minuteman High School Summer Program Web Design
Lexington, Massachusetts
Daniel Downs Ed.D.
Module 3:Adding Content To You...
Minuteman High School Web Design & Development-Home
file:///C|/Documents and Settings/ddowns/Desktop/lexington website cla...
index
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML
4.01//EN">
<html>
<head>
<title>Minuteman High School Web Design &
Developme...
index
height:150px;
background-color:#efefef;
}
#navigationarea{
width:900px;
height:60px;
background-color:#707070;
}
#ce...
index
padding:10px;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="banner">
</div>
<div id="navigationarea">
</div>...
index
<br>
<br>
<p>Students will create their own websites and learn how to
create <p>
layouts and color schemes. This cou...
index
</div>
</body>
</html>
Page 5
Upcoming SlideShare
Loading in …5
×

Module 3 Progress Codes Web Design Daniel Downs Minuteman Lexington Ma

356 views
291 views

Published on

Published in: Education, Business, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
356
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Module 3 Progress Codes Web Design Daniel Downs Minuteman Lexington Ma

  1. 1. Minuteman High School Summer Program Web Design Lexington, Massachusetts Daniel Downs Ed.D. Module 3:Adding Content To Your Homepage In this module you will learn how to add content to a div and style is using: New Paragraph Tags <p> Break Tags <br> Font Color <font color=”red”> </font> Adding Images <img src=”dog.jpg> Aligning Images <img src="sunset.gif" align="right"> Bold Text <b> </b> Italic <i> </i> Header Tags <H1> </H1> up to <H7> Centering Images & Text <center> In the middle. </center> Unordered Lists <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> Links With Text <a href=”http://www.google.com”>Link To Google</a> Padding in CSS padding:20px; (adds space between elements and borders)
  2. 2. Minuteman High School Web Design & Development-Home file:///C|/Documents and Settings/ddowns/Desktop/lexington website class/lexington website/index.html[7/9/2013 8:31:51 PM] Welcome To Web Design At Minuteman High School! This is a website which describes the skills and tools learned in the Web Design & Development course with Mr.Downs. Some of the topics include HTML, CSS, design skills and modern web design challenges. Students will create their own websites and learn how to create layouts and color schemes. This course will be fun and educational. We will meet for the following dates and times: July 8th-23rd Mornings 8:30am-11:30am Afternoons 12pm-3pm Computer Lab 22 Click Here To See Our Class Websites Copyright Daniel Downs 2013 Lexington,Massachusetts
  3. 3. index <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>Minuteman High School Web Design & Development-Home</title> <style type="text/css"> body{ width:1000px; height:1000px; background-color:#000000; } #wrapper{ margin:auto; width:900px; height:950px; background-color:#ffffff; margin-left:170px; } #banner{ width:900px; Page 1
  4. 4. index height:150px; background-color:#efefef; } #navigationarea{ width:900px; height:60px; background-color:#707070; } #centerbox{ width:820px; height:500px; background-color:#d6d6d6; margin-top:30px; margin-left:20px; padding:20px; } #footer{ width:880px; height:150px; background-color:#c0c0c0; margin-top:30px; Page 2
  5. 5. index padding:10px; } </style> </head> <body> <div id="wrapper"> <div id="banner"> </div> <div id="navigationarea"> </div> <div id="centerbox"> <center><h1>Welcome To Web Design At Minuteman High School!</h1></center> <img src="lexington.jpg" align="right"> <p> This is a website which describes the skills and tools learned in the <p>Web Design & Development course with Mr.Downs. Some of the topics<p> include <b>HTML, CSS, design skills and modern web design challenges.</b> Page 3
  6. 6. index <br> <br> <p>Students will create their own websites and learn how to create <p> layouts and color schemes. This course will be fun and educational. <p><u>We will meet for the following dates and times:</u> <ul> <li>July 8th-23rd</li> <li>Mornings 8:30am-11:30am</li> <li>Afternoons 12pm-3pm</li> <li>Computer Lab 22</li> </ul> <a href="websites.html">Click Here To See Our Class Websites</a> </div> <div id="footer"> <p><font color="white">Copyright Daniel Downs <p>2013 <p>Lexington,Massachusetts</font> </div> Page 4
  7. 7. index </div> </body> </html> Page 5

×