Have you created a Web-based
project that utilized all or part of the projects listed in
Projects section? If so, get some well-deserved recognition
for you and your students by submitting your project to be published
on our Web site! All you have to do is follow these guidelines
and submit your project as a zip file via e-mail to firstname.lastname@example.org.
Guidelines | Technical
The following is a list of guidelines you should follow when
you are writing and designing your Web pages, video clips, or
- 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.
- 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 email@example.com.
Make sure to include your e-signature at the bottom of the
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
- 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.
- 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:
- a first and last name;
- a home or other physical address;
- an e-mail address;
- a telephone number;
- a Social Security number; or
- 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.
The following is a list of technical guidelines you should follow
when you are building and coding your own Web pages. If you
are using Web building tools from sites like http://professional.homestead.com
or http://www.tripod.lycos.com, some of these rules may not
apply to you. Please e-mail firstname.lastname@example.org if you have
any questions regarding the technical guidelines.
- Images MUST be in gif or jpg format (NOT png).
- When naming files and folders, put the names in all lower
- Name the index page "index.html" rather than
- Save compressed video as Quicktime or Real Player.
- 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).
- Deliver your content on: 1) CD, 2) zipped, or 3) stuffed
by e-mail to:
450 West 334d Street
New York, NY 10001
- Check all links to make sure that they work properly
in both browsers.
- Use the pop-up code (attached pages, with instructions
on the page) supplied here.
- 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.
- 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/
To create popup windows, please refer to the following html
pop_up window guide
Using Spacer .gifs:
- 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>
- 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.
- 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.
- To move images around, you need to set up tables. See
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."
- The less grid-like you want your images, the more complex
your tables will be.
- 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".