viernes, 18 de octubre de 2013

CONCEPTOS GENERALES

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

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.
IP
TCP
HTTP
HTTPS
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:

AJAX
JavaScript
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.