Arquivo para a etiqueta “html”

Desafío empresarial

Acaban de contratarte para facer a web dunha empresa de venta de cocido deshidratado en internet. Ofrece a venta dos ingredientes por separado ou do producto xa cociñado.

O teu traballo:

Deseñar un  sitio web corporativo que presenta á empresa e os productos á venta. Disque viron páxinas nas que se fas clic na foto do producto salta a outra páxina na que informan dos seus valores alimenticios.

https://i2.wp.com/64.207.154.48/es/wp-content/uploads/2014/01/Cocido-madrile%C3%B1o-de-verdad-MainPhoto.jpgPropoñer un logo e nome da empresa. Engadilo nalgures na páxina.

Coloríns por todas partes, en especial a cor Camouflage Green que disque é a cor corporativa.

Queren que todas as cores vaian en CSS, nada desa antigualla de etiqueta <font>

Apetécelles que cando se visite a páxina salte unha xanela informando do prezo do producto estrela da temporada.

Condicións do empresario:

Só deixa empregar o editor de texto, nada de sitios tipo wordpress que meten publicidade. O empresario pretende que subas ó teu Dropbox os ficheiros, compartas e deixes as ligazóns como comentario deste artigo.

CSS novatiño

Un compi fixo na súa libreta electrónica un artigo chulo para mellorar a pinta das nosas páxinas web. Esas que fixemos a pelo tecleando etiquetas no editor de texto.

O teu traballo:

Visita a e-libreta do compañeirocss

Descarga de internet unha imaxe para usar de fondo.

Retoma unha das páxinas web que xa teñas feita (ou fai unha nova)

Engádelle o código CSS correspondente para que se vexa ese fondo.

Fai unha captura de pantalla do código no teu editor de texto e súbeo á libreta.

Sube o ficheiro .html á túa conta de Dropbox.

Fai público ese ficheiro de Dropbox. Copia a súa URL.

Fai unha ligazón a ese ficheiro de tal xeito que cando faga clic na captura de pantalla poda descargar á túa páxina.

Explica como fixeches pasiño a pasiño na túa libreta electrónica.

Máis coloríns

Nunha entrada anterior de i-rochiño xa falamos de cores. Dicíamos daquela que se emprega o RGB pero outro xeito é facelo en hexadecimal.

Paréceme que esta páxina é estupenda para saber como se chaman os coloríns  máis alá do blue, red, yellow,.. acabo de facer a descuberta do

“Zombie Green”

(que resulta ser o #54C571) e tamén do #7F38EC que se chama:

“Lavender Pinocchio”

Se premedes nalgún nome da táboa enooorme que trae todas esas cores regálavos o html xa feito. Navegade arreo por este blog. Pódese aprender moito.

hope

Opps!!!! para xente coma vós o inglés non é problema, ou? 😉

O teu traballo.

Titulamos unha nova entrada na libreta algo así coma “Colorín colorado …” e tedes que inventarvos un pequeno conto para nenos. Ten que ocupar alomenos tres parágrafos e cada un ten que ter unha cor desas de nome coñero distintas.

Pista: lembrade que WordPress permite argallar no código html. 

Lectura sobre redes

Velaiquí deixo un documento que conta conceptos interesantes sobre redes de ordenadores. Temos que familiarizarnos con termos como IP, cliente-servidor ou DNS.

Deixovos tamén a Guía de Lectura.

O teu traballo:carp

Deseñar un proxecto de e-learning nun editor de textos (p.e. gedit  ou notepad++) coas etiquetas html que coñecemos.

Faremos un ficheiro index.htm coas preguntas e cada resposta en cadanseu ficheiro. O visitante tras ler a pregunta ten onde premer para obter as respostas.

 

Fichas de traballo en html

Deixo aquí unhas fichiñas aínda que van velliñas para ir a modiño aprendendo html:

Son para facerse unha idea de como funciona pero  non son  conformes ó HTML 5 que é a versión actual. https://i2.wp.com/www.w3.org/html/logo/downloads/HTML5_Badge_256.png

O teu traballo:

Elabora unhas fichas de traballo semellantes acordes ó html 5 nunha nova entrada na túa libreta electrónica.

Despois de html deberíamos  aprender CSS para deixar as páxinas web moi chulas ou JavaScript para interaccionar co usuario. Por curiosidade atopei estas outras fichas de traballo (un tanto informais) por se vos animades:

Actualización: temos unha  entrada nova feita por un compañeiro voso.

Navegación de artigos

%d bloggers like this: