CSS Basics & Demos

[Diello]

Some basics on CSS HERE

 

Some demos of CSS HERE

 

[MkII]

Did you do that stuff Diello?

[Diello]

Nope - not mine

 

Just links I ran across in the course of the day

[tarquel]

Looks good dude

 

PS Ha...beat ya - now i really should get to sleep ;)

 

Cheers,

N.

[ConTheITGuy]

w3schools also has some basic tutorials on most web technologies. And also full references.

 

Andy.

[Diello]

Also see here for a lot of good tutorials on basic HTML, PHP etc.

[_Bob_]

There's some really cool css stuff over at

http://www.csszengarden.com/

 

[StewartKnight]

I just don't see the point in CSS, or am I missing the point? Everything on the demos can be done in basic html! I'd much rather work with layers!

[MkII]

Layers are CSS as far as I know.

 

CSS is [or can be ideally] independant of your HTML, so you can change the design without affecting the content and vice versa. Some things are neater - like assigning styles to tags so you dont have to repeat specifying font attributes for example.

 

Web design should be easy, and it will get that way in the end. Dreamweaver makes it look simple but the underlying code can be horrific.

 

My favourites on zengarden are the tricks that require a web standards compliant browser such as Firefox [ie not IE]

[StewartKnight]

Layers are CSS as far as I know.

 

I see the advantages of having standard font, but that doesn't take a second to do, so apart from that, I'd stick to html with layers

 

and I can replicate all of the demos from zengarden in html: for example, this in dreamweaver (thanks to Woody)

[Ric_]

I see the advantages of having standard font, but that doesn't take a second to do, so apart from that, I'd stick to html with layers

 

But if you then have, for example, 30 pages and decide that you want to change to a new font for all your h2 tags, you only have one line to edit in one CSS file.

[MkII]

and I can replicate all of the demos from zengarden in html: for example, this in dreamweaver (thanks to Woody)

 

Frames - sharp intake of breath !!!

 

Can't see the html and therefore how that page is done. Looks like CSS effects - dreamweaver will insert css automatically dont'cha-know?!

[StewartKnight]

Yes, if you want to alter all the fonts etc, you could use CSS, but you can also create a template in Dreamweaver. It's not that I'm against CSS persay, it's just that it seems over hyped to me!

[thom]

Another great reason for CSS is to improve the accessibility of our sites(regarding people with certain special needs or portale devices). I can't wait until i get the hang of it as i have had a lot of problems using tables and layers.

 

For an example of improved accesibility check out http://www.cst-group.com and click "turn style: off" in the bottom corner.

 

Well, i was impressed

[Adam]

Yes, if you want to alter all the fonts etc, you could use CSS, but you can also create a template in Dreamweaver. It's not that I'm against CSS persay, it's just that it seems over hyped to me!

 

Erm, not that i wish to bash anyone's head against a certain wall any longer, but, I suspect that a template in dreamweaver makes heavy use of css...

 

I'm not quite sure where this distinction you have between css and layers comes from either.... for example, take the following bit of code (with the wrong brackets co's i'm not sure whether or not this forum with interpret the html)

 

(html)

(body)

(div id="titlelayer")

(h1)big groovy title(/h1)

(/div)

(div id="navlayer")

(link 1)

(link2)

(etc)

(/div)

(div id="centretextlayer")

(p) hello all, I love css!(/p)

(/div)

(/body

(/html)

 

relatively simple, and all the properties you could ever want to set can be done from within the html tags.....

 

but, what if there's 50 pages like this, all with the same nav bar and title, and all with a box in the centre for text.... if all the positions/colours/borders/font specifics are the same, why not just specify them once in a css file... thus...

 

example.ccs:

-----------------

 

#titlelayer

{

position: absolute;

top: 10px;

height: 50px;

width: 100%;

}

 

#navlayer

{

position: absolute;

top: 60px;

width: 145px;

height: 500px;

}

 

p

{

font-family: tahoma, verdana, arial;

font-size: medium;

text-color: #FF0000;

}

 

 

etc etc etc...

 

so, we ARE using layers, but the properties of those layers are defined in 1 CSS file for the whole site.... or are they? there's no reason you couldn't have a few css files to define slightly different properties, and to make them more readable for complex sites, but the point is, it's still a whole lot better than typing in 50 pages of html rubbish.

 

as for dreamweaver.... well, that's just an abstraction (and bastardisation IMHO) of what's really going on... if you look at the html and css that dreaweaver produces, you'd cringe....

 

so, html, layers, css, dreamweaver, all elements of exactly the same thing... but you'd do yourself a favour by getting to grips with css and html without the interference of macromedia. I recommend gwd text editor, but there are hundreds to try.

 

erm, HTH, but i might have missed the point entirely...

 

Adam