MAIN SECTIONS
SEARCH
TOP CHARTS
OTHER
![]() | ||
![]() | ![]() | ![]() |
![]() | ![]() | ![]() |
![]() | ![]() | ![]() | |||||
![]() ![]() User Login | Curso de HTML - IntroducciónSubmitted by GuybrushThreepwood on March 24, 2010 - 02:19.Quick Facts:
Summary
INTRODUCCIÓN: Antes de comenzar a diseñar sitios web se deben tener en cuenta algunas cosas que explicaré en esta introducción. Para realizar sitios web hay que saber de qué se tratan, diferenciar los elementos que los componen, conocer algunos lenguajes de diseño y programación -comenzando por HTML- y tener ciertas herramientas que permiten su realización.Todo esto está al alcance de cualquiera de nosotros, ya que con una conexión a Internet se tiene acceso a las herramientas -todas gratuitas- y leyendo tutoriales como este se aprende de que se tratan los sitios Web así como los lenguajes que se requieren para desarrollarlos.A pesar que usualmente utilizamos la palabra página para definir a un sitio Web, esta solamente se refiere a lo que nos muestra en pantalla en un determinado momento el navegador; mientras que un sitio es el conjunto de estas páginas que forman parte del mismo. Por ejemplo, lo que ves en pantalla en este momento es una página que forma parte del total del sitio Web llamado Youbioit.com, para poner otro ejemplo; Youtube sería un sitio mientras que al ver un video en particular se abre una página. Así como cada página forma parte de un libro; un sitio vendría a ser como un libro hecho por páginas.Aclarado esto pasamos a ver cuales son los componentes que hacen a una página y las herramientas que necesitamos para crearlos.Hay muchos tipos de páginas, las hay estáticas únicamente con texto, otras presentan imágenes, otras animaciones atractivas, otras son interactivas y esperan una respuesta u orden nuestra -por ejemplo los buscadores-, etc. Basta con navegar un poco para darse cuenta del gran matiz de sitios que uno se encuentra en la red de redes.Al principio, en la década de los '90s solían ser estáticas con texto y fondo gris o blanco. Con el paso del tiempo comenzaron a agregarles imágenes, fondos artísticos y hasta alguna melodía que sorprendía al visitante del sitio -debo confesar que no le encuentro la gracia a nada de esto, será que soy de la generación de en la que se encuentra de todo en la Web-. Luego, al ir creciendo Internet, llegaron los directorios y buscadores que nos facilitaban la búsqueda de sitios, más tarde los sitios vistosos con animaciones en Flash y finalmente lo que hoy conocemos como Web 2.0. Web 2.0 es un término que define a la Internet de hoy día en la que los sitios son interactivos y están hechos por los mismos usuarios. Antiguamente, las páginas las hacian los diseñadores y luego los usuarios las visitaban. Hoy los mismos usuarios forman parte de comunidades virtuales como Facebook, Twitter, Wikipedia, Youbioit, blogs, foros, sitios de ventas online, etc. Los usuarios comunes suben la información; escriben los artículos -como yo escribí este-; suben imágenes, videos, archivos, etc. y las páginas se construyen automáticamente con solamente tocar un botón -obviamente se requiere un programador que desarrolle el mecanismo de los sitios para que los usuarios puedan luego crear las páginas de manera fácil y sin saber diseñar en lenguajes como HTML. Así que Web 2.0 es el período que comienza aproximadamente en el 2004 cuando todos comenzamos a participar de la Web, y lo que permitió que tantas cosas e información esté al alcance de todos.HISTORIA DE INTERNET:Otra cosa que necesitamos saber es de que se trata Internet y de que se compone. Puede que a muchos les aburra leer temas de historia, pero esto puede resultarles muy interesante, además de abrirles la mente sobre ciertas dudas o términos que escuchamos diariamente pero no sabemos bien de que se tratan. Además para poder hacer sitios Web en HTML es fundamental saber que es lo que estamos haciendo. Voy a tratar de ser lo más sintético posible, pero a la vez informarlos bien acerca de como se desarrolló Internet y darle una idea de que se trata, los sorprenderán algunas cosas que van a leer.....de verdad.Básicamente la idea de Internet nació durante la guerra fría como un proyecto militar de Estados Unidos creado en 1958, el Advanced Research Projects Agency (Agencia de Proyectos de Investigación Avanzada) conocido como ARPA por sus siglas, cuando se lanzó el satélite ruso Sputnik y Estados Unidos quería tomar la delantera en la carrera espacial -me pregunto que hubiese pasado entonces si Estados Unidos no hubiese querido llegar a la Luna, hoy quizá no tendríamos Internet, o al menos no como la conocemos-.La idea principal de ARPA era crear sistemas que permitiesen interconectar a los distintos organismos de defensa del país, como el Pentágono o la Estación de Fuerza Aérea de la Montaña Cheyenne, así como a todos los radares para mantenerse informados al instante de lo que ocurría en cada sector del sistema de defensa nacional.Ya en 1957 se había realizado la primera demostración de Time-Sharing (uso compartido de recursos) y lo que sería la base de Internet. Gracias a esto, distintas computadoras se podían conectar a una computadora y utilizar sus recursos al mismo tiempo -o sea lo que hacemos hoy día al navegar y bajar toda la información de distintos sitios, básicamente desde nuestra máquina tenemos acceso a una computadora remota-. Fue así que bajo la supervisión del proyecto ARPA, el 29 de Octubre de 1969, se pone en funcionamiento la red que conectaba a la facultad de Ingeniería y Ciencias Aplicadas de la Universidad de UCLA con el Instituto Internacional de Investigaciones de Stanford, esta fue el acta de nacimiento de ARPANET -antiguo nombre de lo que hoy conocemos como Internet-.En esta red se podían enviar paquetes de información, así como muchas otras tareas que de manera errónea creemos son desarrollos actuales; pero ya existían desde hace décadas; por ejemplo las teleconferencias, ventanas múltiples en pantalla, hipervínculos, publicación de medios, etc. Más tarde se sumarían a la red en orden cronológico el Centro Interactivo de Matemáticas Culler-Fried de la Universidad de California en Santa Bárbara, California y el Departamento de Gráficos de la Universidad de Utah. Para finales de 1971 ya habrían 15 sitios conectados a la naciente red de ARPANET.Paralelamente en el Reino Unido se desarrolló otra red llamada International Packet Switched Service (Servicio Internacional de Intercambio de Paquetes de Información). Fue creada en conjunto entre el Servicio Postal Británico, la empresa estadounidense Western Union y la red de telecomunicaciones estadounidense Tymnet. Durante los próximos años se perfeccionaron las tecnologías que permitían el intercambio de información entre computadoras, incluyendo tecnologías como correo electrónico; paralelamente estas redes seguían creciendo al agregarse más y más sitios gubernamentales y de investigación.Ya en 1985 la NSF United States National Science Foundation (Fundación Nacional de Ciencias de Estados Unidos), creó otra red, la NSFNET, la cual interconectaba universidades.Finalmente en verano de 1989 tras la aprobación del Consejo de Redes del Gobierno de Estados Unidos, se vincularon las redes de NSFNET y la del sistema de correo electrónico de la empresa de telecomunicaciones MCI, la MCI Mail. Así quedaban las redes abiertas al público comercial y dejaban de ser de uso exclusivo del gobierno, universidades y entidades de investigación.A partir de ese momento se sumaron otras redes de servicios comerciales de email -sí, todavía no era gratuito tener correo electrónico-. Luego se sumarían más y más redes, que proporcionarían servicios varios; generando un conglomerado de redes que daba vida a una super-red o red de redes, llamada Internet. Sin embargo Internet no sería popular hasta la década de los '90s cuando su uso fue facilitado gracias al sistema de navegación inventado por Tim Berners-Lee en el Centro Europeo de Investigaciones Nucleares CERN a finales del año 1990. Berner-Lee, desarrolló el proyecto World Wide Web (Tejido o Telaraña Mundial) -de ahí lo de www-, inventando un sistema que facilitaba la lectura de información, mediante el uso de un programa de navegación, nacía así el primer navegador el ViolaWWW. Este permitía a los usuarios leer documentos que se bajaban con el navegador y pasar de un documento al otro mediante hipervínculos, también conocidos como links, enlaces o vínculos, entre otros nombres.El lenguaje que se utilizaba para crear estos documentos se pasó a llamar HTML Hypertext Markup Language (Lenguaje de Marcado de Hipertexto), simplemente porqué su componente básico eran los hipertextos -links- que nos permitían pasar de un documento o página a otro. Por lo tanto llegamos a la conclusión que los cimientos de la popularización de Internet fueron los links o enlaces que nos permitían ir de una página a la otra....dicho de otra manera, nos permitía navegar.En 1993 se creó el navegador Mosaic, que muchos viejos usuarios de Internet recordarán. Desde entonces cada vez más personas se interesaron en Internet, creciendo a un ritmo de 100% anual y dando un salto explosivo entre 1996 y 1997. Para principios de 2010 se calcula que habían ya más de 1700 millones de usuarios en todo el mundo y no para de crecer. ¿QUE ES INTERNET? Todos sabemos de que se trata Internet, pero ¿sabemos exactamente qué es? Si leíste la sección anterior de historia -lo cual recomiendo- ya te darás una idea. Básicamente se trata de un gigantesco sistema de redes -computadoras conectadas unas con otras-, interconectadas. Por eso mismo se la denomina coloquialmente la Red de redes. En ella encontramos redes comerciales, gubernamentales, personales, empresariales, de telecomunicaciones, financieras, de entretenimiento, etc. Todas interconectadas entre ellas; formando un conglomerado mundial de redes, llamado Internet -de International Network o Red Internacional-. Puesto que cada uno de nosotros tenemos acceso a pequeñas redes locales de nuestros países que a su vez están conectadas a la super red, tenemos acceso así a todas las redes del planeta que estén conectadas a Internet.¿Y que es lo que se transmite en Internet? La respuesta es simple, información. Paquetes de información que están alojados en computadoras, dado que cada red no es más que un conjunto de computadoras interconectadas, que al estar enlazadas a la red de redes son accesibles a cualquiera. O sea, que en otras palabras podemos entrar al disco rígido de esas computadoras donde está guardada la información que nos interesa.Por ejemplo si una página está compuesta de un documento textual, tres imágenes y un video lo que hace nuestro navegador es entrar a la computadora donde se aloja esa página y bajarse el documento, las tres imágenes y el video y mostrarlas en el navegador. Otro ejemplo sería cuando entramos a algún sitio donde se alojan archivos, tipo Rapidshare o Megaupload, lo que hacemos es encontrar la dirección donde se aloja el archivo que queremos bajar a nuestro disco rígido -desde el disco rígido donde se aloja el sitio- y lo descargamos.No hay ninguna diferencia entre bajarse un programa, imágenes, un video o un documento de texto; son todos archivos, algunos se ven en el navegador y otros necesitan aplicaciones especiales para ejecutarse -por ejemplo un juego-.Las páginas que vemos están en formato .html las imágenes en .jpg o .gif, los videos en .avi, la música en .mp3, etc. Todos estos archivos están alojados en computadoras llamadas servidores. Los sitios que visitamos y todo lo que bajamos de ellos se encuentran en estos servidores. Pero no todo es bajar datos y archivos, también enviamos desde nuestras computadoras al enviar un mensaje de chat, al escribir un mail, al subir un video o simplemente al mandar una orden con nuestro navegador a una computadora de servidor para ver una cierta página y toda la información que esta muestre.Para graficar la situación de cuál es el proceso que ocurre al ver una página en nuestro navegador vamos a tomar el ejemplo de este tutorial:Al bajar esta página en la que se ve texto e imágenes sucede más o menos lo siguiente:
![]() Pero vamos a interiorizarnos un poco más en el tema. Como dijimos antes, cada una de nuestras computadoras están conectadas a una red que a su vez está conectada a la red de redes; en otras palabras, nuestra máquina está conectada a la red de nuestro ISP, siglas de Internet Service Provider (Proveedor de Servicios de Internet), a través de un Modem. Todos los clientes de una compañía de ISP acceden a las redes de estas por lo que se llaman POP, siglas de Point of Presence (Punto de Presencia), o sea que los POP son la ubicación real (física) por la que se accede a la red del proveedor de servicios Internet. A su vez estas redes acceden a la red de Internet a través de lo que se llaman NAP, siglas de Network Access Point (Punto de Acceso a la Red). Veamos un ejemplo práctico: Imaginemos una Compañía A de ISP, recordemos que significa Proveedor de Servicios de Internet, que en cada ciudad tiene un POP para que sus clientes accedan a la red de la empresa con sus Modems. A su vez la Compañía A le alquila a una empresa telefónica o de servicios de telecomunicaciones lineas de cables de fibra óptica para interconectar todos los POP de todas las localidades en las que presta servicio; así todas las computadoras de los clientes de esta empresa pueden estar interconectados entre ellas.Por otro lado existe también la Compañía B que hace exactamente lo mismo y tiene su propia red, interconectando a todos los clientes de esta.Sin embargo los clientes de la red de la Compañía A no pueden conectarse a los de la Compañía B y vice versa. Es así como estas deciden conectarse al Punto de Acceso a la Red NAP y quedar de esta manera interconectadas una con la otra.Es así que Internet está formada por innumerables redes de empresas, organismos y otras entidades que conectad sus redes a los NAP que les dan acceso a Internet, que como dijimos antes no es más que una colección de pequeñas redes interconectadas unas con otras y por lo tanto todas las computadoras que están conectadas a estas pequeñas redes también lo están a la red de redes. ![]() Los paquetes de información viajan de una red a la otra a través de Routers que cumplen la función de seleccionar que camino o ruta tomará este paquete de datos e información de una computadora a la otra y a través de que redes lo hará. También cumplen la función de cerciorarse si los datos e información llegaron a destino así como evitar que se generen congestionamientos en el camino que haría colapsar el tráfico general de redes a lo largo del camino.Los Routers son computadoras especiales que se encuentran a lo largo del camino que el paquete de información tomará a través de miles de senderos virtuales y todo esto en una fracción de segundo.Cada una de las computadoras conectadas a Internet cuentan con un identificador llamado Dirección IP, siglas de Internet Protocol (Protocolo Internet), que es el lenguaje estandar que usan las computadoras para intercomunicarse en Internet.Una dirección de IP típica se parece a esto: 217.28.62.151No vamos a profundizar en la estructura de los IP ya que está mas allá del objetivo de esta parte del tutorial, sin embargo realizaremos un breve repaso superficial para que se tenga una idea acerca de que se trata más o menos.Dijimos que cada computadora conectada a la red tiene su dirección IP, como vimos en la dirección anterior estas están compuestas por 4 números separados por puntos entre sí. Cada uno de estos puede contener 256 valores de 0 a 255. Por lo tanto si realizamos 2564 -o sea 256x256x256x256- obtenemos 4.294.967.296 distintas combinaciones de direcciones. Por lo tanto ese es el máximo número de conexiones que se pueden tener en Internet con el actual sistema. Hacia enero de 2010 quedaban aproximadamente 400 millones de conexiones disponibles que se calcula estarían ocupadas hacia el 2012. Pero a no preocuparse, los técnicos están trabajando para implementar otro sistema que permita mayor cantidad de conexiones.Obviamente el sistema de direcciones IP es más complicado de lo que se explica aquí, pero escaparía al enfoque de tutorial de HTML; simplemente es necesario tener una idea de lo que se trata sin tener que ahondar en aspectos técnicos.Cada dirección Web a la que entramos en realidad nos da acceso a una computadora remota que aloja el sitio que visitamos y por ende tiene su dirección IP única. Sin embargo como sería muy complicado recordar la dirección IP numérica de cada sitio, se inventó el DNS Domain Name System (Sistema de Nombre de Dominio) el cual asigna un nombre de dominio como www.ejemplo.com a una dirección IP, siendo así más fácil de recordar. ¿COMO SE HACEN LOS SITIOS Y PAGINAS DE INTERNET? Se calcula que para principios de 2010 habían en toda Internet aproximadamente 70 millones de sitios y a su vez la mayoría de estos estaban divididos en más de una página que los componían. Para empezar; acceso a Internet, para poder bajar todas las herramientas y recursos que necesitemos. Luego, para comenzar al menos, con el block de notas nos alcanza para editar el código de las páginas que diseñemos. Otra cosa necesaria es un navegador de Internet para ver los resultados, algo que obviamente ya tenemos, puesto que estamos leyendo este artículo. Si lo que queremos obtener es una página estática simple, lo más básico es que sepamos HTML y CSS -de esto hablaremos más adelante en capítulos más avanzados-. Si ya queremos agregar algunos efectos dinámicos como botones, animaciones simples, etc. debemos estudiar el lenguaje de programación Javascript. Más adelante se puede estudiar Flash y Action Script para realizar efectos especiales, reproductores de películas, juegos online y otras cosas que tengan que ver con el mundo audiovisual. Finalmente llegamos al punto avanzado de aprender a programar en PHP o ASP y usar bases de datos -como MySql- para realizar sitios complejos como google, youtube, facebook, youbioit, etc. Pero como en casi todo debemos realizar cada paso para llegar al destino esperado y el primer paso a dar es HTML. Entre las herramientas adicionales que necesitamos para realizar sitios Web, es conveniente saber crear y editar imágenes en algún editor como Photoshop o Paint Shop Pro. Y para subir nuestras páginas y archivos a la computadora donde se aloja nuestro sitio necesitamos una herramienta llamada FTP de las siglas File Transfer Protocol (Protocolo de Transferencia de Archivos), que se puede conseguir de manera gratuita en la Web -luego se indicarán algunas direcciones de donde bajar herramientas útiles-. Eso es todo lo que se necesita saber antes de empezar con el tutorial de HTML. Si se ha entendido todo lo anteriormente explicado en esta introducción, todo el resto del aprendizaje se hará más simple.
Reply |