Module 3 Progress Codes Web Design Daniel Downs Minuteman Lexington Ma

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)

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

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

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

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

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

index
</div>
</body>
</html>
Page 5

Module 3 Progress Codes Web Design Daniel Downs Minuteman Lexington Ma

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (8)

Similar to Module 3 Progress Codes Web Design Daniel Downs Minuteman Lexington Ma

Similar to Module 3 Progress Codes Web Design Daniel Downs Minuteman Lexington Ma (20)

More from Daniel Downs

More from Daniel Downs (20)

Recently uploaded

Recently uploaded (20)

Module 3 Progress Codes Web Design Daniel Downs Minuteman Lexington Ma