La passada classe vam treballar i molt!! 3 posts de teoria, un rècord!!

Ara li toca el torn als estils de les pàgines que creem amb Dreamweaver. Els estils vénen definits pels CSS (que podem trobar amb el cursor a la pantalla clicant el botó dret del ratolí> estils> CSS) que marquen l’aparença del nostre web.

- Si creem un nou estil CSS> etiqueta> body> nou arxiu pàgina ens servirà per canviar el color de fons de la pàgina, la tipografia i el color de la mateixa.

- Si en canvi volem aplicar un estil predeterminat anteriorment, hem de clicar el botó dret> estils CSS> administrar estils> adjuntar.

- Per modificar un estil, prémer el botó dret> estils CSS> administrar estils> seleccionar estil> editar> body> editar.

- A les etiquetes disponibles per editar CSS, de moment, només hem vist les “a” que es refereixen als enllaços de la pàgina web. Botó dret> estils CSS> administrar estils> seleccionar estil> editar> body> afegir “a”. Aquí podrem modificar l’aparença dels enllaços (subratllat, color, tipografia…).

- I la pregunta del milió? Com podem fer perquè quan passem el ratolí per sobre d’un enllaç aparegui subratllat? I aquí està la resposta! Hem d’anar a la pestanya del codi de l’estil en concret> copiar de “a ….{ ….. a }” i enganxar-ho a sota i afegir “a:hover” al principi de la segona còpia que hem enganxat. Després anem a editar CSS> sortirà el a:hover que acabem de crear i aquí escollir subratllat.

- També podem crear estils “.cabecera” per les capçalesres de les taules, per exemple, l’estil es crea a la pestanya desplegable d’estils i es pot aplicar a les parts superiors de les taules…

Fins la propera i bona Setmana Santa a tots!

M@rt@