Visit the Ironworks Gaming Website Email the Webmaster Graphics Library Rules and Regulations Help Support Ironworks Forum with a Donation to Keep us Online - We rely totally on Donations from members Donation goal Meter

Ironworks Gaming Radio

Ironworks Gaming Forum

Go Back   Ironworks Gaming Forum > Ironworks Gaming Forums > General Discussion > General Conversation Archives (11/2000 - 01/2005)

 
 
Thread Tools Search this Thread
Old 01-02-2005, 11:50 AM   #1
philip
Galvatron
 

Join Date: June 24, 2002
Location: aa
Posts: 2,101
I'm building a new website for myself and soon I need to do another one for school so I thought it would be nice to learn CSS and use it. Now I've done some basic tutorials which explain about how things work but I can't find a good tutorial on how the implementation works. There are some sites which offer designs and the code but I'm not looking for that.

For example something I've been searching for is how to do the links. I have a menu with links and a box with the content of the site. What's the proper implementation of this. Make an inline frame in the box and use it, write a number of html files which each contain the content for a link + the menu which all link to 1 style sheet, a mix of both?

Hope somebody can help me [img]smile.gif[/img]
philip is offline  
Old 01-02-2005, 05:35 PM   #2
LennonCook
Jack Burton
 

Join Date: November 10, 2001
Location: Bathurst & Orange, in constant flux
Age: 37
Posts: 5,452
What DOCTYPE are you working in?
LennonCook is offline  
Old 01-02-2005, 08:41 PM   #3
Sir Degrader
Thoth - Egyptian God of Wisdom
 

Join Date: November 3, 2001
Location: Canada
Age: 63
Posts: 2,871
Use dreamweaver or MS Frontpage. It saves you alot of trouble.
Sir Degrader is offline  
Old 01-02-2005, 10:03 PM   #4
LennonCook
Jack Burton
 

Join Date: November 10, 2001
Location: Bathurst & Orange, in constant flux
Age: 37
Posts: 5,452
No, those tend to cause more trouble than they solve. Especially Frontpage. They can be handy sometimes, but there is simply no excuse for making webpages without knowing atleast basic XHTML and CSS.
LennonCook is offline  
Old 01-02-2005, 10:11 PM   #5
Sir Degrader
Thoth - Egyptian God of Wisdom
 

Join Date: November 3, 2001
Location: Canada
Age: 63
Posts: 2,871
Is this a simple project that isn't for a computers class, then just skip the whole programming designing thing and go to geocities or 20fr or something like that.
Sir Degrader is offline  
Old 01-02-2005, 10:19 PM   #6
LennonCook
Jack Burton
 

Join Date: November 10, 2001
Location: Bathurst & Orange, in constant flux
Age: 37
Posts: 5,452
Geocities? GEOCITIES? Sir Degrader, please go wash your mouth out. [img]tongue.gif[/img]
Whether or not it is a school project doesn't matter: sites which are made solely using these "easy ways" are always inferior. Always.
No, the only tools for Webdesign are Vim and a validator.
LennonCook is offline  
Old 01-02-2005, 10:21 PM   #7
Bungleau
40th Level Warrior
 

Join Date: October 29, 2001
Location: Western Wilds of Michigan
Posts: 11,752
There are so many ways to go... it's almost ridiculous.

First off, are you a programmer-type? If so, then consider CSS to be equivalent to a set of includes or subroutines (leastways, that's how I understand and have used them). If not, then consider them to be a way to store things that you use repetitively (like defining backgrounds, fonts, and so on) so that you can have it in one place and use it in multiple places. True CSS programmers may disagree, and I welcome it [img]smile.gif[/img]

Second, there are two ways to address problems like your menuing. Do you want to decide on the tool, then fit the job to the tool? Or do you want to decide on the job, and then find the tool for the job?

The reason I say this is that I've used static pages, dynamic pages, frame sets, and more in my web development, and I've found (so far) that Javascript is the easiest tool for menus. Why? Because someone has already written JS scripts for it that you can get for free, so you can just copy and tweak.

Downside is browser compatibility. Not all browsers support JS, nor do they all support dynamic HTML, nor Front Page extensions, nor any other cool things you can come across. If you have to work with multiple browsers, you end up being limited.

All that being said, I'd pick up a quick primer on CSS (a Sam's book, or a Dummies book, or an O'Reilly book, or something similar). Get your local (online) bookstore, or check it out at the library.

Use that, start at the beginning, and work the examples. Use your own project in the examples and you can save some time, but remember to start small.

Once you're there, you can decide whether to fit the tool to the job or the job to the tool.
__________________
*B*
Save Early, Save Often Save Before, Save After
Two-Star General, Spelling Soldiers
-+-+-+
Give 'em a hug one more time. It might be the last.
Bungleau is offline  
Old 01-02-2005, 10:26 PM   #8
LennonCook
Jack Burton
 

Join Date: November 10, 2001
Location: Bathurst & Orange, in constant flux
Age: 37
Posts: 5,452
Bungleau, javascript has one other disadvantage: it doesn't degrade. CSS menus on the other hand can degrade to simple lists. CSS is powerful. But the way to include menus in the HTML depends strongly on the DOCTYPE. I can almost guarantee that (i)frames are the wrong thing to do, for reasons other than frames being evil and inaccesable.
LennonCook is offline  
Old 01-03-2005, 05:59 AM   #9
philip
Galvatron
 

Join Date: June 24, 2002
Location: aa
Posts: 2,101
Sir Degrader I won't use any what you see is what you get program. I want to know what's happening and write it myself. Even if the code those programs output would be clean something they don't do now.
The only thing I do use is quanta+ because it has some nice features I like so I don't have to type everyting (autocompletion, tabs, syntax highlighting)

Bungleau, I use an external style sheet (that would be the include or not? I haven't programmed that much) which the structure but I use it to store some repetitive things as well

I think you have the wrong idea of menu. This is what I've got now. So it's not about rollovers and the like just how to change the page now. Only change the content or just a new page with the menu in it as well. (note: works in firefox haven't tried anything else yet )

I won't use somebody else's scripts mostly anyway cause I want to know how it works myself [img]smile.gif[/img] It's easier to find errors then. Depends on how much cool things you want to do with them. I just want a basic site not too flashy. I have completed a few tutorial (W3C, echoecho and read a few others) but most of them just focus on how to do the tags and positioning. But I'll probably go to the library today so I'm going to see if they have something.

Lennon I don't know which Doctype I use. I found a little tutorial which was OK but I have my doubts about the links. They just open a new html file which has the menu in it again.

I use div id so I can get javascript to access them maybe if I could let JS just write a html file in the element.
philip is offline  
Old 01-03-2005, 06:10 AM   #10
LennonCook
Jack Burton
 

Join Date: November 10, 2001
Location: Bathurst & Orange, in constant flux
Age: 37
Posts: 5,452
Egad, you need a better tutorial. That code is truly ugly... hold on, I'll find you a better one. [img]smile.gif[/img]

EDIT: this one seems alright.

EDIT again, since I read your post properly this time. Firstly, you can get rid of all that Javascript. You don't need it for this. To change between pages is quite simple: <a href="url to new document">the text to be linked</a> . The quotes are mandatory. Your links won't go anywhere since they don't have an href element.
Secondly, your opening line is a div. This is half the reason you need better tutorials [img]tongue.gif[/img] Your first line should be your doctype, the next html, the third head; . <div> can only go in body, and nested in other block level elements.
Thirdly, all tags should be in lower case. In HTML 4.0, this doesn't matter, but in XHTML 1.0 (which you realy should be using), it matters alot. As in, realy alot.
Fourthly, before you go too far, familiarise yourself with the validator. It will help alot.

[ 01-03-2005, 06:45 AM: Message edited by: LennonCook ]
LennonCook is offline  
 


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is On

Forum Jump


All times are GMT -4. The time now is 10:11 AM.


Powered by vBulletin® Version 3.8.3
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
©2024 Ironworks Gaming & ©2024 The Great Escape Studios TM - All Rights Reserved