Un archivo de Internet está organizado por medio de Etiquetas estas etiquetas indican paso a paso como debe presentarse el documento HTML, si hay una falla en uno de los comandos la pagina no quedará como la tenemos planeada.
Esto no siempre es malo, ya que en algunas ocasiones por un error nos queda algo mas interesante, sin embargo no es algo de lo que considere conveniente abusar. Lo mejor es tener una idea de como queremos que luzca la pagina y pasar de lo simple a lo complicado, asi es como vamos a trabajar, primero haremos una simple página con algo de texto hasta llegar a trabajar una página con verdadera imagen profesional.
Por principio de cuentas, no redundare en la historia de HTML, lo que nos interesa ahora es programar, sin embargo es bueno saber que algunos comandos que podremos encontrar en libros o revistas o paginas de internet ya no se usan o solamente sirven para un solo buscador.
Mi experiencia es manejar comandos que sean legibles para cualquier buscador y en específico para cualquiera de los dos más imortantes Netscape e Internet Explorer.
Lo básico
Ahora es momento de llegar a ciertos acuerdos, las lineas de comando se verán con letra courier, las escribiré sin formato tal como deben realizarse, despues de ver el comando escrito, tratare de representar una ventana de explorador que contenga una idea de como se verá el producto final, esto se aplica a todas las lecciones siguientes.
Si consideras necesario copiar y pegar el codigo, lo puedes hacer, selecciona el texto con el mouse y luego presiona Control y la tecla C al mismo tiempo o Apple y C si trabajas en Mac.
Luego abre el editor de textos y presiona Control y V, o Apple y P.
Comenzamos...
Un documento de internet consta de cabeza, cuerpo y en algunos casos (aunque ya no se usa con frecuencia) pie.
La definición para este documento siempre comienza con HTML, las etiquetas de comando deben abrirse y despues cerrarse, no puden estar abiertas indefinidamente, porque el buscador no reconoce el final y puede tardar mucho más la descarga.
Te aconsejo que lleves un orden en la paertura y cierre de etiquetas.
Si, como yo, no confias en tu memoria, entonces inmediatamente que abras una etiqueta, deja un salto y cierrala, comienza a escribir en el espacio que dejaste y se acabo el problema.
HTML no reconoce mayusculas y minusculas, asi que da lo mismo BODY, que body. Esto es conveniente porque mucha gente alrededor del mundo a optado por representar los comandos con mayusculas para poderlos distinguir más fácil.
Nosotros tambien usaremos esta convención
Leccion 1
Abre el editor de textos y escribe lo siguiente:
Como puedes ver, las etiquetas que abrimos solo llevan su nombre, cuando las cerramos debemos agregar /, de esta forma el navegador termina de leer el comando en este momento y deja espacio libre para no saturarse y poder pasar a los demás.
Con este simple diseño ya tenemos un documento WEB, totalmente vacío, pero ya es un documento HTML cuenta con lo necesario para funcionar.
La secuencia es: HTML , este es un archivo de Internet, luego HEAD.. aqui va la información especifica para el navegador y los robots que analizan las paginas.
Luego, la etiqueta BODY, este es el cuerpo del archivo, aqui es donde se gestiona toda la informacion que se presenta en pantalla, los contenidos, colores, tablas, listas e imagenes que queremos ver en el navegador se encuentra aqui. Vamos a agregar unas nuevas etiquetas, te recomiendo que te bases en la tabla de etiquetas que ya debes tener impresa, para ir revisando una a una.
Copia los siguientes datos o escribelos en un documento de texto que vamos a salvar con el nombre prueba.HTML
Puedes ponerle el nombre que quieras siempre y cuando tenga esta extension : HTML o HTM
Aqui ya tenemos bien definido un documento de Internet, esto es un documento muy simple, pero ya lo podemos colocar en la Web, para modificar colores te sugiero que no te quiebres la cabeza, es algo complicado de entender y ya me he tomado esa molestia por ti.
Nuestro documento debes verse algo asi:
| Mi primera pagina, Netscape... |
| Archivo Edición Ver Favoritos |
|
| H i J K L |
Bienvenido a mi primer pagina Hola esta es mi primer pagina Aqui voy a escribir el contenido
Adios |
| |
De todos modos te explicare como funcionan los colores en la WEB.
Los colores se manejan en un sistema hexagesimal, donde se usan, como pueeds imaginar, 6 números. Estos numeros tendran valores del 0 al 9 y de la A a la F, en ese orden excatamente, tenemos que el 00 es ausencia de ese color y el FF la total saturacion, siempre van en pares y cada uno determina un rango de valor, los dos primeros numeros corresponden al rojo, los siguientes al verde y los ultimos al azul.
Fijate en los colores que tiene nuestra pagina prueba y analizalos con los numeros que indican cada uno, si ves, el azul es el mas saturado, por eso nuestra pagina es azul. Para porbar con nuevos colores puedes usar mi tabla hexagesimal de colores que espero te ahorre tiempo a la hora de seleccionar un color.
Juega con ellos, lo mas que puede pasar es que no te guste el color, siempre puedes regresar al paso anterior.
Continuar con la Leccion 2
