Errores Web comunes en el título de la página
https://es.wikipedia.org/wiki/HTML
HTML - Entrenamiento:
https://www.w3.org/community/webed/wiki/HTML/Training
HTML - Tutoriales:
http://www.w3schools.com/
miércoles, 30 de marzo de 2016
HTML - Conceptos Básicos
Conceptos Básicos:
Errores Web comunes en el título de la página
HTML - información:
https://es.wikipedia.org/wiki/HTML
HTML - Entrenamiento:
https://www.w3.org/community/webed/wiki/HTML/Training
HTML - Tutoriales:
http://www.w3schools.com/
Errores Web comunes en el título de la página
https://es.wikipedia.org/wiki/HTML
HTML - Entrenamiento:
https://www.w3.org/community/webed/wiki/HTML/Training
HTML - Tutoriales:
http://www.w3schools.com/
martes, 29 de marzo de 2016
HTML
Al fin.
HTML sirve para dar la estructura y el contenido o información (texto, imágenes, video) de una página web, no la presentación.
HTML está formado por etiquetas, que se encuentran entre < >
HTML5 está formado por más de 100 etiquetas.
El elemento es el elemento básico de una página web.
Una página está formada por un conjunto de elementos.
Un elemento se compone de una etiqueta inicial y una etiqueta final.
Algunos elementos se pueden anidar, esto significa que se pueden escribir unos dentro de otros.
<html>Etiqueta principal
<head> Cabera, no aprece en la página web, se emplea para definir los metadatos.
<title> Define el título de la página</title>
</head>
<body>
<h1>Tamaño de letra...<h6>
<p>Delimita un párrafo</p>
<strong> Hace negrita</strong>
<em> texto enfatizado</em>
</body>
</html>
Lugares para aprender HTML:
W3Schools
HTML sirve para dar la estructura y el contenido o información (texto, imágenes, video) de una página web, no la presentación.
HTML está formado por etiquetas, que se encuentran entre < >
HTML5 está formado por más de 100 etiquetas.
El elemento es el elemento básico de una página web.
Una página está formada por un conjunto de elementos.
Un elemento se compone de una etiqueta inicial y una etiqueta final.
<html>Etiqueta principal
<head> Cabera, no aprece en la página web, se emplea para definir los metadatos.
<title> Define el título de la página</title>
</head>
<body>
<h1>Tamaño de letra...<h6>
<p>Delimita un párrafo</p>
<strong> Hace negrita</strong>
<em> texto enfatizado</em>
</body>
</html>
Lugares para aprender HTML:
W3Schools
lunes, 28 de marzo de 2016
HTML
HTML por sus siglas en inglés HyperText Markup Language surgió a principios de los 90's.
HTML surge del lenguaje SGML (Standard Generalized Markup Language). Un sistema para la organización y etiquetado de documentos.
Tim Berners-Lee creó la etiqueta <a href=""> etiqueta que hace relación a documentos o hipervínculos, el éxito de HTML básicamente se basó en su intrínseca simplicidad y la creación de links de hypertexto.
Las primeras versiones de HTML no fueron estandarizadas, ya que no eran muy utilizadas. HTML 1.0 no incluía tablas ni formularios.
En julio de 1993 se empezó a trabajar con la siguiente version, HTML+ (su principal novedad fueron las tablas, formularios, imágenes de fondo, y tenía la posibilidad de incluir ecuaciones matemáticas). El navegador Arena, desarrollado por Dave Raggett soportó HTML+.
En Octubre de 1994 se formó el W3C, encargado de desarrollar estándares abiertos para HTML y dirigido por Tim Berners-Lee.
En noviembre de 1995 se creó la primera versión estandarizada de html; HTML 2.0.
En enero de 1997 se creó la versión HTML 3.2 cuyo aporte fue la inclusión y tabulación de tablas, usadas para organizar texto e imagen.
En diciembre de 1999 se publicó la última revisión HTML4.0.1
El W3C concentró sus esfuerzos en XML. En enero del 2000 se creó XHTML 1.0 (Muy estricto, no funcionó).
En enero de 20004, Apple, Mozilla y Opera se unen para crear WHATWG (Web HyperText Application Technology Working Group), más adelante W3C se abandona XHTML y se une al desarrollo HTML5.0.
El 28 de Octubre de 2014 HTML5.0 se hizo recomendación oficial.
Se espera que a finales del año 2016 la versión HTML5.1 sea una recomendación oficial.
HTML surge del lenguaje SGML (Standard Generalized Markup Language). Un sistema para la organización y etiquetado de documentos.
Tim Berners-Lee creó la etiqueta <a href=""> etiqueta que hace relación a documentos o hipervínculos, el éxito de HTML básicamente se basó en su intrínseca simplicidad y la creación de links de hypertexto.
Las primeras versiones de HTML no fueron estandarizadas, ya que no eran muy utilizadas. HTML 1.0 no incluía tablas ni formularios.
En julio de 1993 se empezó a trabajar con la siguiente version, HTML+ (su principal novedad fueron las tablas, formularios, imágenes de fondo, y tenía la posibilidad de incluir ecuaciones matemáticas). El navegador Arena, desarrollado por Dave Raggett soportó HTML+.
En Octubre de 1994 se formó el W3C, encargado de desarrollar estándares abiertos para HTML y dirigido por Tim Berners-Lee.
En noviembre de 1995 se creó la primera versión estandarizada de html; HTML 2.0.
En enero de 1997 se creó la versión HTML 3.2 cuyo aporte fue la inclusión y tabulación de tablas, usadas para organizar texto e imagen.
En diciembre de 1999 se publicó la última revisión HTML4.0.1
El W3C concentró sus esfuerzos en XML. En enero del 2000 se creó XHTML 1.0 (Muy estricto, no funcionó).
En enero de 20004, Apple, Mozilla y Opera se unen para crear WHATWG (Web HyperText Application Technology Working Group), más adelante W3C se abandona XHTML y se une al desarrollo HTML5.0.
El 28 de Octubre de 2014 HTML5.0 se hizo recomendación oficial.
Se espera que a finales del año 2016 la versión HTML5.1 sea una recomendación oficial.
domingo, 20 de marzo de 2016
Prototipado: wireframes, mockups y prototipos.
Arquitecto de Información
Existen dos tipos de diagramas: planos y maquetas.
Planos (Blueprint - diagramas de contenido - mapa web):
Maquetas (Sketching - wireframes - prototipo funcional):
- Wireframe: es una representación esquemática de una página web sin elementos gráficos que muestran contenido y comportamiento de las páginas.
Se realizan antes de empezar a programar. Es el puente entre el diseñador web y el desarrollador web. Indica que contenidos deben estar presentes en la página web - los elementos (cabeceras, listas), layout, estrategia de navegación. Va acompañado de notas.
- Storyboard: secuencias de wireframe.
- Simulan o tienen implementadas partes del sistema final a desarrollar.
El arquitecto de información se encarga de:
Para cumplir con las tareas anteriores, el Arquitecto de la Información hace uso de la diagramación.
- Identificar las necesidades de los usuarios.
- Definir la organización, etiquetado, navegación y sistema de búsqueda de un sitio web, elementos que ayudan a los usuarios y gestionar la información de manera efectiva.
- Especificar las necesidades y requerimientos de la aplicación.
- Prototipar la aplicación.
Existen dos tipos de diagramas: planos y maquetas.
Planos (Blueprint - diagramas de contenido - mapa web):
- Diagramas de organización.- Diagramas de funcionamiento.
Maquetas (Sketching - wireframes - prototipo funcional):
- Diagramas de presentación.- Prototipos de baja fidelidad (Dibujos estáticos)
- Sketching - Dibujo a mano alzada - técnica que se emplea en las entrevistas iniciales con el cliente o en reuniones internas.
- Wireframe: es una representación esquemática de una página web sin elementos gráficos que muestran contenido y comportamiento de las páginas.
Se realizan antes de empezar a programar. Es el puente entre el diseñador web y el desarrollador web. Indica que contenidos deben estar presentes en la página web - los elementos (cabeceras, listas), layout, estrategia de navegación. Va acompañado de notas.
- Storyboard: secuencias de wireframe.
- Prototipos de alta fidelidad (Maqueta, mockUp o prototipo funcional)- Aspectos más precisos.
- Simulan o tienen implementadas partes del sistema final a desarrollar.
Recursos:
"La diagramación en la arquitectura de información" Ronda León Rodrigo.
martes, 15 de marzo de 2016
Desarrollo Web V.S. Diseño Web
Diseño Web
El diseño web se refiere al diseño visual de un sitio web o de una página web y con frecuencia implica el diseño de los elementos gráficos de la página. TIPOGRAFÍA - COLORES - TAMAÑOS - PROPORCIONES. Proporciona el marco para la presentación y el comportamiento de la página. El producto final del diseño web no suele contener código.
Desarrollo Web
El desarrollo web se refiere a la programación necesaria para construir una aplicación o sitio web. Se suele dividir en dos partes que pueden estar conectadas, la parte cliente y la parte servidor.
FASES: CONTACTO INICIAL - PLANIFICACIÓN - CONTENIDO - DISEÑO - DESARROLLO - LANZAMIENTO.
FASES: CONTACTO INICIAL - PLANIFICACIÓN - CONTENIDO - DISEÑO - DESARROLLO - LANZAMIENTO.
miércoles, 9 de marzo de 2016
Historia de la Web
Sir Timothy "Tim" John Berners-Lee, KBE (Londres, Reino Unido, 8 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 Resource Locator).
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).
PRECURSORES DE LA WEB
Paul Outlet - Primeras referencias de Hipertexto, Padre de la Bibliografía y Documentación. Idealizó Mundaneum, archivo centralizado que recogiese todo el conocimiento de la humanidad.
Vannevar Bush - MEMEX (Concepto Precursor de la WWW) Aparato en el que se almacena texto, registros, libros y cuya función es encontrar a alta velocidad dichos documentos en una base de datos. Más sobre MEMEX. Artículo "As we may think"
Ted Nelson - En 1965 acuñó los términos hipertexto (Conjunto estructurado de textos, gráficos, etc., unidos entre sí por por enlaces y conexiones lógicas) e hipermedia (Conjunto estructurado de diversos medios como textos, gráficos e imágenes y sonidos unidos entre sí por enlaces y conexiones lógicas para transmisión de información) y es el creador del Xanadú (idea de crear una bilbioteca en línea con toda la historia de la humanidad.)
Tim Berners Lee - Desarrolló las 3 tecnologías fundamentales de la web; HTML, HTTP, URL. En 1989, escribió su propuesta "Information magement: A proposal". Tim no inventó el hipertexto, según escribe en su libro: "Yo llegué en el momento justo, interesado, cuando el hipertexto e Internet habían visto ya la luz. La tarea que me correspondía era hacer que casaran."
PRECURSORES DE LA WEB
Paul Outlet - Primeras referencias de Hipertexto, Padre de la Bibliografía y Documentación. Idealizó Mundaneum, archivo centralizado que recogiese todo el conocimiento de la humanidad.
Vannevar Bush - MEMEX (Concepto Precursor de la WWW) Aparato en el que se almacena texto, registros, libros y cuya función es encontrar a alta velocidad dichos documentos en una base de datos. Más sobre MEMEX. Artículo "As we may think"
Ted Nelson - En 1965 acuñó los términos hipertexto (Conjunto estructurado de textos, gráficos, etc., unidos entre sí por por enlaces y conexiones lógicas) e hipermedia (Conjunto estructurado de diversos medios como textos, gráficos e imágenes y sonidos unidos entre sí por enlaces y conexiones lógicas para transmisión de información) y es el creador del Xanadú (idea de crear una bilbioteca en línea con toda la historia de la humanidad.)
Tim Berners Lee - Desarrolló las 3 tecnologías fundamentales de la web; HTML, HTTP, URL. En 1989, escribió su propuesta "Information magement: A proposal". Tim no inventó el hipertexto, según escribe en su libro: "Yo llegué en el momento justo, interesado, cuando el hipertexto e Internet habían visto ya la luz. La tarea que me correspondía era hacer que casaran."
"Sólo tenía que tomar la idea del hipertexto y conectarlo a las ideas de TCP y DNS y ¡ta chan! - La Web" TBL.
Padres del Internet
Vinton Cerf y Robert Kahn - Creadores de los protocolos TCP/IP
Leonard Kleinrock - Creador de la tecnología de Conmutación de Paquetes
Leonard Kleinrock - Creador de la tecnología de Conmutación de Paquetes
Suscribirse a:
Entradas (Atom)