1. We encourage you to create your own materials. However, in the event that you want to use materials from other Web sites, they must be properly cited. And, if they are copyrighted materials of any kind, you must obtain official permission for use from the owners. Thirteen/WNET New York will not take responsibility for any copyright infringements, and will not publish projects that fail to follow these guidelines.
   
   
2. We need to get a release form from you so that we can publish your project. Simply cut and past the following statement into the body of an e-mail and send to leec@thirteen.org. Make sure to include your e-signature at the bottom of the e-mail.
   
   I have secured permission from all the appropriate parties for Thirteen Ed Online to publish my students’ Web site named "___________." In sending this e-mail I also guarantee that my school has obtained the rights, copyrights, permission, and clearances for the "_____________" project which are necessary for Thirteen to publish the site.
   
   
3. Thirteen Ed Online will not publish any inappropriate material (e.g. profane, inflammatory, etc.) on the site. If you have any questions regarding this matter, contact Camille Lee at (212) 560-2749.
   
   
4. In accordance with the Children's Online Privacy Protection Act of 1998, the project must not contain any personal information about the children working on the project. The term `personal information' means individually identifiable information about a child, including:
   
   
   1. a first and last name;
   2. a home or other physical address;
   3. an e-mail address;
   4. a telephone number;
   5. a Social Security number; or
   6. any other information that would facilitate or enable the physical or online locating and contacting of a specific individual, including information that is associated with an identifier described in this paragraph in such manner as to become identifiable to a specific individual.
      
      This means that we can publish pictures of students, but not pictures and names together.

1. Images MUST be in gif or jpg format (NOT png).
   
   
2. When naming files and folders, put the names in all lower case.
   
   
3. Name the index page "index.html" rather than "index.htm".
   
   
4. Save compressed video as Quicktime or Real Player.
   
   
5. Try not to use < DIV>s (layers) if possible because they are a problem in some browsers on the Mac. If you want your material to flow in a curve you can use spacer gifs to push content over (see below).
   
   
6. Deliver your content on: 1) CD, 2) zipped, or 3) stuffed by e-mail to:

   Camille Lee
   Thirteen/WNET
   450 West 334d Street
   New York, NY 10001
   
   e-mail: leec@thirteen.org

7. Check all links to make sure that they work properly in both browsers.
   
   
8. Use the pop-up code (attached pages, with instructions on the page) supplied here.
   
   
9. Verify that gif images are referred to as name.gif in the code and that images that are jpgs are referred to as name.jpg in the code.
   
   
10. Use the JPEG format for photographs. Use the GIF format for other graphics. When saving graphics for the web, try saving the files at different levels of quality until you can find the smallest file that still looks OK. This will make your web pages load faster.

For more information, see http://webdesign.about.com/cs/optimization/

Popup Windows:

To create popup windows, please refer to the following html page:

pop_up window guide

Using Spacer .gifs:

1. Take a look at the "demo.html" file in a browser. When two images are placed in <TD> tags one after another, they appear next to each other. To move them apart, a spacer image is needed. A spacer image is just a transparent pixel, but you can stretch the pixel high or wide.
   
   For example, look at the spacer code in "with_spacer.html":
   
   <TD WIDTH="252"><IMG SRC="images/pixel.gif" WIDTH="252" HEIGHT="1" BORDER="0" HSPACE="0" VSPACE="0"> </TD>
   
   
2. The image "pixel.gif" is only a pixel wide and a pixel high. But the width has been stretched to 252 pixels to push the green monster over to the right.
   
   
3. The reason to stretch a one-pixel-wide image, rather than make an image 252 pixels wide, is because it takes much less time to download the smaller image.
   
   
4. To move images around, you need to set up tables. See "staggered.html." The table border has been turned on, so you can see how it's built. Look at the code to see how it is done. To look at the code for any Web page, go to "View" in the browser navigation bar, then select "Page Source."
   
   
5. The less grid-like you want your images, the more complex your tables will be.
   
   
6. To make a transparent pixel to use as a spacer:
   
   
   • Open Photoshop, or another similar, image-making software.
   • Make a new image 1 pixel wide and 1 pixel high with contents: transparent and 72 dpi.
   • Export as a gif89export, or choose "Save for Web".