Module 3 Progress Codes Web Design Daniel Downs Minuteman Lexington Ma
Upcoming SlideShare
Loading in...5
×
 

Module 3 Progress Codes Web Design Daniel Downs Minuteman Lexington Ma

on

  • 336 views

 

Statistics

Views

Total Views
336
Views on SlideShare
336
Embed Views
0

Actions

Likes
0
Downloads
1
Comments
0

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Module 3 Progress Codes Web Design Daniel Downs Minuteman Lexington Ma Module 3 Progress Codes Web Design Daniel Downs Minuteman Lexington Ma Document Transcript

    • 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