My website is getting complicated

**screenwriter** · 07-26-2003, 04:07 PM

My website is getting complicated and I haven't even started.

I have a few ideas and that's why it's getting complicated.

Take a look at the code, (I took out the HTML tags just in case of any possibility it would read it)

<HEAD>
<TITLE>
Neil Simon's Official Website
</TITLE>
<meta http-equiv="Page-Enter" content="blendtrans(duration=4.0)">
<meta http-equiv="Page-Exit" content="blendtrans(duration=4.0)">
<STYLE>

</STYLE>
</HEAD>
<BODY id="scrollbar">
<P>
<table width="100%" height="100%" cellspacing="0" cellpadding="0" border=0>
<tr height="100%">
<td width="100%" align="center" valign="top">
<TABLE FONT="Book Antiqua" BGCOLOR="#800000" BORDER="0" CELLPADDING="0" CELLSPACING="0" style="border: #666666 1px solid;">
<TR>
<TD HEIGHT="75" WIDTH="800" BGCOLOR="#800000" COLSPAN="3" align="center"><B><FONT FACE="Edwardian Script ITC" COLOR="#FFFFFF" SIZE="10">The Official Collected Plays of Neil Simon Online</font></B></TD>
</TR>
<TR>
<TD BGCOLOR="#C0C0C0" ALIGN="left" VALIGN="top" HEIGHT="600" WIDTH="200" FONT="Book Antiqua"> <font color="#000052" size="2"> <P>Barefoot in the Park<br>Come Blow Your Horn<BR>The Odd Couple</P></TD>
<TD BGCOLOR="wheat" ALIGN="left" VALIGN="top" HEIGHT="600" WIDTH="400" FONT="Book Antiqua"> <font color="#000052" size="2">
<BLOCKQUOTE STYLE="font-weight: bold; font-family: 'Book Antiqua'; text-align: justify; font-size: 8pt">
<H1 STYLE="font-family: 'Book Antiqua', 'Bookman Old Style', 'Poor Richard', 'Century Schoolbook', 'Goudy'; font-style: italic;">Introduction</H1>
<H2 STYLE="font-family: 'Book Antiqua', 'Bookman Old Style', 'Poor Richard', 'Century Schoolbook', 'Goudy'; font-style: italic">Portait of the Writer<BR>as a Schizophrenic</H2>
</BLOCKQUOTE>
</font></TD>
<TD BGCOLOR="#C0C0C0" ALIGN="right" VALIGN="top" HEIGHT="600" WIDTH="200" FONT="Book Antiqua"><font color="#000052" size="2"><p>This site will include the <i>Brighton Beach Trilogy!!!</i></p></TD>
</TR>
<TR>
<TD BGCOLOR="#FFFFFF"></TD>
<TD BGCOLOR="#FFFFFF" VALIGN="bottom" ALIGN="center"><A HREF="mailto:Screenwriter230@msn.com"><IMG SRC="contact.jpg"></IMG></A></TD>
<TD BGCOLOR="#FFFFFF"></TD>
</TABLE>
<FONT COLOR="#000052" SIZE="2">
<SCRIPT>
var retrievelASTmODIFICATION
retrievelASTmODIFICATION=document.lastModified
document.write("This page was last Modified on "+retrievelASTmODIFICATION)
</SCRIPT>
</FONT>
</p>
</td>
</tr>
</table>
</BODY>

Okay, first off. The section where it has Portrait of a writer. I want that to be it's own website, only IFRAMED inside the site. But.... I want that section to be the viewing section of the website. That's where all the links open up. To reduce space, I figure I could use DIVs instead of table sets. Not knowing to much about HTML altogether like some of you do, I figured is it possible to still have that IFRAME work in the website? Even with DIVs "directing traffic" so to say?

Any help would be hot.
Thanks.

**Charles** · 07-26-2003, 04:34 PM

Suggestions? The W3C has done a lot of work creating just the tools for simplifying the lives of web authors. If only they would pay attention.

1) Rid yourself and your page of the use of TABLEs for layout. Use CSS instead and see http://www.glish.com/css/ for some ideas.

2) Use HTML 4.01 Strict which means rid yoursself of all presentational HTML and use CSS instead. See http://www.w3.org/TR/html4/ and http://www.w3.org/TR/REC-CSS2/.

3) And use HTML like you oughta. Every element has a meaning. The headings should be marked up with the H elements, paragraphs with P.

**screenwriter** · 07-26-2003, 07:05 PM

Originally posted by Charles
Suggestions? The W3C has done a lot of work creating just the tools for simplifying the lives of web authors. If only they would pay attention.

I'm sorry I didn't notice.