SlideShare una empresa de Scribd logo
Se refiere a una nueva
generación de webs
basadas en la creación de
paginas web donde los
contenidos son
compartidos y producidos
por los propios usuarios
del portal.
 Grafico de flujo
 La pagina
 Mapa del sitio
 Diagrama de pagina
Debe enfatizar:
 La estructura conceptual y la organización del sitio.
 Como el usuario fluye a través de tareas definidas y
los pasos respectivos.
Es el elemento clave de la
experiencia del usuario.
Es una unidad de
representación.
Se utilizan etiquetas para
identificar paginas y archivos de
datos.
Muestra un mayor nivel de representación del sitio.
 Debe mostrar:
• Áreas principales
• Paginas dinámicas de cada sección.
 Hay que comprobar si:
• Tiene estructura lógica
• Es navegable
Es un esquema donde se integran:
• El contenido
• La navegación
• La funcionalidad básica
Indica:
 El posicionamiento de los gráficos
 La navegación
 Los textos
 Encabezados
 Otros elementos que deben aparecer en pantalla
Elementos
del diseño
Punto
Textura
Valor
Línea
Forma
Color
 Es el primero y mas simple.
 Sirve como foco de énfasis
para llamar la atencion e
información importante.
 La combinación de puntos
representa ideas mas
complicadas.
Se define como una serie de puntos
Actúan como bordes entre ideas o
pasos de un secuencia.
Permite visualizar rápidamente un
objeto o idea
Es un área que sobresale del espacio alrededor,
dando un borde definido o una diferencia.
Se compone de líneas que encierran un área.
Define una relación entre una figura o el fondo
Es el grado de la luz u oscuridad.
Todos los elementos del diseño
requieren un valor de contraste para
ser vistos.
 Las áreas:
 Oscuras: Denotan misterio, drama,
amenaza.
 Luminosas: Denotan felicidad,
cercanía, calidez.
Es la experiencia de la
superficie de un objeto:
Aspereza, suavidad,
profundidad.
Se utiliza para acentuar
un área.
Es la parte de la luz que se
refleja en los objetos.
Los colores primarios, no
son mezclas de otros
colores y son: Rojo, amarillo,
azul
El color puede ayudar a
mejorar o demeritar la
composicion.

Más contenido relacionado

La actualidad más candente

Sintaxis Imagen
Sintaxis ImagenSintaxis Imagen
Sintaxis Imagen
evalogrono
 
DiagramacióN BáSica
DiagramacióN BáSicaDiagramacióN BáSica
DiagramacióN BáSica
Camilo Andrés Suárez
 
Espacio en el mensaje publicitario
Espacio en el mensaje publicitarioEspacio en el mensaje publicitario
Espacio en el mensaje publicitarioRafael Quecano
 
Layout
LayoutLayout
Layoutepreya
 
Elementos del diseño grafico
Elementos del diseño graficoElementos del diseño grafico
Elementos del diseño grafico
mari nieves
 
Unidad 1º claroscuro iv de iv para 2 cc3
Unidad 1º claroscuro iv de iv para 2 cc3Unidad 1º claroscuro iv de iv para 2 cc3
Unidad 1º claroscuro iv de iv para 2 cc3
Escuela de Arte y Superior de Diseño GC
 
Composición en el diseño
Composición en el diseñoComposición en el diseño
Composición en el diseño
Walter Jairzinho Sosa Sanabria
 
Elementos del diseño
Elementos del diseñoElementos del diseño
Elementos del diseño
Carlita Pitu
 
Diapositiva. explicacion general del diseño grafico
Diapositiva. explicacion general del diseño graficoDiapositiva. explicacion general del diseño grafico
Diapositiva. explicacion general del diseño graficoDANIDRES
 
Punto Y Linea
Punto Y  LineaPunto Y  Linea
Punto Y Linea
Anuar Maruri
 
Diseñografico
DiseñograficoDiseñografico
Diseñografico
bipgenesis
 
Diseñografico
DiseñograficoDiseñografico
Diseñografico
jgenesis
 
Ejemplos elementos de diseño
Ejemplos elementos de diseñoEjemplos elementos de diseño
Ejemplos elementos de diseño
Daniel Valbuena
 
Elementos de diseño
Elementos de diseñoElementos de diseño
Elementos de diseñojsantrich
 
precentacion de google maps
precentacion de google mapsprecentacion de google maps
precentacion de google maps
camerito
 
El diseño gráfico 1
El diseño gráfico 1El diseño gráfico 1
El diseño gráfico 1
maria2127
 
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
Arlen Mosquera
 

La actualidad más candente (20)

Sintaxis Imagen
Sintaxis ImagenSintaxis Imagen
Sintaxis Imagen
 
DiagramacióN BáSica
DiagramacióN BáSicaDiagramacióN BáSica
DiagramacióN BáSica
 
Espacio en el mensaje publicitario
Espacio en el mensaje publicitarioEspacio en el mensaje publicitario
Espacio en el mensaje publicitario
 
Layout
LayoutLayout
Layout
 
Elementos del diseño grafico
Elementos del diseño graficoElementos del diseño grafico
Elementos del diseño grafico
 
Unidad 1º claroscuro iv de iv para 2 cc3
Unidad 1º claroscuro iv de iv para 2 cc3Unidad 1º claroscuro iv de iv para 2 cc3
Unidad 1º claroscuro iv de iv para 2 cc3
 
Composición en el diseño
Composición en el diseñoComposición en el diseño
Composición en el diseño
 
Elementos del diseño
Elementos del diseñoElementos del diseño
Elementos del diseño
 
Diapositiva. explicacion general del diseño grafico
Diapositiva. explicacion general del diseño graficoDiapositiva. explicacion general del diseño grafico
Diapositiva. explicacion general del diseño grafico
 
12 La Imagen Elementos Pptm
12 La Imagen Elementos  Pptm12 La Imagen Elementos  Pptm
12 La Imagen Elementos Pptm
 
Punto Y Linea
Punto Y  LineaPunto Y  Linea
Punto Y Linea
 
Presentacion.elementos de diseño grafico
Presentacion.elementos de diseño graficoPresentacion.elementos de diseño grafico
Presentacion.elementos de diseño grafico
 
Diseñografico
DiseñograficoDiseñografico
Diseñografico
 
Diseñografico
DiseñograficoDiseñografico
Diseñografico
 
Ejemplos elementos de diseño
Ejemplos elementos de diseñoEjemplos elementos de diseño
Ejemplos elementos de diseño
 
Elementos de diseño
Elementos de diseñoElementos de diseño
Elementos de diseño
 
Ejemplos de Retículas
Ejemplos de RetículasEjemplos de Retículas
Ejemplos de Retículas
 
precentacion de google maps
precentacion de google mapsprecentacion de google maps
precentacion de google maps
 
El diseño gráfico 1
El diseño gráfico 1El diseño gráfico 1
El diseño gráfico 1
 
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
Conceptos básicos sobre composición y equilibrio en la creación y tratamiento...
 

Destacado

Letter of Rec-Dr. Shah
Letter of Rec-Dr. ShahLetter of Rec-Dr. Shah
Letter of Rec-Dr. ShahCarmen Quinn
 
Jornal área central de amparo
Jornal área central de amparoJornal área central de amparo
Jornal área central de amparoRogerio Catanese
 
Pedagogisen mobiilivideon tuottamisen askeleita
Pedagogisen mobiilivideon tuottamisen askeleitaPedagogisen mobiilivideon tuottamisen askeleita
Pedagogisen mobiilivideon tuottamisen askeleita
Pauliina Venho
 
April
AprilApril
April
qoipaduia
 
Debolsillo sabadell esp
Debolsillo   sabadell espDebolsillo   sabadell esp
Debolsillo sabadell espsaraisamper
 
Computacion examen segundo bimestre
Computacion examen segundo bimestreComputacion examen segundo bimestre
Computacion examen segundo bimestreelizalexam
 
Presentacion inglaterra
Presentacion  inglaterraPresentacion  inglaterra
Presentacion inglaterra
azucenahs
 
Tekoha joint venture
Tekoha joint ventureTekoha joint venture
Tekoha joint venture
Thiago Kato
 
3
33
ประมวลกฎหมายแพ่งและพาณิชย์ (รวมแก้ไขล่าสุดจนถึงปี 2551)
ประมวลกฎหมายแพ่งและพาณิชย์ (รวมแก้ไขล่าสุดจนถึงปี 2551)ประมวลกฎหมายแพ่งและพาณิชย์ (รวมแก้ไขล่าสุดจนถึงปี 2551)
ประมวลกฎหมายแพ่งและพาณิชย์ (รวมแก้ไขล่าสุดจนถึงปี 2551)
LawPlus Ltd.
 
Baby barredo
Baby barredoBaby barredo
Baby barredobaby991
 
Direitos Humanos
Direitos HumanosDireitos Humanos
Direitos Humanos
Samathema
 
01 plans-model
01   plans-model01   plans-model
01 plans-model
Ismail Khatib
 

Destacado (20)

1
11
1
 
Letter of Rec-Dr. Shah
Letter of Rec-Dr. ShahLetter of Rec-Dr. Shah
Letter of Rec-Dr. Shah
 
Jornal área central de amparo
Jornal área central de amparoJornal área central de amparo
Jornal área central de amparo
 
Ciber plagio
Ciber plagioCiber plagio
Ciber plagio
 
HHRecognition
HHRecognitionHHRecognition
HHRecognition
 
Posters
PostersPosters
Posters
 
Pedagogisen mobiilivideon tuottamisen askeleita
Pedagogisen mobiilivideon tuottamisen askeleitaPedagogisen mobiilivideon tuottamisen askeleita
Pedagogisen mobiilivideon tuottamisen askeleita
 
Segurança no MySQL
Segurança no MySQLSegurança no MySQL
Segurança no MySQL
 
April
AprilApril
April
 
Arxiu
ArxiuArxiu
Arxiu
 
Debolsillo sabadell esp
Debolsillo   sabadell espDebolsillo   sabadell esp
Debolsillo sabadell esp
 
Computacion examen segundo bimestre
Computacion examen segundo bimestreComputacion examen segundo bimestre
Computacion examen segundo bimestre
 
Presentacion inglaterra
Presentacion  inglaterraPresentacion  inglaterra
Presentacion inglaterra
 
Tekoha joint venture
Tekoha joint ventureTekoha joint venture
Tekoha joint venture
 
3
33
3
 
ประมวลกฎหมายแพ่งและพาณิชย์ (รวมแก้ไขล่าสุดจนถึงปี 2551)
ประมวลกฎหมายแพ่งและพาณิชย์ (รวมแก้ไขล่าสุดจนถึงปี 2551)ประมวลกฎหมายแพ่งและพาณิชย์ (รวมแก้ไขล่าสุดจนถึงปี 2551)
ประมวลกฎหมายแพ่งและพาณิชย์ (รวมแก้ไขล่าสุดจนถึงปี 2551)
 
Baby barredo
Baby barredoBaby barredo
Baby barredo
 
Direitos Humanos
Direitos HumanosDireitos Humanos
Direitos Humanos
 
Plat
PlatPlat
Plat
 
01 plans-model
01   plans-model01   plans-model
01 plans-model
 

Similar a La web

Estructura y diseño de un sitio web
Estructura y diseño de un sitio webEstructura y diseño de un sitio web
Estructura y diseño de un sitio web
Universidad Mesoamericana de San Agustín
 
1 -el diseño y sus elementos
1 -el diseño y sus elementos1 -el diseño y sus elementos
1 -el diseño y sus elementos
Maribel Prieto Alvarado
 
2 fundamentos y elementos del diseño
2  fundamentos y elementos del diseño2  fundamentos y elementos del diseño
2 fundamentos y elementos del diseño
Myriam Noury Punina
 
diseño grafico
diseño graficodiseño grafico
diseño grafico
Halex Baeza
 
Concepto de totalidad y Ley de Gastalt.
Concepto de totalidad y Ley de Gastalt.Concepto de totalidad y Ley de Gastalt.
Concepto de totalidad y Ley de Gastalt.
AllenRG
 
Composicion gràfica
Composicion gràficaComposicion gràfica
Composicion gràfica
andresilva190996
 
Metodos de organizacion de la información.pptx
Metodos de organizacion de la información.pptxMetodos de organizacion de la información.pptx
Metodos de organizacion de la información.pptx
ssuser716709
 
El lenguaje visual y elementos
El lenguaje visual y elementosEl lenguaje visual y elementos
El lenguaje visual y elementos
jalidf
 
DIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓN
David Nuñez
 
DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)
DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)
DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)
291992
 
PresentacióN DiseñO 2003
PresentacióN DiseñO 2003PresentacióN DiseñO 2003
PresentacióN DiseñO 2003291992
 
Unidad 3 vanessa arias
Unidad 3 vanessa ariasUnidad 3 vanessa arias
Unidad 3 vanessa arias
Vanessa Arias Garcia
 
Organizadores graficos
Organizadores graficosOrganizadores graficos
Organizadores graficos
HeidyMargaritaRicoFo
 
Organizadores graficos
Organizadores graficosOrganizadores graficos
Organizadores graficos
HeidyMargaritaRicoFo
 
TECNOLOGIA ACTUAL
TECNOLOGIA ACTUALTECNOLOGIA ACTUAL
TECNOLOGIA ACTUAL
Ketty Sares
 
diseño
 diseño diseño
diseñoeder
 
Elementos del Diseño
Elementos del DiseñoElementos del Diseño

Similar a La web (20)

Estructura y diseño de un sitio web
Estructura y diseño de un sitio webEstructura y diseño de un sitio web
Estructura y diseño de un sitio web
 
Presentación1
Presentación1Presentación1
Presentación1
 
1 -el diseño y sus elementos
1 -el diseño y sus elementos1 -el diseño y sus elementos
1 -el diseño y sus elementos
 
2 fundamentos y elementos del diseño
2  fundamentos y elementos del diseño2  fundamentos y elementos del diseño
2 fundamentos y elementos del diseño
 
diseño grafico
diseño graficodiseño grafico
diseño grafico
 
2 diseño+gr..
2 diseño+gr..2 diseño+gr..
2 diseño+gr..
 
Concepto de totalidad y Ley de Gastalt.
Concepto de totalidad y Ley de Gastalt.Concepto de totalidad y Ley de Gastalt.
Concepto de totalidad y Ley de Gastalt.
 
Composicion gràfica
Composicion gràficaComposicion gràfica
Composicion gràfica
 
Metodos de organizacion de la información.pptx
Metodos de organizacion de la información.pptxMetodos de organizacion de la información.pptx
Metodos de organizacion de la información.pptx
 
Fundamentos del diseño
Fundamentos del diseñoFundamentos del diseño
Fundamentos del diseño
 
El lenguaje visual y elementos
El lenguaje visual y elementosEl lenguaje visual y elementos
El lenguaje visual y elementos
 
DIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓNDIAGRAMACIÓN Y COMPOSICIÓN
DIAGRAMACIÓN Y COMPOSICIÓN
 
DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)
DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)
DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)
 
PresentacióN DiseñO 2003
PresentacióN DiseñO 2003PresentacióN DiseñO 2003
PresentacióN DiseñO 2003
 
Unidad 3 vanessa arias
Unidad 3 vanessa ariasUnidad 3 vanessa arias
Unidad 3 vanessa arias
 
Organizadores graficos
Organizadores graficosOrganizadores graficos
Organizadores graficos
 
Organizadores graficos
Organizadores graficosOrganizadores graficos
Organizadores graficos
 
TECNOLOGIA ACTUAL
TECNOLOGIA ACTUALTECNOLOGIA ACTUAL
TECNOLOGIA ACTUAL
 
diseño
 diseño diseño
diseño
 
Elementos del Diseño
Elementos del DiseñoElementos del Diseño
Elementos del Diseño
 

Último

Ventajas y desventajas de la desinfección con cloro
Ventajas y desventajas de la desinfección con cloroVentajas y desventajas de la desinfección con cloro
Ventajas y desventajas de la desinfección con cloro
durangense277
 
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
marianabz2403
 
Inteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdfInteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdf
Emilio Casbas
 
Diagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestreDiagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestre
rafaelsalazar0615
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
thomasdcroz38
 
maestria-motores-combustion-interna-alternativos (1).pdf
maestria-motores-combustion-interna-alternativos (1).pdfmaestria-motores-combustion-interna-alternativos (1).pdf
maestria-motores-combustion-interna-alternativos (1).pdf
JimmyTejadaSalizar
 
Conceptos básicos de programación 10-5.pdf
Conceptos básicos de programación 10-5.pdfConceptos básicos de programación 10-5.pdf
Conceptos básicos de programación 10-5.pdf
ValeriaAyala48
 
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdfEstructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
IsabellaRubio6
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
vazquezgarciajesusma
 
Conceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. TecnologíaConceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. Tecnología
coloradxmaria
 
3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto
cdraco
 
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...
espinozaernesto427
 
Estructuras básicas_ conceptos básicos de programación.pdf
Estructuras básicas_  conceptos básicos de programación.pdfEstructuras básicas_  conceptos básicos de programación.pdf
Estructuras básicas_ conceptos básicos de programación.pdf
ItsSofi
 
Estructuras básicas_ conceptos de programación (1).docx
Estructuras básicas_ conceptos de programación  (1).docxEstructuras básicas_ conceptos de programación  (1).docx
Estructuras básicas_ conceptos de programación (1).docx
SamuelRamirez83524
 
Posnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativaPosnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativa
Fernando Villares
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdf
ManuelCampos464987
 
Estructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdfEstructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdf
cristianrb0324
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
cj3806354
 
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdfDesarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
AlejandraCasallas7
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestre
DiegoCampos433849
 

Último (20)

Ventajas y desventajas de la desinfección con cloro
Ventajas y desventajas de la desinfección con cloroVentajas y desventajas de la desinfección con cloro
Ventajas y desventajas de la desinfección con cloro
 
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
 
Inteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdfInteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdf
 
Diagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestreDiagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestre
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
 
maestria-motores-combustion-interna-alternativos (1).pdf
maestria-motores-combustion-interna-alternativos (1).pdfmaestria-motores-combustion-interna-alternativos (1).pdf
maestria-motores-combustion-interna-alternativos (1).pdf
 
Conceptos básicos de programación 10-5.pdf
Conceptos básicos de programación 10-5.pdfConceptos básicos de programación 10-5.pdf
Conceptos básicos de programación 10-5.pdf
 
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdfEstructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
 
Conceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. TecnologíaConceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. Tecnología
 
3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto
 
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...
 
Estructuras básicas_ conceptos básicos de programación.pdf
Estructuras básicas_  conceptos básicos de programación.pdfEstructuras básicas_  conceptos básicos de programación.pdf
Estructuras básicas_ conceptos básicos de programación.pdf
 
Estructuras básicas_ conceptos de programación (1).docx
Estructuras básicas_ conceptos de programación  (1).docxEstructuras básicas_ conceptos de programación  (1).docx
Estructuras básicas_ conceptos de programación (1).docx
 
Posnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativaPosnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativa
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdf
 
Estructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdfEstructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdf
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
 
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdfDesarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestre
 

La web

  • 1.
  • 2. Se refiere a una nueva generación de webs basadas en la creación de paginas web donde los contenidos son compartidos y producidos por los propios usuarios del portal.
  • 3.  Grafico de flujo  La pagina  Mapa del sitio  Diagrama de pagina
  • 4. Debe enfatizar:  La estructura conceptual y la organización del sitio.  Como el usuario fluye a través de tareas definidas y los pasos respectivos.
  • 5. Es el elemento clave de la experiencia del usuario. Es una unidad de representación. Se utilizan etiquetas para identificar paginas y archivos de datos.
  • 6. Muestra un mayor nivel de representación del sitio.  Debe mostrar: • Áreas principales • Paginas dinámicas de cada sección.  Hay que comprobar si: • Tiene estructura lógica • Es navegable
  • 7. Es un esquema donde se integran: • El contenido • La navegación • La funcionalidad básica Indica:  El posicionamiento de los gráficos  La navegación  Los textos  Encabezados  Otros elementos que deben aparecer en pantalla
  • 9.  Es el primero y mas simple.  Sirve como foco de énfasis para llamar la atencion e información importante.  La combinación de puntos representa ideas mas complicadas.
  • 10. Se define como una serie de puntos Actúan como bordes entre ideas o pasos de un secuencia. Permite visualizar rápidamente un objeto o idea
  • 11. Es un área que sobresale del espacio alrededor, dando un borde definido o una diferencia. Se compone de líneas que encierran un área. Define una relación entre una figura o el fondo
  • 12. Es el grado de la luz u oscuridad. Todos los elementos del diseño requieren un valor de contraste para ser vistos.  Las áreas:  Oscuras: Denotan misterio, drama, amenaza.  Luminosas: Denotan felicidad, cercanía, calidez.
  • 13. Es la experiencia de la superficie de un objeto: Aspereza, suavidad, profundidad. Se utiliza para acentuar un área.
  • 14. Es la parte de la luz que se refleja en los objetos. Los colores primarios, no son mezclas de otros colores y son: Rojo, amarillo, azul El color puede ayudar a mejorar o demeritar la composicion.