EDITORES HTML

Adobe Dreamweaver CS3:

Dreamweaver aunque es de pago, es una de las herramientas más utilizadas para la creación de sitios web. Desarrollada para los grupos de usuarios principiantes y avanzados.

La importancia que nos brinda su herramienta de extensiones la cual nos permite añadir funciones a dreamweaver desarrolladas por Adobe, comunidad de usuarios u otros, las cuales le agregar funcionalidades a esta aplicación.

• Características: plataformas Windows y MAC, disponible en varios idiomas, completamiento muy bueno, coloreado en las sintaxis del código, lenguajes: HTML, Coldfusion, PHP, ASP VBScript, ASP.NET C#, Javascript, XML, XSLT, CSS, ActionScript, JSP, entre otros. Incluye Framework para AJAX, administrador CSS, compatibilidad con dispositivos móviles, integración con Adobe Photoshop y Adobe Fireworks.
• Ventajas: genera código bastante limpio, permite la creación de páginas en diferentes lenguajes, creación de plantillas, definición de sitio.
• Desventajas: requiere de conexión a Internet para registrar el producto, requiere como mínimo de 512 MB de RAM para poder instalarlo, costo de la licencia.

Zend Studio:

Es un IDE por sus siglas en inglés (Integrated Development Environment) destinado a desarrolladores profesionales. Es un IDE propietario, compatible con las plataformas Linux, MAC y Windows.

Incluye todos los componentes necesarios durante el ciclo de vida de una aplicación en PHP. Incluye editor, análisis, depuración, optimizadores de código y herramientas de base de datos. Zend Studio nos permite agiliza el desarrollo web y permite simplificar proyectos complejos.

• Características: excelente completamiento de código, coloreado en la sintaxis del código,
  administración avanzada de proyectos, múltiples lenguajes, incorpora el Framework de Zend, PHP Documentor, manual de PHP. Integración con subversión, los navegadores, integración avanzada con FTP. Soporte para Web Services, PHP4, PHP5 y SQL.
• Ventajas: agiliza nuestro trabajo, cuenta con un buen Depurador, infinitas opciones que permiten un desarrollo profesional de nuestras aplicaciones.
• Desventajas: requiere Licencia de pago, no incluye editor visual HTML, un poco complejo.

Aptana:

Incorpora características completas, sincronización, y administración de proyectos. Permite incorporarle funciones mediante plugins. Soporte para las plataformas Microsoft Windows, Mac y Linux.

Está enfocado principalmente a Javascript y AJAX. Cuenta con una Edición gratis para la comunidad y otra Profesional de pago. Luego de algunos años de la creación de este proyecto Aptana recibió muchas descargas que lo hacen popular.

• Características: desarrollo HTML, CSS, Javascript, soporte para AJAX, incluye librerías AJAX mas populares (JQuery, Prototype, YUI, Spry, entre otras), soporte para el desarrollo Adobe AIR y iPhone mediante plugins, desarrollo Ruby on Rails, PHP mediante plugins, protocolos de comunicación FTP.
• Características de Edición Profesional: editor JSON (Javascript Object Notation), protocolos de Comunicación FTPS, SFTP, soporte en Forum.
• Ventajas: permite comprobar la compatibilidad de las funciones con los diferentes navegadores, multiplataforma, sincronización con carpetas locales y remotas, incluye plugins para Eclipse.
• Desventajas: consumo de recursos.

NVU:

Es un editor compatible con las plataformas Windows, MAC y Linux. Es un proyecto opensource, con licencias MPL/GPL/LGPL. NVU está basado en la plataforma de Mozilla y en el diseño de Gecko. Desarrollado principalmente por Linspire.

• Características: administrador de sitios mediante FTP, Editor CSS, Incluye validador HTML y CSS.
• Ventajas: muy rápido, fácil de usar, permite mantenimiento según los estándares W3C, soporte para XML y CSS.
• Desventajas: solo permite el trabajo mediante tablas, muy pocas opciones, soporte para pocos lenguajes.

Kompozer:

Kompozer es un editor web WYSIWYG basado en Nvu, que cuenta con licencia GPL. Creado con el fin de ser una alternativa libre a Adobe Dreamweaver, surge luego de Nvu, quien dejo de ser desarrollado. Fue bautizado con el nombre de Kompozer debido a que el mismo estaba registrado por Linspire. Compatible con las plataformas Windows, MAC, Linux, Debian, RedHat.

• Características: incluido administrador de ficheros via FTP, editor CSS,
  barras de herramientas administrables, validador HTML.
• Ventajas: fácil de usar, software libre, multiplataforma, soporte para varios idiomas.
• Desventajas: pocas opciones para el desarrollo, puede dificultarnos el desarrollo de nuestra aplicación, al contar pocas herramientas que nos agilicen el trabajo.

Quanta Plus:

Es un Editor HTML basado en el código de Bluefish. Es un proyecto opensource, bajo la licencia GPL. Disponible para plataformas Linux, bajo el entorno KDE.

• Características: administrador de proyectos, soporte HTML, XML, PHP, CSS, plantillas, soporte de plugins, integrado vista previa de los archivos.
• Ventajas: gratuito, fácil de utilizar, brinda color al código, rápido, completamiento de código.
• Desventajas: dificulta la rapidez de desarrollo.

CURSO DE INTRODUCCIÓN AL DESARROLLO WEB - MODULO 0

Módulo 0: Historia de la Web

0.1 Presentación

Presentación

Los objetivos de este módulo son:

• Conocer los acontecimientos más importantes de la historia de Internet y la Web.
• Aprender algunos aspectos importantes sobre el funcionamiento de Internet y la Web: las URLs, los nombres de dominio, las direcciones IP y el sistema de nombres de dominio.
• Diferenciar Internet y la Web.
• Ser capaz de utilizar Blogger, un sistema de gestión de contenidos, para publicar información en la Web.

0.2 Consejos para aprender en este curso

Consejos para aprender en este curso

¿Quieres aprender a hacer páginas web? Esa es la clave para lograr un aprendizaje significativo en este curso, y en realidad en cualquier otro curso. Lo más importante es que estés motivado para aprender. Pero incluso teniendo motivación, puede ser que tengas dificultades para finalizar este curso. Para evitar que ocurra esto, a continuación te ofrecemos unos consejos que te pueden ayudar a finalizar el curso.

Este curso es exigente y es muy importante que tengas claro que este curso te va a requerir de 5 a 10 horas por módulo. ¿Vas a disponer de ese tiempo?

Si quieres sacar provecho al curso, se constante, planifica un tiempo de aprendizaje diario, y no seas un "estudiante de fin de semana". El aprendizaje es como el entrenamiento físico: no suelen existir atajos y los resultados no son inmediatos. Pero con esfuerzo, todo llega.

El curso ofrece flexibilidad, pero demasiada flexibilidad es mala. Hay que ser disciplinado, termina el curso lo antes posible.

Estudia y realiza los ejercicios en pequeños períodos de tiempo, por ejemplo en períodos de 30-60 minutos. Después de cada perídodo de trabajo prémiate con unos 5-10 mínutos de descanso.

Al igual que con el entrenamiento físico, es muy importante que te diviertas, que disfrutes con el curso. Si percibes realizar este curso como una obligación, seguro que encontrarás mil cosas mejores que hacer que sentarte delante del ordenador para ver vídeos y realizar ejercicios. Pero si te diviertes con este curso, seguro que no te será difícil dejar de lado otras actividades para aprender en este curso.

El contenido educativo principal de este curso son una serie de vídeos que hemos preparado. ¿Cómo tienes que ver estos vídeos? Ahora te lo explicaremos, pero antes, medita la respuesta a estas preguntas que te planteamos. ¿Crees que se puede aprender a jugar al fútbol, al tenis o cualquier otro deporte que requiera técnica simplemente viendo a gente jugar? ¿Crees que se puede finalizar un maratón en un tiempo prudencial, pongamos menos de 4 horas, y sin sufrir simplemente viendo carreras de maratón, sin entrenarse?

Sí que puede existir gente, muy pocos, unos privilegiados, que pueda aprender la técnica de un deporte simplemente por observación. Sin embargo, la mayoría de la gente necesita practicar, practicar y practicar. También puede existir gente, otra vez muy pocos, unos privilegiados, que puedan terminar un maratón por debajo de las 4 horas sin entrenarse. Sin embargo, la mayoría de la gente necesita entrenar, entrenar y entrenar.

En este curso ocurre lo mismo. Si quieres aprender, no te puedes quedar con la simple visualización de los vídeos. Tienes que "hacer", tienes que practicar lo que se te explica en los vídeos. ¿Cómo? Muy sencillo, copia todos los ejemplos que aparezcan en los vídeos. Aunque los entiendas, aunque creas que son muy fáciles, cópialos, reproduce todo lo que aparece en los vídeos. Y juega con ello, cámbialo, experimenta, hazte preguntas del tipo "¿qué pasa si...?" y comprueba lo que ocurre.

A lo largo del curso puede ser que encuentres información repetida, eso te ayudará a reforzar lo aprendido.

Para lograr una concentración adecuada durante el estudio, un primer paso es evitar las distracciones. La Web, el espacio en el que se desarrolla este curso es un "arma de distracción masiva". Algunos expertos afirman que cada vez es más difícil controlar nuestros impulsos de distracción debido a que estamos constantemente "bombardeados por distracciones". Para evitarlo te recomendamos que sigas los siguientes consejos:

• Abre el curso en una ventana independiente del navegador, evita tener otras pestañas con otro contenido abiertas a la vez.
• Cierra o pon en pausa todos los programas que puedan mostrar algún tipo de notificación, como el lector de correo electrónico (por ejemplo, Mozilla Thunderbird), el programa de comunicación instantánea (Skype), el programa de red social (Facebook, Twitter), el programa de almacenamiento en la nube (Dropbox), etc.
• Márcate un período de estudio, durante ese período evita pensar en otras cosas.
• Y por supuesto, desactiva las notificaciones del teléfono móvil.

El contenido principal de este curso son vídeos, aprende a utilizarlos correctamente:

• Utiliza los botones de reproducir, pausar y retroceder para visualizar el vídeo a tu ritmo.
• Visualiza el mismo vídeo tantas veces como necesites hasta comprender lo que se explica.
• Realiza todos los ejemplos que aparezcan en los vídeos, aunque creas que son muy sencillos.

Ya por último, en el siguiente video se te explica algo que tienes que tener muy en cuenta durante el aprendizaje en este curso y, en realidad, en cualquier otro curso que realices.

0.3 ¿Este curso es para ti?

¿Este curso es para ti?

¿Eres un alumno adecuado para este curso?

Sergio Luján Mora, coordinador de este curso, contesta estas preguntas y algunas otras que te puedes haber hecho al inscribirte en este curso.

Además, Sergio también te proporciona la clave para aprender en este curso:

Vas a tener que practicar, practicar y practicar, que es la única forma de realmente aprender.

Este consejo no es una idea original de Sergio, es algo que predican muchos profesionales de la informática. Por ejemplo, Richard Stallman, programador y fundador del movimiento por el software libre, lo explica muy bien:

¿Cómo se aprende a programar bien? Leyendo mucho código y escribiendo mucho código.

0.4 ¿Por qué es importante que realices este curso?

¿Por qué es importante que realices este curso?

O preguntado de otra forma, ¿para qué te puede servir este curso?

Lo queramos o no, la Web forma parte de nuestras vidas y es importante que sepamos cómo funciona, ya que si no lo sabemos, podemos tener problemas.

En el siguiente vídeo Sergio Luján Mora, coordinador de este curso, te presenta un caso de real de los problemas que pueden surgir cuando no se tiene un conocimiento mínimo sobre las cosas.

0.5 La Web

La Web

Nota: Antes de enseñarte a crear páginas web te vamos a explicar ciertas cosas sobre el contexto del desarrollo web que creemos que debes conocer para aprovechar al 100% todo lo que ofrece la Web en la actualidad. Además, así también estarás preparado para lo que puede ofrecer la Web en el futuro. No obstante, si sólo quieres aprender lo esencial sobre la creación de páginas web, puedes saltarte las siguientes lecciones y puedes pasar directamente al siguiente módulo.

En 1989, Tim Berners-Lee llevaba varios años trabajando en el CERN, la Organización Europea para la Investigación Nuclear. Aunque Tim era físico, desde que había finalizado sus estudios universitarios se había dedicado a trabajar en temas de telecomunicaciones e informática. En marzo de 1989, Tim escribió un pequeño informe, Information Management: A Proposal, en el que proponía el desarrollo de un sistema distribuido de gestión de la información.

Tim le presentó el informe a su jefe, Mike Sendall. Mike le devolvió a Tim el informe con sólo tres palabras escritas al principio de la primera página, Vague but exciting..., impreciso pero emocionante...

¿Podía ser emocionante un informe lleno de gráficos extraños? ¿Podía ser emocionante un sistema informático?

Justo 25 años después, ahora en el año 2014, estamos celebrando que Tim Berners-Lee escribió ese pequeño informe. Porque ese pequeño informe que proponía el desarrollo de un sistema de gestión de la información para solucionar el problema que existía para compartir la información en el CERN se transformó en algo enorme, la Web.

Sólo tenía que tomar la idea del hipertexto y conectarlo a las ideas de TCP y DNS y ¡ta chan! - La Web.

Tim Berners-Lee

Si quieres saber más, te recomendamos que consultes:

• De la frustración de un informático entre físicos de partículas: así nació la Web
• As we celebrate 20 years of the World Wide Web, lessons from Tim Berners-Lee

0.6 Los 25 años de la Web

Los 25 años de la Web

¿Realmente nació la Web hace 25 años?

¿Cuándo se empieza a contar la edad de una persona, desde que es concebida o desde que nace?

Sí, la Web fue concebida hace 25 años, en concreto el 12 de marzo de 1989. Ese día, Tim Berners-Lee finalizó su informe Information Management: A Proposal, pero era simplemente eso, un informe, todavía no existía el sistema que proponía desarrollar.

El primer servidor web, el primer navegador web y la primera página web no se desarrollaron hasta finales de 1990. Así que, ¿cuándo nació realmente la Web?

Si quieres saber más, te recomendamos que consultes:

• Veinte años tejiendo la web
• Las siglas de World Wide Web cumplen este miércoles 25 años
• La World Wide Web cumple 25 años

0.7 ¿Cómo me ha cambiado la vida la Web?

¿Cómo me ha cambiado la vida la Web?

Para muchas personas, la Web o Internet (¿son lo mismo?, dentro de poco lo sabrás) son el invento más importante del siglo XX. Una encuesta realizada a través de la Web no es un método muy científico y fiable, pero en la encuesta Los 10 mejores inventos del siglo XXaparece Internet en el primer puesto, con bastante ventaja respecto al segundo que es el automóvil.

Sin embargo, no todo el mundo piensa así. En el artículo Los que maldicen el 25 aniversario de la Web podemos leer que casi un 20% de los usuarios todavía sostiene que la influencia de Internet sobre el conjunto de la sociedad ha sido negativa a lo largo del último cuarto de siglo.

¿Crees que la Web (Internet) es el invento más importante del siglo XX?

¿Crees que la Web (Internet) debería aparecer también en una lista de los inventos más importantes de la humanidad?

¿Cómo te ha cambiado la vida la Web?

¿Qué cosas has dejado de hacer en el "mundo real" porque ahora las haces en el "mundo virtual" de la Web?

Piensa la respuesta a estas preguntas y contéstalas a través del foro del curso.

0.8 Internet y la Web

Internet y la Web

¿La Web e Internet son lo mismo? No, no son lo mismo, pero para muchas personas sí que son lo mismo y muchas veces hacen un mal uso de los dos términos.

En el siguiente vídeo se explica qué es Internet y la Web y descubrirás las diferencias que existen entre ambos. Los profesores de este curso esperamos que después de ver este vídeo tengas claro que Internet y la Web son dos cosas distintas, aunque relacionadas.

0.9 Internet en el mundo

Internet en el mundo

El acceso a Internet varía considerablemente de un país a otro. Y desgraciadamente, un mal acceso a Internet perjudica de forma sustancial la economía de un país.

En junio de 2014, la Internet Society publicó el Global Internet Report 2014. Este informe va acompañado de un mapa interactivo, Global Internet Report Map, que muestra varios datos por países de los que destacan los siguientes conceptos:

• Porcentaje de penetración entre los usuarios de Internet.
• Coste, como porcentaje de la renta per cápita necesaria para tener un acceso de banda ancha a Internet.
• La mediana de la velocidad de descarga para una conexión fija a Internet.

Algunos datos son conocidos desde hace años. Por ejemplo, los países nórdicos se sitúan entre los diez primeros en porcentaje de penetración:

• Islandia: 96,5% (1)
• Noruega: 95,1% (3)
• Suecia: 94,8% (4)
• Dinamarca: 94,6% (5)
• Finlandia: 91,5% (8)
• Islas Feroe: 90,0% (10)

En el extremo opuesto se sitúa Eritrea con un 0,9%.

Respecto al coste, algunos de los países nórdicos vuelven a aparecer entre los diez primeros de los países donde el coste es menor. En el extremo opuesto vuelve a aparecer Eritrea con casi un 4000% (más o menos, un ciudadano medio necesita 40 veces su sueldo para poder tener una conexión a Internet).

Respecto a la velocidad de descarga, el número 1 es Hong Kong con 57,07 Mbit/s como mediana de la velocidad.

¿Y qué pasa en tu país? Realiza la actividad que te proponemos a continuación.

0.10 La familia de protocolos de Internet

La familia de protocolos de Internet

En el vídeo Internet y la Web han aparecido varios términos que quizás no conozcas: HTTP, FTP, SMTP, POP. ¿Qué significan?

La familia de protocolos de Internet es un conjunto de protocolos de red que se emplean para transmitir datos entre ordenadores a través de Internet. Existen más de cien protocolos, cada uno especializado en una función o en un tipo de comunicación concreta. Por ejemplo, el protocolo HTTP (HyperText Transfer Protocol) se emplea para la transmisión de las páginas web y el protocolo FTP (File Transfer Protocol) se emplea para la transmisión de ficheros.

Lee el artículo de la Wikipedia Familia de protocolos de Internet que ofrece un pequeño resumen sobre los protocolos que se emplean en Internet. Y consulta también Protocolos de Internet en el que están enlazados los artículos de los principales protocolos de Internet.

Después de leer lo anterior, ¿todavía tienes ganas de aprender más cosas? Sí es así, te recomendamos las siguientes lecturas sobre TCP/IP ofrecidas por Oracle:

• introducción al conjunto de protocolos TCP/IP
• Cómo manejan las comunicaciones de datos los protocolos TCP/IP

0.11 Historia de Internet: su nacimiento

Historia de Internet: su nacimiento

Con los siguientes vídeos vas a aprender algunas cosas sobre la historia de Internet y de la Web. No es necesario conocer la historia de Internet y de la Web para desarrollar páginas web, pero si te ayudará a entender mejor algunos aspectos de su funcionamiento actual.

En el primer vídeo, Historia de Internet: su nacimiento, se describen los primeros años del programa ARPANet que fue la semilla para la creación de Internet, se presenta a Leonard Kleinrock y la comunicación basada en la conmutación de paquetes, se explica cómo fue la primera comunicación a través de ARPAnet en 1969, se muestra la expansión de ARPANet a través de sus primeros años y se habla del protocolo TCP, que fue desarrollado por Vint Cerf y Robert Kahn.

Si no puedes ver el vídeo correctamente, puedes leer la transcripción en este enlace

El vídeo "Vint Cerf (Digital Revolution Rushes Sequence)" que se referencia en el vídeo "Historia de Internet: su nacimiento" existe en la dirección http://www.bbc.co.uk/programmes/p005c79p pero no se puede visualizar. No sabemos si debe a un problema de copyright y no se puede visualizar fuera del Reino Unido o se debe a un problema del sitio web de la BBC. En cualquier caso, no conocemos que exista un alternativa. Ese vídeo no es esencial para superar el examen de este módulo.

Historia de la Web: su nacimiento (parte 1)

En este primer vídeo sobre la historia de la Web se muestran algunos antecedentes, como Vannevar Bush y el memex o Ted Nelson y el hipertexto y la hipermedia, que influyeron en la propuesta de Tim Berners-Lee para la creación de un sistema de hipertexto para compartir información en el CERN.

0.13 Historia de la Web: su nacimiento (parte 2)

Historia de la Web: su nacimiento (parte 2)

En este segundo vídeo sobre la historia de la Web se explica cómo fue la creación de un sistema de hipertexto para compartir información en el CERN, se muestra el sistema NeXT, se comenta cuál fue el primer servidor web en España, se presenta a Robert Cailliau que ayudó a Tim Berners-Lee a desarrollar lo que finalmente se convirtió en la Web y se habla de la creación del World Wide Web Consortium (W3C).

0.14 ¿Ya sabes quién inventó Internet y la Web?

Atribuir la invención de algo "tan enorme" como Internet y la Web a unas pocas personas no refleja la realidad y no es muy justo. Sin embargo, es necesario realizar este tipo de simplificaciones para poder comprender la realidad.

Llegado este punto de este curso ya deberías tener claro dos cosas, dos cosas que mucha gente desconoce o que sabe de forma errónea:

• Internet y la Web son dos cosas diferentes, relacionadas, pero son dos cosas distintas.
• Tim Berners-Lee es considerado el padre de la Web, no de Internet. Vinton Cerf es considerado uno de los padres de Internet, no de la Web.

El 29 de octubre de 2014 se celebró W3C20 Anniversary Symposium - The Future of the Web, un simposio organizado por el W3C, la entidad que se encarga de definir los estándares técnicos de la Web, para celebrar los 20 años de su fundación. Vinton Cerf y Tim Berners-Lee estuvieron juntos en esta celebración y lucieron unas camisetas muy especiales que llevaban un mensaje para todo el mundo:

• La camiseta de Vinton Cerf decía "Yo inventé Internet" por un lado y "Yo no inventé la Web" por el otro lado.
• La camiseta de Tim Berners-Lee decía: "Yo inventé la Web" por un lado y "Yo no inventé Internet" por el otro lado.

¿Humor fino o humor friki (nerd)?

Fuente: Jeremy Geelan @jg21

Fuente: W3C @w3c

0.15 Los primeros servidores web de España

Los primeros servidores web de España

El artículo Arqueología digital: los primeros servidores web de España explica cómo fueron los orígenes de la Web en España. En este artículo se explica dónde se instalaron los primeros servidores web en España. Además, se habla del primer buscador de páginas web que hubo en España, ¿cómo se llamaba ese buscador y qué pasó con él?

Si no eres español, intenta averiguar cuándo se instalaron los primeros servidores web en tu país y lo comentas en el foro del curso.

0.16 Lista de reproducción

Lista de reproducción

En la siguiente lista de reproducción están juntos todos los vídeos de este módulo, por si necesitas repasar.

0.17Aprende+

Si después de todo lo visto en este módulo todavía tienes ganas y tiempo de aprender más cosas, el apartado Aprende+ [A+] es lo que necesitas.

Un elemento esencial en el crecimiento de la Web fue el desarrollo de los navegadores web. Un navegador web (web browser) es un programa que permite acceder a los contenidos publicados en la Web, es capaz de interpretarlos y visualizarlos para que un usuario pueda interactuar con ellos. En los siguientes vídeos se explica la historia de los navegadores web.

0.18 [A+] Historia de los navegadores web (1)

La evolución de la Web ha estado muy influenciada por la evolución de los navegadores web, los programas que usan los usuarios para navegar por la Web y visualizar las páginas web: las páginas web han ido incluyendo nuevas tecnologías y nuevas posibilidades al mismo ritmo que lo hacían los navegadores web.

En este vídeo y en el siguiente vas a conocer los principales acontecimientos de la historia de los navegadores web.

Después de ver este primer vídeo sabrás que el primer navegador web fue desarrollado por Tim Berners-Lee, el padre de la Web. Además, también conocerás el navegador Mosaic, el primer navegador multiplataforma que supuso toda una revolución.

0.19 [A+] Historia de los navegadores web (2)

En la segunda parte de la historia de los navegadores web conocerás el nacimiento y muerte de la compañía Netscape Communications, sabrás quién fue el vencedor de la primera guerra de los navegadores y al final aprenderás la lección más importante de la historia de los navegadores web. ¿Cuál es?