|
| |
|
|
tac1
Posts: 10
Joined: 10/23/2005
Status: offline
 |
Query re. use of CSS - 11/7/2005 5:06:30
Hello everyone
I am a trifle confused! Having read posts all over the place it seems that, perhaps, CSS is preferred to tables in the design of web pages. However, major sites such as MSN, BBC etc seem to be using tables, not CSS.
Equally, is Frontpage able to accept CSS input in similar manner to, say, TopStyle or StyleMaster? Lastly, why would one use TS or SM instead of Frontpage?
At this time I sort of understand page layout using tables, but am not yet comfortable with CSS code.
Comments would be appreciated.
|
|
|
|
Tailslide
Posts: 5972
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: Query re. use of CSS - 11/7/2005 7:33:00
Hi tac1
It is fairly confusing I'm afraid! And everyone's partisan to some degree or another.
Ok so here's my take on it.
Tables are a relatively simple way to layout a website especially if your are using a WYSIWYG editor such as FP or DW etc. Tables work fairly well cross-browser as far as layouts go - your site should look pretty similar in the vast majority of browsers. That's the good points.
The bad points of tables are that they can be very "messy" - deeply nested and confusing to edit. They can also be confusing for people not using visual browsers - text browsers etc. which can make them inaccessible. They can take longer to download because your browser downloads the whole table before displaying it. Tables are in themselves a lot of code and so add to your page weight.
CSS good points are that pages styled with CSS are much lighter weight if used properly (in external stylesheets) and can make editing layouts and presentation throughout a site very easy. There's a certain "zen" to CSS which is quite satisfying - it's just more logical in my view. CSS pages are usually more accessible too.
The bad points are that due to bad browser support (IE is the prime culprit) you need to fiddle a lot to get your sites looking the same cross brower. Very old browsers such as NN4 don't support CSS well at all and need to be either ignored or fed a plain unstyled page.
It takes a while to learn CSS and it can be quite frustrating initially - especially the layout side of things.
There has been a movement over the last 8 years or so towards "web standards" whereby the W3C (world wide Web consortium) publishes it's recommendations about what code should be used to build websites and how web browsers and other technologies should interpret those recommendations. It currently recommends using CSS for layout and presentation rather than tables (semantically tables are for tabular data not layout). This would all be lovely if all browsers actually followed the recommendations - but they don't. All browsers have their little bugs and IE in particular ignores many of the recommendations. It's hoped that IE7 when it comes out will finally meet most of the recommendations (CSS2 was written in 1998).
So the general movement seems to be towards a more semantic web with sites that are accessible to as many people as possible and easier to edit. Many big news sites still use tables. Some are better than others - table layouts can be reasonably accessible, it just takes planning. Some big news sites offer complete text-only alternative sites (BBC does this).
I've never really used FP so I can't say with confidence how it handles CSS. From posts I've seen here it can be a bit of a pain - adding in inline styles which defeat the whole purpose of CSS. I think if you really know FP well then you could probably deal with it. It might be easier to go to something more basic like Notepad, HTML-kit (free!) or Topstyle (not used this but I hear good things) and really get a grip on how it all works.
Also - keep up to date with the CSS websites listed in the CSS links on this forum - I've learnt more from those than any books.
Good luck!
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
caz
Posts: 3509
Joined: 10/10/2001
From: Somewhere south of Chester, UK
Status: offline
|
RE: Query re. use of CSS - 11/7/2005 7:43:12
quote:
From posts I've seen here it can be a bit of a pain - adding in inline styles which defeat the whole purpose of CSS. I think if you really know FP well then you could probably deal with it
It only adds inline styles when you work in Design View, not code view and I think that is fairly common amongst all WYSIWYG html editors. So this is a good point to make here. If you are going to learn CSS and apply it to webs made with html editors you do need to work in code view and understand the html as well.
_____________________________
Do not meddle in the affairs of cats, for they are subtle and will dance, or more on your keyboard.
Cheshire cat. www.doracat.co.uk
I remember when it took less than 4hrs to fly across the Atlantic.
| |
|
|
|
rdouglass
Posts: 9186
From: Biddeford, ME USA
Status: online
|
RE: Query re. use of CSS - 11/7/2005 9:28:10
I'm relatively new to CSS myself but my one piece of advice is that if you want to build your page in CSS, *don't* try to use a table analogy or comparisons on the page. I only got confused.
Tables are neat, orderly boxes that line up beside and above/below each other.
CSS builds upon the analogy of boxes *inside* each other - bigger boxes containing smaller boxes.
To me it only confused me trying to think in "table" terms when doing a layout in CSS. Oh sure, you can stuff some CSS inside a table cell but you loose a lot of the advantages of using CSS when you do this.
It is a paradigm shift but it helped me a lot.
_____________________________
Don't take you're eye off your final destination.
ASP Checkbox Function Tutorial.
| |
|
|
|
Kitka
Posts: 2512
Joined: 1/31/2002
From: Australia
Status: offline
|
RE: Query re. use of CSS - 11/7/2005 17:47:44
quote:
Not sure if that works in anything prior to FP2003 though.
It doesn't.
In FP2002 you can apply styles, which have already been defined in an external stylesheet or in headers, using the dropdown box on the far left of the formatting toolbar (where it shows "Normal"). Or you can view the floating "Styles" toolbar and use that.
_____________________________
Kitka
**It is impossible to make anything foolproof because fools are so ingenious.**
| |
|
|
|
tac1
Posts: 10
Joined: 10/23/2005
Status: offline
|
RE: Query re. use of CSS - 11/8/2005 4:10:44
Thank you all so much for such informative responses, they really are very helpful.
I think I may use tables with CSS external stylesheet within Frontpage for the moment as this is something I now understand (I think!).
That said, I will also try & learn how to design with CSS. The amount of information on the web is enormous & I suspect that I could quite happily spend several weeks/months simply reading more & more sites!
Once again, my sincere thanks for your help & advice.
| |
|
|
|
dpf
Posts: 7121
Joined: 11/12/2003
From: India-napolis
Status: offline
|
RE: Query re. use of CSS - 11/8/2005 7:05:04
quote:
you'll drive yourself completely barking mad trying to get it all sorted out!
I used to be sane.... <note>We have seen no evidence of her sanity here </endnote>
_____________________________
Dan
| |
|
|
|
dpf
Posts: 7121
Joined: 11/12/2003
From: India-napolis
Status: offline
|
RE: Query re. use of CSS - 11/8/2005 10:48:12
be afraid...very, very afraid
_____________________________
Dan
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
). 
