Issuu on Google+

Realizado por: *Dixbel Salcedo CI.22338273 Comunicación Social Historia de HTML El origen de HTML se remonta a 1980, cuando el físico Tim Berners-Lee, trabajador del CERN (Organización Europea para la Investigación Nuclear) propuso un nuevo sistema de "hipertexto" para compartir documentos. Los sistemas de "hipertexto" habían sido desarrollados años antes. En el ámbito de la informática, el "hipertexto" permitía que los usuarios accedieran a la información relacionada con los documentos electrónicos que estaban visualizando. De cierta manera, los primitivos sistemas de "hipertexto" podrían asimilarse a los enlaces de las páginas web actuales. Tras finalizar el desarrollo de su sistema de "hipertexto", Tim Berners-Lee lo presentó a una convocatoria organizada para desarrollar un sistema de "hipertexto" para Internet. Después de unir sus fuerzas con el ingeniero de sistemas Robert Cailliau, presentaron la propuesta ganadora llamada WorldWideWeb (W3). El primer documento formal con la descripción de HTML se publicó en 1991 bajo el nombre "HTML Tags" (Etiquetas HTML) y todavía hoy puede ser consultado online a modo de reliquia informática. La primera propuesta oficial para convertir HTML en un estándar se realizó en 1993 por parte del organismo IETF (Internet Engineering Task Force). Aunque se consiguieron avances significativos (en esta época se definieron las etiquetas para imágenes, tablas y formularios) ninguna de las dos propuestas de estándar, llamadas HTML y HTML+ consiguieron convertirse en estándar oficial. En 1995 el organismo IETF organiza un grupo de trabajo de HTML y lo consigue publicar el 22 de septiembre de ese mismo año, el estándar HTML 2.0. A pesar de su nombre, HTML 2.0 es el primer estándar oficial de HTML. A partir de 1996, los estándares de HTML los publica otro organismo de estandarización llamado W3C (World Wide Web Consortium). La versión HTML 3.2 se publicó el 14 de Enero de 1997 y es la primera recomendación de HTML publicada por el W3C. Esta revisión incorpora los últimos avances de las páginas web desarrolladas hasta 1996, como applets de Java y texto que fluye alrededor de las imágenes. HTML 4.0 se publicó el 24 de Abril de 1998 (siendo una versión corregida de la publicación original del 18 de Diciembre de 1997) y supone un gran salto desde las versiones anteriores. Entre sus novedades más destacadas se encuentran las hojas de estilos CSS, la posibilidad de incluir pequeños programas o scripts


en las páginas web, mejora de la accesibilidad de las páginas diseñadas, tablas complejas y mejoras en los formularios. La última especificación oficial de HTML se publicó el 24 de diciembre de 1999 y se denomina HTML 4.01. Se trata de una revisión y actualización de la versión HTML 4.0, por lo que no incluye novedades significativas. Desde la publicación de HTML 4.01, la actividad de estandarización de HTML se detuvo y el W3C se centró en el desarrollo del estándar XHTML. Por este motivo, en el año 2004, las empresas Apple, Mozilla y Opera mostraron su preocupación por la falta de interés del W3C en HTML y decidieron organizarse en una nueva asociación llamada WHATWG (Web Hypertext Application Technology Working Group). La actividad actual del WHATWG se centra en el futuro estándar HTML 5, cuyo primer borrador oficial se publicó el 22 de enero de 2008. Debido a la fuerza de las empresas que forman el grupo WHATWG y a la publicación de los borradores de HTML 5.0, en marzo de 2007 el W3C decidió retomar la actividad estandarizadora de HTML. De forma paralela a su actividad con HTML, W3C ha continuado con la estandarización de XHTML, una versión avanzada de HTML y basada en XML. La primera versión de XHTML se denomina XHTML 1.0 y se publicó el 26 de Enero de 2000 (y posteriormente se revisó el 1 de Agosto de 2002). XHTML 1.0 es una adaptación de HTML 4.01 al lenguaje XML, por lo que mantiene casi todas sus etiquetas y características, pero añade algunas restricciones y elementos propios de XML. La versión XHTML 1.1 ya ha sido publicada en forma de borrador y pretende modularizar XHTML. También ha sido publicado el borrador de XHTML 2.0, que supondrá un cambio muy importante respecto de las anteriores versiones de XHTML.


Sir Timothy "Tim" John Berners-Lee OM, KBE (TimBL o TBL) nació el 8 de junio de 1955 en Londres, Reino Unido, se licenció en Física en 1976 en el Queen's College de la Universidad de Oxford. Es considerado el padre de la web. Ante la necesidad de distribuir e intercambiar información acerca de sus investigaciones de una manera más efectiva, Berners-Lee desarrolló las ideas fundamentales que estructuran la web. Él y su grupo crearon lo que por sus siglas en inglés se denomina Lenguaje HTML (HyperText Markup Language) o lenguaje de etiquetas de hipertexto, el protocolo HTTP (HyperText Transfer Protocol) y el sistema de localización de objetos en la web URL (Uniform Resource Locator).

Concepto de HTML HTML, siglas de HyperText Markup Language («lenguaje de marcado de hipertexto»), hace referencia al lenguaje de marcado predominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes. El 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.1 HTML también sirve 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).


Códigos HTML básicos 

<html>: define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML. Esto es así de facto, ya que en teoría lo que define el tipo de documento es el DOCTYPE, que significa la palabra justo tras DOCTYPE el tag de raíz, por ejemplo:

<!DOCTYPE html PUBLIC "-//W3C//DTD "http://www.w3.org/TR/html4/strict.dtd">

HTML

4.01

Strict//EN"

<script>: incrusta un script en una web, o llama a uno mediante src="url del script". Se recomienda incluir el tipo MIME en el atributo type, en el caso de JavaScript text/JavaScript.

<head>: define la cabecera del documento HTML; esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario como, por ejemplo, el título de la ventana del navegador. Dentro de la cabecera <head> es posible encontrar:

*Un ejemplo de código HTML con coloreado de sintaxis. 

<title>: define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana.

<link>: para vincular el sitio a hojas de estilo o iconos. Por ejemplo: <link rel="stylesheet" href="/style.css" type="text/css">.

<style>: para colocar el estilo interno de la página; ya sea usando CSS u otros lenguajes similares. No es necesario colocarlo si se va a vincular a un archivo externo usando la etiqueta <link>.


<meta>: para metadatos como la autoría o la licencia, incluso para indicar parámetros http (mediante http-equiv="") cuando no se pueden modificar por no estar disponible la configuración o por dificultades con server-side scripting.

<body>: define el contenido principal o cuerpo del documento. Esta es la parte del documento HTML que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes. Dentro del cuerpo <body> es posible encontrar numerosas etiquetas. Como las que se mostraran a continuación:

<h1> a <h6>: encabezados o títulos del documento con diferente relevancia.

<table>: define una tabla.

<tr>: fila de una tabla.

<td>: celda de una tabla (debe estar dentro de una fila).

<a>: hipervínculo o enlace, dentro o fuera del sitio web. Debe definirse el parámetro de pasada por medio del atributo href. Por ejemplo: <a href="http://www.wikipedia.org" title="Wikipedia" target="_blank" tabindex="1">Wikipedia</a> se representa como Wikipedia).

<div>: división de la página. Se recomienda, junto con css, en vez de <table> cuando se desea alinear contenido.

<img>: imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la imagen. Por ejemplo: <img src="./imágenes/mifoto.jpg" />. Es conveniente, por accesibilidad, poner un atributo alt="texto alternativo".

<li><ol><ul>: etiquetas para listas.

<b>: texto en negrita (etiqueta desaprobada. Se recomienda usar la etiqueta <strong>).

<i>: texto en cursiva (etiqueta desaprobada. Se recomienda usar la etiqueta <em>).

<s>: texto tachado (etiqueta desaprobada. Se recomienda usar la etiqueta <del>).

<u>: Antes texto subrayado. A partir de HTML 5 define porciones de texto diferenciadas o destacadas del resto, para indicar correcciones por ejemplo. (etiqueta desaprobada en HTML 4.01 y redefinida en HTML 5)


La mayoría de etiquetas deben cerrarse como se abren, pero con una barra («/») tal como se muestra en los siguientes ejemplos: 

<table><tr><td>Contenido de una celda</td></tr></table>.

<script>Código de un [[script]] integrado en la página</script>.

Toda etiqueta se identifica porque está encerrada entre los signos menor que y mayor que (<>), y algunas tienen atributos que pueden tomar algún valor. En general las etiquetas se pueden aplicar de dos maneras:    

Se abren y se cierran, como por ejemplo: <b>negrita</b>. No pueden abrirse y cerrarse, como <hr />, porque se vería en el navegador web como una línea horizontal. Otras que pueden abrirse y cerrarse, como por ejemplo <p>. Las etiquetas básicas o mínimas son:

Etiquetas Apertura

Acción

Atributos

Cierre

<!

Comentario.

Ninguno

-->

<A>

Hipervínculo.

HREF, NAME, </A> REL, REV, TITLE

<ADDRESS>

Formato dirección autor.

<BASE>

Url del autor; contexto del HREF documento.

</BASE>

<BASEFONT SIZE>

Tamaño de la Ninguno fuente base.

NO

<BGSOUND>

Sonido fondo.

SRC, LOOP.

NO Explorer

<BIG>

Aumenta tamaño.

Ninguno

</BIG>

<BLINK>

Hace parpadear Ninguno el texto.

</BLINK> Netscape

<BLOCKQUOTE>

Da formato con Ninguno sangría a un

</BLOCKQUOTE>

para del Ninguno

de el

</ADDRESS>

Internet

-


párrafo

<BODY>

BGCOLOR, Cuerpo del BACKGROUND, </BODY> documento. TEXT, LINK, VLINK, ALINK CLEAR: Se utiliza de en combinación NO con ALIGN de IMAGE.

<BR>

Retorno línea.

<CAPTION>

ALIGN: Posición de la TOP/BOTTOM. leyenda en una Internet Explorer: </CAPTION> tabla. LEFT, RIGHT, CENTER

<CENTER>

Centrar.

<CITE>

Formato para Ninguno citas en itálicas.

</CITE>

<CODE>

Formato en tipo Ninguno código.

</CODE>

<DD>

Definiciones marcadas, para Lista de Ninguno Definiciones <DL>.

NO

<DFN<

Formato itálica.

Internet Explorer

</DFN<

<DIR>

Lista directorio, elementos marcados <LI>.

Ninguno

</DIR>

Ninguno

en

</CENTER>

de con con

<DL>

Lista de Definiciones, con términos marcados con Ninguno <DT> y definiciones marcadas con <DD>.

</DL>

<DT>

Términos

NO

Ninguno


marcados, para Lista de Definiciones <DL>. Formato enfatizado itálica.

en Ninguno

<EMBED>

Sonido Fondo.

SRC, WIDTH, NO de HEIGHT, Netscape</TD< AUTOSTART, tr> LOOP.

<FONT>

SIZE, Definición de la Internet fuente. FACE.

<FORM>

Para ingreso de datos del ACTION, usuario en un METHOD formulario.

<H1 ...H6>

Tamaño de HTML 3.0: LEFT, </H1 .../H6> letras del 1 al 6. CENTER, RIGHT

<HEAD>

BASE, TITLE, Encabezamiento ISINDEX, NEXTID, </HEAD> del documento. META

<HR>

NOSHADE, SIZE, WIDTH, ALIGN. Línea horizontal. NO Internet Explorer: COLOR

<HTML>

Al principio y al fin de todo HEAD, BODY documento.

</HTML>

<I>

Itálica (Cursiva).

Ninguno

</I>

<IMG>

Cargar imágenes.

ALIGN, SRC, ALT, ISMAP, WIDTH, HEIGHT, NO VSPACE, HSPACE

<INPUT>

TYPE, NAME, Define un objeto VALUE, SIZE, de ingreso en un </INPUT> MAXLENGHT, formulario. ALIGN, SRC,

<EM>

</EM></TD< tr>

COLOR. Explorer: </FONT>

</FORM>

-


CHECKED

<ISINDEX>

Indica que existe un index Netscape: en el server PROMPT para el documento.

NO

<ISMAP>

Activa la selección de Ninguno imágenes para el usuario.

NO

<KBD>

Formato monoespaciado.

Ninguno

</KBD>

<LI>

Ítem de lista.

Netscape: VALUE, NO TYPE

<LISTING>

Listados

Ninguno. Obsoleto.

<LIT>

Literal. Como PRE, pero usa Ninguno letra proporcional.

</LISTING>

</LIT>

<MARQUEE>

Marquesina.

ALIGN, BEHAVIOR, BGCOLOR, DIRECTION, </MARQUEE> HEIGHT, WIDTH, Internet Explorer HSPACE, VSPACE, LOOP, SCROLLAMOUNT, SCROLLDELAY.

<MENU>

Lista menú.

Ninguno

</MENU>

<META>

Meta información ubicada HEAD.

<NEXTID>

Es un parámetro que identifica al NO documento.

NO

<NOBR>

Elimina los Ninguno saltos de líneas.

NO

<OL>

Lista ordenada, TYPE, con elementos VALUE.

EQUIV, en CONTENT, NAME

START,

NO

</OL>


marcados <LI>.

con

<OPTION>

Opción de VALUE, selección dentro SELECTED de un VALUE formulario.

NO

<P>

Retorno línea, con espacio.

de un Ninguno

NO

<P ALIGN>

Alineación texto.

de LEFT, RIGHT

<PLAINTEXT>

Pasaje de texto Ninguno. Obsoleto. plano.

</PLAINTEXT>

<PRE>

Visualiza el texto en su WIDTH formato original.

</PRE>

<S>

Texto tachado.

Ninguno

</S>

<SAMP>

Formato ejemplo.

Ninguno

</SAMP>

<SELECT>

Para selección de opciones NAME, dentro de un MULTIPLE formulario.

<SMALL>

Disminuye tamaño.

<STRONG>

Formato enfatizado más Ninguno fuerte que <EM>.

</STRONG>

<SUB>

Subíndice.

Ninguno

</SUB>

<SUP>

Superíndice.

Ninguno

</SUP>

<TABLE>

Tabla.

BORDER, CELLPADDING, CELLSPACING, </TABLE> HEIGTH, WIDTH. Internet Explorer: COLOR

<TD>

Celdas de una ALIGN,

tipo

el

Ninguno

CENTER,

SIZE,

</P>

</SELECT>

</SMALL>

VALIGN, </TD>


fila en una tabla, NOWRAP, dentro de <TR>. COLSPAN, ROWSPAN, HEIGTH, WIDTH

<TEXTAREA>

Área para ingreso de texto NAME, dentro de un COLS. formulario.

ROWS,

</TEXTAREA>

ROWSPAN, COLSPAN, ALIGN, VALIGN, </TH> NOWRAP, HEIGHT, WIDTH

<TH>

Título de Tabla.

<TITLE>

Título dentro de Ninguno HEAD.

</TITLE>

<TR>

Fila de Tabla.

una

ALIGN, VALIGN

</TR>

<TT>

Formato máquina.

tipo

Ninguno

</TT>

no con

<UL>

Lista ordenada, elementos marcados <LI> .

COMPACT, TYPE

</UL>

Ninguno

</VAR>

con

<VAR>

Formato variable.

tipo

<WBR>

Se usa NOBR para sección deba separada.

con una que Ninguno ser

<XMP>

Similar a PRE.

Ninguno

NO

</XMP>

Atributos Nombre

Etiqueta

Acción

HREF<A>

Dirección del URL local o href="www.hp.com" remoto.

LOOP

<BGSOUND>

Valor

Número de veces loop=infinite que se reproduce el


archivo de sonido. Para permanente se usa INFINITE o -1. SRC

Nombre del archivo de sonido (Internet src="sonido.wav" Explorer)

LOOP

Número de veces que se reproduce el archivo de sonido. loop=-1 Para permanente se usa INFINITE o -1.

<EMBED> SRC

Nombre del archivo de sonido (con src="sonido.mid" Crescendo)

SRC

Nombre del gráfico

ALT

Nombre que reemplaza a la alt="Nombre imagen cuando ésta Imágen" no puede ser cargada.

<IMAGE>

src="imagen.gif"

de

BGCOLOR

Color de fondo

bgcolor="#FFFFFF" (blanco)

BACKGROUND

Imagen de fondo

background="foto.gif"

TEXT

Color del texto

text="#000000" (negro)

Color de vínculo

link="#0000FF" (azul)

LINK

<BODY>

VLINK

Color de visitado

vínculo vlink="#FF0000" (rojo)

ALINK

Color de presionado

vínculo alink="#00FF00" (verde)

ALIGN

Colocar título arriba <CAPTION> (TOP) o debajo dentro de align=top (BOTTOM) de la <TABLE> tabla.

ALIGN

<H1..H6>, <P A linear ALIGN>, <TD>, LEFT, <TH>, <TR>, CENTER <DIV>,

ALIGN

<HR>

A linear LEFT, CENTER

el

texto: RIGHT, align=center

el

texto: RIGHT, align=center


SIZE

Valor de la altura en size=3 pixeles o porcentaje

WIDTH

Valor del ancho en width=50% pixeles o porcentaje

SIZE

Tamaño de la letra size=6 de 1 a 7

COLOR

<FONT>

Fuente del texto face="helv" (Internet Explorer) (helvética)

FACE HEIGHT WIDTH

color="#000000" (negro)

Color de la letra

<EMBED>, <IMAGE>, <MARQUEE>, <TD>, <TH>

Valor de la altura en heigth=80 pixeles o porcentaje Valor del ancho en width=50% pixeles o porcentaje

BORDER

Borde y ancho del border=5 borde en la tabla

CELLPADDING

Espacio entre borde y el texto

CELLSPACING <TABLE>

Espacio entre las líneas interna y cellspacing=3 externa del borde

HEIGHT

Valor de la altura en heigth=80 pixeles o porcentaje

WIDTH

Valor del ancho en width=50% pixeles o porcentaje

COLSPAN ROWSPAN

el

cellpadding=10

Expandir una celda colspan=4 <TD> dentro varias columnas de <TABLE> Expandir una celda rowspan=4 varias filas

Evolución de internet Sus orígenes se remontan a la década de 1960, dentro de ARPA (hoy DARPA), como respuesta a la necesidad de esta organización de buscar mejores maneras de usar los computadores de ese entonces, pero enfrentados al problema de que los principales investigadores y laboratorios deseaban tener sus propios computadores, lo que no sólo era más costoso, sino que provocaba una duplicación de esfuerzos y recursos. Así nace ARPANet (Advanced Research Projects Agency Network o Red de la Agencia para los Proyectos de Investigación Avanzada de los Estados Unidos), que nos legó el trazado de una


red inicial de comunicaciones de alta velocidad a la cual fueron integrándose otras instituciones gubernamentales y redes académicas durante los años 70. Investigadores, científicos, profesores y estudiantes se beneficiaron de la comunicación con otras instituciones y colegas en su rama, así como de la posibilidad de consultar la información disponible en otros centros académicos y de investigación. De igual manera, disfrutaron de la nueva habilidad para publicar y hacer disponible a otros la información generada en sus actividades. En el mes de julio de 1961 Leonard Kleinrock publicó desde el MIT el primer documento sobre la teoría de conmutación de paquetes. Kleinrock convenció a Lawrence Roberts de la factibilidad teórica de las comunicaciones vía paquetes en lugar de circuitos, lo cual resultó ser un gran avance en el camino hacia el trabajo informático en red. El otro paso fundamental fue hacer dialogar a los ordenadores entre sí. Para explorar este terreno, en 1965, Roberts conectó una computadora TX2 en Massachusetts con un Q-32 en California a través de una línea telefónica conmutada de baja velocidad, creando así la primera (aunque reducida) red de computadoras de área amplia jamás construida.

Inicialmente Internet tenía un objetivo claro. Se navegaba en Internet para algo muy concreto: búsquedas de información, generalmente. Ahora quizás también, pero sin duda alguna hoy es más probable perderse en la red, debido al inmenso abanico de posibilidades que brinda. Hoy en día, la sensación que produce Internet es un ruido, una serie de interferencias, una explosión de ideas distintas, de personas diferentes, de pensamientos distintos de tantas


posibilidades que, en ocasiones, puede resultar excesivo. El crecimiento o más bien la incorporación de tantas personas a la red hace que las calles de lo que en principio era una pequeña ciudad llamada Internet se conviertan en todo un planeta extremadamente conectado entre sí y al mismo tiempo con todos sus miembros. El hecho de que Internet haya aumentado tanto implica una mayor cantidad de relaciones virtuales entre personas. Es posible concluir que cuando una persona tenga una necesidad de conocimiento no escrito en libros, puede recurrir a una fuente más acorde a su necesidad. Como ahora esta fuente es posible en Internet. Como toda gran revolución, Internet pronostica una nueva era de diferentes métodos de resolución de problemas creados a partir de soluciones anteriores. Algunos sienten que Internet produce la sensación que todos han sentido sin duda alguna vez; produce la esperanza que es necesaria cuando se quiere conseguir algo. Es un despertar de intenciones que jamás antes la tecnología había logrado en la población mundial. Para algunos usuarios Internet genera una sensación de cercanía, empatía, comprensión y a la vez de confusión, discusión, lucha y conflictos que los mismos usuarios consideran la vida misma.

Concepto de internet Internet es un conjunto descentralizado de redes de comunicación interconectadas que utilizan la familia de protocolos TCP/IP, garantizando que las redes físicas heterogéneas que la componen funcionen como una red lógica única, de alcance mundial. Sus orígenes se remontan a 1969, cuando se estableció la primera conexión de computadoras, conocida como ARPANET, entre tres universidades en California y una en Utah, Estados Unidos. Uno de los servicios que más éxito ha tenido en Internet ha sido la World Wide Web (WWW, o "la Web"), hasta tal punto que es habitual la confusión entre ambos términos. La WWW es un conjunto de protocolos que permite, de forma sencilla, la consulta remota de archivos de hipertexto. Éste fue un desarrollo posterior (1990) y utiliza Internet como medio de transmisión. Existen, por tanto, muchos otros servicios y protocolos en Internet, aparte de la Web: el envío de correo electrónico (SMTP), la transmisión de archivos (FTP y P2P), las conversaciones en línea (IRC), la mensajería instantánea y presencia, la transmisión de contenido y comunicación multimedia -telefonía (VoIP), televisión (IPTV)-, los boletines electrónicos (NNTP), el acceso remoto a otros dispositivos (SSH y Telnet) o los juegos en línea. El género de la palabra Internet es ambiguo, según el Diccionario de la lengua española de la Real Academia Española.

Características del internet *Universal El internet está extendido prácticamente por todo el mundo. Desde cualquier


país podemos ver información generada en los demás países, enviar correo, transferir archivos, comprar, etc. *Fácil de usar No es necesario saber informática para usar Internet. Usar Internet es tan sencillo como pasar las hojas de un libro, sólo hay que hacer clic en las flechas avanzar y retroceder. *Variada En Internet se puede encontrar casi de todo, y si hay algo útil que falte, el que se dé cuenta se hará rico. *Económica Si se piensa lo que te costaría ir a varias bibliotecas y revisar 100 libros, o visitar varias tiendas para buscar un producto y se comparara con lo que te cuesta hacer lo mismo en Internet el ahorro de tiempo y dinero es impresionante. *Útil Disponer de mucha información y servicios rápidamente accesibles es algo útil. *Libre Hoy por hoy cualquiera puede colocar en Internet información sin censura previa, esto permite expresar libremente opiniones, y decidir libremente qué uso damos a Internet. Es algo importante que permite que las personas se sientan más libres y tengan más capacidad de reacción frente a los poderes establecidos. Pero también facilita el uso negativo de la red. Por ejemplo, la creación y dispersión de virus informáticos, de conductas antisociales, etc. *Anónima Se decir que ocultar la identidad, tanto para leer como para escribir, es bastante sencillo en Internet. Esta característica está directamente relacionada con el punto anterior, ya el anonimato puede facilitar el uso libre de la red con todo lo que esto conlleva. Entendido de forma positiva en anonimato facilita la intimidad y la expresión de opiniones. Aunque también facilita la comisión de delitos. *Auto-reguladora ¿Quién decide cómo funciona Internet? Algo que tiene tanto poder como Internet y que maneja tanto dinero no tiene un dueño personal. No hay ninguna persona o país que mande en Internet. En este sentido podemos decir que Internet se auto-regula o auto-gestiona. La mayoría de las reglas que permiten que Internet funcione han salido de la propia Internet. *Un poco caótica Después de lo dicho en el punto anterior parece un contrasentido decir que Internet es caótica. Es caótica en el sentido que no está ordenada ni tiene unas reglas estrictas de funcionamiento que permitan asegurar que todo funciona correctamente, fundamentalmente en el aspecto del contenido.


*Insegura La información de Internet viaja de un lugar a otro a través de la línea telefónica. Por lo tanto es posible interceptar una comunicación y obtener la información. Esto quiere decir que se puede leer un correo u obtener el número de una tarjeta de crédito. *Crecimiento vertiginoso Realmente Internet es un fenómeno que va a cambiar muchas cosas en la forma en que las personas se comunican y hacen negocios. Este cambio quizás no sea tan rápido como algunos dicen, pero puede que sea más profundo de lo que algunos piensan. Entre las investigaciones realizadas en el año 2003; el estudio de Nua, uno de los más específicos, habla de que Europa está a la cabeza de los continentes con 190 millones de usuarios. Asia guardaría el segundo lugar con 187 millones, mientras que Estados Unidos y Canadá obtendrían 182 millones. Con resultados significativamente distantes estarían a la cola América Latina con 33 millones, África con 6,3 millones y Oriente Medio con 5 millones de usuarios.

Evolución de las páginas web Desde sus comienzos allá por los años 60, Internet ha pasado por muchas fases, y su instrumento principal, las páginas web, han sufrido gigantescos cambios desde entonces. En sus orígenes, las páginas eran planas, únicamente presentaban texto, pero a medida que ha ido aumentando el desarrollo tecnológico estos sitios han ido creciendo con él. El desarrollo tecnológico de nuevos software y hardware han conseguido que Internet haya evolucionado a una velocidad galopante si lo comparamos con otros medios como la radio o la televisión. Por ello, la interfaz de ahora, no tiene mucho que ver con las de páginas de antaño, incluso con las de hace sólo 10 años. Como se decía al principio, las web sólo estaban dotadas de texto, hasta que comenzaron a aparecer en ellas las primeras imágenes. Más tarde vendrían, gracias a la evolución del desarrollo de sitios en la red, vídeos, animaciones, espacios dedicados al 3D, etc. La mención importante en esta evolución de los sitios en la red debe recaer en el diseño. El aspecto estético o físico es fundamental en la red. La utilización de elementos multimedia, servicios de comunicación como el chat, canales de sindicación RSS, correo electrónico, y la comunicación horizontal, la posibilidad de que sean los propios usuarios los que interactúen, son los grandes paradigmas de esta evolución de las web. En cuanto al diseño, como se decía las páginas de hoy aunque sean atractivas, no presentan los colores estridentes y casi dañinos a la vista que tenían las de hace 15 ó 20 años. Sitio en la red mucho mejor diseñados, con un mayor número de aplicaciones y posibilidades para que el usuario se encuentre


cómodo en su navegación son las principales insignias de los sitios de hoy en día.

Características de una página web Una página de Internet o página Web es un documento electrónico adaptado particularmente para el Web, que contiene información específica de un tema en particular y que es almacenado en algún sistema de cómputo que se encuentre conectado a la red mundial de información denominada Internet, de tal forma que este documento pueda ser consultado por cualquier persona que se conecte a esta red mundial de comunicaciones y que cuente con los permisos apropiados para hacerlo. Una página Web es la unidad básica del World Wide Web. Y a su vez también estar constituida de texto estático al que se le da formato con etiquetas HTML. O puede armarse dinámicamente cada vez que se visita dependiendo de múltiples factores (como paso de parámetros, cookies, origen del visitante, PHP, ASP, etc), pero, por lo general, el servidor siempre responderá en un formato HTML. Estas últimas son llamadas páginas web dinámicas.

Las páginas web pueden estar formadas por distintos elementos como: Texto e hipervínculos, imágenes (generalmente formatos GIF, JPG y PNG), audio (MIDI, MP3 y WAV), Flash, Shockwave, gráficos vectoriales (SVG), etc. Pueden poseer elementos que no son visibles por el usuario amplían las posibilidades del HTML: Scripts (generalmente JavaScript), metatags, Hojas de Estilo (CSS), etc. Una página Web tiene la característica peculiar de que el texto se combina con imágenes para hacer que el documento sea dinámico y permita que se puedan ejecutar diferentes acciones, una tras otra, a través de la selección de texto remarcado o de las imágenes, acción que nos puede conducir a otra sección dentro del documento, abrir otra página Web, iniciar un mensaje de correo electrónico o transportarnos a otro Sitio Web totalmente distinto a través de sus hipervínculos. Estos documentos pueden ser elaborados por los gobiernos, instituciones educativas, instituciones públicas o privadas, empresas o cualquier otro tipo de asociación, y por las propias personas en lo individual. Entre otras características de las páginas web se encuentran las siguientes: *Diseño Básico Un Sitio Web debe tener una homepage de presentación a partir de la cual se pueda recorrer la información existente. El número de páginas depende del tipo de empresa y del material que se quiera presentar en la red. Además existen elementos que prestan mucha utilidad como lo son: un contador de visitantes o counter que se encuentra en la página inicial, gráfica


que indique al navegante como ir a todos los puntos de la página y por supuesto fotos, dibujos, que muestren los productos, proyectos, etc... *Uso de Frames Existen diferentes diseños en cuanto al formato de la página web que va desde el más sencillo a más complejos como aquellos donde se usan frames, marcos o divisiones. El uso de frames o divisiones de la pantalla es reciente ya que versiones antiguas de visualizadores de páginas web no soportan este estilo (por ejemplo, sólo desde las versiones 2.0 de Netscape e Internet Explorer 3.0). Se trata de dividir la pantalla en dos o más sectores, distribuidos de la forma más conveniente, de manera de que cada división se comporte independiente de las otras, pero con una relación entre sí. Así se puede, por ejemplo, mantener un menú de selección siempre disponible en una parte de la pantalla mientras que los cambios se realizan en la otra parte.

*Gráfica Personalizada La gráfica es muy importante tanto de un punto de vista estético como de orientación al usuario. El uso de imágenes que indiquen como enviar correo electrónico, flechas que muestren como volver hacia la página anterior, botones con leyendas de los temas que están incluidos en la página, son una forma útil de dar atractivo al sitio web. Si agregamos que esta gráfica puede incluir logos, productos, etc. que identifiquen a la empresa, hace que su página web tenga un mayor efecto comunicacional. *Página Web Interactiva Se refiere a que el usuario, mediante herramientas de comunicación contenidas en la página, pueda contactarse con su empresa. Estas herramientas son: 1. Correo electrónico: con esta se ofrece la posibilidad de comunicación directa entre la empresa y el usuario, dejando un espacio abierto donde enviar sugerencias, comentarios, pedir cotizaciones o cualquier otro tipo de información. 2. Formularios: mediante los formularios se puede guiar al usuario con el tipo de información que busca y a la vez generar bases de datos de potenciales clientes. Esta información puede ir directamente al correo electrónico de, por ejemplo, un ejecutivo de ventas. 3. Servicio en línea: esto significa dar la posibilidad al usuario de obtener información, comprar, realizar reservas, etc. directamente desde su página web


y en forma automática. El sistema funciona mediante bases de datos y programas que hacen interactuar ésta con lo solicitado. *Animaciones Las animaciones hacen que su página sea más atractiva. Se pueden realizar en diferentes formatos como Gif animados y Java. En nuestros proyectos siempre consideramos al menos una animación. Además agregamos otras tecnologías que no sólo aportan movimiento al sitio web, sino además utilidad práctica. Logos, elementos que se quieran destacar o de orientación pueden animarse. *Sonido Sonido en Internet es un área, al igual que el video, de reciente desarrollo. Para poder escuchar sonidos es imprescindible que el equipo cuente con una tarjeta de sonido. En General, se clasifican en tres tipos: -Sonido (ambientes, -Música (genera una atmósfera propicia -Voz (discursos, locuciones).

para

el

eventos). mensaje).


Revista Digital