jueves, 20 de octubre de 2016
miércoles, 31 de agosto de 2016
Historia de HTML
Tim Berners-Lee es considerado el padre de la Web al desarrollar en 1990 las tres tecnología que dieron lugar a ella: HTML, URL Y HTTP.
La mejor información que se tiene sobre los primeros años de HTML se encuentra en el libro Ragget On HTML, de 1998, pues Dave Ragget, unos de los autores de este libre, fue el editor de la especificación del lenguaje HTML durante muchos años.
HTML se desarrolló a partir de SGML (Standard Generalized Markup Language), un estándar ISO de 1986 que se empleaba para la organización y etiquetado de textos, y que no impone ningún conjunto de etiquetas en especial; así, SGML es idéntico al actual XML. Berners-Lee inventó la etiqueta <a href> para los hipervínculos , que SGML no incluía.
Las primeras versiones de HTML entre 1990-1993 no fueron estandarizadas, en parte porque su uso no estaba muy extendido.
El primer intento de estandarización lo encontramos en junio de 1993, en un borrador escrito por Berners-Lee y Daniel Connolly, donde se puede encontrar la primera versión de este lenguaje, el HTML 1.0.; todavía no incluía las tablas ni los formularios, y los documentos creados con él ya no son útiles en la actualidad.
En noviembre de 1993 salió la luz la nueva versión, HTML+, que nunca llegó a estandarizarse. Incorporaba por primera vez tablas y formularios, y era capaz de definir formulas matemáticas con ecuaciones; esta característica no se incorporó a HTML finalmente, pero dio lugar a un lenguaje totalmente independiente, llamado MathML.
Tras la fundación en 1994 de W3C, que se encargará desde entonces de las tecnologías que mueven la web, en noviembre de 1995 aparece HTML 2.0, el primero en estandarizarse, aunque sólo llegó a ser una recomendación del W3C. Coincidió con la guerra entre navegadores, por lo que tanto Netscape como Microsoft introdujeron sus propias etiquetas, pero nunca fueron añadidas a HTML.
En enero de 1997 se publicó HTML 3.2, la primera versión estandarizada directamente por el W3C.
En diciembre de 1999 se publicó la última revisión, HTML 4.01.
El W3C abandonó el desarrollo de HTML para concentrarse en XML, un metalenguaje que define unas reglas para definir otros lenguajes. En enero de 2000 se publicó XHTML 1.0, una reformulación de HTML 4 con reglas más estrictas, e incluso se llegó a una revisión en 2002, pero fue un lenguaje no que se usó demasiado.
En 2004 Apple, Mozilla y Opera crean un grupo llamado WHATWG que comienza un nuevo desarrollo de HTML, al que por fin se une también el W3C. Así se llega al HTML 5, estandarizado en 2014, y HTML 5.1, que lo hará en este 2016, según las previsiones de W3C.
La mejor información que se tiene sobre los primeros años de HTML se encuentra en el libro Ragget On HTML, de 1998, pues Dave Ragget, unos de los autores de este libre, fue el editor de la especificación del lenguaje HTML durante muchos años.
HTML se desarrolló a partir de SGML (Standard Generalized Markup Language), un estándar ISO de 1986 que se empleaba para la organización y etiquetado de textos, y que no impone ningún conjunto de etiquetas en especial; así, SGML es idéntico al actual XML. Berners-Lee inventó la etiqueta <a href> para los hipervínculos , que SGML no incluía.
Las primeras versiones de HTML entre 1990-1993 no fueron estandarizadas, en parte porque su uso no estaba muy extendido.
El primer intento de estandarización lo encontramos en junio de 1993, en un borrador escrito por Berners-Lee y Daniel Connolly, donde se puede encontrar la primera versión de este lenguaje, el HTML 1.0.; todavía no incluía las tablas ni los formularios, y los documentos creados con él ya no son útiles en la actualidad.
En noviembre de 1993 salió la luz la nueva versión, HTML+, que nunca llegó a estandarizarse. Incorporaba por primera vez tablas y formularios, y era capaz de definir formulas matemáticas con ecuaciones; esta característica no se incorporó a HTML finalmente, pero dio lugar a un lenguaje totalmente independiente, llamado MathML.
Tras la fundación en 1994 de W3C, que se encargará desde entonces de las tecnologías que mueven la web, en noviembre de 1995 aparece HTML 2.0, el primero en estandarizarse, aunque sólo llegó a ser una recomendación del W3C. Coincidió con la guerra entre navegadores, por lo que tanto Netscape como Microsoft introdujeron sus propias etiquetas, pero nunca fueron añadidas a HTML.
En enero de 1997 se publicó HTML 3.2, la primera versión estandarizada directamente por el W3C.
En diciembre de 1999 se publicó la última revisión, HTML 4.01.
El W3C abandonó el desarrollo de HTML para concentrarse en XML, un metalenguaje que define unas reglas para definir otros lenguajes. En enero de 2000 se publicó XHTML 1.0, una reformulación de HTML 4 con reglas más estrictas, e incluso se llegó a una revisión en 2002, pero fue un lenguaje no que se usó demasiado.
En 2004 Apple, Mozilla y Opera crean un grupo llamado WHATWG que comienza un nuevo desarrollo de HTML, al que por fin se une también el W3C. Así se llega al HTML 5, estandarizado en 2014, y HTML 5.1, que lo hará en este 2016, según las previsiones de W3C.
miércoles, 24 de agosto de 2016
El lenguaje HTML
HTML son las siglas de HyperText Markup Language, que puede traducirse como lenguaje de marcas o marcado de hipertexto.
El lenguaje HTML tiene muchas etiquetas, pero aplicando el Principio de Pareto (la regla del 80-20), sólo hay que conocer bien el 20% de las etiquetas, ya que con ellas se crea el 80% del contenido de las páginas web. Las etiquetas más importantes son:
El lenguaje HTML tiene muchas etiquetas, pero aplicando el Principio de Pareto (la regla del 80-20), sólo hay que conocer bien el 20% de las etiquetas, ya que con ellas se crea el 80% del contenido de las páginas web. Las etiquetas más importantes son:
- html
- head
- meta
- title
- link
- style
- script
- body
- p
- a
- strong
- em
- img
- form
- input
- select
- textarea
- table
- tr
- th
- td
- blockquote
- hr
- ul
- ol
- li
- div
- span
martes, 23 de agosto de 2016
Prototipado: wireframes, mockups y prototipos
Para llegar al prototipado de una aplicación web, un Arquitecto de información debe ser responsable de los siguientes pasos:
- Identificar los objetivos del proyecto.
- Identificar las necesidades de los usuarios.
- Especificar las funcionalidades y requerimientos de la aplicación web.
- Definir y diseñar los sistemas de navegación, organización, etiquetado y búsqueda.
- Prototipar, por fin, la aplicación web.
El prototipado se realiza mediante planos y maquetas:
-PLANOS
-PLANOS
- Son diagramas de organización y funcionamiento.
- Se conocen como blueprints, diagramas de contenido o flujo, o mapa web.
- Deben ser comprensibles y reflejar con claridad la estructura, el flujo de navegación y la relación entre los elementos.
-MAQUETAS
- Son diagramas de presentación.
- Crean una referencia visual de la estructura, organización e interacción a nivel de página.
Se dividen en:
1. Prototipos de baja fidelidad
- Dibujos estáticos (Sketching, dibujos a lápiz y papel)
- Wireframe (inventariado de contenido más elaborado y comportamiento de la página)
- Cuando tenemos una secuencia de wireframes, hablamos de Storyboard.
2. Prototipos de alta fidelidad
- Llamados funcionales o mockups.
- Maquetas dinámicas, en HTML, que tienen implementadas partes del sistema final a desarrollar.
La importancia de prototipar una aplicación antes de comenzar el diseño gráfico y su implementación es vital, por varias razones:
- El equipo y el cliente se centran en el diseño de contenidos e interacción y no en el diseño visual.
- El cliente ve y comprende cómo será la aplicación, mucho mejor que si se le ofrece escrita en un documento.
- Evita malentendidos entre el proveedor y el cliente e incluso entre los propios miembros del equipo.
- Ayuda a especificar los requerimientos y a detectar inconsistencias o falta de funcionalidad.
- Es un complemento de gran valor en el análisis.
- El prototipo se modifica con facilidad y rapidez.
- Se evitan modificaciones posteriores mucho más costosas cuando la aplicación ya se está implementando.
- Se reducen costes y tiempo.
- Permite realizar pruebas de usabilidad, como tests con usuarios, en etapas tempranas del proyecto.
- Se detectan y solucionan los problemas antes de comenzar su implementación.
- El resultado son aplicaciones web más fáciles de entender, de usar y que se ajustan mejor a las necesidades de los usuarios.
Consejos para realizar un buen prototipo:
- Sencillez y claridad.
- Hazlo en blanco y negro.
- Representa los tamaños y proporciones de los bloques de contenido.
- Ten en cuenta las pautas de accesibilidad y usabilidad.
- Diseña para tus usuarios.
- Llamados funcionales o mockups.
- Maquetas dinámicas, en HTML, que tienen implementadas partes del sistema final a desarrollar.
La importancia de prototipar una aplicación antes de comenzar el diseño gráfico y su implementación es vital, por varias razones:
- El equipo y el cliente se centran en el diseño de contenidos e interacción y no en el diseño visual.
- El cliente ve y comprende cómo será la aplicación, mucho mejor que si se le ofrece escrita en un documento.
- Evita malentendidos entre el proveedor y el cliente e incluso entre los propios miembros del equipo.
- Ayuda a especificar los requerimientos y a detectar inconsistencias o falta de funcionalidad.
- Es un complemento de gran valor en el análisis.
- El prototipo se modifica con facilidad y rapidez.
- Se evitan modificaciones posteriores mucho más costosas cuando la aplicación ya se está implementando.
- Se reducen costes y tiempo.
- Permite realizar pruebas de usabilidad, como tests con usuarios, en etapas tempranas del proyecto.
- Se detectan y solucionan los problemas antes de comenzar su implementación.
- El resultado son aplicaciones web más fáciles de entender, de usar y que se ajustan mejor a las necesidades de los usuarios.
Consejos para realizar un buen prototipo:
- Sencillez y claridad.
- Hazlo en blanco y negro.
- Representa los tamaños y proporciones de los bloques de contenido.
- Ten en cuenta las pautas de accesibilidad y usabilidad.
- Diseña para tus usuarios.
jueves, 18 de agosto de 2016
El desarrollo web
Muchas veces se confunden los términos desarrollo web y diseño web y se piensa que el diseño web incluye el desarrollo completo de una página web. Y no es así.
DISEÑO WEB
-Diseño visual (look and feel) - Elementos gráficos
-Herramientas gráficas (Adobe Photoshop, GIMP)
-Diseño (sin código) - Trozos:
- HTML + CSS
- Elementos gráficos
DESARROLLO WEB
-Programación necesaria para construir una aplicación web
-Parte cliente:
- HTML y CSS para la creación de páginas web.
- JavaScript y DOM para la programación de la parte cliente.
-Parte servidor (creación del back end):
- Lenguajes de script (PHP, ASP, ASP.NET, JSP, Perl y Coldfusion)
- Diseño y desarrollo de bases de datos
- Seguridad
-Fases del desarrollo web: Contacto inicial, Planificación, Contenido, Diseño, Desarrollo y Lanzamiento.
miércoles, 17 de agosto de 2016
¿Cómo funciona el DNS?
El siguiente vídeo es un vídeo oficial de red.es, "una entidad pública que trabaja para que la sociedad española aproveche al máximo el potencial de Internet y las nuevas tecnologías". Este vídeo puede ser un poco difícil de entender porque no contiene ninguna explicación, es simplemente una animación, pero con lo que te hemos explicado en Las direcciones IP y el sistema de nombres de dominio seguro que lo podrás entender correctamente.
La idea principal que transmite este vídeo es que sólo transcurren unas milésimas de segundo desde que el usuario aprieta el botón para navegar a una dirección web hasta que se resuelve la dirección IP asociada a un nombre de dominio y se solicita el recurso asociado a la dirección web.
La idea principal que transmite este vídeo es que sólo transcurren unas milésimas de segundo desde que el usuario aprieta el botón para navegar a una dirección web hasta que se resuelve la dirección IP asociada a un nombre de dominio y se solicita el recurso asociado a la dirección web.
Suscribirse a:
Entradas (Atom)