SlideShare una empresa de Scribd logo
2012 Hacia la calidad educativa, democrática y
humanista.




        Laura Alejandra
       Guaneme - Angie
      Carolina Rodriguez
2012 Hacia la calidad educativa, democrática y
                   humanista.




               QUE ES Programación?

Respuesta                            Ejemplo

Es el proceso de diseñar,            /* Inclusión de archivos */ #include
codificar, depurar y mantener        <stdio.h> /* Función principal */ int
el código fuente de programas        main (int argc,char **argv) { /*
computacionales.                     Impresión por pantalla y salida del
                                     programa*/ printf("Hola mundon");
                                     return 0; }
                                     $ ./holamundoc Hola Mundo $


                             Laura Alejandra
                            Guaneme - Angie
                           Carolina Rodriguez
2012 Hacia la calidad educativa, democrática y
                       humanista.



            QUE ES LENGUAJE DE ALTO Nivel?
Respuesta                                      Ejemplo

se caracteriza por expresar
los algoritmos de una manera más cercana a
la capacidad cognitiva humana, en lugar de a
la capacidad ejecutora de las máquinas.
                                                 if( numero > 0 ) printf( "El número es
En los primeros lenguajes de alto nivel, la
limitación era que se orientaban a un área
                                                              positivo" )
específica y sus instrucciones requerían de
una sintaxis predefinida. Se clasifican como
lenguajes procedimentales.


                                  Laura Alejandra
                                 Guaneme - Angie
                                Carolina Rodriguez
2012 Hacia la calidad educativa, democrática y
                   humanista.


             Clasificación DE LOS LENGUAJES
                      DE ALTO Nivel
Respuesta                              Ejemplo
1º El Lenguaje Máquina                 1,Este lenguaje de programación utiliza
                                       el alfabeto binario, es decir, el 0 y el 1.
2º Lenguajes de programación de bajo   2. en inglés, ADD, SUB, DIV, etc.; en
nivel.                                 español, SUM,RES,DIV,etc. Una
                                       instrucción típica de suma sería:
3º Lenguajes de programación de alto   ADD M, N, P
nivel.                                 3. Ada, BASIC, COBOL, FORTRAN, Pascal



                            Laura Alejandra
                           Guaneme - Angie
                          Carolina Rodriguez
2012 Hacia la calidad educativa, democrática y
                  humanista.




      A QUE SE Denomina Programación
                 Orientada?
Respuesta                           Ejemplo

Es un paradigma de                  (POO) es una forma especial de
programación que usa objetos y      programar, más cercana a como
sus interacciones, para diseñar     expresaríamos las cosas en la vida
aplicaciones y                      real que otros tipos de
programas informáticos.             programación.


                           Laura Alejandra
                          Guaneme - Angie
                         Carolina Rodriguez
2012 Hacia la calidad educativa, democrática y
                  humanista.




                 QUE SON EVENTOS?
Respuesta                            Ejemplo
Es un paradigma de programación      Ejemplo de programa orientado a
en el que tanto la estructura como   eventos en pseudo lenguaje:
la ejecución de los programas van    While (true){ Switch (event){ case
determinados por los sucesos que     mousse_button_down: case
ocurran en el sistema, definidos     mouse_click: case keypressed:
por el usuario o que ellos mismos    case Else: } }
provoquen.


                           Laura Alejandra
                          Guaneme - Angie
                         Carolina Rodriguez
2012 Hacia la calidad educativa, democrática y
                 humanista.




   Ambiente Grafico DE Windows?
Respuesta                          Ejemplo

Su funcionamiento se basa en       El desarrollo de windows parte de
elementos gráficos como iconos,    las siguientes versiones: 3,0 -3,1-
botones, barras, menús que         3,11 -95 -98- 2000 -milenium y XP.
resultan de gran utilidad para
hacer mas rápido y sencillo las
utilidades de Windows.



                          Laura Alejandra
                         Guaneme - Angie
                        Carolina Rodriguez
2012 Hacia la calidad educativa, democrática y
                     humanista.




                QUE ES UN ALGORiTMO?
Respuesta                                  Ejemplo

Es un conjunto prescrito de
instrucciones o reglas bien definidas,
ordenadas y finitas que permite realizar
una actividad mediante pasos sucesivos
que no generen dudas a quien deba
realizar dicha actividad.



                               Laura Alejandra
                              Guaneme - Angie
                             Carolina Rodriguez
2012 Hacia la calidad educativa, democrática y
                         humanista.

                         CUALES SON LAS ETAPAS DE UN
                                 Algoritmo?
Respuesta                          Ejemplo

1.   Análisis del problema         1-2 Conducen al diseño detallado por medio
2.   Diseño de algoritmo           un código escrito en forma de un algoritmo.
3.   Codificación                  3-Se implementa el algoritmo n un código escrito en
4.   Compilación y ejecución       un lenguaje de programación. Refleja las ideas
5.   Verificación                  desarrolladas en las etapas de análisis y diseño.
6.   Depuración                    4-Traduce el programa fuente a programa en código
7.   Documentación                 de maquina y lo ejecuta.
                                   5-6-Busca errores en las etapas anteriores y los
                                   elimina.
                                   7-Son comentarios, etiquetas de texto, que facilitan la
                                   comprensión del programa

                                  Laura Alejandra
                                 Guaneme - Angie
2012 Hacia la calidad educativa, democrática y
                     humanista.


         CUALES SO LOS Diagramas DE
         FLUJO Y Q Símbolos Tiene?
Respuesta                              Ejemplo
Formato vertical                       Óvalo o Elipse: Inicio y término
                                       Rectángulo: Actividad
Formato horizontal                     Rombo: Decisión
                                       Círculo: Conector (Representa el enlace
Formato panorámico                     de actividades con otra dentro de un
                                       procedimiento)
Formato Arquitectónico                 Triángulo boca abajo: (Guarda un
                                       documento en forma permanente).
                                       Triángulo boca arriba: Archivo
                                       temporal.
                              Laura Alejandra
                             Guaneme - Angie
                            Carolina Rodriguez
2012 Hacia la calidad educativa, democrática y
                     humanista.



        A Diferencia DE LAS Variables
        QUE SON LAS CONSTANTES?
Respuesta                                  Ejemplo

una constante es un valor que no
puede ser alterado durante la ejecución
de un programa , corresponde a una              #include <stdio.h> #define PI
longitud fija de un área reservada en la    3.1415926 int main() { printf("Pi vale
memoria principal del ordenador,                     %f", PI); return 0; }
donde el programa almacena valores
fijos.

                               Laura Alejandra
                              Guaneme - Angie
                             Carolina Rodriguez
2012 Hacia la calidad educativa, democrática y
                   humanista.


            COMO SE DECLARAN LAS
            Variables EN LA Memoria RAM?
Respuesta                               Ejemplo

Al declarar una variable estamos
diciendo al ordenador que reserve una
parte de la memoria RAM para
almacenarla. Cada vez que ejecutemos    #include <stdio.h> main() { int a = 10;
el programa la variable se almacenará   printf( "Dirección de a = %p, valor de a
en un sitio diferente; eso no lo        = %in", &a, a ); }
podemos controlar; depende de la
memoria disponible y de otros varios
factores.

                             Laura Alejandra
                            Guaneme - Angie
                           Carolina Rodriguez
2012 Hacia la calidad educativa, democrática y
             humanista.




CUALES SON LOS OPERADORES Matemáticos
   Relacionales O DE Comparación?
 Respuesta                     Ejemplo

 &lt;                          Valor1 &lt; Valor2
 &lt;=                         Valor1 &lt;= Valor2
 &gt;                          Valor1 &gt; Valor2
 &gt;=                         Valor1 &gt;= Valor2
 =                             Valor1 = Valor2
 &lt;&gt;                      Valor1 &lt;&gt; Valor2.
                      Laura Alejandra
                     Guaneme - Angie
                    Carolina Rodriguez
2012 Hacia la calidad educativa, democrática y
                   humanista.


CUALES SON LAS TABLAS Lógicas PARA:
           AND, OR, EXOR?
                                    OR
 AND                         Entr   Entr   Salid    EXOR
                             ada    ada    a        Entra Entra Salid
 Entrad Entrad
               Salida                               da    da    a
 a      a                    0      0      0
 0      0      0                                    0      0    0
                             0      1      1
 0      1      0                                    0      1    1
 1      0      0             1      0      1
                                                    1      0    1
 1      1      1             1      1      1
                                                    1      1    0

                            Laura Alejandra
                           Guaneme - Angie
                          Carolina Rodriguez
2012 Hacia la calidad educativa, democrática y
                    humanista.


                Explique EL CONCEPTO DE
                Programación HTML?
Respuesta                               Ejemplo
Es el lenguaje de
marcado predominante para la
elaboración de páginas web. Es usado
para describir la estructura y el
contenido en forma de texto, así como
para complementar el texto con
objetos tales como imágenes


                              Laura Alejandra
                             Guaneme - Angie
                            Carolina Rodriguez
2012 Hacia la calidad educativa, democrática y
                    humanista.




HTML: Es un lenguaje de marcas         HEAD :iran las etiquetas de cabecera que le
                                      informaran al navegador el tipo de documento,
                                      el titulo, la descripcion las palabras claves, iran
                Letra Negrita, del    los script, etc
     <B>        inglés Bold
                (negrita).
   <TABLE>      Definirá una tabla.
                Inclusión de una      <head> Contenido del Head </head> (cierre)
   <IMG>
                IMaGen.


                              Laura Alejandra
                             Guaneme - Angie
                            Carolina Rodriguez
2012 Hacia la calidad educativa, democrática y
                        humanista.




 TiTLE: es la que define el título de   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML
 una página web individual.             1.0 Strict//EN"


<h1>...</h1>,
<h6>....</h6>...: Titulares. Sirven
para dividir el texto en secciones.     <h1> Titular h1 </h1> se mostrará:
Se pueden definir seis niveles de
titulares, siendo <h1> el de mayor      Titular h1
tamaño y el <h6> el de menor
tamaño.

                                   Laura Alejandra
                                  Guaneme - Angie
                                 Carolina Rodriguez
2012 Hacia la calidad educativa, democrática y
           humanista.




CENTER: centro           Como podemos observar,el parrafo "Esto es un
                         ejemplo" se encuentra en el margen izquierdo
                         de la pagina, pues es la ubicacion por default.
                         Ahora vamos a centrarlo usando la etiqueta
                         <center>.
                         Primero vamos escribir el codigo html del
                         parrafo,que seria como sigue:
                         <p align="center">Esto es un ejemplo</p>
                         Y enseguida mostramos como se veria el
                         parrafo en nuestra pagina web

                    Laura Alejandra
                   Guaneme - Angie
                  Carolina Rodriguez
2012 Hacia la calidad educativa, democrática y
humanista.




         Laura Alejandra
        Guaneme - Angie
       Carolina Rodriguez

Más contenido relacionado

La actualidad más candente

Desarollo web nivel de introduccion
Desarollo  web nivel de introduccionDesarollo  web nivel de introduccion
Desarollo web nivel de introduccionCamilo cuitiva
 
Programación web introducción
Programación web introducciónProgramación web introducción
Programación web introducciónpac95
 
Practica nivel de programacion yuly alonso 1103
Practica nivel de programacion yuly alonso 1103Practica nivel de programacion yuly alonso 1103
Practica nivel de programacion yuly alonso 1103colithaz
 
Haz click aqui para abrirla
Haz click aqui para abrirlaHaz click aqui para abrirla
Haz click aqui para abrirlatatisverdugo
 
Practica 09 (6)
Practica 09 (6)Practica 09 (6)
Practica 09 (6)Danny_MC
 
PROGRAMACIÓN WEB INTRODUCCIÓN
PROGRAMACIÓN WEB INTRODUCCIÓNPROGRAMACIÓN WEB INTRODUCCIÓN
PROGRAMACIÓN WEB INTRODUCCIÓNNanahEspinosa
 
Programacion web introduccion practica o9 ximena
Programacion web introduccion practica o9 ximenaProgramacion web introduccion practica o9 ximena
Programacion web introduccion practica o9 ximenatatiana96penagos
 
Preguntas tecnologia
Preguntas tecnologiaPreguntas tecnologia
Preguntas tecnologiajenlog
 
Practica nivel de programacion ingry nataly pineda garnica 1103
Practica nivel de programacion ingry nataly pineda garnica 1103Practica nivel de programacion ingry nataly pineda garnica 1103
Practica nivel de programacion ingry nataly pineda garnica 1103colithaz
 
Programacion web introduccion practica o9
Programacion web introduccion practica o9Programacion web introduccion practica o9
Programacion web introduccion practica o9Anavay
 

La actualidad más candente (16)

Programación Web Introducción
Programación Web IntroducciónProgramación Web Introducción
Programación Web Introducción
 
PREGUNTAS
PREGUNTASPREGUNTAS
PREGUNTAS
 
Desarollo web nivel de introduccion
Desarollo  web nivel de introduccionDesarollo  web nivel de introduccion
Desarollo web nivel de introduccion
 
PROGRAMACION WEB
PROGRAMACION WEBPROGRAMACION WEB
PROGRAMACION WEB
 
Presentación1 (3)
Presentación1 (3)Presentación1 (3)
Presentación1 (3)
 
Programación web introducción
Programación web introducciónProgramación web introducción
Programación web introducción
 
Practica nivel de programacion yuly alonso 1103
Practica nivel de programacion yuly alonso 1103Practica nivel de programacion yuly alonso 1103
Practica nivel de programacion yuly alonso 1103
 
Haz click aqui para abrirla
Haz click aqui para abrirlaHaz click aqui para abrirla
Haz click aqui para abrirla
 
Practica 09 (6)
Practica 09 (6)Practica 09 (6)
Practica 09 (6)
 
PROGRAMACIÓN WEB INTRODUCCIÓN
PROGRAMACIÓN WEB INTRODUCCIÓNPROGRAMACIÓN WEB INTRODUCCIÓN
PROGRAMACIÓN WEB INTRODUCCIÓN
 
Programacion web introduccion practica o9 ximena
Programacion web introduccion practica o9 ximenaProgramacion web introduccion practica o9 ximena
Programacion web introduccion practica o9 ximena
 
Preguntas tecnologia
Preguntas tecnologiaPreguntas tecnologia
Preguntas tecnologia
 
Programacvion
ProgramacvionProgramacvion
Programacvion
 
Preguntas (1)
Preguntas (1)Preguntas (1)
Preguntas (1)
 
Practica nivel de programacion ingry nataly pineda garnica 1103
Practica nivel de programacion ingry nataly pineda garnica 1103Practica nivel de programacion ingry nataly pineda garnica 1103
Practica nivel de programacion ingry nataly pineda garnica 1103
 
Programacion web introduccion practica o9
Programacion web introduccion practica o9Programacion web introduccion practica o9
Programacion web introduccion practica o9
 

Destacado

Normalizacion de sucursales retail en Patagonia Argentina
Normalizacion de sucursales retail en Patagonia ArgentinaNormalizacion de sucursales retail en Patagonia Argentina
Normalizacion de sucursales retail en Patagonia ArgentinaJuan Moratto
 
Animación a la lectura en 2ºB marzo
Animación a la lectura en 2ºB marzoAnimación a la lectura en 2ºB marzo
Animación a la lectura en 2ºB marzo
Montserrat Navarro Morales
 
Día de Andalucía 2013 del CEIP San Pedro Apóstol
Día de Andalucía 2013 del CEIP San Pedro ApóstolDía de Andalucía 2013 del CEIP San Pedro Apóstol
Día de Andalucía 2013 del CEIP San Pedro ApóstolMontserrat Navarro Morales
 
Estudio sistemas gestion_contenidos_web_cms
Estudio sistemas gestion_contenidos_web_cmsEstudio sistemas gestion_contenidos_web_cms
Estudio sistemas gestion_contenidos_web_cms
Dulce Adaly Rmz C.
 
Revista Homme
Revista HommeRevista Homme
Asamblea presentación estatutos Ceinf 2012 - 2013 [oficial]
Asamblea presentación estatutos Ceinf 2012 - 2013 [oficial]Asamblea presentación estatutos Ceinf 2012 - 2013 [oficial]
Asamblea presentación estatutos Ceinf 2012 - 2013 [oficial]Manuel García Marcelli
 
La batalla por Centro America
La batalla por Centro AmericaLa batalla por Centro America
La batalla por Centro America
Oscar Lara
 
Diego fernando núñez cadavid 1
Diego fernando núñez cadavid 1Diego fernando núñez cadavid 1
Diego fernando núñez cadavid 1harrypoker
 
Unidad 1
Unidad 1Unidad 1
Unidad 112mary
 
10 trucos para ganar seguidores en Facebook
10 trucos para ganar seguidores en Facebook10 trucos para ganar seguidores en Facebook
10 trucos para ganar seguidores en Facebook
Castilla y León Económica
 
TOño aqui está taller 2
TOño aqui está taller 2TOño aqui está taller 2
TOño aqui está taller 2
Yayo Tapia
 
Plantilla de unidad yiseli castro lugeni garavito
Plantilla de unidad yiseli castro lugeni garavitoPlantilla de unidad yiseli castro lugeni garavito
Plantilla de unidad yiseli castro lugeni garavitoYiseli Castro
 
LA INTEGRIDAD DE MONSANTO
LA INTEGRIDAD DE MONSANTOLA INTEGRIDAD DE MONSANTO
LA INTEGRIDAD DE MONSANTOLiseth Arrieta
 
Diagnóstico del área
Diagnóstico del áreaDiagnóstico del área
Diagnóstico del áreaLiseth Arrieta
 
Secuencia didáctica articulando español y matemáticas
Secuencia didáctica articulando español y matemáticasSecuencia didáctica articulando español y matemáticas
Secuencia didáctica articulando español y matemáticas
Sandra Sanabria Medina
 

Destacado (20)

Normalizacion de sucursales retail en Patagonia Argentina
Normalizacion de sucursales retail en Patagonia ArgentinaNormalizacion de sucursales retail en Patagonia Argentina
Normalizacion de sucursales retail en Patagonia Argentina
 
Animación a la lectura en 2ºB marzo
Animación a la lectura en 2ºB marzoAnimación a la lectura en 2ºB marzo
Animación a la lectura en 2ºB marzo
 
Día de Andalucía 2013 del CEIP San Pedro Apóstol
Día de Andalucía 2013 del CEIP San Pedro ApóstolDía de Andalucía 2013 del CEIP San Pedro Apóstol
Día de Andalucía 2013 del CEIP San Pedro Apóstol
 
Estudio sistemas gestion_contenidos_web_cms
Estudio sistemas gestion_contenidos_web_cmsEstudio sistemas gestion_contenidos_web_cms
Estudio sistemas gestion_contenidos_web_cms
 
Revista Homme
Revista HommeRevista Homme
Revista Homme
 
Asamblea presentación estatutos Ceinf 2012 - 2013 [oficial]
Asamblea presentación estatutos Ceinf 2012 - 2013 [oficial]Asamblea presentación estatutos Ceinf 2012 - 2013 [oficial]
Asamblea presentación estatutos Ceinf 2012 - 2013 [oficial]
 
Conceptos Generales de Calidad
Conceptos Generales de CalidadConceptos Generales de Calidad
Conceptos Generales de Calidad
 
La batalla por Centro America
La batalla por Centro AmericaLa batalla por Centro America
La batalla por Centro America
 
Las tablet
Las tabletLas tablet
Las tablet
 
Diego fernando núñez cadavid 1
Diego fernando núñez cadavid 1Diego fernando núñez cadavid 1
Diego fernando núñez cadavid 1
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 
10 trucos para ganar seguidores en Facebook
10 trucos para ganar seguidores en Facebook10 trucos para ganar seguidores en Facebook
10 trucos para ganar seguidores en Facebook
 
EL GÓTICO
EL GÓTICOEL GÓTICO
EL GÓTICO
 
TOño aqui está taller 2
TOño aqui está taller 2TOño aqui está taller 2
TOño aqui está taller 2
 
Institución educativa colegio loyolak
Institución educativa colegio loyolakInstitución educativa colegio loyolak
Institución educativa colegio loyolak
 
Plantilla de unidad yiseli castro lugeni garavito
Plantilla de unidad yiseli castro lugeni garavitoPlantilla de unidad yiseli castro lugeni garavito
Plantilla de unidad yiseli castro lugeni garavito
 
LA INTEGRIDAD DE MONSANTO
LA INTEGRIDAD DE MONSANTOLA INTEGRIDAD DE MONSANTO
LA INTEGRIDAD DE MONSANTO
 
Diagnóstico del área
Diagnóstico del áreaDiagnóstico del área
Diagnóstico del área
 
Secuencia didáctica articulando español y matemáticas
Secuencia didáctica articulando español y matemáticasSecuencia didáctica articulando español y matemáticas
Secuencia didáctica articulando español y matemáticas
 
Quim2unidad1
Quim2unidad1Quim2unidad1
Quim2unidad1
 

Similar a PRESENTACIÓN WEB 2.0

nivel de programacion_introduccion
nivel de programacion_introduccionnivel de programacion_introduccion
nivel de programacion_introduccioneliconpu
 
Practica nivel de programacion nataly pineda 1103
Practica nivel de programacion nataly pineda 1103Practica nivel de programacion nataly pineda 1103
Practica nivel de programacion nataly pineda 1103colithaz
 
Programación Web Introducción
Programación Web IntroducciónProgramación Web Introducción
Programación Web IntroducciónPaola Quiroga
 
Programación Web Introducción
Programación Web IntroducciónProgramación Web Introducción
Programación Web IntroducciónPaola Quiroga
 
Programacion web introduccion practica o9 ximena
Programacion web introduccion practica o9 ximenaProgramacion web introduccion practica o9 ximena
Programacion web introduccion practica o9 ximenaAnavay
 
Pracita 09
Pracita 09Pracita 09
Pracita 09eduorbe
 
Programación introducción
Programación introducciónProgramación introducción
Programación introducciónXiomara Sandoval
 
Programacion web introduccion practica o9 ximena
Programacion web introduccion practica o9 ximenaProgramacion web introduccion practica o9 ximena
Programacion web introduccion practica o9 ximenatatiana96penagos
 
Programcion web introduccion
Programcion web introduccionProgramcion web introduccion
Programcion web introduccioncarolina cardenas
 
Luisa cholo diapositivas
Luisa cholo diapositivasLuisa cholo diapositivas
Luisa cholo diapositivasluisacholo
 
PROGRAMACIÓN WEB INTRODUCCIÓN
PROGRAMACIÓN WEB INTRODUCCIÓNPROGRAMACIÓN WEB INTRODUCCIÓN
PROGRAMACIÓN WEB INTRODUCCIÓNNanahEspinosa
 

Similar a PRESENTACIÓN WEB 2.0 (20)

Programacion web
Programacion webProgramacion web
Programacion web
 
nivel de programacion_introduccion
nivel de programacion_introduccionnivel de programacion_introduccion
nivel de programacion_introduccion
 
Programa web introduccion
Programa web introduccionPrograma web introduccion
Programa web introduccion
 
Practica nivel de programacion nataly pineda 1103
Practica nivel de programacion nataly pineda 1103Practica nivel de programacion nataly pineda 1103
Practica nivel de programacion nataly pineda 1103
 
Bryan trabajo
Bryan trabajoBryan trabajo
Bryan trabajo
 
Programación web
Programación webProgramación web
Programación web
 
Preguntas (1)
Preguntas (1)Preguntas (1)
Preguntas (1)
 
Programación Web Introducción
Programación Web IntroducciónProgramación Web Introducción
Programación Web Introducción
 
Programación Web Introducción
Programación Web IntroducciónProgramación Web Introducción
Programación Web Introducción
 
Programación
ProgramaciónProgramación
Programación
 
Programacion web introduccion practica o9 ximena
Programacion web introduccion practica o9 ximenaProgramacion web introduccion practica o9 ximena
Programacion web introduccion practica o9 ximena
 
Pracita 09
Pracita 09Pracita 09
Pracita 09
 
Mauricio
MauricioMauricio
Mauricio
 
Programación introducción
Programación introducciónProgramación introducción
Programación introducción
 
Programacion web introduccion practica o9 ximena
Programacion web introduccion practica o9 ximenaProgramacion web introduccion practica o9 ximena
Programacion web introduccion practica o9 ximena
 
Programcion web introduccion
Programcion web introduccionProgramcion web introduccion
Programcion web introduccion
 
PROGRAMACIÓN WEB INTRODUCCIÓN
PROGRAMACIÓN WEB INTRODUCCIÓNPROGRAMACIÓN WEB INTRODUCCIÓN
PROGRAMACIÓN WEB INTRODUCCIÓN
 
Luisa cholo diapositivas
Luisa cholo diapositivasLuisa cholo diapositivas
Luisa cholo diapositivas
 
PROGRAMACIÓN WEB INTRODUCCIÓN
PROGRAMACIÓN WEB INTRODUCCIÓNPROGRAMACIÓN WEB INTRODUCCIÓN
PROGRAMACIÓN WEB INTRODUCCIÓN
 
Pracita 09
Pracita 09Pracita 09
Pracita 09
 

Último

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
 
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Telefónica
 
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTALINFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
CrystalRomero18
 
proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmus
raquelariza02
 
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
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
Leidyfuentes19
 
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
jjfch3110
 
Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5
JulyMuoz18
 
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
 
EduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clasesEduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clases
PABLOCESARGARZONBENI
 
Robótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptxRobótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptx
44652726
 
Conceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación ProyectoConceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación Proyecto
cofferub
 
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
 
Inteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdfInteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdf
Emilio Casbas
 
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
 
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
 
trabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6ftrabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6f
zoecaicedosalazar
 
biogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectosbiogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectos
Luis Enrique Zafra Haro
 
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
 
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
DanielErazoMedina
 

Último (20)

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
 
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
 
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTALINFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
 
proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmus
 
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
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
 
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
 
Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5
 
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
 
EduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clasesEduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clases
 
Robótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptxRobótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptx
 
Conceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación ProyectoConceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación Proyecto
 
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
 
Inteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdfInteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdf
 
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
 
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
 
trabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6ftrabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6f
 
biogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectosbiogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectos
 
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
 
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
 

PRESENTACIÓN WEB 2.0

  • 1. 2012 Hacia la calidad educativa, democrática y humanista. Laura Alejandra Guaneme - Angie Carolina Rodriguez
  • 2. 2012 Hacia la calidad educativa, democrática y humanista. QUE ES Programación? Respuesta Ejemplo Es el proceso de diseñar, /* Inclusión de archivos */ #include codificar, depurar y mantener <stdio.h> /* Función principal */ int el código fuente de programas main (int argc,char **argv) { /* computacionales. Impresión por pantalla y salida del programa*/ printf("Hola mundon"); return 0; } $ ./holamundoc Hola Mundo $ Laura Alejandra Guaneme - Angie Carolina Rodriguez
  • 3. 2012 Hacia la calidad educativa, democrática y humanista. QUE ES LENGUAJE DE ALTO Nivel? Respuesta Ejemplo se caracteriza por expresar los algoritmos de una manera más cercana a la capacidad cognitiva humana, en lugar de a la capacidad ejecutora de las máquinas. if( numero > 0 ) printf( "El número es En los primeros lenguajes de alto nivel, la limitación era que se orientaban a un área positivo" ) específica y sus instrucciones requerían de una sintaxis predefinida. Se clasifican como lenguajes procedimentales. Laura Alejandra Guaneme - Angie Carolina Rodriguez
  • 4. 2012 Hacia la calidad educativa, democrática y humanista. Clasificación DE LOS LENGUAJES DE ALTO Nivel Respuesta Ejemplo 1º El Lenguaje Máquina 1,Este lenguaje de programación utiliza el alfabeto binario, es decir, el 0 y el 1. 2º Lenguajes de programación de bajo 2. en inglés, ADD, SUB, DIV, etc.; en nivel. español, SUM,RES,DIV,etc. Una instrucción típica de suma sería: 3º Lenguajes de programación de alto ADD M, N, P nivel. 3. Ada, BASIC, COBOL, FORTRAN, Pascal Laura Alejandra Guaneme - Angie Carolina Rodriguez
  • 5. 2012 Hacia la calidad educativa, democrática y humanista. A QUE SE Denomina Programación Orientada? Respuesta Ejemplo Es un paradigma de (POO) es una forma especial de programación que usa objetos y programar, más cercana a como sus interacciones, para diseñar expresaríamos las cosas en la vida aplicaciones y real que otros tipos de programas informáticos. programación. Laura Alejandra Guaneme - Angie Carolina Rodriguez
  • 6. 2012 Hacia la calidad educativa, democrática y humanista. QUE SON EVENTOS? Respuesta Ejemplo Es un paradigma de programación Ejemplo de programa orientado a en el que tanto la estructura como eventos en pseudo lenguaje: la ejecución de los programas van While (true){ Switch (event){ case determinados por los sucesos que mousse_button_down: case ocurran en el sistema, definidos mouse_click: case keypressed: por el usuario o que ellos mismos case Else: } } provoquen. Laura Alejandra Guaneme - Angie Carolina Rodriguez
  • 7. 2012 Hacia la calidad educativa, democrática y humanista. Ambiente Grafico DE Windows? Respuesta Ejemplo Su funcionamiento se basa en El desarrollo de windows parte de elementos gráficos como iconos, las siguientes versiones: 3,0 -3,1- botones, barras, menús que 3,11 -95 -98- 2000 -milenium y XP. resultan de gran utilidad para hacer mas rápido y sencillo las utilidades de Windows. Laura Alejandra Guaneme - Angie Carolina Rodriguez
  • 8. 2012 Hacia la calidad educativa, democrática y humanista. QUE ES UN ALGORiTMO? Respuesta Ejemplo Es un conjunto prescrito de instrucciones o reglas bien definidas, ordenadas y finitas que permite realizar una actividad mediante pasos sucesivos que no generen dudas a quien deba realizar dicha actividad. Laura Alejandra Guaneme - Angie Carolina Rodriguez
  • 9. 2012 Hacia la calidad educativa, democrática y humanista. CUALES SON LAS ETAPAS DE UN Algoritmo? Respuesta Ejemplo 1. Análisis del problema 1-2 Conducen al diseño detallado por medio 2. Diseño de algoritmo un código escrito en forma de un algoritmo. 3. Codificación 3-Se implementa el algoritmo n un código escrito en 4. Compilación y ejecución un lenguaje de programación. Refleja las ideas 5. Verificación desarrolladas en las etapas de análisis y diseño. 6. Depuración 4-Traduce el programa fuente a programa en código 7. Documentación de maquina y lo ejecuta. 5-6-Busca errores en las etapas anteriores y los elimina. 7-Son comentarios, etiquetas de texto, que facilitan la comprensión del programa Laura Alejandra Guaneme - Angie
  • 10. 2012 Hacia la calidad educativa, democrática y humanista. CUALES SO LOS Diagramas DE FLUJO Y Q Símbolos Tiene? Respuesta Ejemplo Formato vertical Óvalo o Elipse: Inicio y término Rectángulo: Actividad Formato horizontal Rombo: Decisión Círculo: Conector (Representa el enlace Formato panorámico de actividades con otra dentro de un procedimiento) Formato Arquitectónico Triángulo boca abajo: (Guarda un documento en forma permanente). Triángulo boca arriba: Archivo temporal. Laura Alejandra Guaneme - Angie Carolina Rodriguez
  • 11. 2012 Hacia la calidad educativa, democrática y humanista. A Diferencia DE LAS Variables QUE SON LAS CONSTANTES? Respuesta Ejemplo una constante es un valor que no puede ser alterado durante la ejecución de un programa , corresponde a una #include <stdio.h> #define PI longitud fija de un área reservada en la 3.1415926 int main() { printf("Pi vale memoria principal del ordenador, %f", PI); return 0; } donde el programa almacena valores fijos. Laura Alejandra Guaneme - Angie Carolina Rodriguez
  • 12. 2012 Hacia la calidad educativa, democrática y humanista. COMO SE DECLARAN LAS Variables EN LA Memoria RAM? Respuesta Ejemplo Al declarar una variable estamos diciendo al ordenador que reserve una parte de la memoria RAM para almacenarla. Cada vez que ejecutemos #include <stdio.h> main() { int a = 10; el programa la variable se almacenará printf( "Dirección de a = %p, valor de a en un sitio diferente; eso no lo = %in", &a, a ); } podemos controlar; depende de la memoria disponible y de otros varios factores. Laura Alejandra Guaneme - Angie Carolina Rodriguez
  • 13. 2012 Hacia la calidad educativa, democrática y humanista. CUALES SON LOS OPERADORES Matemáticos Relacionales O DE Comparación? Respuesta Ejemplo &lt; Valor1 &lt; Valor2 &lt;= Valor1 &lt;= Valor2 &gt; Valor1 &gt; Valor2 &gt;= Valor1 &gt;= Valor2 = Valor1 = Valor2 &lt;&gt; Valor1 &lt;&gt; Valor2. Laura Alejandra Guaneme - Angie Carolina Rodriguez
  • 14. 2012 Hacia la calidad educativa, democrática y humanista. CUALES SON LAS TABLAS Lógicas PARA: AND, OR, EXOR? OR AND Entr Entr Salid EXOR ada ada a Entra Entra Salid Entrad Entrad Salida da da a a a 0 0 0 0 0 0 0 0 0 0 1 1 0 1 0 0 1 1 1 0 0 1 0 1 1 0 1 1 1 1 1 1 1 1 1 0 Laura Alejandra Guaneme - Angie Carolina Rodriguez
  • 15. 2012 Hacia la calidad educativa, democrática y humanista. Explique EL CONCEPTO DE Programación HTML? Respuesta Ejemplo Es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes Laura Alejandra Guaneme - Angie Carolina Rodriguez
  • 16. 2012 Hacia la calidad educativa, democrática y humanista. HTML: Es un lenguaje de marcas HEAD :iran las etiquetas de cabecera que le informaran al navegador el tipo de documento, el titulo, la descripcion las palabras claves, iran Letra Negrita, del los script, etc <B> inglés Bold (negrita). <TABLE> Definirá una tabla. Inclusión de una <head> Contenido del Head </head> (cierre) <IMG> IMaGen. Laura Alejandra Guaneme - Angie Carolina Rodriguez
  • 17. 2012 Hacia la calidad educativa, democrática y humanista. TiTLE: es la que define el título de <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML una página web individual. 1.0 Strict//EN" <h1>...</h1>, <h6>....</h6>...: Titulares. Sirven para dividir el texto en secciones. <h1> Titular h1 </h1> se mostrará: Se pueden definir seis niveles de titulares, siendo <h1> el de mayor Titular h1 tamaño y el <h6> el de menor tamaño. Laura Alejandra Guaneme - Angie Carolina Rodriguez
  • 18. 2012 Hacia la calidad educativa, democrática y humanista. CENTER: centro Como podemos observar,el parrafo "Esto es un ejemplo" se encuentra en el margen izquierdo de la pagina, pues es la ubicacion por default. Ahora vamos a centrarlo usando la etiqueta <center>. Primero vamos escribir el codigo html del parrafo,que seria como sigue: <p align="center">Esto es un ejemplo</p> Y enseguida mostramos como se veria el parrafo en nuestra pagina web Laura Alejandra Guaneme - Angie Carolina Rodriguez
  • 19. 2012 Hacia la calidad educativa, democrática y humanista. Laura Alejandra Guaneme - Angie Carolina Rodriguez