Hi my wife is looking for someone to teach her basic CSS in the Kent/S.E. London area. Does anybody offer private tuition?

 

Thanks

 

John

Don't know about a tutor but a cheaper / more effective option might be this book

 

http://www.webdesignerforum.co.uk/index.php?showtopic=5953

 

Covers basicly everything you need to know about css.

 

Seeing that CSS is a fairly easy language you can manage very well without one.

 

Well GL

Hi John,

 

Sorry I don't know anywhere, but maybe try the local college?

 

IMO though, I think that she will be able to learn everything she needs using online tutorials (such as www.w3schools.com) and trial and error.

 

[Edit] The book that rjdejong posted would be a good alternative to a tutor.

I'd also recommend learning online, the only things that are maybe a little confusing for someone learning CSS are classes and IDs. I'll explain a little bit about them now to get her on the way (if she reads this), from here she's probably best off just having a play.

 

Classes

A class in CSS is a set of attributes which can be applied to many different HTML elements on one page, without the need to have a separate ID for the element it's being applied to. A class in CSS is denoted by a period (.) before the class name, an example follows.

 

.align-center {
 text-align: center;
}

 

I'll explain this block by block.

 

 .align-center

This is the name of the class created (minus the period that's not used outside of this file, the name of the class is just "align-center").

 

 {

This denotes the start of a list of attributes used by the class, attributes are up next.

 

text-align:

This is the name of the attribute that is to be modified, this lets the browser know to change this particular attribute of the element that the class is applied to.

 

center

This is the option for the particular element opened by the semi-colon. It tells the browser that the part to be changed, should be changed to "center". Center is a list of values available to this particular attribute, others for this attribute include left, right, or justify.

 

;

The semi-colon denotes the end of this particular attributes modification.

 

}

 

This character acts as a marker for the end of this particular CSS class.

 

This was the thing I had some trouble with when I first started, I understood the ID way of doing stuff but never the class way. Anyway I'll give you a few links which helped me out.

 

http://www.csszengarden.com/ (More for showing what can be done with CSS)

http://www.glish.com/css/ (Brilliant if your wife learns by doing, I learned mainly by taking these apart and building them again)

http://www.w3schools.com

 

Hope I've been a help .

I just wrote a more concise tutorial and threw it on my blog. I hope this doesn't count as advertising.

 

http://cabbagination.benanderton.co.uk/200...duction-to-css/

i would also refer u that practice at home with books and the most easy way

 

internet. u will find every solution about web designing and devlopment.

 

though u want to more than U have to read these tutorials and tell me how u

 

comfort after trying them.

 

 

html css tutorial

other useful tutorial

there are different types of CSS:

 

Internal: in the page itself.

External: a separate Stylesheet thats linked to using <link href="style.css" type="css/text" rel="stylesheet"/> in the HEAD of the HTML document.

 

Learn external as it is easier to style many pages.

 

CSS styles HTML elements.

 

# = id - think of this as your credit card number it is a unique identifier meaning there is only one and can only be used once.

 

. = class - think of it as a class of kids at school. Can be used more than once.

 

For example:

 

an ID #

 

in your HTML you could have

<div id="leftcolumn">

</div>

 

in your css you could have:

 

#leftcolumn {

background: white; <<<<<<<effectively a white box

width: 200px; <<<<<<<<<<200 pixels wide

height: auto; <<<<<<<the content decides the height.

}

 

a class .

 

in your HTML you could have

<div class="text">

</div>

 

in your CSS you could have

.text {

font-size: 12px; <<< size of the font

color: black; <<< color of the font. U can also use hexadecimal values ie. #000;

}

 

{ this is a CSS opening bracket

INBETWEEN THESE 2 IS YOUR CSS ATTRIBUTES

} this is a CSS closing bracket

 

< this is a HTML opening bracket

INBETWEEN THESE 2 IS YOUR HTML ELEMENT

> this is a HTML closing bracket

 

 

 

these are the basics and are all that are needed to build on.