learning standards-compliant design
- benw
- Posts: 13
- Joined: November 4th, 2002, 7:39 pm
- Location: Adelaide, Australia
learning standards-compliant design
does anyone know of any good tutorials on learning good standards-compliant HTML? (e.g. using CSS for layout rather than tables, etc)
i've been doing web stuff for a few years, i'm pretty familiar with HTML, but all the layout stuff i've done has been using tables, and i want to learn a better way.
i've been doing web stuff for a few years, i'm pretty familiar with HTML, but all the layout stuff i've done has been using tables, and i want to learn a better way.
- i5mast
- Posts: 56
- Joined: November 5th, 2002, 7:31 am
- Location: USA
nice css tutorial
this should get u started.
Thinking inside the box by Joe Gillespie
http://www.wpdfd.com/editorial/wpd1002.htm#feature
Thinking inside the box by Joe Gillespie
http://www.wpdfd.com/editorial/wpd1002.htm#feature
- Rashid Muhammad
- Posts: 24
- Joined: November 5th, 2002, 4:41 pm
- Location: Atlanta Ga.
- Contact:
Hey that's a pretty good link! Here's my $0.02
The best book that I've read is the "XHTML 1.0 Language and Design Sourcebook" by Ian S. Graham. Published by Wiley. It's a great XHTML / CSS book that goes over all of the fundamentals that you need to know. I don't know if it's still in print but you may be able to sinf it in a library. Also, any CSS book by <a href="http://www.meyerweb.com">Eric Meyer</a> (I have his O'reilly pocket CSS book which is indispensible) is going to be outstanding. Check out <a href="http://www.meyerweb.com/eric/css/edge/">edge</a> part of his website for some more advanced (and not roundly supported) CSS features.
The <a href="http://www.w3c.org">World Wide Web Consortium</a> site is also a great place because you can read the specifications first hand. If you use Mozilla, go to <a href="http://www.livesidebar.com">Live Sidebar</a> and install the CSS and HTML 4 sidebars for a great quick reference to the specs. <a href="http://www.bluerobot.com/web/layouts/">Blue Robot</a> is an excellent site to learn about different types of CSS layouts, so is <a href="http://www.bluerobot.com/web/layouts/">glish</a>. <a href="http://www.webmonkey.com">Webmonkey</a> used to be cool but they fell off. Maybe with the <a href="http://www.wired.com">Wired</a> redesign they might try to put more standards-based stuff on there.
The best book that I've read is the "XHTML 1.0 Language and Design Sourcebook" by Ian S. Graham. Published by Wiley. It's a great XHTML / CSS book that goes over all of the fundamentals that you need to know. I don't know if it's still in print but you may be able to sinf it in a library. Also, any CSS book by <a href="http://www.meyerweb.com">Eric Meyer</a> (I have his O'reilly pocket CSS book which is indispensible) is going to be outstanding. Check out <a href="http://www.meyerweb.com/eric/css/edge/">edge</a> part of his website for some more advanced (and not roundly supported) CSS features.
The <a href="http://www.w3c.org">World Wide Web Consortium</a> site is also a great place because you can read the specifications first hand. If you use Mozilla, go to <a href="http://www.livesidebar.com">Live Sidebar</a> and install the CSS and HTML 4 sidebars for a great quick reference to the specs. <a href="http://www.bluerobot.com/web/layouts/">Blue Robot</a> is an excellent site to learn about different types of CSS layouts, so is <a href="http://www.bluerobot.com/web/layouts/">glish</a>. <a href="http://www.webmonkey.com">Webmonkey</a> used to be cool but they fell off. Maybe with the <a href="http://www.wired.com">Wired</a> redesign they might try to put more standards-based stuff on there.
- michel v
- Posts: 145
- Joined: November 5th, 2002, 8:54 am
- Location: Corsica
- Contact:
Although I'm all for making webpage layouts in CSS, I find it very annoying to see so many people putting 'standards compliant' and 'CSS' indifferently as if they were linked ideas.
Well, you heard it first here: you can make standards compliant webpage layout with tables, just like you can make non-standards webpages layouts with CSS.
Please help stop the buzzwords, use the right words for the right ideas.
</rant>
Well, you heard it first here: you can make standards compliant webpage layout with tables, just like you can make non-standards webpages layouts with CSS.
Please help stop the buzzwords, use the right words for the right ideas.
</rant>
-
- Posts: 1269
- Joined: November 5th, 2002, 7:32 am
- Location: PA
- Contact:
michel v wrote:Although I'm all for making webpage layouts in CSS, I find it very annoying to see so many people putting 'standards compliant' and 'CSS' indifferently as if they were linked ideas.
Well, you heard it first here: you can make standards compliant webpage layout with tables, just like you can make non-standards webpages layouts with CSS.
Please help stop the buzzwords, use the right words for the right ideas.
</rant>
You can, but you shouldn't. There are good reasons for doing a CSS based design other than just standards. For one, increased accessibility. You also get ease of maintenence by separating your content from your presentation. Changing your design means changing your stylesheets only, not mucking about in your HTML.
-
- Posts: 1
- Joined: November 12th, 2002, 1:28 pm
michel v wrote:you can make standards compliant webpage layout with tables, just like you can make non-standards webpages layouts with CSS.
I do not agree. The HTML standard says that tables are intended to arrange data that belong together. They should not be used to layout the document.
Maybe you can make a webpage that is syntactically correct when you are using tables. But that page would not be correct semantically. And therefore I think the page would not be standards compliant. Good HTML is more than just passing the validator.
-
- Posts: 540
- Joined: November 8th, 2002, 8:37 am
- Location: Maryland, USA
- Contact:
Here are a few sites that helped me:
- <a href="http://www.meyerweb.com/eric/css/edge/">http://www.meyerweb.com/eric/css/edge/</a>
- <a href="http://www.nypl.org/styleguide/">http://www.nypl.org/styleguide/</a>
- <a href="http://www.alistapart.com/stories/journey/">http://www.alistapart.com/stories/journey/</a>
- whiprush
- Posts: 66
- Joined: November 4th, 2002, 10:06 pm
- Contact:
- Rashid Muhammad
- Posts: 24
- Joined: November 5th, 2002, 4:41 pm
- Location: Atlanta Ga.
- Contact:
lasbo wrote:michel v wrote:you can make standards compliant webpage layout with tables, just like you can make non-standards webpages layouts with CSS.
I do not agree. The HTML standard says that tables are intended to arrange data that belong together. They should not be used to layout the document.
Maybe you can make a webpage that is syntactically correct when you are using tables. But that page would not be correct semantically. And therefore I think the page would not be standards compliant. Good HTML is more than just passing the validator.
Amen brother. There is definitely a difference between standards compliant design and good design. Ideally the latter would include the former but the former does not guarantee the latter.
- michel v
- Posts: 145
- Joined: November 5th, 2002, 8:54 am
- Location: Corsica
- Contact:
- Rashid Muhammad
- Posts: 24
- Joined: November 5th, 2002, 4:41 pm
- Location: Atlanta Ga.
- Contact:
michel v wrote:I never advocated using table layouts, I just stated that using CSS layouts doesn't mean your layout will be de facto standards compliant (and accessible, but I didn't talk about accessibility).
Well in general your layout actually will be more accessible with block-based layouts than table-based ones. Or maybe I'm misreading you. Forgive me if I am.