TAREA

HTML

HTML, siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto), es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Javascript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.
HTML también es usado para referirse al contenido del tipo de MIME text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores).

DREAMWEAVER

Adobe Dreamweaver es una aplicación en forma de estudio (basada en la forma de estudio de Adobe Flash) enfocada a la construcción y edición de sitios y aplicaciones Web basados en estándares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems). Es el programa de este tipo más utilizado en el sector del diseño y la programación web, por sus funcionalidades, su integración con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del World Wide Web Consortium. Su principal competidor es Microsoft Expression Web y tiene soporte tanto para edición de imágenes como para animación a través de su integración con otras. Hasta la versión MX, fue duramente criticado por su escaso soporte de los estándares de la web, ya que el código que generaba era con frecuencia sólo válido para Internet Explorer, y no validaba como HTML estándar. Esto se ha ido corrigiendo en las versiones recientes.

CONFIGURACION DE UN SITIO

Después de planificar la estructura del sitio, o si ya posee un sitio, debe definir un sitio en Dreamweaver antes de iniciar el desarrollo. Configurar un sitio de Dreamweaver permite organizar todos los documentos asociados con un sitio Web. Para más información, consulte Acerca de los sitios de Dreamweaver.

NOTA

También puede editar archivos sin configurar un sitio de Dreamweaver. Para más información, consulte Acceso a sitios, a un servidor y a unidades locales.
Después de configurar un sitio de Dreamweaver, es recomendable exportar el sitio para disponer de una copia de seguridad local. Para más información, consulte Importación y exportación de sitios.

Para definir un sitio de Dreamweaver:

Seleccione Sitio > Administrar sitios.
Aparece el cuadro de diálogo Administrar sitios.

NOTA



Si no tiene ningún sitio de Dreamweaver definido, aparecerá el cuadro de diálogo Definición del sitio y podrá omitir este paso y continuar con el siguiente.

Haga clic en el botón Nuevo.
Aparecerá el cuadro de diálogo Definición del sitio.

Siga uno de estos procedimientos:
Haga clic en la ficha Básicas para utilizar el asistente para la Definición del sitio, que le guiará a través del proceso de configuración.
NOTA



Se recomienda que los nuevos usuarios de Dreamweaver utilicen el asistente para la Definición del sitio. Es probable que los usuarios que tengan más experiencia con Dreamweaver prefieran las opciones avanzadas.

Haga clic en la ficha Avanzadas para utilizar las opciones avanzadas, que le permiten configurar carpetas locales, remotas y de prueba por separado según convenga.
NOTA



Para empezar, puede configurar un sitio de Dreamweaver completo, o simplemente realizar el primer paso, la configuración de la carpeta local.

Realice el proceso de definición del sitio de Dreamweaver:
En el asistente para la Definición del sitio, responda a las preguntas de cada pantalla y, a continuación, haga clic en Siguiente para avanzar en el proceso de configuración o haga clic en Atrás para regresar a una pantalla anterior.
Como opciones avanzadas, complete las categorías Datos locales, Datos remotos y Servidor de prueba según convenga (véase Utilización de las opciones avanzadas para configurar un sitio de Dreamweaver).

HIPERENLACE

n hiperenlace (también llamado enlace, vínculo, o hipervínculo) es un elemento de un documento electrónico que hace referencia a otro recurso, por ejemplo, otro documento o un punto específico del mismo o de otro documento. Combinado con una red de datos y un protocolo de acceso, un hiperenlace permite acceder al recurso referenciado en diferentes formas, como visitarlo con un agente de navegación, mostrarlo como parte del documento referenciador o guardarlo localmente.
En la actualidad los hiperenlaces afectan al Posicionamiento en buscadores de los sitios web desde que Google insertó ésta variable en su algoritmo años atrás.
La idea de Google fue: "Un hiperenlace es un voto hacia una página, yo lo doy por que considero que dicha página es relevante para la temática, entónces los vínculos son un factor importante a la hora de rankear páginas" y desde ese momento en adelante el concepto de SEO (posicionamiento web) ha cambiado drásticamente pues el control del posicionamiento de las páginas quedó fuera de las manos de los webmasters y se dejó en las manos de cualquier persona que considere el recurso importante.
Los hiperenlaces son parte fundamental de la arquitectura de la World Wide Web, pero el concepto no se limita al HTML o a la Web. Casi cualquier medio electrónico puede emplear alguna forma de hiperenlace.

MARCOS

Qué son los marcos y para qué se utilizan. Cómo insertar un marco sencillo en una página, y cómo trabajar con él es lo que ahora veremos. Los marcos -o frames- sirven para distribuir mejor los datos de las páginas, ya que permiten mantener fijas algunas partes, como pueden ser el logotipo y la barra de navegación, mientras que otras sí pueden cambiar. Además de mejorar la funcionalidad, pueden mejorar también la apariencia. Dicho de un modo sencillo, los marcos podemos decir que son paginas web dentro de otra página que las organiza de una determinada manera.

Cada uno de los marcos de una página, contiene un documento HTML individual. Por ejemplo, en la imagen inferior puedes ver una página con dos marcos. El marco izquierdo contiene el documento menu.htm y el derecho el documento monos.htm. Para poder visualizar la página de este modo, hemos tenido que abrir en el navegador el documento principal.htm, que en este caso es el contiene los marcos.