Buenos

¡Bienvenidos!
Este curso está pensado para todos aquellos que no sepan nada de nada de programación, un caso simple: cuando comencé en este mundo del internet, al yo ser diseñadora gráfica, pensaba que sólo tenía que diseñar y listo y que otros se encarguen del resto (de lo feo como yo le decia... =) jeje ), y acá me ven, tratando de transmitir todo lo que sé desde lo básico para que uds. puedanmejorar nuestra internet y todo concepto en la comunicación visual, desde lo gráfico, como en la programación, por eso, no se olviden que es muy importante comenzar a trabajar en equipo, un diseñador y un programador, una dupla excelente.
INTRODUCCIÓN
HTML: HYPER TEXT MARKUP LANGUAGE.
Sólo necesitaremos algun editor de texto, un simple notepad, el famoso y casi sin utilizar el block de notas yel Navegador que tengan en sus ordenadores.
Un html se divide en dos grandes secciones, las dos no dejan de ser muy importantes a la hora de programar y diseñar nuestra página.
HEAD (cabeza) y BODY (cuerpo)
Casi todas las órdenes y/o directivas que existen en este lenguaje comienzan con < > y terminan con . También encontraremos tags que no necesitan cerrarse con como veremos más adelante.En el head, colocaremos todo lo que nuestra página html necesite para defirnir por ejemplo el Título del html (no nos confundamos con el nombre que le damos al html al guardarlo, no es lo mismo.), veamos el ejemplo del título de esta misma página html que están leyendo: HTML CURSO ONLINE GRATUITO por IMAGE & ART, ese es el título que tenemos dentro de nuestro head.
También incorporamos en el headlos tags u órdenes que nos sirve para mostrar e indicar las palabras claves, descripción, autor para los buscadores en internet, ellos utilizan estos datos para agregarnos en sus bases de datos. Existen otras variantes del tag Meta que en el transcurso lo veremos.
Ahora llego la hora: vamos a comenzar nuestra primer página Html.
En el block de notas coloquemos lo siguiente:


Mi primerhtml

Estoy comenzando a programar en html, es sencillo y lo voy a aprender muy bien.

|
ver ejemplo
Ahora vamos a explicar lo que hemos hecho:
(abro indincando el lenguaje de programación)
(comienza la cabecera del html)
Mi primer html (aquí, coloco el título)
(cierro la cabecera del html para darle paso al body del htm)
(abro el cuerpo, acá colocamos toooodo lo que queremos quese vea por la pantalla)
Estoy comenzando a programar en html, es sencillo y lo voy a aprender muy bien.
(cierro la cuerpo del html para darle paso al body del htm)
(termino el tag de indicación del lenguaje)
Felicitaciones!, nuestro primer diente en html.
Ahora comenzaremos a indicar más tags para comenzar a lograr htmls más apropiados. Comencemos a trabajar en el body que es lo másimportante para que el espectador pueda ver nuestros diseños htmls.
El tag BODY permite tener unas indicaciones donde le diríamos por ejemplo, que fondo queremos, si va a ser un color o una imágen, determinar los colores de los textos (a nivel general), textos escritos, textos que son vínculos, vínculos activos o visitados.
explicación | ejemplo |
bgcolor="el color rgb que gustemos" |bgcolor="#FFCC00" |
backgound="el archivo de imagen" | backgound="fondo.jpg" |
text="color para el texto normal" | text="#FFFFFF" |
link="color para el texto que es vínculo" | link="#00FFFF" |
vlink="color para el vínculo visitado" | vlink="#000000" |
alink="color para el vínculo activo" | alink="#FFFF00" |
Agreguemos en el body las siguientes instrucciones:


Mi primer html

Estoycomenzando a programar en html, es sencillo y lo voy a aprender muy bien.

|
ver ejemplo
cuando veamos links, vamos a poder agregar las otras indicaciones al body.
descargar imágen de fondo para ejercicio
Agreguemos en el body las siguientes instrucciones, pero con el fondo llamando a una imágen, se tienen que asegurar de colocar bien la ruta para que la encuentre:


Mi primer html...