Cores, colores e coloríns

Para os que non sabemos moitos nomes de cores en inglés esta páxina informa sobre os códigos hexadecimal para empregar nos nosos sitios web e nos ficheiros .css

Advertisements

CSS

Xa temos o contido das nosas páxinas web usando HTML. Agora queremos  poñelas chulas e mellorar o seu estilazo: cores, marxes, ..

É o momento de aprender CSS. Imos meter nun ficheiro na nosa carpeta web onde describamos a pinta que vai ter o que vai en cada etiqueta de HTML. Hai tres xeitos de facelo. Nós imos aprender o máis complexo 😉

O teu traballo:

Seguimos coas páxinas oficiais  para ir de vagar.

Descarga este ficheiro e engade nalgunha das túas páxinas .html na cabeceira a etiqueta:

<link  rel=stylesheet  href=oteuficheiro.css>

Un ficheiro algo máis complexo aquí.

Explica o que significan esas propiedades (en azul) no teu caderno electrónico.

Chuletas de html

Nun editor calquera tecleade (ou copiade e pegade) segundo vaiades precisando

Axuda en w3schools.com

O teu traballo:

Nunha carpeta chamada web crea cinco ficheros .html que serán o teu sitio web estático. Usa todo o aprendido. Lembra que a portada ten que chamarse index.html

Sitio web estático

Velaí vai unha lista do que sabemos para facer a nosa web:

☐ Poñer imaxes chulas.

☐ Texto con cores, tipos de letra e estilos variados.

☐ Usar etiquetas que non estean neste blog.

☐ Engadir listas (numeradas e sen numerar).

☐ Facer clic nunha imaxe e que nos leve a outra páxina.

☐ Deseñar táboas.

☐ Usar .css con  atributos distintos dos que se falaron aquí.

☐ Usar recursos da entrada anterior deste blog.

☐ Código depurado e nada chafalleiro.

☐ Facer uns deseños preciosísimos.

O teu traballo:

Insire a ligazón ó teu sitio web estático para que todo internet vexa o resultado.

Subir o sitio web

O que debemos facer agora é publicar a nosa carperta nun servidor. Algúns servidores costan uns eurillos ó ano, outros son gratis a cambio de publicidade.

Nós imos matar dous páxaros dun tiro: imos subir á nosa carpeta a GitHub para xa de paso aprender un chisco de control de versións.

O teu traballo:

Abre unha conta en GitHub

Crea un repositorio que se chame xxxxo_teu_nomexxxx.github.io

Fabrica un README onde presentes o teu proxecto. Gárdao facendo un commit.

Sube o teu sitio web. Fai un commit

Recursos HTML e CSS

Imos ir xuntando aquí se vos parece sitios web para ter a man:

O teu traballo:

Anota nunha entrada no teu caderno electrónico as túas descobertas.

Cóntanos o que atopes interesante +1 nos comentarios.