jueves, 8 de septiembre de 2016

Hola, aquí os dejo la Actividad 2.15 del curso Introducción al Desarrollo Web: HTML y CSS - Editores de páginas web:

Un editor de páginas web es un programa de ordenador, un software, diseñado para facilitar la creación y edición de páginas web basadas en HTML, CSS, JavaScript y otras tecnologías que se emplean en el desarrollo web.
El artículo Editor de páginas web de la Wikipedia clasifica este tipo de aplicaciones en tres tipos (la clasificación no es muy acertada, pero más vale algo que nada):
  • Editor de texto sin formato.
  • Editor de texto con ventanas.
  • Editor WYSIWYG.
En este curso no te recomendamos un editor de páginas web concreto. Tú debes buscar varios editores, los debes probar y debes decidir con cuál te encuentras más cómodo. Publica en el foro del curso los resultados de tu búsqueda:
  • La lista de editores de páginas web que has evaluado.
  • Las ventajas y desventajas de cada uno.
  • El editor de páginas web que has seleccionado.
  • Las razones que te han llevado a tomar esa decisión.


He instalado y usado estos cuatro programas, y estas son mis conclusiones:


BLOC DE NOTAS

Ventajas
-Es muy fácil disponer de uno, son gratuitos y cualquier SO incorpora un editor de texto plano.
-Prácticamente no consume recursos del ordenador.
-Te obliga a tener muy claro qué es lo que pretendes hacer y a concentrarte en lo que estás haciendo.

Inconvenientes
-Es muy farragoso escribir código que sea un poco complicado y se pueden cometer errores muy fácilmente, ya que no ofrece ninguna ayuda a la edición web. Paradójicamente, esto último puede ser una ventaja cuando se está aprendiendo.
-Para ver el resultado final, tienes que guardar el documento como html de forma manual.

NOTEPAD ++

Ventajas
-Es un editor de texto y de código fuente gratuito de Windows.
-Pesa muy poco es muy rápido en la respuesta.
-Puedes escribir directamente en html, css, javascript, php, etc., y en cada caso, resalta la sintaxis propia del lenguaje.
-Ofrece gran cantidad de ayudas a la edición web, como cierre automático de etiquetas, señalización de paréntesis, búsqueda, reemplazar por, etc.
-Se pueden abrir varios documentos en pestañas.
-Puedes ver el resultado en varios navegadores con un simple comando.

Inconvenientes
No se me ocurre ninguno, por poner un pero, estaría bien poder ver directamente lo que estás haciendo, pero claro, eso haría que el programa ocupara más espacio y consumiera más recursos del ordenador.

SUBLIME TEXT

Ventajas
-Pesa muy poco es rápido en la respuesta.
-Ofrece gran cantidad de ayudas a la edición web, como cierre automático de etiquetas, enlaces, búsqueda, reemplazar por, etc. y más completas que Notepad++. Por ejemplo, escribiendo solo la etiqueta de inicio html te genera todas las demás etiquetas que precisas para un documento html.
-Se pueden abrir varios documentos en pestañas.

Inconvenientes
-No existe una función predefinida que te permita visualizar la página web en el navegador, como ocurre con Notepad++, pero sí que puedes crearla, aquí dejo un enlace a un videotutorial.
-Aunque en principio es de prueba, y te dicen que tienes que registrarte y pagar por la licencia, en realidad no existe caducidad del programa.


DREAMWEAVER CS6

Ventajas
-Tienes la posibilidad de escribir como si fuera un editor de texto y el programa lo va transformando de código. Esto es muy útil porque puedes visualizar directamente lo que estás haciendo.
-Ofrece una gran cantidad de ayudas a la edición de páginas web completas, incluidos códigos css y javascript, enlaces a imágenes, partes del documento o del sitio, enlaces externos, etc.

Inconvenientes
-Es de pago, unos 600 dólares.
-La ventaja de ser un editor visual, en el que no tienes que escribir código si no quieres, se convierte en la gran desventaja de que, si lo que quieres es aprender a crear páginas web, al final no tienes ni idea de escribir código, ni de cómo funciona html, ni css ni js, ni el DOM, con el inconveniente añadido de que estás limitado a lo que te ofrece el programa. Con todo esto quiero decir que es un programa para los que ya saben programar.



CONCLUSIÓN:

Pienso que para mí y para este curso Notepad++ es el más conveniente, dada su sencillez de manejo y, muy importante, poder visualizar lo que has hecho de manera rápida y fácil en el navegador que prefieras. 

miércoles, 31 de agosto de 2016

ACTIVIDAD 2.4 VALORACIÓN DE PROGRAMAS DE PROTOTIPADO


Después de realizar el mismo trabajo, un esquema de una página de inicio de un restaurante, con los tres programas esta es mi opinión:

GLIFFY
De pago (versión de prueba 15 días). Online, con almacenamiento del proyecto en Google Drive. Tiene la ventaja de que puedes trabajar desde cualquier sitio. Más profesional, muy completo, en mi opinión es el menos intuitivo de los tres.
BALSAMIQ
De pago (versión de prueba 30 días). Precisa instalación.  Es el más fácil de manejar y más rápido de comprender de los tres y es muy completo.
PENCIL PROJECT
Es gratuito. Precisa instalación.  Cuesta un poco encontrar las distintas opciones (p.ej. cambiar el color de la fuente), y es bastante completo.

Resumiendo, creo que el mejor es Balsamiq, al menos para mi nivel actual. Gliffy tiene la ventaja de que es online, pero esto puede ser también un problema.





lunes, 22 de agosto de 2016

Internet y la web no son lo mismo

Me resultó muy interesante al principio del curso de Introducción al Desarrollo Web: HTML y CSS de Google Activate, el capítulo 0.8, en el que Sergio Luján Mora, profesor del mismo, comenta que Internet no es lo mismo que la web. Claro, yo convencido de toda la vida de que sí que son lo mismo. Y resulta que no, y la explicación es clara y sencilla:

"¿Qué es Internet? ¿Qué es la Web?

Internet, también conocida como la Red de redes o simplemente la Red es un conjunto descentralizado de redes de comunicación interconectadas.

Internet permite que redes de diferentes tipos, lo que se llaman redes físicas heterogéneas, puedan conectarse entre sí."



"Los datos que se transmiten emplean diferentes idiomas, diferentes protocolos.

La World Wide Web, la Web, es simplemente un sistema más con su protocolo, el protocolo HTTP, que hace uso de Internet para la transmisión de los datos, en este caso las páginas web.

Pero además del protocolo HTTP, además de la Web, por Internet circulan más cosas.
Por ejemplo, el protocolo FTP se emplea para la transmisión de ficheros.
Los protocolos SMTP y POP se emplean para el envío y la recepción de correos electrónicos.
Y el protocolo Telnet se emplea para establecer conexiones remotas con otros ordenadores.
Sin embargo, la Web es el sistema más famoso de todos ellos, y por eso mucha gente cree que Internet y la Web son lo mismo, pero no es así."

Dejo el enlace al video:


Otra explicación también muy sencilla de comprender está, ¡cómo no! en Wikipedia:

"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. Esta fue un desarrollo posterior (1990) y utiliza internet como medio de transmisión."

https://es.wikipedia.org/wiki/Internet

jueves, 18 de agosto de 2016

Tim Berners-Lee, el padre de la Web



File:Sir Tim Berners-Lee.jpg
Sir Timothy "Tim" John Berners-LeeKBE (LondresReino Unido8 de junio de 1955) es un científico de la computación británico, conocido por ser el padre de la Web. Estableció la primera comunicación entre un cliente y un servidor usando el protocolo HTTP en noviembre de 1989. En octubre de 1994 fundó el Consorcio de la World Wide Web (W3C) con sede en el MIT, para supervisar y estandarizar el desarrollo de las tecnologías sobre las que se fundamenta la Web y que permiten el funcionamiento de Internet.
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 ResourceLocator).
Es posible encontrar muchas de las ideas plasmadas por Berners-Lee en el proyecto Xanadú (que propuso Ted Nelson) y el memex (de Vannevar Bush).