HYPERTEXTO
El hipertexto es una herramienta de software
con estructura no secuencial que permite crear, agregar, enlazar y
compartir información de diversas fuentes por medio de enlaces
asociativos.
La forma más habitual de hipertexto en informática es la de hipervínculos o referencias cruzadas automáticas que van a otros documentos (lexías). Si el usuario selecciona un hipervínculo, el programa
muestra el documento enlazado. Otra forma de hipertexto es el
stretchtext que consiste en dos indicadores o aceleradores y una
pantalla. El primer indicador permite que lo escrito pueda moverse de
arriba hacia abajo en la pantalla.
Es importante mencionar que el hipertexto no está limitado a datos
textuales, podemos encontrar dibujos del elemento especificado o
especializado, sonido o vídeo referido al tema. El programa que se usa
para leer los documentos de hipertexto se llama navegador, browser, visualizador o cliente, y cuando seguimos un enlace decimos que estamos navegando por la web. El hipertexto es una de las formas de la hipermedia, enfocada en diseñar, escribir y redactar texto en una media.
SERVIDORES WEB
Un servidor web es un programa que se ejecuta continuamente en un
computador, manteniéndose a la espera de peticiones de ejecución que le hará un
cliente o un usuario de Internet. El servidor web se encarga de contestar a
estas peticiones de forma adecuada, entregando como resultado una página
web o información de todo tipo de acuerdo a los comandos solicitados. En este
punto es necesario aclarar lo siguiente: mientras que comúnmente se utiliza la
palabra servidor para referirnos a una computadora con un software servidor
instalado, en estricto rigor un servidor es el software que permite la
realización de las funciones descritas.
ESTRUCTURA DE UNA PAGINA WEB
Toda página Web tiene una estructura que permite al programador saber de
antemano qué tipo de información necesita introducir. Esto ayuda a que
la página que diseña sea claramente legible y se pueda modificar más
fácilmente. Si una página Web es complicada en su diseño, habrá muy
pocos que sepan dar el mantenimiento adecuado. Abajo se muestra la
estructura lógica de una página Web.
<HTML>
<HEAD>
<TITLE>Primera página</TITLE>
</HEAD>
<BODY>
...
...
...
</BODY>
</HTML>
Estas líneas son permanentes en una página Web. Siempre van a estar
presentes no importando qué tan corta o tan larga sea la página y el
contenido.
La primera instrucción <HTML> indica al
explorador de Internet que ahí comienza una página Web. La siguiente
instrucción <HEAD> indica el encabezado de la página, es decir el
área de la barra de título. <TITLE> indica el título de la página
propiamente dicho. <BODY> es una instrucción que indica al
explorador de Internet que ahí empieza el área de contenido de la página
(es decir el cuerpo de la página).
En el lenguaje HTML, muchas
instrucciones se cierran con el signo / (diagonal) para indicar al
programa que las propiedades aplicadas con esa instrucción se terminan
ahí donde se pone el signo diagonal. Si el signo de cierre (/) no se
aplica convenientemente, el programa seguirá aplicando las propiedades
de la instrucción anterior a todas las líneas inferiores, hasta que se
encuentre otra instrucción que modifique las propiedades actuales.
OBJETIVOS Y CONTENIDOS
La primera instrucción <HTML> indica al explorador de Internet que
ahí comienza una página Web. La siguiente instrucción <HEAD> indica el
encabezado de la página, es decir el área de la barra de título. <TITLE>
indica el título de la página propiamente dicho. <BODY> es una
instrucción que indica al explorador de Internet que ahí empieza el área de
contenido de la página (es decir el cuerpo de la página).
ORGANIZACION Y NAVEGACION
Un navegador o navegador web es un
software que permite el acceso a Internet, interpretando la información de
archivos y sitios web para que éstos puedan ser leídos.
La funcionalidad básica de un navegador web es permitir la visualización
de documentos de texto, posiblemente con recursos multimedia incrustados.
Además, permite visitar páginas web y hacer actividades en ella, es decir,
podemos enlazar un sitio con otro, imprimir, enviar y recibir correo, entre
otras funcionalidades más
TABLERO DE SECUENCIA PARA LA PRESENTACION WEB
Para realizar una buena presentación de una página Web, lo ideal es crear un boceto inicial de la estructura. El objetico del
boceto inicial no debe de ser muy pretencioso o tener un tener un sentido únicamente personal. Tener claro el objetivo, nos ayudará
a no plasmar contenidos confusos o innecesarios. Es conveniente que los temas sean razonablemente cortos y si fuera necesario dividida en
subtemas. Una presentación Web consiste de una o más páginas Web que contienen texto y gráficos, que estan vinculadas entre si creando un cuerpo de
información
boceto inicial no debe de ser muy pretencioso o tener un tener un sentido únicamente personal. Tener claro el objetivo, nos ayudará
a no plasmar contenidos confusos o innecesarios. Es conveniente que los temas sean razonablemente cortos y si fuera necesario dividida en
subtemas. Una presentación Web consiste de una o más páginas Web que contienen texto y gráficos, que estan vinculadas entre si creando un cuerpo de
información
PROTOCOLOS Y LENGUAJE
PROTOCOLOS
Los
protocolos de internet son un conjunto de reglas estandarizadas que
permiten la comunicación entre computadoras heterogéneas conectadas a la
red.
Comúnmente
se conoce a los protocolos de internet como protocolo TCP/IP o familia
de protocolos TCP/IP por ser el IP y el TCP los dos protocolos más
importantes del grupo.
Son
varios los protocolos usados en la red pero hay unos especificos para
el correo, telnet, etc. Cinco protocolos mas utilizados en internet son.
v IP
v TCP
v HTTP
v HTTPS
v FTP
HTTP
Es un protocolo sin estado, es decir, que no guarda ninguna
información sobre conexiones anteriores. El desarrollo de aplicaciones
web necesita frecuentemente mantener estado. Para esto se usan las cookies,
que es información que un servidor puede almacenar en el sistema
cliente. Esto le permite a las aplicaciones web instituir la noción de
"sesión", y también permite rastrear usuarios ya que las cookies pueden
guardarse en el cliente por tiempo indeterminado.
Define la sintaxis y la semántica que utilizan los elementos de software de la arquitectura web (clientes, servidores, proxies)
para comunicarse. Es un protocolo orientado a transacciones y sigue el
esquema petición-respuesta entre un cliente y un servidor. Al cliente
que efectúa la petición (un navegador web o un spider)
se lo conoce como "user agent" (agente del usuario). A la información
transmitida se la llama recurso y se la identifica mediante un localizador uniforme de recursos (URL). Los recursos pueden ser archivos, el resultado de la ejecución de un programa, una consulta a una base de datos, la traducción automática de un documento, etc.
LENGUAJES
Existen muchos lenguajes informáticos útiles para crear sitios web. Éstos son los lenguajes web.
Lenguajes más usados en la creación de web:
Lenguajes de marcado
Son
lenguajes que indican las características de un documento de texto
mediante marcas o etiquetas propias. Estos lenguajes forman la capa
estructural de las páginas web. Los lenguajes de marcado más importantes
son:
XML
HTML
XHTML
XML
es en realidad un estándar definido por el W3C para el marcado de
texto, así que no es un lenguaje web en sí, sino un metalenguaje.
Determina las reglas que deben seguir los otros lenguajes de marcado.
HTML
es el lenguaje fundamental para crear páginas web. Indica la estructura
de cada documento. Por su parte, XHTML es una variante de HTML que
sigue las reglas definidas por XML.
No
confundas estos lenguajes con lenguajes de programación. Los lenguajes
de marcado no son lenguajes de programación, ya que no permiten realizar
operaciones de ningún tipo y sólo se limitan a proporcionar información
sobre diferentes partes del documento.
Lenguaje de estilo
Existe un solo lenguaje de estilo en la web:
§ CSS
También se conoce como Hojas de Estilo en Cascada
y es el lenguaje que indica cómo se tienen que presentar las páginas
web en el navegador. Es útil e importante para crear sitios web
atractivos, pero puedes crear sitios web básicos sin necesidad de usar
CSS. No es un lenguaje de programación.
Lenguajes de programación del lado del cliente
Son
lenguajes de programación propiamente dichos. Es decir que te permiten
desarrollar programas para que tus páginas web sean interactivas o
tengan alguna característica que no puedes conseguir solamente con HTML.
Los
lenguajes de programación del lado del cliente son ejecutados por el
navegador en la computadora cliente. Entre estos lenguajes tienes:
v AJAX
v JavaScript
v VBScript
AL ser ejecutados en el lado del cliente, estos programas son pequeños y muy específicos.
AJAX
es en realidad una combinación de JavaScript asíncrono y XML, por lo
que no es un lenguaje en sí mismo sino una combinación de tecnologías
que utilizan JavaScript. Es cada vez más popular en la web.
Lenguajes de programación del lado del servidor
Estos
lenguajes son más poderosos que los anteriores y se ejecutan en el
servidor. Por tanto, son útiles si necesitas programas grandes para que
funcione tu web.
Generalmente
son lenguajes multipropósito, o sea que te permiten crear programas
informáticos para casi cualquier cosa que se te ocurra.
Entre los lenguajes de programación del lado del servidor tienes:
§ ASP.NET
§ Cold Fusion
§ JSP
§ Perl
§ PHP
§ Python
§ Ruby on Rails
Un
caso particular muy interesante es el lenguaje de programación JAVA (no
lo confundas con JavaScript). JAVA es un lenguaje de programación
multipropósito que se puede usar en el lado del servidor, pero con el
que también puedes crear pequeñas aplicaciones llamadas Applets de JAVA que corren en el lado del cliente.
HTML
HyperText Markup Language («lenguaje de marcas de hipertexto»), hace referencia al lenguaje de marcado para la elaboración de páginas web.
Es un estándar que, en sus diferentes versiones, define una estructura
básica y un código (denominado código HTML) para la definición de
contenido de una página web, como texto, imágenes, etc. Es un estándar a
cargo de la W3C,
organización dedicada a la estandarización de casi todas las
tecnologías ligadas a la web, sobre todo en lo referente a su escritura e
interpretación.
El lenguaje HTML basa su filosofía de desarrollo en la
referenciación. Para añadir un elemento externo a la página (imagen,
vídeo, script, etc.), este no se incrusta directamente en el código de
la página, sino que se hace una referencia a la ubicación de dicho
elemento mediante texto. De este modo, la página web contiene sólo texto
mientras que recae en el navegador web (interpretador del código) la
tarea de unir todos los elementos y visualizar la página final. Al ser
un estándar, HTML busca ser un lenguaje que permita que cualquier página
web escrita en una determinada versión, pueda ser interpretada de la
misma forma (estándar) por cualquier navegadores web actualizado.
DHTML
(Dinamic
HyperText Markup Language) es un término colectivo que sirve para designar
una combinación de nuevas etiquetas del lenguaje HTML y nuevas opciones de estilo y programación que
permiten crear páginas web más dinámicas y animadas, a la vez que ofrecen una mayor interactividad por parte del usuario que las versiones previas de HTML.
Muchas de las especificaciones de DHTML en HTML 4.0
son simples ejemplos de páginas HTML dinámicas que pueden incluir acciones
diversas, como establecer que el color de la cabecera de un texto cambie cuando
el usuario pasa
el ratón sobre
él, permitir a los usuarios que
desplieguen o contraigan un menú, hacer que aparezca una línea en la barra de
estatus del navegador
ASP
Active Server Pages (ASP),1 también conocido como ASP clásico, es una tecnología de Microsoft del tipo "lado del servidor" para páginas web generadas dinámicamente, que ha sido comercializada como un anexo a Internet Information Services (IIS).
La tecnología ASP está estrechamente relacionada con el modelo tecnológico y de negocio de su fabricante. Intenta ser solución para un modelo de programación rápida ya que "programar en ASP es como programar en Visual Basic Script con algunas ventajas específicas en entornos web.
Lo interesante de este modelo tecnológico es poder utilizar diversos componentes ya desarrollados como algunos controles ActiveX así como componentes del lado del servidor, tales como CDONTS, por ejemplo, que permite la interacción de los scripts con el servidor SMTP que integra IIS.
Se facilita la programación de sitios web mediante varios objetos integrados, como por ejemplo un objeto de sesión basada en cookies, que mantiene las variables mientras se pasa de página a página.
JAVA SCRIPT
JavaScript es un lenguaje de programación interpretado, dialecto del estándar ECMAScript. Se define como orientado a objetos, basado en prototipos, imperativo, débilmente tipado y dinámico.
Se utiliza principalmente en su forma del lado del cliente (client-side), implementado como parte de un navegador web permitiendo mejoras en la interfaz de usuario y páginas web dinámicas aunque existe una forma de JavaScript del lado del servidor (Server-side JavaScript o SSJS). Su uso en aplicaciones externas a la web, por ejemplo en documentos PDF, aplicaciones de escritorio (mayoritariamente widgets) es también significativo.
JavaScript se diseñó con una sintaxis similar al C, aunque adopta nombres y convenciones del lenguaje de programación Java. Sin embargo Java y JavaScript no están relacionados y tienen semánticas y propósitos diferentes.
Todos los navegadores modernos interpretan el código JavaScript
integrado en las páginas web. Para interactuar con una página web se
provee al lenguaje JavaScript de una implementación del Document Object Model (DOM).
Tradicionalmente se venía utilizando en páginas web HTML para realizar operaciones y únicamente en el marco de la aplicación cliente, sin acceso a funciones del servidor. JavaScript se interpreta en el agente de usuario, al mismo tiempo que las sentencias van descargándose junto con el código HTML.