Archive for the ‘css’ Category

xhtml

La ce concluzie am ajuns eu dupa aproape o luna petrecuta alaturi de xhtml si css.

In xhtml nu trebuie sa stii decat:

  • sa inserezi o poza
  • sa pui un link
  • lista ordonata/neordonata
  • sa folosesti corect tagurile <blockquote> si <p>
  • sa stii sa lucrezi cu div-uri si span-uri
  • sa ai habar cum e cu ID si Class
Aceste lucruri sunt suficiente pentru a crea pagina web initiala, “alb negru”.
Pentru restul lucrurilor, de la fonturi la pozitionare se foloseste CSS.
In studiul css-ului va recomand tutorialele video. Eu am invatat dupa un tutorial Lynda.com, “CSS for Designers”, realizat de Molly si Andy Clarke. Este foarte explicit dupa parerea mea si, in plus, veti gasi si foarte multe siteuri cu exemple.
Pe langa tutoriale puteti oricand sa accesati un site web si cu ajutorul addon-ului WebDeveloper sa vedeti codul css si cum functioneaza acesta

Problema Container Div

Cand m-am apucat de prima mea transpunere a unui layout in html&css am intalnit mai multe mici obstacole. Cel mai frustrant a fost sa constat ca nu sunt in stare sa fac div-ul “Container” sa inconjoare toate celelalte div-uri… Dupa 2-3 ore de combinatii, float-uri spre dreapta, float-uri spre stanga, divuri cu background-color diferite si indelungi analize am ajuns la Google…

Concluzie: Inainte sa inchideti div-ul “Container” din codul sursa, scrieti:

<div style=”clear:both;”></div>

Support

Folosesc Mozilla Firefox (versiunea 3) cu addonurile:

  1. Web Developer
  2. FireBug

Photoshop:

  1. Photoshop User TV
  2. RoPhotoshop

CSS: ZenGarden

Alte link-uri:

  1. W3Schools
  2. invatam.net