I R Teh Html Noob

OttoDestruct · May 2004

After spending many an hour.... I can't set up frames <img src='http://www.unknownworlds.com/forums/html//emoticons/sad.gif' border='0' style='vertical-align:middle' alt='sad.gif' /> .... I'm trying to get something like the diagram.... basically all it will be is the black part is a menu, the red part where pages load, and all the surrounding will be neat artsy stuff... Anyone want to point me where I should go to learn / will you do it for me?

BigMadSteve · May 2004

Go <a href='http://www.htmlgoodies.com/tutors/fram.html' target='_blank'>here</a>. I managed to learn HTML almost inside out within a month (that was looking at it about twice a week for about hour). That frame section is pretty useful. Helped me make a mighty complex but good look table.

7Bistromath · May 2004

That's just your general format, right? I mean, hopefully it won't be that color when you're done.

OttoDestruct · May 2004

</div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td><b>QUOTE</b> (007Bistromath @ May 17 2004, 03:56 PM)</td></tr><tr><td id='QUOTE'> That's just your general format, right? I mean, hopefully it won't be that color when you're done.  </td></tr></table><div class='postcolor'> 
Notice the word diagram <img src='http://www.unknownworlds.com/forums/html//emoticons/biggrin.gif' border='0' style='vertical-align:middle' alt='biggrin.gif' /> .... Meh I'm starting to make progress

SoulSkorpion · May 2004

I highly recommend <a href='http://www.htmlcodetutorial.com/' target='_blank'>http://www.htmlcodetutorial.com/</a>. Despite the name, it's more of a thorough reference guide than a series of tutorials. Nevertheless, it's got extensive examples of the tags, how and where to use them, and even comments on which ones should and shouldn't be used (for reasons of browser compatibility).

[edit]By zer vay, the basic idea behind frames is that the frame page sets up the layout for the frames, with each frame having a name. It then opens the relevant web pages, but opens them inside frame name blah, rather than simply opening them.

One more thing: don't get too carried away with frames. As great as they sound, the reason they don't see a lot of use these days is because they will look dramatically different on different resolution screens (and can look really, really silly in the worst cases)[/edit]

7Bistromath · May 2004

A note from somebody who likely knows even less about HTML than you: if any of your frames are particularly large, make sure to include a scroll button for each one. I use a rather small resolution, and there is nothing I hate more than only being able to see the top half of a menu.

OttoDestruct · May 2004

<a href='http://www.geocities.com/otto_destruct/index.html' target='_blank'>SUCCESS!!!!</a>

Mind the tons of Yahoo crap...... and the links and crap don't work... but its a start... I'm gonna increase the width of the middle eventually... and try to make the scroll bar look not so messed up (I didn't upload the long news I used to test that if you are wondering)

7Bistromath · May 2004

Heh. Gotta love that contact info.

ZiGGY · May 2004

I <3 frames.

OttoDestruct · May 2004

Made it look a lot better.... can anyone tell me how to get to kill the frames and open the outside links as full pages though?

<a href='http://www.geocities.com/otto_destruct/index.html' target='_blank'>Linkeh</a>

Seph_Kimara · May 2004

</div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td><b>QUOTE</b> (OttoDestruct @ May 18 2004, 06:50 AM)</td></tr><tr><td id='QUOTE'> Made it look a lot better.... can anyone tell me how to get to kill the frames and open the outside links as full pages though?

<a href='http://www.geocities.com/otto_destruct/index.html' target='_blank'>Linkeh</a> </td></tr></table><div class='postcolor'>
just use a </div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td><b>CODE</b> </td></tr><tr><td id='CODE'><a href="url" target="_blank"></td></tr></table><div class='postcolor'>

If I'm readingwhat you want to do right...

OttoDestruct · May 2004

</div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td><b>QUOTE</b> (Seph Kimara @ May 18 2004, 01:56 AM)</td></tr><tr><td id='QUOTE'> </div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td><b>QUOTE</b> (OttoDestruct @ May 18 2004, 06:50 AM)</td></tr><tr><td id='QUOTE'> Made it look a lot better.... can anyone tell me how to get to kill the frames and open the outside links as full pages though?

<a href='http://www.geocities.com/otto_destruct/index.html' target='_blank'>Linkeh</a> </td></tr></table><div class='postcolor'>
just use a </div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td><b>CODE</b> </td></tr><tr><td id='CODE'><a href="url" target="_blank"></td></tr></table><div class='postcolor'>

If I'm readingwhat you want to do right...  </td></tr></table><div class='postcolor'> 
Yea that works

Jezpuh · May 2004

And where did you got that free template? <img src='http://www.unknownworlds.com/forums/html//emoticons/tounge.gif' border='0' style='vertical-align:middle' alt='tounge.gif' />

OttoDestruct · May 2004

</div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td><b>QUOTE</b> (JezPuh @ May 18 2004, 03:52 AM)</td></tr><tr><td id='QUOTE'> And where did you got that free template? <img src='http://www.unknownworlds.com/forums/html//emoticons/tounge.gif' border='0' style='vertical-align:middle' alt='tounge.gif' />  </td></tr></table><div class='postcolor'> 
It might as well not have been a template as I changed about 90% of it.... I just googled for free web templates

Tresth · May 2004

I suggest you give <a href='http://www.lissaexplains.com' target='_blank'>Lissa</a> a shoot too.

SoulSkorpion · May 2004

</div><table border='0' align='center' width='95%' cellpadding='3' cellspacing='1'><tr><td><b>QUOTE</b> (Tresth @ May 18 2004, 05:38 PM)</td></tr><tr><td id='QUOTE'> I suggest you give <a href='http://www.lissaexplains.com' target='_blank'>Lissa</a> a shoot too.  </td></tr></table><div class='postcolor'> 
Yargh! My eyes!

Sycophant · May 2004

Probably the best reference site for a web designer is <a href='http://www.devguru.com' target='_blank'>devguru</a>.

For example, here's the full list of <a href='http://www.devguru.com/Technologies/html/quickref/html_index.html' target='_blank'>HTML tags</a> and how to use 'em. The other frequently-used references I'd recommend are the <a href='http://www.devguru.com/Technologies/css/quickref/css_index.html' target='_blank'>CSS2</a> and <a href='http://www.devguru.com/Technologies/ecmascript/quickref/javascript_index.html' target='_blank'>JavaScript</a> references.

Definitely worthy of a bookmark as one of the best online design reference manuals, IMHO.

And if you're into developing using ASP as your base scripting language, there's a slew of reference guides for that path as well.

I R Teh Html Noob

Comments