Escriu l’HTML que es correspon a aquests esquemes. Has de tenir en compte que el fil blau es correspon a sections, el fil gris a divs i el fil taronja a articles. Les lletres corresponen al contingut de cada element («A», «B»,..). El número només indica el grà fic, com a referència, no ha d’estar a… Continueu llegint Dictat d’HTML i CSS
Recursos
Usos de ::before i ::after : botons
Com ja hem vist a classe, podem crear pseudo-elements amb CSS. Els pseudo-elements permeten crear caixes de contingut que no estan a l’HTML. Aquestes caixes es poden estilar, com qualsevol altra caixa: se’n podem canviar les dimensions, el fons, el color del text,… Posar les imatges de fons en un pseudo-element ens permet aplicar efectes… Continueu llegint Usos de ::before i ::after : botons
Posar imatges com imatges de fons
A l’exercici d’aquest mes tenim alguns reptes, com fer servir imatges que no són a l’HTML i haurem de posar per CSS. Per exemple aquÃ: Això a l’HTML és aixÃ: Podem posar la icona com a fons del div o com a fons del h3. Decidim fer-ho com a imatge de fons del div. Tenim… Continueu llegint Posar imatges com imatges de fons
Procés de maquetació
«Cada maestrillo tiene su librillo». Aquest és el meu «librillo» Quan desenvolupo una pà gina web, el que faig és passar un disseny a HTML , estilar-lo amb CSS i, si cal, afegir-hi comportaments amb programació (javascript o php). Un cop revisat el disseny i aclarits els dubtes amb la dissenyadora, inicio el pas a HTML.… Continueu llegint Procés de maquetació
Centrar un element
A classe hem limitat les dimensions de les imatges per assegurar-nos de que no es vegin gaire grans a pantalles grans Què hem de fer si volem centrar aquestes imatges? Farem servir la propietat «margin». Si deixem el mateix marge als dos costats de la imatge es veurà centrada, oi? margin: 0 auto; aplicarà un… Continueu llegint Centrar un element
Esborrar la memòria cau (caché)
La memòria caché (o memòria cau) és la teva enemiga. Que no se t’oblidi! Què és la memòria caché? La memòria caché són arxius (html, css, javascript,..) que el teu navegador guarda a la memòria per si vols tornar a visitar la mateixa pà gina web més endavant. AixÃ, quan tornes a visitar una pà gina web… Continueu llegint Esborrar la memòria cau (caché)
Com fer servir tipografies de google fonts?
En aquest video podeu trobar una bona introducció i un resum. La versió de google fonts que fa servir al video no és l’actual, però la teoria és la mateixa. Resumint: Avui a classe hem buscat a google fonts les dues tipografies que hem creat. Hem sel·leccionat el pes que volÃem de cada tipografia i… Continueu llegint Com fer servir tipografies de google fonts?