WEB1 Folder

You need to be ready to hand in your web1 folder by the end of block day. Make sure you have changed the name so it’s called 5lastnameweb1.

This folder counts for 66% of your marking period grade!

Inside your web1 folder you should only have HTML files. Inside the web1 > images folder you should only have JPGs and GIFs.

Make sure web1 folder is renamed: 5lastnameweb1.


Open your PSDs for LANDSCAPE and TWINS. Save each one as a JPG, 6 quality should be fine. Make sure each of these JPGs is inside the web1 > images folder

Save your COLORTABLE as a GIF. Place this inside web1 > images

Place you NAME BANNER JPG and one GALILEO BANNER JPG (your choice) into web1 > images folder

Open index.html with ADOBE DREAMWEAVER CC.

There are PLACEHOLDER IMAGES on index.html. Mr. Machtay will show you how to click on one of these Placeholders and replace it with your new image.

In the HTML code for index.html, go to <body tag. Add in the attribute <body background=”bgX.gif”> Select one of the BG GIFS you created for the tiling.html page

Write 100-200 words on “IF I COULD SPEAK TO A MILLION PEOPLE…” what would you want to tell them?


Open file stylesheets.html with Dreamweaver.

Mr. Machtay will review the parts of basic CSS: Property, Rule, Value.

In this file, CSS Properties are called out in the Body of the web page. You need to define those properties in the Head of the same web page. Experiment. Make yours unique.


Add links to index.html. In the upper right corner of the page (the top of the second Div), there are the names of your other web pages. Add in coding to link them to index.html.

<a href=”color.html”>color.html</a>

<a href=”tiling.html”>tiling.html</a>

<a href=”stylesheets.html”>stylesheets.html</a>

The Tag is a=Anchor. Attribute is href=Hypertext Reference. Value is the path to the linked page. Your linked pages must be inside the same web1 folder for them to link.


Look over all the assignments that are part of web1 folder. Is everything complete and as good quality as you can make it?

If everything else is done, create one more web page inside this folder. Use the writing (and images) from a project you did for another class (science class, history class, language class?). Fill in the content on the page using all the skills and code you learned from working on the other pages. This will add extra credit to your grade. (But first make sure everything else is done and good quality.)



  1. web1: should have background image or color. Make sure all images are displayed and other web pages should be correctly linked. (This will only work if everything is inside the folders where they belong.) Make sure you’ve written: “If I could speak to a million people…”
  2. color.html: all colors should be changed to reflect the words written inside the table cells. Make sure it’s easy to read each table cell (light on dark or dark on light). Remember to change the page background to Orange <body bgcolor=”xxxxxx”>.
  3. tiling.html: make sure each table cell has a unique background image that tiles. Make sure it’s easy to read the text in each table cell (dark background for white text, light background for black text).
  4. stylesheets.html: make sure you have written unique definitions for each of the Properties used on the page. You can get a little crazy, but have your definitions make sense (“small” should be smaller, “headline” should be larger).


  1. Name Banner: 600pxW x 200pxHt, JPG
  2. Galileo Banner: 400pxW x 200pxHt, JPG
  3. Twins Picture: 600pxW x 400pxHt, JPG
  4. Landscape: 600pxW x 400pxHt, JPG
  5. Color Table, GIF
  6. all backgrounds: bg1.gif to bg16.gif