Web Page Fun
September 09, 2010, 03:12:27 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Hi Guest, and members, if you have time, check out the 'Members Place' and check the 'Stories and E-mail Smiles', I have the E-mail Smiles pinned at the top, so if you have some funny ones, please add them.
 
   Home   Help Search Calendar Login Register  
Pages: [1]   Go Down
  Print  
Author Topic: CSS Tutorials  (Read 1514 times)
0 Members and 1 Guest are viewing this topic.
Tom
Administrator
Hero Member
*****
Offline Offline

Posts: 834



View Profile WWW
« on: January 06, 2005, 02:56:48 PM »

Hi all,

I ran across this site here http://www.draac.com/css/css1.html, looks pretty basic explaination to begin with CSS. Maybe you should check it out Lorraine, to start of your new site. That way, in a couple weeks when I get caught up, I can come to you for help with it Cheesy

I haven't taken the time to look, so Gail, do you know off hand, can CSS place the same 'elements' across different pages, I mean a header, that contained text and images, can that be placed across mulitple pages. from one style sheet? I know the 'formatting' can, but not sure if what I describe can be done.

I do know it can be done with Sever Side Includes (SSI) and PHP also.
Logged

<<10 points if you can name this 'character'

From the opening scenes of Animal House...
"Knowledge Is Good"
Gail
Administrator
Hero Member
*****
Offline Offline

Posts: 860


Gail's Best Buddy


View Profile WWW
« Reply #1 on: January 06, 2005, 07:18:41 PM »

Hi Tom,

I have that link on my Favorites. Here is a link I really like:

http://www.w3schools.com/css/css_examples.asp

I am not sure but I would think it could be done. Perhaps make this a particular div element.

<div id="header">

</div>

Your style sheet would contain:

#header{this is where you will explain positioning, etc}

I think you have some of Elizabeth Castro's books, Tom. Do you have her HTML book - I have her 5th edition. There is a good section on page 176, Chapter 11 - "Layout With Styles".

She states:

 "Divide logical sections of your document into div elements." (I have 3 div elements: intro, content, and navigation - Gail)

"Put your div elements in an order that would make sense even if the CSS was not used."

"Use header elements (h1, h2 etc.) consistently to identify and prioritize information on your page."

You will likely have to play around with positioning, etc. at litte bit but it is worth it. When you want to change something on the web pages - backgorund for example -CSS makes it so much easier and quicker.

If I remember correctly, I read somewhere in her book - if you are just going to do something once, then use the HTML tags. If something is going to be repeated, font, background, etc - then use CSS.

Hope you find this helpful.

Gail

P.S. If anyone in interested, Elizabeth's book is excellent. Here is a link:

http://www.cookwood.com/html/

I see Amazon has the book on presently for $15.39 (USD of course) and no, I do not work for Elizabeth Castro nor do I gain any profits from the sale of her books.  lol  
Logged

Practice random acts of kindness.

Lorraine
Administrator
Hero Member
*****
Offline Offline

Posts: 1435



View Profile WWW
« Reply #2 on: January 06, 2005, 10:08:30 PM »

Quote
Maybe you should check it out Lorraine, to start of your new site. That way, in a couple weeks when I get caught up, I can come to you for help with it 
 :eeek

WHO ME!!!!   lol  lol

You're right Tom, but you know how slow I am. But it's a good idea to to start with something new, on something new...

OH!!! Gail. I'm going to need your help soon, as soon as I get my slide shows working on my website.  Cheesy  Cheesy  
Logged

Gail
Administrator
Hero Member
*****
Offline Offline

Posts: 860


Gail's Best Buddy


View Profile WWW
« Reply #3 on: January 06, 2005, 11:24:11 PM »

Hi Lorraine,

Okay - no problem. I'm getting a little rusty, but with everyone's help, we'll get it done.

Actually, it should be fun and, as you know Lorraine, it is very rewarding to see the pages develop. CSS isn't too difficult - just take your time. When I recently changed my background, I changed it in one place (the styles sheet) and all the pages changed. Like I say, it does save a lot of time and work. It also keeps the code looking a lot "cleaner" for the lack of a better word.

Another point that Elizabeth Castro makes: ".....gives it the flexibility to work well in different browsers, platforms, media, and even print."

Gail
Logged

Practice random acts of kindness.

Lorraine
Administrator
Hero Member
*****
Offline Offline

Posts: 1435



View Profile WWW
« Reply #4 on: January 07, 2005, 11:29:15 AM »

Ok Gail, when I get ready, I'll give you a holler.  :boing  
Logged

Réjean
Approved Members
Full Member
*
Offline Offline

Posts: 240



View Profile WWW
« Reply #5 on: January 08, 2005, 01:41:22 PM »

Hi everyone!:hi
Thanks for the link Tom and for the little tutorial Gail, both are greatly appreciated. Wow! I too feel quite rusty with my CSS and HTML. I have been doing too much Linux installs lately. I even had a hard time remembering my user name and password on this forum.
Glad to see that we are getting a bit more active. I'll try reading some of the CSS stuf so that we can all try to help Lorraine when she starts her new site.
Love you all! :cheek
Rejean
Logged

,
Lorraine
Administrator
Hero Member
*****
Offline Offline

Posts: 1435



View Profile WWW
« Reply #6 on: January 08, 2005, 01:54:19 PM »

Thanks Réjean, I'm going to need a lot of help   Cheesy

I'm a little rusty on HTML also, but remembering some.  
Logged

Gail
Administrator
Hero Member
*****
Offline Offline

Posts: 860


Gail's Best Buddy


View Profile WWW
« Reply #7 on: January 22, 2005, 12:18:04 AM »

Hi Everyone,

Here is another site for tutorials on HTML, CSS, PHP, etc. This link was provided to me by one of the staff at the web hosting company I am with. He thinks it is one of the better links he has come across - I was asking him about PHP.

Tizag Tutorials

Lorraine, you ready for CSS? After this, we have to learn PHP  lol

Gail
Logged

Practice random acts of kindness.

Lorraine
Administrator
Hero Member
*****
Offline Offline

Posts: 1435



View Profile WWW
« Reply #8 on: January 22, 2005, 02:14:48 PM »

CSS, and then PHP  :eeek   lol  lol

Soon Gail, still a couple things I need to work out first, then on to CSS  wacko  Wink  Cheesy  
Logged

Réjean
Approved Members
Full Member
*
Offline Offline

Posts: 240



View Profile WWW
« Reply #9 on: January 23, 2005, 12:24:22 AM »

Hi all! :hi
Thanks for the link Gail. Was looking for some reading for when I want to take a break from Linux.
Love you! :inluv
 :kybrd  :scooter  :kybrd  
Logged

,
Gail
Administrator
Hero Member
*****
Offline Offline

Posts: 860


Gail's Best Buddy


View Profile WWW
« Reply #10 on: January 23, 2005, 01:23:35 AM »

Hi Again,

I was reading some of the material on the website this evening. They really do have a lot of good material on there. I read through the section on choosing a web host - what to look for. I thought it was very well done.

Then I read a little on their PHP tutorials but I was getting tired at that point.

Anyway, it is a site to check out - well written and easy to understand (from what I have seen so far).

Lorraine, maybe I will have a chance to take a peek at their CSS section in the next couple of days.

Gail
Logged

Practice random acts of kindness.

Pages: [1]   Go Up
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.11 | SMF © 2006-2009, Simple Machines LLC Valid XHTML 1.0! Valid CSS!
Page created in 0.107 seconds with 21 queries.