Qu es un Sitio web y Pgina web?

- Definicin de Sitio web y Pgina web

En ingls website o web site, un sitio web es un sitio (localizacin) en la World Wide Web que contine documentos (pginas web) organizados gerrquicamente. Cada documento (pgina web) contiene texto y o grficos que aparecen como informacin digital en la pantalla de un ordenador. Un sitio puede contener una combinacin de grficos, texto, audio, vdeo, y otros materiales dinmicos o estticos. Cada sitio web tiene una pgina de inicio (en ingls Home Page), que es el primer documento que ve el usuario cuando entra en el sitio web poniendo el nombre del dominio de ese sitio web en un navegador. El sitio normalmente tiene otros documentos (pginas web) adicionales. Cada sitio pertenece y es gestionado y por un indivduo, una compaa o una organizacin.

Como medio, los sitios web son similares a las pelculas, a la televisin o a las revistas, en que tambin crean y manipulan imgenes digitales y texto, pero un sitio web es tambin un medio de comunicacin. La diferencia principal entre un sitio web y los medios tradicionales es que un sitio web est en una red de ordenadores (Internet) y est codificado de manera que permite que los usuarios interacten con el. Una vez en un sitio web, puedes realizar compras, bsquedas, enviar mensajes, y otras actividades interactivas. Diferencia entre sitio web y pgina web A veces se utiliza errneamente el trmino pgina web para referirse a sitio web. Una pgina web es parte de un sitio web y es un nico archivo con un nombre de archivo asignado, mientras que un sitio web es un conjunto de archivos llamados pginas web. Si lo comparramos con un libro, un sitio web sera el libro entero y una pgina web de ese sitio web sera un captulo de ese libro. El ttulo del libro sera el nombre del dominio del sitio web. Un captulo, al igual que una pgina web, tiene un nombre que lo define. Decimos que sera un captulo y no una pgina del libro porque a menudo es necesario desplazarse hacia bajo en la pantalla para ver todo el contenido de una pgina web, al igual que en un libro te desplazas a travs de varias pginas para ver todo el contenido de un captulo. El ndice de los captulos del libro sera el equivalente al mapa del sitio web (sitemap en ingls). fundamentos

Siglas que al Espaol traducen LENGUAJE DE MARCACION DE HIPERTEXTO. Fue creado en 1989 por el fsico nuclear TIM BERNERS-LEE el cual propuso disear un sistema de unificacin del acceso a todos los datos que posea el Centro Europeo para la Investigacin Nuclear. Se comenz as a desarrollar una plataforma de tipo hipertexto y un protocolo de comunicaciones que se denomin HTTP (Hyper Text Transfer Protocol), que permitira a todos los cientficos del CERN, consultar cualquier informacin de cualquier tema, aunque se encontrase diseminada en los diferentes ordenadores, tanto del propio centro, como en los ordenadores de las diferentes instituciones que colaboraban con el CERN. El sistema alcanz un xito enorme, tanto es as que se comenz a definir un lenguaje de creacin de documentos estructurados que vino a llamarse HTML (Hyper Text Markup Language). TIM BERNERS-LEE tomo dos herramientas preexistentes: El concepto de Hipertexto (Conocido tambin como link o ancla) el cual permite conectar dos elementos entre si y el SGML (Lenguaje Estndar de Marcacin General) el cual sirve para colocar etiquetas o marcas en un texto que indique como debe verse. HTML no es propiamente un lenguaje de programacin como C++, Visual Basic, etc. Sino un sistema de etiquetas, HTML no presenta ningn compilador, por lo tanto algn error de sintaxis que se presente este no lo detectara y se visualizara en la forma como este lo entienda.

El lenguaje HTML es un lenguaje interpretado y permite dar indicaciones precisas al programa cliente, en este caso los "browsers", o mas bien los conocidos navegadores, de cmo debe presentarse el documento en pantalla.

Orgenes del HTML

Hipertexto y StanGenMarkLeng -CEResearchNuclear

-1986-Tim Berners-

Lee-HTML-WWW
Siglas que al Espaol traducen LENGUAJE DE MARCACION DE HIPERTEXTO. Fue creado en 1989 por el fsico nuclear TIM BERNERS-LEE el cual propuso disear un sistema de unificacin del acceso a todos los datos que posea el Centro Europeo para la Investigacin Nuclear. Se comenz as a desarrollar una plataforma de tipo hipertexto y un protocolo de comunicaciones que se denomin HTTP (Hyper Text Transfer Protocol), que permitira a todos los cientficos del CERN, consultar cualquier informacin de cualquier tema, aunque se encontrase diseminada en los diferentes ordenadores, tanto del propio centro, como en los ordenadores de las diferentes instituciones que colaboraban con el CERN. El sistema alcanz un xito enorme, tanto es as que se comenz a definir un lenguaje de creacin de documentos estructurados que vino a llamarse HTML (Hyper Text Markup Language). TIM BERNERS-LEE tomo dos herramientas preexistentes: El concepto de Hipertexto (Conocido tambin como link o ancla) el cual permite conectar dos elementos entre si y el SGML (Lenguaje Estndar de Marcacin General) el cual sirve para colocar etiquetas o marcas en un texto que indique como debe verse. HTML no es propiamente un lenguaje de programacin como C++, Visual Basic, etc. Sino un sistema de etiquetas, HTML no presenta ningn compilador, por lo tanto algn error de sintaxis que se presente este no lo detectara y se visualizara en la forma como este lo entienda. El lenguaje HTML es un lenguaje interpretado y permite dar indicaciones precisas al programa cliente, en este caso los "browsers", o mas bien los conocidos navegadores, de cmo debe presentarse el documento en pantalla.

1986. Publicacin de la ISO 8879 que presenta el Standard General Markup Language, origen del HTML. 1989. Tim Berners-Lee, a la sazn en el Centro Europeo de Investigaciones Nucleares presenta su artculo Information Management: A Proposal dedicndose de lleno al desarrollo de un sistema que permitiera el acceso en lnea de manera uniforme a la informacin disponible en muchos recursos distintos, y que pudiese funcionar en mquinas que conectadas por redes basadas en TCP/IP. 1990-1991. Tim Berners-Lee define el HTML como un subconjunto de SGML (Standard Generalized Markup Language), que ms tarde se llamar nivel 0; soporta encabezados, listas y anclas. Se crea el nombre World Wide Web.

1991. Tim Berners-Lee introduce el primer visor de HTML, LineMode, que trabaja en modo texto y slo en plataformas UNIX. El Centro Europeo de Investigaciones Nucleares realiza la apertura del primer sitio con acceso pblico de World Wide Web el 17 de mayo (http://info.cern.ch). 1992. Dan Connolly produce la primera Definicin de Tipo de Documento (DTD) para el lenguaje, llamada HTML 1.0, agregando a la definicin original atributos para modificar el estilo fsico del texto. Se distribuye Viola, primer visor grfico de Web y disponible slo para X.11. 1993. Un nuevo visor que soporta un mayor nivel, Lynx, es producido por la Universidad de Kansas, si bien lee slo texto. Aparece Mosaic, desarrollado por el Centro Nacional para Aplicaciones de Supercomputadoras, es el primer visor de Web en entorno grfico que se hace disponible para computadoras personales, lo que lo hace inmediatamente popular. A fines de ao, comienzan a aparecer los primeros artculos sobre WWW en diarios y revistas de circulacin masiva. Tim Berners-Lee utiliza el trabajo del ao anterior de Connolly para presentar el borrador de la primera norma (RFC Recommendation for Comments) de HTML para Internet. 1994. La Universidad Tcnica de Graz desarrolla un servidor y clientes con mayores prestaciones para HTML, Hyper-G, que no tiene gran xito. Cello, primer visor de HTML que no requiere TCP/IP presentado por la Escuela de Leyes de la Universidad de Cornell. Dan Connolly y Karen Olson Muldrow redefinen el HTML para el nivel 2.0, que ahora soporta formularios. Un grupo de programadores que desarrollaran el Mosaic producen un nuevo visor de World Wide Web, Netscape (tambin conocido como Mozilla), que tiene una amplia aceptacin entre los usuarios, pero que soporta elementos de programacin que equivalen a una degeneracin del HTML (tamaos de letra, fondos). Se define un equivalente para los modelos en tres dimensiones del HTML, el VRML (Virtual Reality Modeling Language), que permite moverse dentro de los ambientes definidos. En este mismo ao se realizan la Primera y Segunda conferencias internacionales de WWW, en Ginebra y Chicago, respectivamente. Se crea la W3 Organization. 1995. Dave S. Raggett (Hewlett-Packard, Inglaterra) comienza a compilar la normativa del nuevo nivel del lenguaje, el HTML 3.0, cuya principal novedad es el soporte de tablas. Microsoft produce su primer visor de Internet, el cual tambin utiliza elementos de HTML degenerados. Una nueva versin de Netscape, Navigator 2.0, agrega soporte de encuadres. Sun Microsystems produce el primer visor de World Wide Web con soporte de un lenguaje de programacin, HotJava. Se celebran la Tercera y Cuarta conferencias internacionales de WWW, en Boston y Darmstadt respectivamente, y la conferencia de WWW para Asia y el Pacfico en Wagga-Wagga.. 1996. Netscape Communications y Microsoft presentan las nuevas versiones de de sus visores que soportan gran parte del nivel de HTML 3.0. Aparecen visores no comerciales que implementan la norma completa de HTML 3.0. Se formaliza un nuevo nivel para la modelacin en tres dimensiones, VRML 3.0, que permite interactuar con los objetos definidos. Se celebra la Quinta conferencia internacional de WWW en Rocquencourt. 1997. D. Raggett presenta, en enero, la versin normalizada del 3.2. En julio, aparece la versin 4.0, experimental. 1998. HTML 4.0. Plantilla de un documento

El entorno para trabajar HTML es simplemente un procesador de texto, como el que ofrecen los sistemas operativos Windows (Bloc de notas), UNIX(el editor vi o ed), el que ofrece Office Word(no importa su versin). Lo primero que vamos hacer es abrir el procesador de texto, una vez abierto le debemos hacer click en la opcin FILE o ARCHIVO, estando all, el siguinte paso seria seleccionar la opcin SAVE AS o GUARDAR COMO, luego escribimos el nombre con el cual queremos guardar nuestra pagina, necesariamente lo debemos guardar con la extencion .HTM o .HTML Si queremos visualizar lo que hemos estado hacieno tendriamos que abrir nustro browser (NETSCAPE O EXPLORER), hacemos click en la opcion FILE o ARCHIVO, estando all seleccionamos OPEN o ABRIR, le damos BROWSE o EXAMINAR, la seleccionamos y le damos OPEN. Luego le damos ACEPTAR, e inmediatamente se abrir nuestra pagina.

El HTML fue desarrollado originalmente por Tim Bernes-Lee en el CERN (Centro Europeo de Fsica de Partculas), y fue popularizado por el navegador Mosaic desarrollado por la NCSA (National Center for Supercomputing Applications). Pero debido al rpido crecimiento de la web, surgi la necesidad de crear un estndar para que tanto los autores como los navegadores pudieran reconocer cualquier versin de HTML. WEB-HTML estndar- 2.0,3.2,4.0, 4.01,,xhtml,html5 y xhtml2 Los estndares HTML son el HTML 2.0, el HTML 3.2, el HTML 4.0 y el HTML 4.01., algunos creen que el HTML ya no tiene futuro porque existe el XHTML que es mejor pero el navagedor ms popular (el de la letra e azul) no lo soporta por lo que otros piensan que el futuro est en el HTML 5. Actualmente a versin de HTML ms utilizada es la 4.01 y el XHTML 1.0 ests 2 versiones fueron definidas por la W3C hace 7 y 8 aos. ahora se preparan nuevas versiones que son el HTML 5 y el XHTML 2. Adems de cada versin, cada una tiene variantes que siempre se tienen que definir en el documento HTML, las variantes del HTML 4.01 son:

HTML 4.01 Strict: el normal, donde se pueden usar etiquetas HTML 4.01, pero no se aceptan etiquetas obsoletas. HTML 4.01 Transitional: este permite usar todo tipo de etiquetas de todas las versiones de HTML, no es recomendable.

HTML 4.01 Frameset: Tiene soporte para frames, muy anticuado.

Como bien sabemos XHTML (EXtensible HyperText Markup Language) es la nueva generacin de HTML, algunos la llaman la versin limpia o estricta de HTML.

Por qu debemos utilizarlo? Pues porque es una de las recomendaciones de la W3C (XHTML 1.0 fue remendada por la W3C el 26 de Enero del 2000), ya que segn la Corporacin ir reemplazando gradualmente a HTML.

En este artculo dedicado a XHTML, les comentamos las pocas diferencias, a tener en cuenta, respecto a HTML 4.01:

Podemos resumir las principales diferencias en 4:

XHTML elementos deben ser correctamente anidado

XHTML documentos debe ser gramaticalmente correcto

Los nombres de etiqueta deben estar en la minscula

Todos los elementos XHTML deben estar cerrados

LOS ELEMENTOS DEBEN SER CORRECTAMENTE ANIDADOS

En HTML algunos elementos pueden ser incorrectamente anidados el uno dentro del otro de esta manera:

<b><i>Este texto esta en negrita y en itlica</b></i>

En XHTML todos los elementos deben ser correctamente anidados el uno dentro del otro de esta manera:

<b><i>Este texto esta en negrita y en itlica</i></b>

Ojo: Un error comn en las listas anidadas, es el olvidar que la lista interior debe estar dentro de un elemento li, de esta manera:

<ul> <li>Pintura</li> <li>Literatura <ul> <li>Prosa</li> <li>Poesa</li> </ul> <li>Msica</li> </ul>

Debe ser:

<ul> <li>Pintura</li> <li>Literatura <ul> <li>Prosa</li> <li>Poesa</li> </ul> <li>Msica</li> </ul>

Observa que hemos insertado una etiqueta despus de la primera etiqueta </ul>

LOS DOCUMENTOS DEBEN SER GRAMATICALMENTE CORRECTOS

Todos los elementos XHTML deben estar anidados dentro de la etiqueta del elemento de raz. Todos los otros elementos pueden tener sub elementos. Estos deben estar en pares y correctamente anidados dentro de su elemento paternal. La estructura de documento bsica es:

<html> <head> ... </head> <body> ... </body> </html>

LOS NOMBRES DE LAS ETIQUETAS DEBEN ESTAR EN MINSCULA

Esto es porque los documentos XHTML son expresiones XML. Y XML es casesensitive. Las etiquetas como son interpretadas como etiquetas diferentes.

Esto estara mal:

<body> <p>Esto es un prrafo</p> </body>

Esto es correcto:

<body> <p>Esto es un prrafo</p> </body>

TODOS LOS ELEMENTOS XHTML DEBEN ESTAR CERRADOS

Los elementos no vacos deben tener una etiqueta final.

Esto estara errneo:

<p>Esto es un prrafo <p>Esto es otro prrafo

Lo correcto sera:

<p> Esto es un prrafo </p> <p> Esto es otro prrafo </p>

Los elementos vacos tambin deben estar cerrados.

Los elementos vacos deben o tienen una etiqueta de final o la etiqueta de principio debe terminarse con />.

Esto estara mal:

Esto es un salto de lnea <br>

Aqu colocamos una barra horizontal:<hr> Esta es una imagen <img src="happy.gif" alt="Estoy feliz">

Debe ser:

Esto es un salto de lnea <br />

Aqu colocamos una barra horizontal:<hr />

Esta es una imagen <img src="happy.gif" alt="Estoy feliz" />

Recuerda: Para hacer tu XHTML compatible con los navegadores de hoy, debes aadir un espacio suplementario antes del "/>" por ejemplo: <br />, <hr />.