domingo, 3 de octubre de 2010

Usando código HTML

El HTML es un lenguaje que basa su sintaxis en un elemento de base al que llamamos etiqueta, la cual presenta en la gran mayoría de veces dos partes:

Una apertura que se denota de la siguiente manera:
<etiqueta>

Un cierre de tipo: </etiqueta>

Todo lo incluido en el interior de esa etiqueta sufrira las modificaciones que caracterizan a esta etiqueta. Asi por ejemplo:

Las etiquetas <b> y </b> definen un texto en negrita. Si en nuestro documento HTML escribimos una frase con el siguiente codigo:

<b>Esto esta en negrita</b>

El resultado Sera:




* Por el momento no se pregunten como salió esa ventana de intenert de explorer, sólo vean el resultado =D ... la respuesta estará en la siguiente sección ... verán la luz!!!
Las etiquetas <p> y </p> definen un párrafo. Si en nuestro documento HTML escribiéramos:

<p>Hola, estamos en el párrafo 1</p>
<p>Ahora hemos cambiado de párrafo</p>

El resultado sería:



* Nótese que por más que las líneas de código están juntas; en la visualización las líneas se encuentran separadas ... XD!

Partes de un documento HTML
Además de todo esto, un documento HTML ha de estar delimitado por la etiqueta <html> y </html>. Dentro de este documento, podemos asimismo distinguir dos partes principales:

El encabezado, delimitado por <head> y </head> donde colocaremos etiquetas de índole informativo como por ejemplo el título de nuestra página.
El cuerpo, flanqueado por las etiquetas <body> y </body>, que será donde colocaremos nuestro texto e imágenes delimitados a su vez por otras etiquetas como las que hemos visto.

El resultado es un documento de texto con la siguiente estructura:


Ojo: Las mayúsculas o minúsculas son indiferentes al escribir etiquetas

Creación de Sitios en Dreamweaver

Un sitio de Adobe Dreamweaver CS4 no es nada más que el conjunto de archivos y activos del sitio Web que crearemos. Podemos crear páginas Web en nuestro equipo, cargarlas en un servidor Web y mantener el sitio mediante la transferencia de archivos actualizados una vez guardados. También podemos editar y mantener sitios Web que no se hayan creado con Dreamweaver, pero en este blog solo explicaré como crear un sitio donde esté almacenado todo el contenido de tu web... hay que ser ordenados....

Para crear un sitio, al iniciar dreamweaver CS4 nos aparecerá la siguiente ventana en donde seleccionamos "Sitio de Dreamweaber"..


luego en la ventana que nos sale colocamos un nombre a nuestro sitio y una direccion HTTP.. y le damos siguiente



en la ventana siguiente seleccionamos que no se desea utilizar una ecnología de servidor... eso será motivo de hacer otro blog XD... y le damos siguiente



Luego dejamos la primera opción seleccionada ya que nos permitirá crear nuestro nuestro en nuestro equipo dándole una ruta... el dreamweaber automaticamente a creado una ruta, en mi caso esta en "mis documentos" y si se fijan el nombre de la carpeta es el nombre del sitio que elegimos... bueno le damos siguiente



En la siguiente ventana nos preguntarán como conectarnos a un servidor remoto, y como esto no haremos.. seleccionamos "ninguno" y le damos siguiente ... ¿por qué? ... porque solo ejecutaremos nuestras páginas web en nuestro equipo.



Ahora nos saldrá toda la configuración de nuestro sitio como para recodarlo... ya terminamos.. seleccionamos "completado".