SlideShare una empresa de Scribd logo
1 de 20
La diagramación es una notación gráfica para representar
información de un determinado proceso. Lo que le permite
crear diagramas para describir los conceptos más rápidamente
y comunicar información con mayor eficacia, puede diseñar,
documentar y analizar los procesos empresariales con plantillas
y formas que facilitan el análisis y la interpretación de los
mismos.
El estudio de la organización de la información con el objetivo de permitir al
usuario encontrar su vía de navegación hacia el conocimiento y la
comprensión de la información
Tomado de:http://www.nosolousabilidad.com/articulos/ai.htm
La arquitectura de la información de un sitio web, como resultado de la
actividad, comprende los sistemas de organización y estructuración de los
contenidos, los sistemas de rotulado o etiquetado de dichos contenidos, y los
sistemas de recuperación de información y navegación que provea el sitio
web.
Esta sigla a la cual estamos familiarizados ya que la utilizamos par
acceder a cualquier pagina web, significa World Wide Web en
español esta sigla significa red informática mundial.
La sigla HTTP significa HyperText Transfer Protocol (Protocolo de
transferencia de hipertexto) y es uno de los lenguajes más comunes
para intercambiar información en la web. De esta forma se van
guiando las páginas web desde su ubicación de creación hasta el
computador que las intenta abrir.
Término que hace referencia al conjunto de métodos para escribir, diseñar,
o componer contenidos que tengan texto, video, audio, mapas, etc, y que
poseen interactividad con los usuarios. Ejemplos de hipermedia pueden ser
la WWW, las películas en DVD, las presentaciones en Flash, etc.
HTML es el lenguaje que se emplea para el desarrollo de páginas
de internet. Está compuesto por una serie de etiquetas que el
navegador interpreta y da forma en la pantalla. HTML dispone de
etiquetas para imágenes, hipervínculos que nos permiten
dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.
CSS es la parte que controla el aspecto visual de una página. HTML
es el que se va mostrar, y CSS es como se va a mostrar: con que
colores, en que parte se va a colocar, si va a tener bordes, fondos,
alineación del texto, tipografía, etc. Básicamente es tu guía de estilos,
lo cual es muy apropiado porque CSS significa Cascading Style Sheet.
O sea, hojas de estilos en cascada.
Sir Timothy "Tim" John Berners-Lee OM, KBE (TimBL o TBL) (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
¿Qué es Internet? Aunque puede parecer una pregunta sencilla, definir
Internet no es fácil. Porque, al contrario que otras tecnologías, Internet
puede ser lo que queramos. Podemos darle forma. Podemos moldearla.
Pero lo más importante es que podemos usarla para conectar personas,
comunidades y países de todo el mundo.
Un navegador web (en inglés, web browser) es un software,
aplicación o programa que permite el acceso a la Web,
interpretando la información de distintos tipos de archivos y sitios
web para que estos puedan ser visualizados.
El diseño web es una actividad que consiste en la planificación, diseño e
implementación de sitios web y páginas web. No es simplemente una
aplicación del diseño convencional, ya que requiere tener en cuenta
cuestiones tales como navegabilidad, interactividad, usabilidad,
arquitectura de la información y la interacción de medios como el audio,
texto, imagen y vídeo.
Diseño de páginas web determina la apariencia. Que cubre el diseño, la
navegación y los colores de un sitio web (También puede incluir el
diseño gráfico y logo), está más preocupado por la estética y la
experiencia del usuario de las funciones. Un diseñador de páginas web
crea sitios fáciles de usar y adecuados para su propósito.
ML proviene de eXtensible Markup Language (“Lenguaje de Marcas Extensible”).
Se trata de un metalenguaje (un lenguaje que se utiliza para decir algo acerca de
otro) extensible de etiquetas que fue desarrollado por el Word Wide Web
Consortium (W3C), una sociedad mercantil internacional que elabora
recomendaciones para la World Wide Web.
Los tags, a veces llamados "etiquetas" en español, son los "comandos" que los
programas navegadores leen e interpretan para armar y dar forma a las páginas de
Internet.
Es la última versión del lenguaje en el que se escriben las páginas Webs y
los blogs de Blogger, un lenguaje que sólo con capaces de leer los
últimos navegadores, ya que los que son más anticuados hay algunas
etiquetas que no son capaces de interpretar.
Javascript es un lenguaje que puede ser utilizado por profesionales y para
quienes se inician en el desarrollo y diseño de sitios web. No requiere de
compilación ya que el lenguaje funciona del lado del cliente, los navegadores
son los encargados de interpretar estos códigos.
Paint.NET (Windows)
GIMP (Windows, Linux, Mac OS)
Blender (Windows, Linux, Mac OS)
Inkscape (Windows, Linux, Mac OS)
Sculptris (Windows, Mac OS)
Photoscape (Windows, Mac OS)
Infogr.am (Web)
IcoFX (Windows, Mac OS)
Wix es una plataforma de creación de sitios web de manera sencilla, el cual es
un generador de paginas dinámicas que nos perimite crear nuestros propios
sitios. Similar a Neositio o Weblee
 Este portal se encuentra en idioma inglés pero tiene versiones en otros idiomas
en las que se incluye el español lo cual nos facilitará la comprensión del
funcionamiento del sitio al menos antes de acceder al editor.
 Wix nos permite crear diseños para blogs y páginas Web en Flash, es decir
diseños animados y dinámicos.
 Ofrece cientos de plantillas con diseño muy modernos y profesionales.
 Fácil personalización de la páginas por medio de un editor de páginas web muy
sencillo e intuitivo.
 Publicación automática tras haber terminado el diseño.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (19)

Fundamentos de lenguaje html
Fundamentos de lenguaje htmlFundamentos de lenguaje html
Fundamentos de lenguaje html
 
Presentacion de informatica
Presentacion de informaticaPresentacion de informatica
Presentacion de informatica
 
Herramientas para paginas web
Herramientas para  paginas webHerramientas para  paginas web
Herramientas para paginas web
 
Melanie gonzález
Melanie gonzálezMelanie gonzález
Melanie gonzález
 
Herramientas web barreto arana
Herramientas web barreto  aranaHerramientas web barreto  arana
Herramientas web barreto arana
 
Diseño y Desarrollo Web
Diseño y Desarrollo WebDiseño y Desarrollo Web
Diseño y Desarrollo Web
 
Unidad II
Unidad IIUnidad II
Unidad II
 
Programacion web
Programacion webProgramacion web
Programacion web
 
Debpablo
DebpabloDebpablo
Debpablo
 
Examen del segundo parcial (Programacion web 1) - Erick Lozada
Examen del segundo parcial (Programacion web 1) - Erick LozadaExamen del segundo parcial (Programacion web 1) - Erick Lozada
Examen del segundo parcial (Programacion web 1) - Erick Lozada
 
Contenidos o nodos de informacion tipo html
Contenidos o nodos de informacion tipo htmlContenidos o nodos de informacion tipo html
Contenidos o nodos de informacion tipo html
 
Fundamentos técnicos de internet
Fundamentos técnicos de internetFundamentos técnicos de internet
Fundamentos técnicos de internet
 
Contenido de las paginas webs
Contenido de las paginas websContenido de las paginas webs
Contenido de las paginas webs
 
Pagina web
Pagina webPagina web
Pagina web
 
Códigos HTML y creación de páginas web
Códigos HTML y creación de páginas webCódigos HTML y creación de páginas web
Códigos HTML y creación de páginas web
 
Israel blog
Israel blogIsrael blog
Israel blog
 
Dream weaver israel
Dream weaver israelDream weaver israel
Dream weaver israel
 
pagina web
pagina webpagina web
pagina web
 
Diseño pagina web- html
Diseño pagina web- html Diseño pagina web- html
Diseño pagina web- html
 

Destacado

Destacado (9)

Geopolitica Contextualización y conceptos claves
Geopolitica Contextualización y conceptos clavesGeopolitica Contextualización y conceptos claves
Geopolitica Contextualización y conceptos claves
 
Globalización
GlobalizaciónGlobalización
Globalización
 
Nicolás Maquiavelo
Nicolás MaquiaveloNicolás Maquiavelo
Nicolás Maquiavelo
 
El ciclo de carbono
El ciclo de carbonoEl ciclo de carbono
El ciclo de carbono
 
Hegel y Marx
Hegel y MarxHegel y Marx
Hegel y Marx
 
Historieta Segunda Guerra Mundial
Historieta Segunda Guerra MundialHistorieta Segunda Guerra Mundial
Historieta Segunda Guerra Mundial
 
Transformando la educación!
Transformando la educación!Transformando la educación!
Transformando la educación!
 
Libro onas
Libro onasLibro onas
Libro onas
 
Noticia chilenosaurio el país
Noticia chilenosaurio el paísNoticia chilenosaurio el país
Noticia chilenosaurio el país
 

Similar a Diagramación e información web

El origen-de-las-paginas-web-final
El origen-de-las-paginas-web-finalEl origen-de-las-paginas-web-final
El origen-de-las-paginas-web-finalLuis Wuicho Angeles
 
Taller html
Taller htmlTaller html
Taller htmlRoger125
 
Diseño de Páginas Web
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas Web8vivi8
 
Web informática
Web informáticaWeb informática
Web informáticaHenry Perez
 
Desarrollo de páginas WEB
Desarrollo de páginas WEBDesarrollo de páginas WEB
Desarrollo de páginas WEBAz
 
carlos cuesta diapositivas pagina web
carlos cuesta diapositivas pagina webcarlos cuesta diapositivas pagina web
carlos cuesta diapositivas pagina webbigbeto
 
introducción tecnologías web
introducción tecnologías webintroducción tecnologías web
introducción tecnologías webevelynfarro06
 
ntic diapositivas
ntic diapositivasntic diapositivas
ntic diapositivasbigbeto
 
Plataforma web, Diseño web y Programacion web
Plataforma web, Diseño web y Programacion webPlataforma web, Diseño web y Programacion web
Plataforma web, Diseño web y Programacion webAbdiel Pitti
 
Yeison fabian
Yeison fabianYeison fabian
Yeison fabianJhohan Cx
 
Cristian presentacion
Cristian presentacionCristian presentacion
Cristian presentacionCristanCamilo
 

Similar a Diagramación e información web (20)

David cuellar
David cuellarDavid cuellar
David cuellar
 
Qué es el diseño web
Qué es el diseño webQué es el diseño web
Qué es el diseño web
 
El origen-de-las-paginas-web-final
El origen-de-las-paginas-web-finalEl origen-de-las-paginas-web-final
El origen-de-las-paginas-web-final
 
Qué es HTML.pptx
Qué es HTML.pptxQué es HTML.pptx
Qué es HTML.pptx
 
Taller html
Taller htmlTaller html
Taller html
 
Diseño web
Diseño webDiseño web
Diseño web
 
Diseño de Páginas Web
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas Web
 
Web informática
Web informáticaWeb informática
Web informática
 
Desarrollo de páginas WEB
Desarrollo de páginas WEBDesarrollo de páginas WEB
Desarrollo de páginas WEB
 
carlos cuesta diapositivas pagina web
carlos cuesta diapositivas pagina webcarlos cuesta diapositivas pagina web
carlos cuesta diapositivas pagina web
 
Diseno web
Diseno webDiseno web
Diseno web
 
introducción tecnologías web
introducción tecnologías webintroducción tecnologías web
introducción tecnologías web
 
ntic diapositivas
ntic diapositivasntic diapositivas
ntic diapositivas
 
Plataforma web, Diseño web y Programacion web
Plataforma web, Diseño web y Programacion webPlataforma web, Diseño web y Programacion web
Plataforma web, Diseño web y Programacion web
 
Recursos Web 2.0
Recursos Web 2.0Recursos Web 2.0
Recursos Web 2.0
 
Ariel beitia
Ariel beitiaAriel beitia
Ariel beitia
 
Yeison fabian
Yeison fabianYeison fabian
Yeison fabian
 
Diseño web
Diseño webDiseño web
Diseño web
 
Cristian presentacion
Cristian presentacionCristian presentacion
Cristian presentacion
 
Web 6 credito
Web 6 creditoWeb 6 credito
Web 6 credito
 

Diagramación e información web

  • 1.
  • 2. La diagramación es una notación gráfica para representar información de un determinado proceso. Lo que le permite crear diagramas para describir los conceptos más rápidamente y comunicar información con mayor eficacia, puede diseñar, documentar y analizar los procesos empresariales con plantillas y formas que facilitan el análisis y la interpretación de los mismos.
  • 3. El estudio de la organización de la información con el objetivo de permitir al usuario encontrar su vía de navegación hacia el conocimiento y la comprensión de la información Tomado de:http://www.nosolousabilidad.com/articulos/ai.htm La arquitectura de la información de un sitio web, como resultado de la actividad, comprende los sistemas de organización y estructuración de los contenidos, los sistemas de rotulado o etiquetado de dichos contenidos, y los sistemas de recuperación de información y navegación que provea el sitio web.
  • 4. Esta sigla a la cual estamos familiarizados ya que la utilizamos par acceder a cualquier pagina web, significa World Wide Web en español esta sigla significa red informática mundial.
  • 5. La sigla HTTP significa HyperText Transfer Protocol (Protocolo de transferencia de hipertexto) y es uno de los lenguajes más comunes para intercambiar información en la web. De esta forma se van guiando las páginas web desde su ubicación de creación hasta el computador que las intenta abrir.
  • 6. Término que hace referencia al conjunto de métodos para escribir, diseñar, o componer contenidos que tengan texto, video, audio, mapas, etc, y que poseen interactividad con los usuarios. Ejemplos de hipermedia pueden ser la WWW, las películas en DVD, las presentaciones en Flash, etc.
  • 7. HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una serie de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.
  • 8. CSS es la parte que controla el aspecto visual de una página. HTML es el que se va mostrar, y CSS es como se va a mostrar: con que colores, en que parte se va a colocar, si va a tener bordes, fondos, alineación del texto, tipografía, etc. Básicamente es tu guía de estilos, lo cual es muy apropiado porque CSS significa Cascading Style Sheet. O sea, hojas de estilos en cascada.
  • 9. Sir Timothy "Tim" John Berners-Lee OM, KBE (TimBL o TBL) (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
  • 10. ¿Qué es Internet? Aunque puede parecer una pregunta sencilla, definir Internet no es fácil. Porque, al contrario que otras tecnologías, Internet puede ser lo que queramos. Podemos darle forma. Podemos moldearla. Pero lo más importante es que podemos usarla para conectar personas, comunidades y países de todo el mundo.
  • 11. Un navegador web (en inglés, web browser) es un software, aplicación o programa que permite el acceso a la Web, interpretando la información de distintos tipos de archivos y sitios web para que estos puedan ser visualizados.
  • 12. El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios web y páginas web. No es simplemente una aplicación del diseño convencional, ya que requiere tener en cuenta cuestiones tales como navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen y vídeo.
  • 13. Diseño de páginas web determina la apariencia. Que cubre el diseño, la navegación y los colores de un sitio web (También puede incluir el diseño gráfico y logo), está más preocupado por la estética y la experiencia del usuario de las funciones. Un diseñador de páginas web crea sitios fáciles de usar y adecuados para su propósito.
  • 14. ML proviene de eXtensible Markup Language (“Lenguaje de Marcas Extensible”). Se trata de un metalenguaje (un lenguaje que se utiliza para decir algo acerca de otro) extensible de etiquetas que fue desarrollado por el Word Wide Web Consortium (W3C), una sociedad mercantil internacional que elabora recomendaciones para la World Wide Web.
  • 15. Los tags, a veces llamados "etiquetas" en español, son los "comandos" que los programas navegadores leen e interpretan para armar y dar forma a las páginas de Internet.
  • 16. Es la última versión del lenguaje en el que se escriben las páginas Webs y los blogs de Blogger, un lenguaje que sólo con capaces de leer los últimos navegadores, ya que los que son más anticuados hay algunas etiquetas que no son capaces de interpretar.
  • 17. Javascript es un lenguaje que puede ser utilizado por profesionales y para quienes se inician en el desarrollo y diseño de sitios web. No requiere de compilación ya que el lenguaje funciona del lado del cliente, los navegadores son los encargados de interpretar estos códigos.
  • 18. Paint.NET (Windows) GIMP (Windows, Linux, Mac OS) Blender (Windows, Linux, Mac OS) Inkscape (Windows, Linux, Mac OS) Sculptris (Windows, Mac OS) Photoscape (Windows, Mac OS) Infogr.am (Web) IcoFX (Windows, Mac OS)
  • 19. Wix es una plataforma de creación de sitios web de manera sencilla, el cual es un generador de paginas dinámicas que nos perimite crear nuestros propios sitios. Similar a Neositio o Weblee
  • 20.  Este portal se encuentra en idioma inglés pero tiene versiones en otros idiomas en las que se incluye el español lo cual nos facilitará la comprensión del funcionamiento del sitio al menos antes de acceder al editor.  Wix nos permite crear diseños para blogs y páginas Web en Flash, es decir diseños animados y dinámicos.  Ofrece cientos de plantillas con diseño muy modernos y profesionales.  Fácil personalización de la páginas por medio de un editor de páginas web muy sencillo e intuitivo.  Publicación automática tras haber terminado el diseño.