[Nfb-web] Accessible program to design Websites

[Sahar Husseini]

Hi there,

Thank you for your help and for the code.  I have already learned quite a 
bit since yesterday.  I wasn't sure I could teach the old dog, that's me, 
new tricks.  *grin*  Since you're saying I should not use tables for 
presentations, is there a way to put pictures side by side without tables? 
Thanks a bunch.

Warm regards,
Sahar Husseini
For hand-crafted, one-of-a-kind jewelry, Please visit my Website at
www.saharscreations.com
And remember, "Obstacles don't have to stop you.
If you run into a wall, don't turn around and give up.
Figure out how to climb it, go through it, or work around it."
Michael Jordan
----- Original Message ----- 
From: "Benjamin Hawkes-Lewis" <bhawkeslewis at googlemail.com>
To: "NFB Webmaster's List" <nfb-web at nfbnet.org>
Sent: Saturday, January 12, 2008 7:32 PM
Subject: Re: [Nfb-web] Accessible program to design Websites


Sahar Husseini wrote:
> Where can I learn how to use CSS?

http://webdev.benjaminhawkeslewis.com/getting-started/#presentation


> What started all of this is that I needed to put a picture to
> the left, and some text to the right.  I figured that the easiest way to 
> do
> it is using a small table of one column and one row.  There might be a
> better way, but I am not certain what that is.

http://css.maxdesign.com.au/floatutorial/tutorial0101.htm

> Then, my husband decided that he liked the monotype corsiva font, and to 
> make it one size bigger for
> the whole Website.  When I tried to make it bigger, I only made the 
> heading
> font bigger.  I probably left an open tag somewhere, but I looked and did
> not find such a thing.  Then, we decided we needed to change the fonts on
> all of my 200 or so pages, and that is an awful lot of pages.  *grin*  You
> are saying that if I learned to use CSS, I would not need all of those 
> font
> tags.

Yes. Assuming you had a line to import the stylesheet in every page, all
the central stylesheet would need would be something along the lines of:

body {
   font-family: "Monotype Corsiva", serif;
   font-size: 100%;
}

h6, h5, h4, h3, h2, h1 {
   font-weight: bold;
}

h6 {
   font-size: 100%;
}

h5 {
   font-size: 110%
   text-transform: uppercase;

h4 {
   font-size: 120%;
}

h4 {
   font-size: 130%;
}

h3 {
   font-size: 140%;
}

h2 {
   font-size: 150%;
}

h1 {
   font-size: 160%;
}

> I hope it is something I can learn.  I am willing to do so if I could
> find a tutorial.  I learned HTML from Kathy Anne Mertha's tutorial from
> about 2002.

Make sure you have a solid grounding in how to write semantic,
structural HTML before attempting to style it with CSS:

http://brainstormsandraves.com/articles/semantics/structure/

http://nascentguruism.com/journal/perfection

> Some of my concerns are that I sometimes have to add one column in the 
> middle of a table, and that means that I have to
> change the tags for the rest of the table.  When you have two columns and 
> 70
> rows or so, that's a lot of changing.

If you're using tables for presentational layout rather than data, you
shouldn't:

http://www.hotdesign.com/seybold/

When using tables for data, I often prefer to generate table markup with
a server-side templating language, such as PHP, in order to make
changing it easier.

Hope that helps.

--
Benjamin Hawkes-Lewis
_______________________________________________
Nfb-web mailing list
Nfb-web at nfbnet.org
http://www.nfbnet.org/mailman/listinfo/nfb-web



-- 
No virus found in this incoming message.
Checked by AVG Free Edition.
Version: 7.5.516 / Virus Database: 269.19.1/1220 - Release Date: 1/11/2008 
6:09 PM