El World Wide Web (WWW) es un sistema que contiene una cantidad de información casi infinita. Pero esta información debe estar ordenada de alguna forma de manera que sea posible encontrar lo que se busca. La unidad básica donde está almacenada esta información son las páginas Web. Estas páginas se caracterizan por contener texto, imágenes, animaciones... e incluso sonido y video.
Una de las características más importantes de las páginas Web es que son hipertexto. Esto quiere decir que las páginas no son elementos aislados, sino que están unidas a otras mediante los links o enlaces hipertexto. Gracias a estos enlaces el navegante de internet puede pulsar sobre un texto (texto al que llamaremos de ahora en adelante activo) de una página para navegar hasta otra página. Será cuestión del programador de la página inicial decidir que palabras o frases serán activas y a donde nos conducirá pulsar sobre ellas.
En algunos ambientes se discute que el World Wide Web ya no es un sistema hipertexto sino hipermedia. Los que defienden el cambio se apoyan en que aunque en sus orígenes el WWW constaba únicamente de texto en la actualidad es un sistema principalmente gráfico y se puede hacer que las zonas activas sean, no sólo texto, sino imágenes, videos, botones,... en definitiva cualquier elemento de una página. Aún así, el término original no ha sido reemplazado todavía y por tanto será el empleado a lo largo de esta obra.
Internet
Red de redes. Sistema mundial de redes de computadoras interconectadas. Fue concebida a fines de la década de 1960 por el Departamento de Defensa de los Estados Unidos; más precisamente, por la ARPA. Se la llamó primero ARPAnet y fue pensada para cumplir funciones de investigación. Su uso se popularizó a partir de la creación de la World Wide Web. Actualmente es un espacio público utilizado por millones de personas en todo el mundo como herramienta de comunicación e información.
World Wide Web
Red mundial; telaraña mundial. Es la parte multimedia de Internet. Es decir, los recursos creados en HTML y sus derivados. Sistema de información global desarrollado en 1990 por Robert Cailliau y Tim Berners-Lee en el CERN (Consejo Europeo para la Investigación Nuclear). Con la incorporación de recursos gráficos e hipertextos, fue la base para la explosiva popularización de Internet a partir de 1993.
Como trabaja Internet
El aspecto técnico más peculiar y especial del Internet es el de que la información enviada (una carta, un documento, una foto, música o cualquier otro tipo de datos), es dividida en pequeños paquetes que recorren caminos independientes en la red hasta llegar a su destino final, donde son organizados y reunificados como un todo al ser recibidos. Así, cada paquetito de información encuentra su propia ruta por el Internet de forma tal que si una conexión en el camino no existe o no está funcionando, simplemente el paquetito sigue otro camino alternativo hasta reunificarse con los demás en el destino final, garantizando el flujo de información en la red.
Que nos ofrece internet
Entre los principales servicios que Internet coloca a nuestra disposición encontramos, por orden de importancia:
El correo electrónico.
Al contratar el servicio de Internet, recibimos una dirección de correo-e a la cual otros usuarios de Internet en cualquier parte del mundo pueden escribirnos y enviarnos mensajes, documentos, fotos, gráficos, músicas o cualquier tipo de archivos. Lo mismo podemos hacer nosotras, escribiendo y enviando material a otros usuarios de la red.
La telaraña mundial o world wide web (www).
El servicio más popular del Internet, y el más comentado, es la disponibilidad en línea index.htm - index.html - 4 de millones de páginas informativas sobre los más diversos tópicos y todos los idiomas que podamos pensar. Prácticamente, cada persona conectada a la red tiene la posibilidad de publicar información. Con un universo de más de 50 millones de usuarios, esto nos da una idea de la cantidad de información que podemos encontrar en la misma. Desde niños de escasa edad hasta prestigiosas instituciones académicas e importantes empresas, todos colocan información en línea, de tal forma que navegando por la red podemos acceder a información sobre cualquier tópico, con la ventaja de que en muchos casos encontraremos informaciones más recientes y actualizadas que las que encontramos impreso en el mundo real.
Grupos de discusión o newsgroups.
Estos son foros en línea, donde cada cual puede exponer su opinión, comentar lo que otro ya ha escrito o plantear temas nuevos. Por lo general, la información publicada en estos foros permanece visible por varios días (una semana o más), garantizando una amplia participación de las personas sin necesidad de horarios comunes. Los foros tratan sobre tópicos específicos a un área temática o a una región, típicamente identificada en su nombre. Por ejemplo, soc.culture.colombia es un foro sobre Colombia y asuntos que atañen a los colombianos, así como alt.genealogy trata sobre temas de árboles familiares, ancestros, etc. No obstante, en cualquier momento encontramos varias "discusiones" sobre tópicos distintos en un mismo grupo. Listas de correo.
Proporcionan un mecanismo simple y eficiente para el intercambio de mensajes electrónicos entre personas interesadas en un mismo tema. Los mensajes enviados a la lista son distribuidos a todos sus suscriptores. A diferencia de los foros, no necesitamos dirigirnos a ningún lugar en la red, ya que los mensajes nos llegan automáticamente a nuestro buzón virtual, junto al resto de nuestro correo electrónico normal.
Chat, teleconferencia y videoconferencia.
En los casos arriba expuestos, establecemos comunicación con otras personas en la red por medio de mensajes y sin necesidad de estar conectados al mismo tiempo. Existen también servicios de conversación (chatindex.html - 5index.html - 5 o irc), por medio de los cuales podemos ver en nuestra pantalla lo que otras usuarias escriben en el momento, comunicándonos en tiempo realindex.html - 6index.html - 6. Nuevas tecnologías permiten conversar con otros usuarios no tan sólo escribiendo en la pantalla, sino también hablando por un micrófono y escuchando la voz por las bocinas de la computadora. Del mismo modo, con modernas camaritas que se integran a la computadora, podemos ver a nuestro interlocutor.
FTP
File transfer protocol.
En la red abundan los servidores ftp, que no son otra cosa que depósitos de archivos, donde podemos obtener copias de programas, documentos e imágenes libres de derecho de autor o a título de prueba para que experimentemos por un tiempo limitado con los mismos. Utilizando también el servicio de ftp que podemos publicar nuestras páginas en los servidores de la red. Los recursos arriba mencionados y resumidos en la tabla debajo permiten una reducción significativa de nuestros costos internacionales de comunicación, así como nuevas posibilidades para la colaboración y coordinación tanto de proyectos e investigaciones como de nuestras actividades y tareas diarias.
El protocolo de transferencia de hipertexto (HTTP, HyperText Transfer Protocol) es el protocolo usado en cada transacción de la Web (WWW). HTTP fue desarrollador por el consorcio W3C y la IETF, colaboración que culminó en 1999 con la publicación de una serie de RFCs, siendo el más importante de ellos el RFC 2616, que especifica la versión 1.1. HTTP define la sintaxis y la semántica que utilizan los elementos software de la arquiectura web (clientes, servidores, proxies) para comunicarse. Es un protocolo orientado a transaciones y sigue el esquema petición-respuesta entre un cliente y un servidor. Al cliente que efectua la petición (un navegador 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 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.
http
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.
Navegadores
Los navegadores son programas que nos permiten circular a través de la red.
Los navegadores más utilizados son Microsoft Internet Explorer, Mozilla FireFox y Netscape Navigator. Son gratuitos y los puedes descargar desde los CDROM que te ofrecen los proveedores, y también puedes bajarlos de la red desde las páginas de Microsoft y Netscape. La version más actualizada de Microsoft es la 6, que puedes bajarla gratuitamente de www.microsoft.es . Si aún tienes la versión 5 debes bajar la 6 gratis. Ya existe la versión 7.
Algo hacia los navegadores:
g El manejo de los navegadores es muy sencillo, y la navegación por internet te permitirá sacarles cada vez más utilidades.
g Te conviene tener instalados los dos navegadores. Hay algunas diferencias entre ellos y ventajas e inconvenientes según lo que quieras hacer con internet.
g Explorer puede ser más sencillo por su similitud con los programas de Microsoft, pero Netscape tiene menúes simples e intuitivos.
g Los dos navegadores permiten gestionar el correo electrónico, pero parece que Outlook Express de Microsoft puede ser más completo o más fácil de aprender.
g Quizá para los usuarios del sistema operativo Linux sea mejor opción Netscape.
g El navegador más utilizado (más del 90 %) es Microsoft Internet explorer, que se complementa con Frontpage para crear páginas web y con Outlook para el correo
g Las versiones 5 6 y 7 de Internet Explorer permiten guardar páginas web con sus archivos asociados, es decir imágenes, videos, sonidos y demás elementos de la página, con "archivo" y "guardar como", "como página completa". Esto permite la reproducción de la página sin posterior conexión a la red.
g Mediante el menú "ver" se pueden ocultar o mostrar parte de las barras de herramientas, o quitar o añadir botones de órdenes.
g El menú "ver" permite elegir el tipo de letra y el tamaño, lo que puede ser útil para personas con dificultad de visión.
g En "favoritos" hay una opción que permite archivar la dirección de las páginas web a las que se accede regularmente.
g Si quieres imprimir una página tienes la opción de vista preliminar.
g Al navegar se copian en el ordenador archivos temporales que cargan la información desde el Pc en la siguiente navegación por la misma página. Puedes eliminar de vez en cundo estos archivos o puedes configurar un determinado espacio límite para estos archivos.
g Puedes tener también un acceso directo desde el escritorio a una página o subpágina muy visitada.
g Puedes elegir la página de inicio.
g Puedes utilizar combinación de teclas mientras navegas:
Ctrl + D Pasas la página que estás visitando a favoritos
Ctrl + <> Vas a página siguiente
Qué necesito para poner mi página en Internet?
Cuando ya tengas tu web preparada, la tienes que poner al alcance de todos. Lo primero que necesitas es registrar un dominio, un “nombre” para tu web, tu marca en internet, como por ejemplo, hostalia.com, luisgomez.es o inmobiliaria-madrid.net. Cuando ya tengas el dominio, necesitarás un plan de hosting, el espacio para tu web en Internet.
Precios de los dominios
Registra tu propio nombre de dominio al mejor precio con HOSTALIA.
Dominios genéricos
.com 11,90 €
.net
.org
.biz
.info
Dominios .es
.es 11,90 €
.com.es 8 €
.nom.es
.org.es
Otros dominios
.eu 18,95€
.ws 25 €
.cc 40 €
.tv 58 €
.cat (1) 38 €
.mobi (2) 39 €
Los precios indicados corresponden al registro o renovación de los dominios por un año excepto los dominios .mobi cuyo registro es por 2 años. (1) El registro de los dominios .cat tiene un coste de 70 € el primer año, y 38 € las renovaciones. (2) Consulta las condiciones especiales de los dominios .mobi haciendo click aquí.
Ya tengo el dominio. ¿Cómo pongo mi web?
Ahora sólo necesitas un alojamiento, es decir, un espacio en nuestros servidores, para que cuando alguien teclee el dominio que has elegido pueda ver tu página web. Puedes empezar con un “Plan Email”, sólo para tener cuentas de correo, o con un “Inicio” si tu web es sencilla, e ir subiendo de Plan a medida que aumenten tus necesidades. No hace falta que contrates nada más al principio. Aquí tienes una comparativa de todos nuestros planes.
Y ahora qué?
Cuando hayas registrado el dominio y contratado el alojamiento, recibirás en tu email las instrucciones para colgar tu web, configurar las cuentas de correo y todo lo que necesitas para estar on-line inmediatamente.
SERVIDOR WEB
En informática, un servidor es un tipo de software que realiza ciertas tareas en nombre de los usuarios. El término servidor ahora también se utiliza para referirse al ordenador físico en el cual funciona ese software, una máquina cuyo propósito es proveer datos de modo que otras máquinas puedan utilizar esos datos.
Este uso dual puede llevar a confusión. Por ejemplo, en el caso de un servidor web, este término podría referirse a la máquina que almacena y maneja los sitios web, y en este sentido es utilizada por las compañías que ofrecen hosting u hospedaje. Alternativamente, el servidor web podría referirse al software, como el servidor de http de Apache, que funciona en la máquina y maneja la entrega de los componentes de los páginas web como respuesta a peticiones de los navegadores de los clientes.
Los archivos para cada sitio de Internet se almacenan y se ejecutan en el servidor. Hay muchos servidores en Internet y muchos tipos de servidores, pero comparten la función común de proporcionar el acceso a los archivos y servicios.
Un servidor sirve información a los ordenadores que se conecten a él. Cuando los usuarios se conectan a un servidor pueden acceder a programas, archivos y otra información del servidor.
En la web, un servidor web es un ordenador que usa el protocolo http para enviar páginas web al ordenador de un usuario cuando el usuario las solicita.
Los servidores web, servidores de correo y servidores de bases de datos son a lo que tiene acceso la mayoría de la gente al usar Internet.
Algunos servidores manejan solamente correo o solamente archivos, mientras que otros hacen más de un trabajo, ya que un mismo ordenador puede tener diferentes programas de servidor funcionando al mismo tiempo.
Los servidores se conectan a la red mediante una interfaz que puede ser una red verdadera o mediante conexión vía línea telefónica o digital.
Un servidor web es un programa que implementa el protocolo HTTP (hypertext transfer protocol). Este protocolo está diseñado para transferir lo que llamamos hipertextos, páginas web o páginas HTML (hypertext markup language): textos complejos con enlaces, figuras, formularios, botones y objetos incrustados como animaciones o reproductores de música.
Sin embargo, el hecho de que HTTP y HTML estén íntimamente ligados no debe dar lugar a confundir ambos términos. HTML es un lenguaje de marcas y HTTP es un protocolo.
Un servidor web se encarga de mantenerse a la espera de peticiones HTTP llevada a cabo por un cliente HTTP que solemos conocer como navegador. El navegador realiza una petición al servidor y éste le responde con el contenido que el cliente solicita. A modo de ejemplo, al teclear http://www.wikipedia.org/ en nuestro navegador, éste realiza una petición HTTP al servidor de dicha dirección. El servidor responde al cliente enviando el código HTML de la página; el cliente, una vez recibido el código, lo interpreta y lo muestra en pantalla. Como vemos con este ejemplo, el cliente es el encargado de interpretar el código HTML, es decir, de mostrar las fuentes, los colores y la disposición de los textos y objetos de la página; el servidor tan sólo se limita a transferir el código de la página sin llevar a cabo ninguna interpretación de la misma.
Las aplicaciones de servidor suelen ser la opción por la que se opta en la mayoría de las ocasiones para realizar aplicaciones web. La razón es que, al ejecutarse ésta en el servidor y no en la máquina del cliente, éste no necesita ninguna capacidad adicional, como sí ocurre en el caso de querer ejecutar aplicaciones javascript o java. Así pues, cualquier cliente dotado de un navegador web básico puede utilizar este tipo de aplicaciones.
TIPOS DE SERVIDORES
APACHE
El servidor HTTP Apache es un software (libre) servidor HTTP de código abierto para plataformas Unix (BSD, GNU/Linux, etc.), Windows, Macintosh y otras, que implementa el protocolo HTTP/1.1 [1] y la noción de sitio virtual. Cuando comenzó su desarrollo en 1995 se basó inicialmente en código del popular NCSA HTTPd 1.3, pero más tarde fue reescrito por completo. Su nombre se debe a que originalmente Apache consistía solamente en un conjunto de parches a aplicar al servidor de NCSA. Era, en inglés, a patchy server (un servidor "parcheado").
Apache presenta entre otras características mensajes de error altamente configurables, bases de datos de autenticación y negociado de contenido, pero fue criticado por la falta de una interfaz gráfica que ayude en su configuración.
Apache tiene amplia aceptación en la red: en el 2005, Apache es el servidor HTTP más usado, siendo el servidor HTTP del 48% de los sitios web en el mundo y decreciendo su cuota de mercado (estadísticas históricas y de uso diario proporcionadas por Netcraft [2] ).
INTERNET INFORMATION SERVICES
Internet Information Services , IIS, es una serie de servicios para los ordenadores que funcionan con Windows. Originalmente era parte del Option Pack para Windows NT. Luego fue integrado en otros sistemas operativos de Microsoft destinados a ofrecer servicios, como Windows 2000 o Windows Server 2003. Windows XP Profesional incluye una versión limitada de IIS. Los servicios que ofrece son: FTP, SMTP, NNTP y HTTP/HTTPS.
Este servicio convierte a un ordenador en un servidor de Internet o Intranet es decir que en las computadoras que tienen este servicio instalado se pueden publicar páginas web tanto local como remotamente (servidor web).
El servidor web se basa en varios módulos que le dan capacidad para procesar distintos tipos de páginas, por ejemplo Microsoft incluye los de Active Server Pages (ASP) y ASP.NET. También pueden ser incluidos los de otros fabricantes, como PHP o Perl.
LIGHTTPD
lighttpd es un servidor web diseñado para ser rápido, seguro, flexible, y fiel a los estándares. Está optimizado para entornos donde la velocidad es muy importante, y por eso consume menos CPU y memoria RAM que otros servidores. Por todo lo que ofrece, lighttpd es apropiado para cualquier servidor que tenga problemas de carga.
lighttpd es software libre y se distribuye bajo la licencia BSD. Funciona en GNU/Linux y UNIX de forma oficial. Para Microsoft Windows actualmente hay una distribución conocida como Lighttpd For Windows mantenida por Kevin Worthington.
Desde CoffeeCup HTML Editor, el primer editor HTML del mercado allá por 1994, mucho ha crecido la web, y con ella los editores web.
En aquella época las webs eran muy sencillas, construidas básicamente con HTML, y se podían crear usando cualquier editor de texto, como el Bloc de Notas, o el Vi. Eran tiempos de frames, imágenes animadas horribles, y sin ningún tipo de diseño.
Hoy día no sólo se usa HTML para crear una web, que incluso se usa una variante de éste, XHTML . Ahora tienen la misma importancia (X) HTML, CSS, Javascript/ECMAScript, o lenguajes de servidor como PHP, Java o .NET/ASP. Aún es posible crear una web con Bloc de Notas o vi, pero, a riesgo de ser un poco menos geek, los principales editores web del mercado nos harán la vida mucho más fácil.
EDITORES DE PAGINAS WEB
El desarrollo web es quizás la rama informática que aglutina más lenguajes (HTML, CSS, Javascript, PHP, Java) distintos que deben interaccionar entre sí, y por ello necesitamos un editor web que nos facilite nuestro arduo trabajo.
Son muchos los editores web existentes en el mercado (Dreamweaver, Front Page, CoffeCup HTML Editor, Homesite) cada uno con sus propias peculiaridades, aunque en realidad no son muy distintos unos de otros.
Las características principales que observamos en todos ellos son edición WYSIWYG, cliente FTP, control de versiones, autocompletado de código, resaltado de sintaxis, soporte de lenguajes de servidor, depuración, documentación en línea
COFFEECUP
Desde CoffeeCup HTML Editor, el primer editor HTML del mercado allá por 1994, mucho ha crecido la web, y con ella los editores web.
En aquella época las webs eran muy sencillas, construidas básicamente con HTML, y se podían crear usando cualquier editor de texto, como el Bloc de Notas, o el Vi. Eran tiempos de frames, imágenes animadas horribles, y sin ningún tipo de diseño.
Hoy día no sólo se usa HTML para crear una web, que incluso se usa una variante de éste, XHTML . Ahora tienen la misma importancia (X) HTML, CSS, Javascript/ECMAScript, o lenguajes de servidor como PHP, Java o .NET/ASP. Aún es posible crear una web con Bloc de Notas o vi, pero, a riesgo de ser un poco menos geek, los principales editores web del mercado nos harán la vida mucho más fácil.
Como en cualquier aspecto de la informática, no existe una única aplicación que sirva para todo, y el amplio mundo del desarrollo web no es una excepción. Cada cual utilizará la aplicación que mejor se adapte a sus necesidades. Hay que tener en cuenta si se necesita control de versiones (CVS, Subversion), cliente FTP o WebDAV, documentación en línea, lenguajes soportados,
autocompletado de código, WYSIWYG (What You See Is What You Get), depuración de código, etc.
Pero una herramienta común para todos los desarrolladores web, es sin duda alguna Firefox. Depurar una página web nunca fue tan fácil y rápido, gracias a las extensiones de las que disponemos, como Web Developer o Firebug.
ADOBE DREAMWEAVER
Muchos hemos aprendido HTML y CSS gracias al producto de Macromedia Dreamweaver (ahora propiedad de Adobe). Es muy similar a CoffeeCup aunque con mayores prestaciones, aunque también es mucho más caro.
En la última versión (CS3) dispone de un muy mejorado soporte de CSS, que junto a su funcionalidad de autocompletado de atributos CSS (ideal para los que empiezan) lo convierte quizás en uno de los editores más cómodos para trabajar con CSS, y por ello quizás también sea el más usado por los diseñadores web.
Al igual que CoffeeCup, sus asistentes harán las delicias de los más novatos, aunque de poca utilidad para los más avanzados. Incluye lo que han llamado Spry, una librería de widgets y efectos mediante Javascript, que en mi opinión ha llegado demasiado tarde y mal, puesto que existen fabulosas librerías de widgets/efectos, como Dojo Toolkit, jQuery, script.aculo.us, etc. Podrían haber creado asistentes para usar dichas librerías, pero han preferido usar las suyas propias.
AMAYA
Amaya es más una curiosidad que una herramienta popular. Está desarrollado por la W3C (World Wide Web Consortium), la asociación que se encarga de construir los estándares web.
Es un navegador y un editor web, cuya peculiaridad es que permite editar directamente cualquier página web que se visualice, y que permite editar SVG y MathML, para codificar e integrar junto con HTML. Es bastante espartano y carece de asistentes, pero sus modos de vistas pueden resultar muy interesantes.
APTANA
Este editor está basado en Eclipse, e incluso puede usarse como plugin en éste. Su asistente de código (HTML, CSS y Javascript) es único, mostrando documentación en línea de todos y cada uno de los elementos, como en qué navegadores está soportada una función de Javascript o un atributo CSS.
Además muestra información en línea sobre las funciones Javascript propias. Viene con cliente FTP y depurador de Javascript. Pero lo mejor es verlo en funcionamiento .Es el editor web más completo del mercado y además es libre (gratuito y con código fuente abierto).
ZEND STUDIO
Más que un editor web, Zen Studio es todo un entorno de desarrollo para PHP. Tiene autocompletado de código HTML (no para Javascript y CSS) además de para PHP, y no es posible editar en modo WYSIWYG, aunque el resaltado de sintaxis les podría valer a los desarrolladores más expertos.
Su punto fuerte está en su editor y depurador PHP, que a día de hoy no existe nada mejor. Su soporte para gestionar bases de datos (MySQL, MS SQL Server, Oracle, PostgreSQL, …), cliente FTP, y soporte de control de versiones integrado (CVS y Subversion), lo convierte en el mejor entorno de desarrollo web para PHP existente.
JavaScript
Lenguaje interpretado, es decir, que no requiere compilación, utilizado principalmente en páginas web, con una sintaxis semejante a la del lenguaje Java y el lenguaje C.
Al contrario que Java, JavaScript no es un lenguaje orientado a objetos propiamente dicho, ya que no dispone de Herencia, es más bien un lenguaje basado en prototipos, ya que las nuevas clases se generan clonando las clases base (prototipos) y extendiendo su funcionalidad.
Todos los navegadores interpretan el código JavaScript integrado dentro de las páginas web. Para interactuar con una página web se provee al lenguaje JavaScript de una implementación del DOM.
El lenguaje fue inventado por Brendan Eich en la empresa Netscape Communications, que es la que fabricó los primeros navegadores web comerciales. Apareció por primera vez en el producto de Netscape llamado Netscape Navigator 2.0.
Tradicionalmente, se venía utilizando en páginas web HTML, para realizar tareas y operaciones en el marco de la aplicación únicamente cliente, sin acceso a funciones del servidor. JavaScript se ejecuta en el agente de usuario al mismo tiempo que las sentencias van descargándose junto con el código HTML.
Los autores inicialmente lo llamaron Mocha y más tarde LiveScript pero fue rebautizado como JavaScript en un anuncio conjunto entre Sun Microsystems y Netscape, el 4 de diciembre de 1995.
En 1997 los autores propusieron JavaScript para que fuera adoptado como estándar de la European Computer Manufacturers' Association ECMA, que a pesar de su nombre no es europeo sino internacional, con sede en Ginebra. En junio de 1997 fue adoptado como un estándar ECMA, con el nombre de ECMAScript. Poco después también lo fue como un estándar ISO.
JScript es la implementación de ECMAScript de Microsoft, muy similar al JavaScript de Netscape, pero con ciertas diferencias en el modelo de objetos del navegador que hacen a ambas versiones con frecuencia incompatibles.
Para evitar estas incompatibilidades, el World Wide Web Consortium diseñó el estándar Document Object Model (DOM, ó Modelo de Objetos del Documento en castellano), que incorporan Konqueror, las versiones 6 de Internet Explorer y Netscape Navigator, Opera versión 7, y Mozilla desde su primera versión.
Dónde y cómo incluir JavaScript en un navegador
Javascript se puede incluir en cualquier documento HTML, o todo aquel que termine traduciéndose en HTML en el navegador del cliente; ya sea PHP, ASP, SVG...
El código va inscrito dentro de los elementos HTML
:
Muchos incluyen comentarios HTML para que navegadores antiguos no interpreten el código JavaScript, sin embargo ningún navegador existente hoy en día necesita esta práctica.
Para incluir un archivo externo, bastará con escribir:
Siendo [URL] el url relativo o absoluto apuntando a un archivo con código JavaScript.
El objeto Date
El objeto Date almacena una fecha de la que es posible extraer datos concretos. Incluso existen funciones creadas por desarrolladores para operar con fechas, ya que predeterminadamente JavaScript no las implementa, al contrario que PHP.
El objeto Function
El objeto Function se refiere a un "subprograma" dentro del propio script. Es un conjunto de sentencias que se utilizan básicamente para reutilizar código.Esta objeto es se asemeja a las funciones en otros lenguajes como Java.
El objeto Image
El objeto Image contiene una imagen.
El objeto Number
El objeto Number se refiere a una variable numérica.
El objeto Object
El Object de por sí es un objeto creado por nosotros, o un objeto diferente pudiendo ser este un objeto del DOM.
El objeto Option
Option se refiere a un elemento HTML que se incluye dentro de los del documento gracias al DOM.
El objeto RegExp
El objeto RegExp es una Expresión regular. Su sintaxis es universal, se explaya extensamente en dicho artículo.
El objeto String
El objeto String es una cadena de caracteres. En JavaScript no existen Char, por lo que un solo carácter será del tipo String
Estructuras de Control
if...else...
If es una sentencia de control que permite a JavaScript hacer decisiones, esto quiere decir que ejecutará sentencias condicionalmente. Sintaxis: if (condición) { expresión_1; }else { expresión_2; }
La condición es evaluada y si el resultado es verdadero, la expresión_1 se ejecuta. Si el resultado de la condición_1 es falso, la expresión_1 no se ejecuta y ejecuta la expresión_2.
Bucle While while (condición) { sentencias }
Mientras la condición sea cierta se ejecutan las sentencias.
do...while... do { sentencias } while (condición);
Se ejecuta siempre la primera vez las sentencias y luego se vuelven a ejecutar una o más veces según la condición sea cierta o no.
Bucle for for ([variables iniciales]; [condición de repetición]; [expresión de modificación]) { sentencias }
Primero se ejecuta [variables iniciales], una lista de variables (o una sola) separadas por comas con sus valores correspondientes. Después si la [condición de repetición] es verdadera se ejecuta sentencias, y después se evalúa [expresión de modificación], la cual suele variar el valor de una de las variables definidas en [variables iniciales]. Se repite el bucle verificación de [condición de repetición], ejecución de sentencias y [expresión de modificación] indefinidamente hasta que [condición de repetición] sea falsa.
Bucle for...in for (variable in objeto) { sentencias }
Declaración switch switch( expresión ){ case valorX : sentencias; break; case valorX : sentencias; break; default : sentencias; break; }
En expresión se da una variable o una condición y en cada case se escribe en valorX el valor que puede tomar esa variable o expresión. En caso de coincidir con algún valorX se ejecuta sentencias dentro de ese case hasta topar con un break. Si no coincide con ningún valor la expresión se ejecuta el código en la sección default.
Dreamweaver de Adobe
Es un editor WYSIWYG de páginas web, creado por Adobe (anteriormente por Macromedia). Es el programa de este tipo más utilizado en el sector del diseño y la programación web, por sus funcionalidades, su integración con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del World Wide Web Consortium. Su principal competidor es Microsoft Expression Web. Tiene soporte tanto para edición de imágenes como para animación a través de su integración con otras herramientas
Hasta la versión MX, fue duramente criticado por su escaso soporte de los estándares de la web, ya que el código que generaba era con frecuencia sólo válido para Internet Explorer, y no validaba como HTML estándar. Esto se ha ido corrigiendo en las versiones recientes.
Se vende como parte de la suite Adobe Creative Suite 3
La gran baza de este editor sobre otros es su gran poder de ampliación y personalización del mismo, puesto que este programa ,sus rutinas ( como la de insertar un hipervinculo, una imagen o añadir un comportamiento) están hechas en Javascript-C lo que le ofrece una gran flexibilidad en estas materias. Esto hace que los archivos del programa no sea instrucciones de C++ sino, rutinas de Javascript que hace que sea un programa muy fluido, que todo ello hace , que programadores y editores web hagan extensiones para su programa y lo ponga a su gusto.
Las versiones originales de la aplicación se utilizaban como simples editores WYSIWYG, sin embargo, versiones más recientes soportan otras tecnologías web como CSS, JavaScript y algunos frameworks del lado servidor.
Dreamweaver ha tenido un gran éxito desde finales de los 90 y actualmente mantiene el 90% del mercado de editores HTML. Esta aplicación está disponible tanto para la platafoma MAC como Windows, aunque también se puede ejecutar en plataformas basadas en UNIX utilizando emuladores como Wine.
Como editor WYSIWYG que es, Dreamweaver oculta el código HTML de cara al usuario, haciendo posible que alguien no entendido pueda crear páginas y sitios web fácilmente.
Algunos desarrolladores web critican esta propuesta ya que crean páginas HTML más largas de lo que solían ser al incluir mucho código inútil, lo cual va en detrimento de la ejecución de las páginas en el navegador web. Esto puede ser especialmente cierto ya que la aplicación facilita en exceso el diseño de las páginas mediante tablas. Además, algunos desarrolladores web han criticado Dreamweaver en el pasado porque creaba código que no cumplía con los stándares del consorcio Web (W3C).
No obstante, Adobe ha aumentado el soporte CSS y otras maneras de diseñar páginas sin tablas en versiones posteriores de la aplicación.
Dreamweaver permite al usuario utilizar la mayoría de los navegadores Web instalados en su ordenador para previsualizar las páginas web. También dispone de herramientas de administración de sitios dirigidas a principiantes como, por ejemplo, la habilidad de encontrar y reemplazar líneas de texto y código por cualquier tipo de parámetro especificado, hasta el sitio web completo. El panel de comportamientos también permite crear JavaScript básico sin conocimientos de código.
Con la llegada de la versión MX, Macromedia incorporó herramientas de creación de contenido dinámico en Dreamweaver. En lo fundamental de las herramientas HTML WYSIWYG, también permite la conexión a Bases de Datos como MySQL y Microsoft Access, para filtrar y mostrar el contenido utilizando tecnología de script como, por ejemplo, ASP (Active Server Pages), ASP.NET,ColdFusion, JSP (JavaServer Pages),PHP sin necesidad de tener experiencia previa en programación.
Un aspecto de alta consideración de Dreamweaver es su arquitectura extensible. Es decir, permite el uso de "Extensiones". Las extensiones, tal y como se conocen, son pequeños programas, que cualquier desarrollador web puede escribir (normalmente en HTML y Javascript) y que cualquiera puede descargar e instalar, ofreciendo así funcionalidades añadidas a la aplicación. Dreamweaver goza del apoyo de una gran comunidad de desarrolladores de extensiones que hacen posible la disponibilidad de extensiones gratuitas y de pago para la mayoría de las tareas de desarrollo web, que van desde simple efectos rollover hasta completas cartas de compra.
Características
Además de sus capacidades WYSIWYG, tiene las funciones típicas de un editor de código fuente para la web:
X Un administrador de sitios, para agrupar los archivos según el proyecto al que pertenezcan.
X Un cliente FTP integrado, que permite subir los archivos editados inmediatamente al sitio en Internet.
X Función de autocompletar y resaltado de la sintaxis para instrucciones en HTML y lenguajes de programación como PHP, JSP o ASP.
En una definición mas concreta
Es la aplicación de este tipo más usada en el sector de diseño y programación web. Posee, como toda la línea Macromedia/Adobe, excelentes funcionalidades e integración con otras herramientas.La aplicación permite crear sitios de forma totalmente gráfica, y dispone de funciones para acceder al código HTML generado. Permite la conexión a un servidor, a base de datos, soporte para programación en ASP, PHP, Javascript, cliente FTP integrado, etc.
Primera pantalla de dreamweaver
Barra de herramientas
XSL
XSL, siglas de Extensible Stylesheet Language, expresión inglesa traducible como "lenguaje extensible de hojas de estilo") es una familia de lenguajes basados en el estándar XML que permite describir cómo la información contenida en un documento XML cualquiera debe ser transformada o formateada para su presentación en un medio.
XSL, ha surgido como una solución para transformar documentos en XM La otro formato como: HTML, WML, texto simple, PDF e inclusive en otro documento XML con diferentes parámetros.
Esta familia está formada por tres lenguajes:
XSLT (siglas de Extensible Stylesheet Language Transformations, lenguaje de hojas extensibles de transformación), que permite convertir documentos XML de una sintaxis a otra (por ejemplo, de un XML a otro o a un documento HTML).
XSL-FO (lenguaje de hojas extensibles de formateo de objetos), que permite especificar el formato visual con el cual se quiere presentar un documento XML, es usado principalmente para generar documentos PDF.
XPATH, o XML Path Language, es una sis (no basada en XML) para acceder o referirse a porciones de un documento XML.
Estas tres especificaciones son recomendaciones oficiales del W3C.
Desde el 2005 ya son soportadas por algunos navegadores, por ejemplo mozilla o Internet Explorer, aunque, en su lugar, se pueden usar las CSS que son 100% compatibles aunque con una codificación diferente.
Un ejemplo de un código transformado en XLS:
Flash
Los gráficos vectoriales
En los cuales una imagen es representada a partir de líneas (o vectores) que poseen determinadas propiedades (color, grosor) la calidad de este tipo de gráficos no depende del zoom o del tipo de resolución con el cual se este mirando el grafico.
Las imágenes en mapa de bits
este tipo de gráficos se asemejan a una especie de cuadricula en la cual cada uno de los cuadros (píxeles) muestra un color determinado. La información de estos gráficos es guardada individualmente para cada píxel y es definida por las coordenadas y color de dicho píxel.
Cuando trabaje en Flash MX estará interactuando, principalmente, en dos sectores: la Línea de Tiempo y el Área de Trabajo o Escenario.
La barra de herramienta de flash se divide en 4 secciones:
Herramientas de Diseño: se utilizan para dibujar, pintar, borrar, modificar formas, agregar texto, seleccionar, etc.
Herramientas de Visualización: Sirven para desplazarse por el área de trabajo (herramienta mano) o para ampliar o reducir la vista de la misma (herramienta lupa).
Selección de color: Al dibujar en Flash, generalmente se está trabajando con dos elementos: la línea y el relleno. Por lo tanto cada elemento posee una fuente de color diferente: la correspondiente a la línea está indicada con un lápiz y la del relleno está indiada con un cubo de pintura.
Opciones de Herramientas:Cada vez que seleccionemos una herramienta, en esta sección aparecerán diferentes opciones relacionadas con la herramienta elegida.
BARRA DE HERRAMIENTAS
Ø Herramienta de selección: Su uso principal es seleccionar objetos.
Ø
Ø Herramienta línea: Permite crear líneas rectas de un modo rápido.
Ø
Ø Herramienta texto: Crea un texto en el lugar en el que hagamos clic.
Ø Herramienta ovalo: Permite trazar círculos o elipses de una forma rápida y sencilla.
Ø Herramienta rectángulo: Su manejo es idéntico al de la herramienta ovalo, tan solo se diferencian en el tipo de objetos que se crean.
Ø Herramienta lápiz: Permite dibujar líneas con la forma que decidamos, modificando la forma de estas a nuestro gusto.
Ø Herramienta brocha: Su funcionalidad equivale al lápiz, pero su trazo es mucho mas grueso. Se suele emplear para aplicar rellenos.
Ø Herramienta cubo de pintura: Permite aplicar rellenos a los objetos que hayamos creado.
Ø Herramienta borrador: Su funcionamiento es borrar todo aquello que el dibujante quiere que borre.
Ø Herramienta lazo: Su función es complementaria ala de herramienta flecha, puede seleccionar cualquier cosa sin importar la forma (la herramienta flecha solo puede seleccionar objetos o zonas de forma cuadrada o rectangular.
Ø Al seleccionar esta Herramienta, en el Panel Opciones aparecen estas imágenes: .
Ø Esto, es la Herramienta "Varita Mágica",
tan popular en otros programas de dibujo. Permite hacer selecciones según los colores de
los objetos. El tercer dibujo que aparece es este: permite hacer selecciones poligonales
Ejemplos de tipos de gráficos:
Mapa de bits
QUE ES XHTML
Lenguaje extensible de marcado de hipertexto, es el lenguaje de marcado pensado para sustituir a HTML como estándar para las paginas Web.
XHTML es la versión XML de HTML, por lo que tiene, básicamente, las mismas funcionalidades, pero cumple las especificaciones, mas estrictas de XML. su objetivo es avanzar en el proyecto del Word Wide Web Consortium de lograr una Web semántica, donde la información, y la forma de presentarla estén claramente separadas. en este sentido, XHTML servirá únicamente para trasmitir la información que contiene un documento, dejando para hojas de estilo (como las hojas de estilo en cascada) y java script su aspecto y diseño en distinto de medios (ordenadores, pdas, teléfonos móviles, impresoras.).
DIFERENCIAS DE XHTML Y HTML
Los nombres de elementos y atributos deben escribirse en minúsculas.
Puede ser correcto pero en XHTML tiene que ser:
Todos los valores de los atributos deben de ir entrecomillados
En HTML es posible escribir expresiones del tipo:
