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.

Tarea de investigación

Browser

Un navegador o navegador web (del inglés, web browser) es un programa que permite visualizar la información que contiene una página web (ya esté esta alojada en un servidor dentro de la World Wide Web o en uno local).

La funcionalidad básica de un navegador web es permitir la visualización de documentos de texto, posiblemente con recursos multimedia incrustados. Los documentos pueden estar ubicados en la computadora en donde está el usuario, pero también pueden estar en cualquier otro dispositivo que esté conectado a la computadora del usuario o a través de Internet, y que tenga los recursos necesarios para la transmisión de los documentos (un software servidor web). Tales documentos, comúnmente denominados páginas web, poseen hipervínculos que enlazan una porción de texto o una imagen a otro documento, normalmente relacionado con el texto o la imagen.


Navegacion Off-line

Se guarda una pagina web en la computadora y se puede navegar en ella sin estar conectado a internet.

Editores

los editores de texto como Edit (DOS), el editor Padword (WINDOWS) y el propio Editor de Quick Basic , permiten la escritura y edición de documentos .

Estos apuntes han sido escritos en un editor de textos o procesador de palabras (Word) . Los programas que realizan tareas completas tales como nominas, contabilidad, etc, es decir los programas que podrán escribir en QB o en otro programa se denominan programas de aplicación. Ejemplos mas tarde.

Editores HTML

Programas que nos sirven para crear páginas web con el lenguaje HTML.
Los editores de HTML pueden ser de dos tipos, como veremos, unos permiten codificar las páginas utilizando el propio lenguaje HTML, a base de etiquetas y otros nos permiten diseñar una página web, como si estuviésemos escribiendo con un editor de texto avanzado, sin tener que escribir el código con las etiquetas. Esta última vertiente, que podemos llamar editores en modo diseño, presenta una facilidad adicional para las personas que no deseen complicarse la vida con el lenguaje HTML, porque no tengan tiempo de aprenderlo o porque se sientan incapaces de hacerlo. Los editores en modo diseño nos permiten crear la página como si estuviéramos escribiendo un documento con un editor del tipo de Word. El editor de HTML es el encargado de vérselas con el lenguaje y programar internamente la página con el código HTML, según lo que nosotros estamos diseñando.

Creación y gestión de espacios web

Entendemos por sitio web (o simplemente web) un conjunto de páginas web interrelacionadas mediante enlaces hipertextuales o programas al efecto (realizados con lenguajes tipo Java, JavaScript), que se muestran a través de Internet con unos propósitos concretos: presentar información sobre un tema, hacer publicidad, distribuir materiales, instruir sobre un tema determinado...

Atendiendo a su editor podremos distinguir:

- Webs personales, cuyo propósito suele ser difundir información recopilada por los titulares del espacio y, generalmente, dar a conocer su curriculum.



- Webs corporativos, de empresas que quieren difundir su imagen corporativa y muchas veces también ofrecer sus productos y servicios.



- Webs institucionales, que suelen informar de sus actividades y proporcionar información y servicios del interés de determinados colectivos.



- Webs de grupos (colectivos, asociaciones…), cuyo propósito fundamental es facilitar información de interés para los miembros del grupo y ofrecerles canales de comunicación interpersonal.



Cualquier sitio web puede ser utilizado en un momento determinado como medio para llevar a cabo ciertos aprendizajes, (por ejemplo se pueden aprender cosas a partir de la información que proporcione), no obstante distinguiremos con el nombre de webs de interés educativo solamente a aquellos que tengan una clara utilidad en algún ámbito del mundo educativo. De estos, denominaremos webs educativos a los que además hayan sido diseñados con el propósito específico de facilitar aprendizajes o recursos didácticos a las personas

Mapa del sitio

Representación gráfica o textual de un sitio web. El mapa de un sitio web puede ser un documento que se utiliza para planificar el diseño de la web, o puede ser una página web donde se listan todas -o las más importantes- páginas web de un sitio (generalmente organizadas de alguna manera).

Mapa de sitio también puede hacer referencia a un listado de enlaces que pertenecen a un sitio web; listado que puede contener otros datos importantes sobre cada página web de la lista. El mapa de sitio debe tener un formato específico que está estandarizado, para que pueda ser interpretado correctamente por los spiders (arañas) de los buscadores que soportan esta funcionalidad. Es una alternativa que dan los buscadores a los webmasters para que puedan presentar el contenido de sus sitios web.