SlideShare una empresa de Scribd logo
1 de 5
Colegio Instituto David
Profesora:
Gisela Bouche
Estudiantes:
Brad Lezcano
Victor Sanchez
Armando Gutierrez.
Grupo:
XI°J
Año: 2017
INTRODUCCIÓN DE
LA TRIPLE W (WWW)
• World Wide Web (WWW) o red
informática mundial es un sistema de
distribución de documentos
de hipertexto o hipermedios
interconectados y accesibles
vía Internet. Con un navegador web, un
usuario visualiza sitios web compuestos
de páginas web que pueden
contener textos, imágenes, vídeos u
otros contenidos multimedia, y navega
a través de esas páginas
usando hiperenlaces.
Navegadores y Buscadores
Navegadores:
Es un programa que permite ver la
información que contiene
una página web (ya se encuentre
ésta alojada en un servidor dentro
de la World Wide Web o en un
servidor local).
Buscadores:
Es una página de internet que
permite realizar búsquedas en la red.
Su forma de utilización es muy
sencilla, basta con introducir una o
más palabras clave en una casilla y el
buscador generará una lista
de páginas web que se supone
guardan relación con el tema
solicitado.
Herramientas de Diseño Web
• Wireframes | Prototipos | Mockup
Es la etapa del prototipado, en la que simplemente
tenemos que decidir qué partes contiene el sitio y como se
organizarán en la web.
• Colores
Buscamos la identidad de una web en base a su color, por
medio de la elección de una paleta.
• Vectores o bitmap
En la fase creativa utilizaremos diversos programas para
definir el aspecto de una web, las interfaces, guía de estilo
o plantilla, según las costumbres de cada diseñador. Para
ello, dependiendo de con qué nos sintamos más a gusto,
usaremos programas basados en vectores o en bitmaps.
• Guías de estilo
Son documentos gráficos o mixtos entre
gráficos y textuales, en los que se define cada
uno de los elementos que podremos encontrar
en una web y el aspecto que deberá tener.
• Pasar a HTML5 y CSS3
Este paso podremos realizarlo simplemente
escribiendo nuestros códigos HTML y CSS, pero
existen herramientas que nos ayudarán a
exportar directamente desde lo que tenemos
en Photoshop a los estilos que necesitaríamos
con CSS3 para obtener el mismo resultado.
•Animación con HTML5 / CSS3
Si quieres que tu web se mueva, que sea
dinámica e interactiva, puedes usar también
herramientas interesantes para realizar en web
características parecidas a las que podrías hacer
en Flash.
Gestión de Contenido Web
Es un sistema de software que
proporciona autorías de sitio web,
colaboración y herramientas de
administración diseñadas para
permitir, a los usuarios con poco
conocimiento de lenguajes de
programación web o lenguajes de
marcado, el crear y gestionar
contenidos web con relativa facilidad.
Un WCMS robusto proporciona la
base para la colaboración, ofreciendo
a los usuarios la capacidad de
gestionar los documentos y la salida
para la edición de múltiples autores la
participación.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

herramientas
herramientasherramientas
herramientas
 
Cuadro comparativo de herramientas digitales
Cuadro comparativo de herramientas digitalesCuadro comparativo de herramientas digitales
Cuadro comparativo de herramientas digitales
 
Paginas web Deber
Paginas web DeberPaginas web Deber
Paginas web Deber
 
Páginas web
Páginas webPáginas web
Páginas web
 
Estandares Web W3C
Estandares Web W3CEstandares Web W3C
Estandares Web W3C
 
Red de redes 2
Red de redes 2Red de redes 2
Red de redes 2
 
Internet
Internet Internet
Internet
 
ESTANDARES W3C EN LA WEB
ESTANDARES W3C EN LA WEBESTANDARES W3C EN LA WEB
ESTANDARES W3C EN LA WEB
 
Diseño web
Diseño webDiseño web
Diseño web
 
Que son los estándares w3 c para el desarrollo wed (tarea)
Que son los estándares  w3 c para el desarrollo wed (tarea)Que son los estándares  w3 c para el desarrollo wed (tarea)
Que son los estándares w3 c para el desarrollo wed (tarea)
 
Paul llerena
Paul llerenaPaul llerena
Paul llerena
 
Html Con Herramientas Libres
Html Con Herramientas LibresHtml Con Herramientas Libres
Html Con Herramientas Libres
 
Tipos de paginas web ffh
Tipos de paginas web ffhTipos de paginas web ffh
Tipos de paginas web ffh
 
Estandares Web W3C
Estandares Web W3CEstandares Web W3C
Estandares Web W3C
 
Estandares de diseño web
Estandares de diseño webEstandares de diseño web
Estandares de diseño web
 
Azucena Espinosa Actividad 3
Azucena Espinosa Actividad 3Azucena Espinosa Actividad 3
Azucena Espinosa Actividad 3
 
slideshare
slideshareslideshare
slideshare
 
Modulo 3 (Parte 2)
Modulo 3 (Parte 2)Modulo 3 (Parte 2)
Modulo 3 (Parte 2)
 
Estándares Web
Estándares WebEstándares Web
Estándares Web
 
Estandares Web
Estandares WebEstandares Web
Estandares Web
 

Similar a Final de multimedia

Edumatica unidades 2,3 y 4
Edumatica unidades 2,3 y 4Edumatica unidades 2,3 y 4
Edumatica unidades 2,3 y 4PROFEJANNIER
 
Desarrollo de páginas WEB
Desarrollo de páginas WEBDesarrollo de páginas WEB
Desarrollo de páginas WEBAz
 
Presentación para tecnología e informática para slide share
Presentación para tecnología e informática para slide sharePresentación para tecnología e informática para slide share
Presentación para tecnología e informática para slide shareSteven David Perdomo Otero
 
Presentacion Pagina Web
Presentacion Pagina Web Presentacion Pagina Web
Presentacion Pagina Web Julieth Ortiz
 
Evolución de la web
Evolución de la webEvolución de la web
Evolución de la webrossmony
 
Tecnologias avanzadas pdf[1]
Tecnologias avanzadas pdf[1]Tecnologias avanzadas pdf[1]
Tecnologias avanzadas pdf[1]Orlando R Santos
 
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
 
Amanda andrea trabajo terminado diseño web
Amanda andrea  trabajo terminado diseño webAmanda andrea  trabajo terminado diseño web
Amanda andrea trabajo terminado diseño webAmnada14
 
Amanda andrea trabajo terminado diseño web
Amanda andrea  trabajo terminado diseño webAmanda andrea  trabajo terminado diseño web
Amanda andrea trabajo terminado diseño webmonacha30
 
juan cruz Avance Tecnológico
juan cruz Avance Tecnológico juan cruz Avance Tecnológico
juan cruz Avance Tecnológico Jhon Kronick
 
Tecnologia que soportan web2.0
Tecnologia que soportan web2.0Tecnologia que soportan web2.0
Tecnologia que soportan web2.0carlos_8585
 
Instituto san antonio
Instituto san antonioInstituto san antonio
Instituto san antonioEsling Madrid
 

Similar a Final de multimedia (20)

Edumatica unidades 2,3 y 4
Edumatica unidades 2,3 y 4Edumatica unidades 2,3 y 4
Edumatica unidades 2,3 y 4
 
Ruben
RubenRuben
Ruben
 
Desarrollo de páginas WEB
Desarrollo de páginas WEBDesarrollo de páginas WEB
Desarrollo de páginas WEB
 
navegador vs buscador.pptx
navegador vs buscador.pptxnavegador vs buscador.pptx
navegador vs buscador.pptx
 
Sergio alexis
Sergio alexisSergio alexis
Sergio alexis
 
Diseño web silvia
Diseño web silviaDiseño web silvia
Diseño web silvia
 
Presentación para tecnología e informática para slide share
Presentación para tecnología e informática para slide sharePresentación para tecnología e informática para slide share
Presentación para tecnología e informática para slide share
 
Presentacion Pagina Web
Presentacion Pagina Web Presentacion Pagina Web
Presentacion Pagina Web
 
Evolución de la web
Evolución de la webEvolución de la web
Evolución de la web
 
Clase no 3
Clase no 3Clase no 3
Clase no 3
 
Tecnologias avanzadas pdf[1]
Tecnologias avanzadas pdf[1]Tecnologias avanzadas pdf[1]
Tecnologias avanzadas pdf[1]
 
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
 
Amanda andrea trabajo terminado diseño web
Amanda andrea  trabajo terminado diseño webAmanda andrea  trabajo terminado diseño web
Amanda andrea trabajo terminado diseño web
 
Amanda andrea trabajo terminado diseño web
Amanda andrea  trabajo terminado diseño webAmanda andrea  trabajo terminado diseño web
Amanda andrea trabajo terminado diseño web
 
creación de Pagina web
creación de Pagina webcreación de Pagina web
creación de Pagina web
 
Tecnologias avanzadas
Tecnologias avanzadasTecnologias avanzadas
Tecnologias avanzadas
 
juan cruz Avance Tecnológico
juan cruz Avance Tecnológico juan cruz Avance Tecnológico
juan cruz Avance Tecnológico
 
El diseño web
El diseño webEl diseño web
El diseño web
 
Tecnologia que soportan web2.0
Tecnologia que soportan web2.0Tecnologia que soportan web2.0
Tecnologia que soportan web2.0
 
Instituto san antonio
Instituto san antonioInstituto san antonio
Instituto san antonio
 

Último

INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptxdeimerhdz21
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesYanirisBarcelDelaHoz
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfNancyLoaa
 
Abril 2024 - Maestra Jardinera Ediba.pdf
Abril 2024 -  Maestra Jardinera Ediba.pdfAbril 2024 -  Maestra Jardinera Ediba.pdf
Abril 2024 - Maestra Jardinera Ediba.pdfValeriaCorrea29
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docxEliaHernndez7
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptxFelicitasAsuncionDia
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...JonathanCovena1
 
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdfMiguelHuaman31
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICAÁngel Encinas
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
Criterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosCriterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosJonathanCovena1
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Lourdes Feria
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptAlberto Rubio
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptxRigoTito
 

Último (20)

INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonables
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdf
 
Abril 2024 - Maestra Jardinera Ediba.pdf
Abril 2024 -  Maestra Jardinera Ediba.pdfAbril 2024 -  Maestra Jardinera Ediba.pdf
Abril 2024 - Maestra Jardinera Ediba.pdf
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdfTema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
 
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
Criterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosCriterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficios
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
 

Final de multimedia

  • 1. Colegio Instituto David Profesora: Gisela Bouche Estudiantes: Brad Lezcano Victor Sanchez Armando Gutierrez. Grupo: XI°J Año: 2017
  • 2. INTRODUCCIÓN DE LA TRIPLE W (WWW) • World Wide Web (WWW) o red informática mundial es un sistema de distribución de documentos de hipertexto o hipermedios interconectados y accesibles vía Internet. Con un navegador web, un usuario visualiza sitios web compuestos de páginas web que pueden contener textos, imágenes, vídeos u otros contenidos multimedia, y navega a través de esas páginas usando hiperenlaces.
  • 3. Navegadores y Buscadores Navegadores: Es un programa que permite ver la información que contiene una página web (ya se encuentre ésta alojada en un servidor dentro de la World Wide Web o en un servidor local). Buscadores: Es una página de internet que permite realizar búsquedas en la red. Su forma de utilización es muy sencilla, basta con introducir una o más palabras clave en una casilla y el buscador generará una lista de páginas web que se supone guardan relación con el tema solicitado.
  • 4. Herramientas de Diseño Web • Wireframes | Prototipos | Mockup Es la etapa del prototipado, en la que simplemente tenemos que decidir qué partes contiene el sitio y como se organizarán en la web. • Colores Buscamos la identidad de una web en base a su color, por medio de la elección de una paleta. • Vectores o bitmap En la fase creativa utilizaremos diversos programas para definir el aspecto de una web, las interfaces, guía de estilo o plantilla, según las costumbres de cada diseñador. Para ello, dependiendo de con qué nos sintamos más a gusto, usaremos programas basados en vectores o en bitmaps. • Guías de estilo Son documentos gráficos o mixtos entre gráficos y textuales, en los que se define cada uno de los elementos que podremos encontrar en una web y el aspecto que deberá tener. • Pasar a HTML5 y CSS3 Este paso podremos realizarlo simplemente escribiendo nuestros códigos HTML y CSS, pero existen herramientas que nos ayudarán a exportar directamente desde lo que tenemos en Photoshop a los estilos que necesitaríamos con CSS3 para obtener el mismo resultado. •Animación con HTML5 / CSS3 Si quieres que tu web se mueva, que sea dinámica e interactiva, puedes usar también herramientas interesantes para realizar en web características parecidas a las que podrías hacer en Flash.
  • 5. Gestión de Contenido Web Es un sistema de software que proporciona autorías de sitio web, colaboración y herramientas de administración diseñadas para permitir, a los usuarios con poco conocimiento de lenguajes de programación web o lenguajes de marcado, el crear y gestionar contenidos web con relativa facilidad. Un WCMS robusto proporciona la base para la colaboración, ofreciendo a los usuarios la capacidad de gestionar los documentos y la salida para la edición de múltiples autores la participación.