CSS-styles

[Man in trouble]

Ik heb reeds een site(je) gemaakt en ik wil me nu eens gaan storten op de CSS.

Maar kan iemand mij eens uitleggen wat nu HET voordeel is daarvan.

Ik heb zo links en rechts wat gelezen maar ik kom er niet helemaal uit wat nu HET voordeel is.


Wie geeft raad ?

 

[peter vazed]

Het grote voordeel: je opmaakcodes verdwijnen uit je html pagina.
Resultaat overzichtelijker, en je html file is kleiner.
Maar nog groter voordeel:
alle pagina's kun je in één keer veranderen door in je css file slechts één optie aan te passen.

Nog een voordeel: opmaak is vlotter indien je met div tags werkt voor deze elementen op je pagina:
kop
menu
content

Door nu div's te nesten kun je een mooie layout verkrijgen.

Alleen moet je wel een logische opbouw gebruiken, anders ga je de mist in.

http://www.w3.org/TR/CSS2/cover.html#minitoc
http://www.w3.org/TR/CSS2/visuren.html#fixed-positioning
http://www.lll.hawaii.edu/web/workshop/css/css-list.html
http://css.talky.de/

 

[WietseZ]

Nog een voordeel:

De letters worden niet groter/kleiner als een bezoeker van je site de text size in IE aanpast

 

[Man in trouble]

Nu heb ik dus al een site gemaakt, d.m.v. Dreamweaver.

Als ik nu met CSS ga werken haalt Dreamweaver dan zelf de reeds geplaatste opmaakcode's weg als ik CSS toe voeg of moet je die dan zelf weghalen. Want dan is het misschien beter om opnieuw te beginnen.

 

[WietseZ]

Je kunt in dreamweaver heel makkelijk een css file in je pagina toevoegen. Vervolgens selecteer je de tekst die gekoppeld moet worden aan de css file en dan rechtermuisknop en dan staat er iets met Stylesheets ofzo. Je kunt hem zo aangeven welke je eraan wil koppelen.

 

[Man in trouble]

Ja, maar daar staan nu dus al opmaakcode's. En die haalt Dreamweaver dan niet ZELF weg.

 

[WietseZ]

Wordt er al een css file gebruikt?

 

[Man in trouble]

Nee, nog nooit iets mee gedaan

 

[WietseZ]

Volgens mij vervallen de bestaande opmaakcodes gewoon als je de tekst koppelt aan een css file.

 

[joanne]

CSS

Vind CSS eigenlijk een logisch vervolg op HTML.
Al lezend kom je er achter dat style sheets veel tijd en snelheid besparen qua laden pagina's voor de viewer en jezelf

Hier ook veel aan gehad:

http://www.mijnhomepage.nl/csscursus/csslessenoverzicht.php

Nog niet echt in de praktijk gebruikt, tijdgebrek

Bij www.echoecho.com staat ook veel nuttigs als je verder bent.

Groet,

 

[peter vazed]

En.... een NL link
http://www.dto.tudelft.nl/mirhtml/
alle info van de site is ook als zip te dld zodat je het op je comp hebt als naslagwerk.

 

[peter vazed]

Hier nog een nederlandse vertaling van een engels document.

http://www.playgarden.com/w3c/TR/REC-CSS1/CSS1.html

 

[radio3fm]

Dreamweaver haalt niet de reeds gemaakt opmaak weg. Dit komt omdat "manual" voor "automatic" gaat zo ook bij dreamweaver flash of welk macromedia produkt dan ook. Zorg dus dat je tekst heb met alleen opmaak <h1> t/m <p> desnoods met span gaan werken als je er niet genoeg hebt en dan via deze manier een extern css bestand maken waarop je deze tags herdefineert.

grtz radio3fm