SlideShare una empresa de Scribd logo
1 de 7
¿Que es un diagrama de flujo? 
Un diagrama de flujo es una representación gráfica de un 
algoritmo. Se utiliza en disciplinas como la programación, la 
economía, los procesos industriales y la psicología cognitiva. 
Estos diagramas utilizan símbolos con significados. 
Identifica los principales elementos de un diagrama de 
flujo
INICIO 
IR ALA COCINA 
BUSCAR LA OLLA 
AGREGO AGUA AL 
RECIPIENTE 
COLOCAMOS LA OLLA 
EN LA ESTUFA 
ENCENDEMOS LA 
ESTUFA 
ESPERAMOS A QUE EL 
AGUA HIERBA 
AGREGAMOS EL 
CAFE 
ECHAMOS AZUCAR 
SERVIMOS EN UN POSILLO 
FIN
INICIO 
Prender el 
computador 
Habré el navegador 
predeterminado 
Accede ala página 
del navegador 
Entrar a google 
Acceder ala pagina 
https://www.facebook 
.com/ 
Ingresa tu correo 
electrónico 
Ingresar tu 
contraseña 
Fin
¿Que es una pagina web? 
Es un documento o información electrónica capaz de 
contener texto, sonido, vídeo, programas, enlaces, imágenes, 
y muchas otras cosas, adaptada para la llamada World Wide 
Web, y que puede ser accedida mediante un navegador. 
¿Que es HTML? 
Es un estándar que sirve de referencia para la elaboración 
de páginas web en sus diferentes versiones, define una 
estructura básica y un código para la definición de contenido 
de una página web, como texto, imágenes, etc. 
¿Qué vamos a necesitar para crear un documento en 
HTML? 
Un procesador de textos para escribir y editar el código 
HTML. 
Si usamos un procesador como el Word, tendremos que 
guardar el documento como "sólo texto”. 
Un navegador Web como el Explorer, Netscape, Mosaic, etc., 
el cual se encargará del interpretar el código HTML de 
nuestro documento y mostrárnoslo en todo su esplendor.
La secuencia de trabajo para crear nuestro documento es: 
1. Con el procesador de texto crearemos el documento HTML 
y lo guardaremos con el nombre que deseemos, a excepción 
de la extensión, que deberá ser necesariamente .htm ó .html. 
2. Para visualizar nuestro documento HTML abriremos el 
documento con el programa navegador. 
¿Que es una etiqueta? 
Las etiquetas son mensajes breves que el sistema aplica 
automáticamente a ciertas ediciones en historiales, cambios 
recientes y otras páginas especiales.
Estructura básica de página web 
Una estructura HTML se empieza con la etiqueta <html> y 
acaba con </HTML>. Todo lo que esté en medio será la 
página web. Dentro de <HTML></HTML> se encuentran 2 
partes diferenciadas. 
La primera <head></head> es la cabecera de la página. Aquí 
irán cierta información que no es directamente el contenido 
de la página. Aquí se pone el título de la página, los 
metadatos, estilos, código javascript (todo esto se estudiará 
en capítulos venideros). La primera que se suele estudiar es 
<title></title>, que indica el título de la página (lo que el 
navegador pone en la parte superior izquierda). 
La segunda parte es <body></body>. Aquí va propiamente el 
contenido de la página: fotos, párrafos, formularios, etc. Por 
ejemplo, siguiendo con el ejemplo de la página anterior, el 
siguiente código. 
La tercera Es importante mencionar que las etiquetas se 
pueden escribir indistintamente en mayúsculas o minúsculas, 
es decir <b>Esto es negrita.</b> y <B>Esto es negrita.</B> 
produce el mismo resultado. Por otro lado, toda etiqueta que 
se abre debe, si no, el navegador podría dar resultados 
inesperados. Excepciones a esto son algunas etiquetas que 
no lo necesitan, como <br> o <hr>. 
EJEMPLO: generará el siguiente resultado (abre la página en 
otra ventana, dale al botón derecho => ver código fuente, y 
verás así el código HTML de la página.
diagrama de flujo

Más contenido relacionado

La actualidad más candente

COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOSCOMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOSJenny A
 
Producto 3 "Diseño de una pagina web"
Producto 3 "Diseño de una pagina web" Producto 3 "Diseño de una pagina web"
Producto 3 "Diseño de una pagina web" AlisonMarinone
 
Utilizar etiquetasen una pagina web
Utilizar etiquetasen una pagina webUtilizar etiquetasen una pagina web
Utilizar etiquetasen una pagina webEddher Siilvhaa'
 
Codigos html y como crear una pagina Web
Codigos html y como crear una pagina WebCodigos html y como crear una pagina Web
Codigos html y como crear una pagina WebJoshi Tüsa
 
Tutorial de html
Tutorial de htmlTutorial de html
Tutorial de htmlnelsonbon
 
Comando y ejercicios para HTML
Comando y ejercicios para HTMLComando y ejercicios para HTML
Comando y ejercicios para HTMLrogeliotapia
 
El mejor curso de html lección no.1
El mejor curso de html lección no.1El mejor curso de html lección no.1
El mejor curso de html lección no.1gabrielhernandezvc
 
2° pagina web html5
2° pagina web html52° pagina web html5
2° pagina web html5hjxbfajds
 
Tutorial de cómo crear paginas web
Tutorial de cómo crear paginas webTutorial de cómo crear paginas web
Tutorial de cómo crear paginas webMario Villeda
 
Búsquedas avanzadas en Google
Búsquedas avanzadas en GoogleBúsquedas avanzadas en Google
Búsquedas avanzadas en Googleconsejoderedaccion
 
Proceso de desarrollo java script
Proceso de desarrollo java scriptProceso de desarrollo java script
Proceso de desarrollo java scriptGuackaXVI
 
Etiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto en HTML - 3 parteEtiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto en HTML - 3 parteWendy Navia Chambi
 

La actualidad más candente (19)

COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOSCOMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
 
Producto 3 "Diseño de una pagina web"
Producto 3 "Diseño de una pagina web" Producto 3 "Diseño de una pagina web"
Producto 3 "Diseño de una pagina web"
 
Html
HtmlHtml
Html
 
Utilizar etiquetasen una pagina web
Utilizar etiquetasen una pagina webUtilizar etiquetasen una pagina web
Utilizar etiquetasen una pagina web
 
Codigos html y como crear una pagina Web
Codigos html y como crear una pagina WebCodigos html y como crear una pagina Web
Codigos html y como crear una pagina Web
 
Partes de Una Pagina Web
Partes de Una Pagina WebPartes de Una Pagina Web
Partes de Una Pagina Web
 
Tpd 02
Tpd 02Tpd 02
Tpd 02
 
Actividad 10º
Actividad 10ºActividad 10º
Actividad 10º
 
Tutorial de html
Tutorial de htmlTutorial de html
Tutorial de html
 
Comando y ejercicios para HTML
Comando y ejercicios para HTMLComando y ejercicios para HTML
Comando y ejercicios para HTML
 
Clase 2 Desarrollo Web
Clase 2 Desarrollo Web Clase 2 Desarrollo Web
Clase 2 Desarrollo Web
 
El mejor curso de html lección no.1
El mejor curso de html lección no.1El mejor curso de html lección no.1
El mejor curso de html lección no.1
 
Html 101
Html 101Html 101
Html 101
 
2° pagina web html5
2° pagina web html52° pagina web html5
2° pagina web html5
 
u1
u1u1
u1
 
Tutorial de cómo crear paginas web
Tutorial de cómo crear paginas webTutorial de cómo crear paginas web
Tutorial de cómo crear paginas web
 
Búsquedas avanzadas en Google
Búsquedas avanzadas en GoogleBúsquedas avanzadas en Google
Búsquedas avanzadas en Google
 
Proceso de desarrollo java script
Proceso de desarrollo java scriptProceso de desarrollo java script
Proceso de desarrollo java script
 
Etiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto en HTML - 3 parteEtiquetas para estructurar texto en HTML - 3 parte
Etiquetas para estructurar texto en HTML - 3 parte
 

Destacado

WBI Brasil - Agenda do Gestor
WBI Brasil - Agenda do GestorWBI Brasil - Agenda do Gestor
WBI Brasil - Agenda do GestorWBI BRASIL
 
Edição 29 - Petrobras em Ações - n° 04/2008
Edição 29 - Petrobras em Ações - n° 04/2008Edição 29 - Petrobras em Ações - n° 04/2008
Edição 29 - Petrobras em Ações - n° 04/2008Petrobras
 
Ald lavanya Mini Farm House Neemrana.8459137252
Ald lavanya Mini Farm House Neemrana.8459137252Ald lavanya Mini Farm House Neemrana.8459137252
Ald lavanya Mini Farm House Neemrana.8459137252annucohan
 
Acquire Leads Effectively
Acquire Leads EffectivelyAcquire Leads Effectively
Acquire Leads EffectivelyRui Nunes
 
Sucesso - a verdadeira Vingança de um homem honrado
Sucesso - a verdadeira Vingança de um homem honradoSucesso - a verdadeira Vingança de um homem honrado
Sucesso - a verdadeira Vingança de um homem honradoOrlando Junior
 
International ERM training course by GCPRM
International ERM training course by GCPRMInternational ERM training course by GCPRM
International ERM training course by GCPRMjoychou_gcprm
 
Teste dependencia internet
Teste dependencia internetTeste dependencia internet
Teste dependencia internetTony Batista
 
Guia de lectura sobre Eduard Toldrà
Guia de lectura sobre Eduard ToldràGuia de lectura sobre Eduard Toldrà
Guia de lectura sobre Eduard ToldràBiblioteques VNG
 
Prezentaciya dmitrii zimin+a
Prezentaciya dmitrii zimin+aPrezentaciya dmitrii zimin+a
Prezentaciya dmitrii zimin+aIpolito
 
Mobile phone zuragtai hicheel
Mobile phone zuragtai hicheelMobile phone zuragtai hicheel
Mobile phone zuragtai hicheelbudkhand_2
 
Chritsmas in america
Chritsmas in americaChritsmas in america
Chritsmas in americaIETI SD
 
Por comodidad
Por comodidadPor comodidad
Por comodidadmarisol
 

Destacado (20)

O Lar Adventista - Estudo 02
O Lar Adventista - Estudo 02O Lar Adventista - Estudo 02
O Lar Adventista - Estudo 02
 
Ecologia
EcologiaEcologia
Ecologia
 
WBI Brasil - Agenda do Gestor
WBI Brasil - Agenda do GestorWBI Brasil - Agenda do Gestor
WBI Brasil - Agenda do Gestor
 
Edição 29 - Petrobras em Ações - n° 04/2008
Edição 29 - Petrobras em Ações - n° 04/2008Edição 29 - Petrobras em Ações - n° 04/2008
Edição 29 - Petrobras em Ações - n° 04/2008
 
Ald lavanya Mini Farm House Neemrana.8459137252
Ald lavanya Mini Farm House Neemrana.8459137252Ald lavanya Mini Farm House Neemrana.8459137252
Ald lavanya Mini Farm House Neemrana.8459137252
 
Ping pong
Ping pongPing pong
Ping pong
 
Acquire Leads Effectively
Acquire Leads EffectivelyAcquire Leads Effectively
Acquire Leads Effectively
 
Internet
Internet Internet
Internet
 
Sucesso - a verdadeira Vingança de um homem honrado
Sucesso - a verdadeira Vingança de um homem honradoSucesso - a verdadeira Vingança de um homem honrado
Sucesso - a verdadeira Vingança de um homem honrado
 
International ERM training course by GCPRM
International ERM training course by GCPRMInternational ERM training course by GCPRM
International ERM training course by GCPRM
 
Teste dependencia internet
Teste dependencia internetTeste dependencia internet
Teste dependencia internet
 
Guia de lectura sobre Eduard Toldrà
Guia de lectura sobre Eduard ToldràGuia de lectura sobre Eduard Toldrà
Guia de lectura sobre Eduard Toldrà
 
4 3-38
4 3-384 3-38
4 3-38
 
Unid 3ativ 2-cida
Unid 3ativ 2-cidaUnid 3ativ 2-cida
Unid 3ativ 2-cida
 
Keld Møller Hansen, Elgene fra Lundby Mose
Keld Møller Hansen,  Elgene fra Lundby MoseKeld Møller Hansen,  Elgene fra Lundby Mose
Keld Møller Hansen, Elgene fra Lundby Mose
 
Tips para que ganemos mas
Tips para que ganemos masTips para que ganemos mas
Tips para que ganemos mas
 
Prezentaciya dmitrii zimin+a
Prezentaciya dmitrii zimin+aPrezentaciya dmitrii zimin+a
Prezentaciya dmitrii zimin+a
 
Mobile phone zuragtai hicheel
Mobile phone zuragtai hicheelMobile phone zuragtai hicheel
Mobile phone zuragtai hicheel
 
Chritsmas in america
Chritsmas in americaChritsmas in america
Chritsmas in america
 
Por comodidad
Por comodidadPor comodidad
Por comodidad
 

Similar a diagrama de flujo

Similar a diagrama de flujo (20)

Consulta de html
Consulta de html Consulta de html
Consulta de html
 
Clase 1
Clase 1Clase 1
Clase 1
 
Html icredes
Html icredesHtml icredes
Html icredes
 
Clase 1 de html
Clase 1 de htmlClase 1 de html
Clase 1 de html
 
Guia html 1
Guia html 1Guia html 1
Guia html 1
 
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
 
Descripción de la sintaxis con la que se trabaja en el lenguaje html
Descripción de la sintaxis con la que se trabaja en el lenguaje htmlDescripción de la sintaxis con la que se trabaja en el lenguaje html
Descripción de la sintaxis con la que se trabaja en el lenguaje html
 
Programación para web
Programación para webProgramación para web
Programación para web
 
Html
HtmlHtml
Html
 
crear una web
crear una web crear una web
crear una web
 
Manual de-html
Manual de-htmlManual de-html
Manual de-html
 
Guia no 1 cómo crear mi propia web
Guia no 1 cómo crear mi propia webGuia no 1 cómo crear mi propia web
Guia no 1 cómo crear mi propia web
 
Html
HtmlHtml
Html
 
Estructurabasica
EstructurabasicaEstructurabasica
Estructurabasica
 
Guia 1 introduccion al html inesani 2016
Guia 1 introduccion al html inesani 2016Guia 1 introduccion al html inesani 2016
Guia 1 introduccion al html inesani 2016
 
Qué es el html
Qué es el htmlQué es el html
Qué es el html
 
Unidad educativa
Unidad educativaUnidad educativa
Unidad educativa
 
evaluacion 2 párcial 2 quimestre primero bachillerato
evaluacion 2 párcial 2 quimestre primero bachilleratoevaluacion 2 párcial 2 quimestre primero bachillerato
evaluacion 2 párcial 2 quimestre primero bachillerato
 
HTML 2
HTML 2 HTML 2
HTML 2
 
Colegio nacional nicolas esguerra
Colegio  nacional nicolas esguerraColegio  nacional nicolas esguerra
Colegio nacional nicolas esguerra
 

diagrama de flujo

  • 1. ¿Que es un diagrama de flujo? Un diagrama de flujo es una representación gráfica de un algoritmo. Se utiliza en disciplinas como la programación, la economía, los procesos industriales y la psicología cognitiva. Estos diagramas utilizan símbolos con significados. Identifica los principales elementos de un diagrama de flujo
  • 2. INICIO IR ALA COCINA BUSCAR LA OLLA AGREGO AGUA AL RECIPIENTE COLOCAMOS LA OLLA EN LA ESTUFA ENCENDEMOS LA ESTUFA ESPERAMOS A QUE EL AGUA HIERBA AGREGAMOS EL CAFE ECHAMOS AZUCAR SERVIMOS EN UN POSILLO FIN
  • 3. INICIO Prender el computador Habré el navegador predeterminado Accede ala página del navegador Entrar a google Acceder ala pagina https://www.facebook .com/ Ingresa tu correo electrónico Ingresar tu contraseña Fin
  • 4. ¿Que es una pagina web? Es un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes, y muchas otras cosas, adaptada para la llamada World Wide Web, y que puede ser accedida mediante un navegador. ¿Que es HTML? Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código para la definición de contenido de una página web, como texto, imágenes, etc. ¿Qué vamos a necesitar para crear un documento en HTML? Un procesador de textos para escribir y editar el código HTML. Si usamos un procesador como el Word, tendremos que guardar el documento como "sólo texto”. Un navegador Web como el Explorer, Netscape, Mosaic, etc., el cual se encargará del interpretar el código HTML de nuestro documento y mostrárnoslo en todo su esplendor.
  • 5. La secuencia de trabajo para crear nuestro documento es: 1. Con el procesador de texto crearemos el documento HTML y lo guardaremos con el nombre que deseemos, a excepción de la extensión, que deberá ser necesariamente .htm ó .html. 2. Para visualizar nuestro documento HTML abriremos el documento con el programa navegador. ¿Que es una etiqueta? Las etiquetas son mensajes breves que el sistema aplica automáticamente a ciertas ediciones en historiales, cambios recientes y otras páginas especiales.
  • 6. Estructura básica de página web Una estructura HTML se empieza con la etiqueta <html> y acaba con </HTML>. Todo lo que esté en medio será la página web. Dentro de <HTML></HTML> se encuentran 2 partes diferenciadas. La primera <head></head> es la cabecera de la página. Aquí irán cierta información que no es directamente el contenido de la página. Aquí se pone el título de la página, los metadatos, estilos, código javascript (todo esto se estudiará en capítulos venideros). La primera que se suele estudiar es <title></title>, que indica el título de la página (lo que el navegador pone en la parte superior izquierda). La segunda parte es <body></body>. Aquí va propiamente el contenido de la página: fotos, párrafos, formularios, etc. Por ejemplo, siguiendo con el ejemplo de la página anterior, el siguiente código. La tercera Es importante mencionar que las etiquetas se pueden escribir indistintamente en mayúsculas o minúsculas, es decir <b>Esto es negrita.</b> y <B>Esto es negrita.</B> produce el mismo resultado. Por otro lado, toda etiqueta que se abre debe, si no, el navegador podría dar resultados inesperados. Excepciones a esto son algunas etiquetas que no lo necesitan, como <br> o <hr>. EJEMPLO: generará el siguiente resultado (abre la página en otra ventana, dale al botón derecho => ver código fuente, y verás así el código HTML de la página.