SlideShare una empresa de Scribd logo
1 de 8
DESARROLLO EN PRESENTACIONES BASADO EN PREZI YDESARROLLO EN PRESENTACIONES BASADO EN PREZI Y
DESARROLLO DE PÁGINA WEB EN LENGUAJES HTML,DESARROLLO DE PÁGINA WEB EN LENGUAJES HTML,
BASADO EN BLOC DE NOTAS.BASADO EN BLOC DE NOTAS.
William GáfaroWilliam Gáfaro
Jhon GarcíaJhon García
Omaira JerezOmaira Jerez
Ana TorresAna Torres
PREZI
Prezi es una aplicación de presentaciones en
línea y una herramienta narrativa que usa un
solo lienzo en vez de diapositivas tradicionales y
separadas. Los textos, imágenes, videos u otros
objetos de presentación son puestos en un
lienzo infinito y presentados ordenadamente en
marco presentables.
PREZI
Requerimientos del sistema
Computador con acceso a internet, con mínimo 1 GB
de memoria RAM.
Un navegador. El sitio web de Prezi puede ser
visualizado por la mayoría de navegadores como:
Internet Explorer 7 o superior, Firefox 3 o superior,
Chrome, Safari y Opera.
Adobe Flash Player 10.
Sistemas operativos: Windows XP, Windows Vista,
Windows 7, Mac OS.
PREZI
CARACTERÍSTICAS
Entre sus características principales, permite organizar la información de forma
esquemática y exponerla con libertad, sin seguir la secuencia de diapositivas. Se
puede navegar por la presentación (un frame en 2.5D) desde la vista general,
ampliándola o reduciéndola gracias a su interfaz gráfica con zoom. En función de la
narrativa pueden implementarse efectos visuales, videos o cualquier otro contenido.
Cualquiera de las versiones de Prezi dispone de plantillas que permiten al usuario
ahorrar tiempo a la hora de desarrollar la presentación, incluyendo un tutorial de uso.
Todas las cuentas gratuitas son públicas y cualquiera puede ver los contenidos que
hay en ellas, algo evitable con la opción de pago.
HTML
HTML, sigla en inglés de HyperText Markup Language (lenguaje de marcas
de hipertexto), hace referencia al lenguaje de marcado para la elaboración
de páginas web. Es un estándar que sirve de referencia del software que
conecta con la elaboración de páginas web en sus diferentes versiones,
define una estructura básica y un código (denominado código HTML) para la
definición de contenido de una página web, como texto, imágenes, videos,
juegos, entre otros.
HTML
A lo largo de sus diferentes versiones, se han incorporado y
suprimido diversas características, con el fin de hacerlo más
eficiente y facilitar el desarrollo de páginas web compatibles con
distintos navegadores y plataformas (PC de escritorio,
portátiles, teléfonos inteligentes, tabletas, etc.) No obstante,
para interpretar correctamente una nueva versión de HTML, los
desarrolladores de navegadores web deben incorporar estos
cambios y el usuario debe ser capaz de usar la nueva versión del
navegador con los cambios incorporados.
HTML
ETIQUETAS BÁSICAS
•<html>: define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como
código HTML. Esto es así de facto, ya que en teoría lo que define el tipo de documento es el DOCTYPE, que significa la palabra
justo tras DOCTYPE el tag de raíz.
•<script>: incrusta un script en una web, o llama a uno mediante src="url del script". Se recomienda incluir el tipo MIME en el
atributo type, en el caso de JavaScript text/javascript.
•<head>: define la cabecera del documento HTML; esta cabecera suele contener información sobre el documento que no se
muestra directamente al usuario como, por ejemplo, el título de la ventana del navegador. Dentro de la cabecera <head> es posible
encontrar:
•<title>: define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana.
•<link>: para vincular el sitio a hojas de estilo o iconos. Por ejemplo:<link rel="stylesheet" href="/style.css"
type="text/css">.
•<style>: para colocar el estilo interno de la página; ya sea usando CSS u otros lenguajes similares. No es necesario
colocarlo si se va a vincular a un archivo externo usando la etiqueta <link>.
•<meta>: para metadatos como la autoría o la licencia, incluso para indicar parámetros http (mediante http-equiv="")
cuando no se pueden modificar por no estar disponible la configuración o por dificultades con server-side scripting.
<body>: define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el
navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes.
Prezi y html

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Html
HtmlHtml
Html
 
Diseño de paginas y buscadores
Diseño de paginas y buscadores Diseño de paginas y buscadores
Diseño de paginas y buscadores
 
Colegionacionalnicolasesguerra 120914133034-phpapp02
Colegionacionalnicolasesguerra 120914133034-phpapp02Colegionacionalnicolasesguerra 120914133034-phpapp02
Colegionacionalnicolasesguerra 120914133034-phpapp02
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Código html trabajo compu
Código html trabajo compuCódigo html trabajo compu
Código html trabajo compu
 
Html5
Html5Html5
Html5
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Introducción a HTML5
Introducción a HTML5Introducción a HTML5
Introducción a HTML5
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
PresentacióN1
PresentacióN1PresentacióN1
PresentacióN1
 
PresentacióN1
PresentacióN1PresentacióN1
PresentacióN1
 
Programación Avanzada
Programación AvanzadaProgramación Avanzada
Programación Avanzada
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Prueba parcial Codigos html
Prueba parcial Codigos htmlPrueba parcial Codigos html
Prueba parcial Codigos html
 
Instalación y configuración de un sitio web en Wordpress 3.8
Instalación y configuración de un sitio web en Wordpress 3.8Instalación y configuración de un sitio web en Wordpress 3.8
Instalación y configuración de un sitio web en Wordpress 3.8
 
Jose alejandro perez html
Jose alejandro perez htmlJose alejandro perez html
Jose alejandro perez html
 
Las 14 Pautas de Accesibilidad y Usabilidad Web
Las 14 Pautas de Accesibilidad y Usabilidad WebLas 14 Pautas de Accesibilidad y Usabilidad Web
Las 14 Pautas de Accesibilidad y Usabilidad Web
 
Debpablo
DebpabloDebpablo
Debpablo
 
HTML
HTML HTML
HTML
 

Similar a Prezi y html

Similar a Prezi y html (20)

Consulta de html
Consulta de html Consulta de html
Consulta de html
 
Trabajo de html sandy gutierrez
Trabajo de html sandy gutierrezTrabajo de html sandy gutierrez
Trabajo de html sandy gutierrez
 
Html
HtmlHtml
Html
 
Qué es el html
Qué es el htmlQué es el html
Qué es el html
 
HTML.pdf
HTML.pdfHTML.pdf
HTML.pdf
 
Html
HtmlHtml
Html
 
HTML5+CSS3 01
HTML5+CSS3 01HTML5+CSS3 01
HTML5+CSS3 01
 
Losdelsur
LosdelsurLosdelsur
Losdelsur
 
El lenguaje de programación en las páginas web
El lenguaje de programación en las páginas webEl lenguaje de programación en las páginas web
El lenguaje de programación en las páginas web
 
Diseño web guias 1-3
Diseño web guias 1-3Diseño web guias 1-3
Diseño web guias 1-3
 
Orellana morales html
Orellana morales htmlOrellana morales html
Orellana morales html
 
Html daniela vargas
Html daniela vargasHtml daniela vargas
Html daniela vargas
 
Diseño de Páginas Web
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas Web
 
Html dulce mata (1)
Html dulce mata (1)Html dulce mata (1)
Html dulce mata (1)
 
Actividad #2
Actividad #2Actividad #2
Actividad #2
 
introduccionallaprogramacionweb-230123213144-47a8fc90.ppt
introduccionallaprogramacionweb-230123213144-47a8fc90.pptintroduccionallaprogramacionweb-230123213144-47a8fc90.ppt
introduccionallaprogramacionweb-230123213144-47a8fc90.ppt
 
INTRODUCCION AL LA PROGRAMACION WEB.ppt
INTRODUCCION AL LA PROGRAMACION WEB.pptINTRODUCCION AL LA PROGRAMACION WEB.ppt
INTRODUCCION AL LA PROGRAMACION WEB.ppt
 
Trabajo.docx
Trabajo.docxTrabajo.docx
Trabajo.docx
 
Yeison fabian
Yeison fabianYeison fabian
Yeison fabian
 
Ultimo de Ofimatica
Ultimo de OfimaticaUltimo de Ofimatica
Ultimo de Ofimatica
 

Más de Nombre Apellidos

Más de Nombre Apellidos (10)

Html 1
Html 1Html 1
Html 1
 
Creación de Presentaciones
Creación de PresentacionesCreación de Presentaciones
Creación de Presentaciones
 
Poster
PosterPoster
Poster
 
informatica basica
informatica basicainformatica basica
informatica basica
 
tecnica de desarrollo en paginas web informatica basica
tecnica de desarrollo en paginas web informatica basicatecnica de desarrollo en paginas web informatica basica
tecnica de desarrollo en paginas web informatica basica
 
Informatica jr
Informatica jrInformatica jr
Informatica jr
 
Access
AccessAccess
Access
 
Folleto informatica basica
Folleto informatica basicaFolleto informatica basica
Folleto informatica basica
 
Estructura de mi PC
Estructura de mi PCEstructura de mi PC
Estructura de mi PC
 
Desarrollo web HTML
Desarrollo web HTMLDesarrollo web HTML
Desarrollo web HTML
 

Último

BREEAM ES Urbanismo como herramienta para un planeamiento sostenible - Miguel...
BREEAM ES Urbanismo como herramienta para un planeamiento sostenible - Miguel...BREEAM ES Urbanismo como herramienta para un planeamiento sostenible - Miguel...
BREEAM ES Urbanismo como herramienta para un planeamiento sostenible - Miguel...ITeC Instituto Tecnología Construcción
 
Introducción a Funciones LENGUAJE DART FLUTTER
Introducción a Funciones LENGUAJE DART FLUTTERIntroducción a Funciones LENGUAJE DART FLUTTER
Introducción a Funciones LENGUAJE DART FLUTTEREMMAFLORESCARMONA
 
Manual de Usuario APPs_AppInventor-2023.pdf
Manual de Usuario APPs_AppInventor-2023.pdfManual de Usuario APPs_AppInventor-2023.pdf
Manual de Usuario APPs_AppInventor-2023.pdfmasogeis
 
PARTES DEL TECLADO Y SUS FUNCIONES - EJEMPLO
PARTES DEL TECLADO Y SUS FUNCIONES - EJEMPLOPARTES DEL TECLADO Y SUS FUNCIONES - EJEMPLO
PARTES DEL TECLADO Y SUS FUNCIONES - EJEMPLOSelenaCoronadoHuaman
 
Caso de éxito de Hervian con el ERP Sage 200
Caso de éxito de Hervian con el ERP Sage 200Caso de éxito de Hervian con el ERP Sage 200
Caso de éxito de Hervian con el ERP Sage 200Opentix
 
Segmentacion Segmantica_Modelos UNET and DEEPLABV3
Segmentacion Segmantica_Modelos UNET and DEEPLABV3Segmentacion Segmantica_Modelos UNET and DEEPLABV3
Segmentacion Segmantica_Modelos UNET and DEEPLABV3AlexysCaytanoMelndez1
 
Unidad_3_T1_AutomatasFinitos presentacion
Unidad_3_T1_AutomatasFinitos presentacionUnidad_3_T1_AutomatasFinitos presentacion
Unidad_3_T1_AutomatasFinitos presentacionarmando_cardenas
 

Último (7)

BREEAM ES Urbanismo como herramienta para un planeamiento sostenible - Miguel...
BREEAM ES Urbanismo como herramienta para un planeamiento sostenible - Miguel...BREEAM ES Urbanismo como herramienta para un planeamiento sostenible - Miguel...
BREEAM ES Urbanismo como herramienta para un planeamiento sostenible - Miguel...
 
Introducción a Funciones LENGUAJE DART FLUTTER
Introducción a Funciones LENGUAJE DART FLUTTERIntroducción a Funciones LENGUAJE DART FLUTTER
Introducción a Funciones LENGUAJE DART FLUTTER
 
Manual de Usuario APPs_AppInventor-2023.pdf
Manual de Usuario APPs_AppInventor-2023.pdfManual de Usuario APPs_AppInventor-2023.pdf
Manual de Usuario APPs_AppInventor-2023.pdf
 
PARTES DEL TECLADO Y SUS FUNCIONES - EJEMPLO
PARTES DEL TECLADO Y SUS FUNCIONES - EJEMPLOPARTES DEL TECLADO Y SUS FUNCIONES - EJEMPLO
PARTES DEL TECLADO Y SUS FUNCIONES - EJEMPLO
 
Caso de éxito de Hervian con el ERP Sage 200
Caso de éxito de Hervian con el ERP Sage 200Caso de éxito de Hervian con el ERP Sage 200
Caso de éxito de Hervian con el ERP Sage 200
 
Segmentacion Segmantica_Modelos UNET and DEEPLABV3
Segmentacion Segmantica_Modelos UNET and DEEPLABV3Segmentacion Segmantica_Modelos UNET and DEEPLABV3
Segmentacion Segmantica_Modelos UNET and DEEPLABV3
 
Unidad_3_T1_AutomatasFinitos presentacion
Unidad_3_T1_AutomatasFinitos presentacionUnidad_3_T1_AutomatasFinitos presentacion
Unidad_3_T1_AutomatasFinitos presentacion
 

Prezi y html

  • 1. DESARROLLO EN PRESENTACIONES BASADO EN PREZI YDESARROLLO EN PRESENTACIONES BASADO EN PREZI Y DESARROLLO DE PÁGINA WEB EN LENGUAJES HTML,DESARROLLO DE PÁGINA WEB EN LENGUAJES HTML, BASADO EN BLOC DE NOTAS.BASADO EN BLOC DE NOTAS. William GáfaroWilliam Gáfaro Jhon GarcíaJhon García Omaira JerezOmaira Jerez Ana TorresAna Torres
  • 2. PREZI Prezi es una aplicación de presentaciones en línea y una herramienta narrativa que usa un solo lienzo en vez de diapositivas tradicionales y separadas. Los textos, imágenes, videos u otros objetos de presentación son puestos en un lienzo infinito y presentados ordenadamente en marco presentables.
  • 3. PREZI Requerimientos del sistema Computador con acceso a internet, con mínimo 1 GB de memoria RAM. Un navegador. El sitio web de Prezi puede ser visualizado por la mayoría de navegadores como: Internet Explorer 7 o superior, Firefox 3 o superior, Chrome, Safari y Opera. Adobe Flash Player 10. Sistemas operativos: Windows XP, Windows Vista, Windows 7, Mac OS.
  • 4. PREZI CARACTERÍSTICAS Entre sus características principales, permite organizar la información de forma esquemática y exponerla con libertad, sin seguir la secuencia de diapositivas. Se puede navegar por la presentación (un frame en 2.5D) desde la vista general, ampliándola o reduciéndola gracias a su interfaz gráfica con zoom. En función de la narrativa pueden implementarse efectos visuales, videos o cualquier otro contenido. Cualquiera de las versiones de Prezi dispone de plantillas que permiten al usuario ahorrar tiempo a la hora de desarrollar la presentación, incluyendo un tutorial de uso. Todas las cuentas gratuitas son públicas y cualquiera puede ver los contenidos que hay en ellas, algo evitable con la opción de pago.
  • 5. HTML HTML, sigla en inglés de HyperText Markup Language (lenguaje de marcas de hipertexto), hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia del software que conecta con la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, videos, juegos, entre otros.
  • 6. HTML A lo largo de sus diferentes versiones, se han incorporado y suprimido diversas características, con el fin de hacerlo más eficiente y facilitar el desarrollo de páginas web compatibles con distintos navegadores y plataformas (PC de escritorio, portátiles, teléfonos inteligentes, tabletas, etc.) No obstante, para interpretar correctamente una nueva versión de HTML, los desarrolladores de navegadores web deben incorporar estos cambios y el usuario debe ser capaz de usar la nueva versión del navegador con los cambios incorporados.
  • 7. HTML ETIQUETAS BÁSICAS •<html>: define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML. Esto es así de facto, ya que en teoría lo que define el tipo de documento es el DOCTYPE, que significa la palabra justo tras DOCTYPE el tag de raíz. •<script>: incrusta un script en una web, o llama a uno mediante src="url del script". Se recomienda incluir el tipo MIME en el atributo type, en el caso de JavaScript text/javascript. •<head>: define la cabecera del documento HTML; esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario como, por ejemplo, el título de la ventana del navegador. Dentro de la cabecera <head> es posible encontrar: •<title>: define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana. •<link>: para vincular el sitio a hojas de estilo o iconos. Por ejemplo:<link rel="stylesheet" href="/style.css" type="text/css">. •<style>: para colocar el estilo interno de la página; ya sea usando CSS u otros lenguajes similares. No es necesario colocarlo si se va a vincular a un archivo externo usando la etiqueta <link>. •<meta>: para metadatos como la autoría o la licencia, incluso para indicar parámetros http (mediante http-equiv="") cuando no se pueden modificar por no estar disponible la configuración o por dificultades con server-side scripting. <body>: define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes.