SlideShare una empresa de Scribd logo
2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA.




                GOMEZ ORJUELA GINA PAOLA
2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA.



                Que es Programación?

                                                         EJEMPLO
Es el proceso de diseñar,
codificar, depurar y mantener el código /* Inclusión de archivos */ #include <stdio.h>
fuente de programas computacionales. /* Función principal */ int main (int argc,char
                                            **argv)




                                GOMEZ ORJUELA GINA PAOLA
2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA.


                 QUE ES LENGUAJE DE ALTO Nivel?



                                                        EJEMPLO
se caracteriza por expresar
los algoritmos de una manera más                 if( numero > 0 ) printf( "El
cercana a la capacidad cognitiva humana,            número es positivo" )
en lugar de a la capacidad ejecutora de
las máquinas.




                               GOMEZ ORJUELA GINA PAOLA
2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA.



                         Clasificación DE LOS LENGUAJES
                                   DE ALTO Nivel

                                                       EJEMPLO


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




                                  GOMEZ ORJUELA GINA PAOLA
2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA.


                            A QUE SE Denomina
                         Programación Orientada?


                                                      EJEMPLO



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




                                GOMEZ ORJUELA GINA PAOLA
2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA.



                                 QUE SON EVENTOS?


                                                            EJEMPLO



Es un paradigma de programación en el
                                           programa orientado a eventos en
que tanto la estructura como la
                                           pseudo lenguaje:
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 por el
                                           mouse_click: case keypressed: case
usuario o que ellos mismos provoquen.
                                           Else: } }




                                GOMEZ ORJUELA GINA PAOLA
2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA.



                        Ambiente Grafico DE Windows?

                                                      EJEMPLO



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




                                GOMEZ ORJUELA GINA PAOLA
2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA.



                        QUE ES UN Algoritmo?


                                                        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.




                             GOMEZ ORJUELA GINA PAOLA
2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA.


                      CUALES SON LAS ETAPAS DE
                           UN Algoritmo?

                                                         EJEMPLO

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




                               GOMEZ ORJUELA GINA PAOLA
2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA.


          CUALES SO LOS Diagramas DE FLUJO Y Q
                     Símbolos Tiene?

                                                   EJEMPLO


                             Óvalo o Elipse: Inicio y término
Formato vertical
                             Rectángulo: Actividad
                             Rombo: Decisión
Formato horizontal
                             Círculo: Conector (Representa el enlace
                             de actividades con otra dentro de un
Formato panorámico
                             procedimiento)
                             Triángulo boca abajo: (Guarda un
Formato Arquitectónico
                             documento en forma permanente).
                             Triángulo boca arriba: Archivo
                             temporal.




                          GOMEZ ORJUELA GINA PAOLA
2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA.


             A Diferencia DE LAS Variables QUE SON LAS
                           CONSTANTES?


                                                        EJEMPLO



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




                               GOMEZ ORJUELA GINA PAOLA
2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA.



           COMO SE DECLARAN LAS Variables EN LA
                      Memoria RAM?

                                                    EJEMPLO


Al declarar una variable estamos             #include <stdio.h> main() { int a
diciendo al ordenador que reserve una        = 10; printf( "Dirección de a =
parte de la memoria RAM para                 %p, valor de a = %in", &a, a );
almacenarla.                                 }




                            GOMEZ ORJUELA GINA PAOLA
2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA.


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

                                         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




                  GOMEZ ORJUELA GINA PAOLA
2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA.


CUALES SON LAS TABLAS Lógicas PARA:
          AND, OR, EXOR?




AND                             OR                    EXOR
                         Entr   Entr   Sali       Entr Entr Sali
Entra Entra Salid
                         ada    ada    da         ada ada da
da    da    a
                          0      0     0          0     0       0
0       0      0
0       1      0          0      1     1          0     1       1
1       0      0          1      0     1          1     0       1
1       1      1                                  1     1       0
                          1      1     1




                    GOMEZ ORJUELA GINA PAOLA
2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA.




             Explique EL CONCEPTO DE Programación
                             HTML?




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




                             GOMEZ ORJUELA GINA PAOLA
2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA.




HTML: Es un lenguaje de marcas

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

                                <head> Contenido del Head </head>
                                (cierre)


                             GOMEZ ORJUELA GINA PAOLA
2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA.




TiTLE: es la que define el título de
una página web individual
                                        <h1>...</h1>,
                                        <h6>....</h6>...: Titulares. Sirven
                                        para dividir el texto en secciones. Se
                                        pueden definir seis niveles de titulares,
<h1> Titular h1 </h1> se mostrará:      siendo <h1> el de mayor tamaño y el <h6>
                                        el de menor tamaño.
Titular h1

<!DOCTYPE html PUBLIC "-//W3C//DTD
XHTML 1.0 Strict//EN"



                                 GOMEZ ORJUELA GINA PAOLA
2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA.




CENTER: centro

  Como podemos observar, el párrafo
  "Esto es un ejemplo" se encuentra en el
  margen izquierdo de la pagina, pues es la
  ubicación por default. Ahora vamos a
  centrarlo usando la etiqueta <center>.
  Primero vamos escribir el código HTML
  del parrafo,que seria como sigue:
  <p align="center">Esto es un ejemplo</p>
  Y enseguida mostramos como se vería el
  párrafo en nuestra pagina web




                 GOMEZ ORJUELA GINA PAOLA

Más contenido relacionado

La actualidad más candente

Programación web introducción
Programación web introducciónProgramación web introducción
Programación web introducciónLuis Triviño
 
Practica 09 (6)
Practica 09 (6)Practica 09 (6)
Practica 09 (6)Danny_MC
 
Fundamentos de programación en diseño web
Fundamentos de programación en diseño webFundamentos de programación en diseño web
Fundamentos de programación en diseño webJavier Herrera Bernal
 

La actualidad más candente (7)

Programación web introducción
Programación web introducciónProgramación web introducción
Programación web introducción
 
Practica 9
Practica 9Practica 9
Practica 9
 
Practica 9
Practica 9Practica 9
Practica 9
 
Presentación1
Presentación1Presentación1
Presentación1
 
PROGRAMACIÓN WEB INTRODUCCIÓN
PROGRAMACIÓN WEB INTRODUCCIÓNPROGRAMACIÓN WEB INTRODUCCIÓN
PROGRAMACIÓN WEB INTRODUCCIÓN
 
Practica 09 (6)
Practica 09 (6)Practica 09 (6)
Practica 09 (6)
 
Fundamentos de programación en diseño web
Fundamentos de programación en diseño webFundamentos de programación en diseño web
Fundamentos de programación en diseño web
 

Destacado

yo,mi ciudad, mi país
yo,mi ciudad, mi paísyo,mi ciudad, mi país
yo,mi ciudad, mi paíspipeloa
 
Vidav e obra de Platão e Sócrates
Vidav e obra de Platão e SócratesVidav e obra de Platão e Sócrates
Vidav e obra de Platão e SócratesFilipe Simão Kembo
 
Por el cual se reglamentan los artículos 4 de la Ley 1314 de 2009, 165 de la ...
Por el cual se reglamentan los artículos 4 de la Ley 1314 de 2009, 165 de la ...Por el cual se reglamentan los artículos 4 de la Ley 1314 de 2009, 165 de la ...
Por el cual se reglamentan los artículos 4 de la Ley 1314 de 2009, 165 de la ...
Luis Olaya
 
Manual de almacen_e_inventarios
Manual de almacen_e_inventariosManual de almacen_e_inventarios
Manual de almacen_e_inventariosPao Ospino H
 
Minicurso Matlab IVSEE 2013 UERJ
Minicurso Matlab IVSEE 2013 UERJMinicurso Matlab IVSEE 2013 UERJ
Minicurso Matlab IVSEE 2013 UERJ
Renan Prata
 
250377343 ciclo-brayton
250377343 ciclo-brayton250377343 ciclo-brayton
250377343 ciclo-brayton
Fabricio Sanchez
 
SER HUMANO INTEGRAL
SER HUMANO INTEGRALSER HUMANO INTEGRAL
SER HUMANO INTEGRALfabian1070
 
Mapa conceptual de marco teorico
Mapa conceptual de marco teoricoMapa conceptual de marco teorico
Mapa conceptual de marco teoricoKarina Osorio
 
Metodologia da pesquisa e do trabalho científico
Metodologia da pesquisa e do trabalho científicoMetodologia da pesquisa e do trabalho científico
Metodologia da pesquisa e do trabalho científicoEdy Bast
 
Stanford Strategy & Organization
Stanford Strategy & OrganizationStanford Strategy & Organization
Stanford Strategy & Organization
guestf32b7
 
Técnicas em MTC
Técnicas em MTCTécnicas em MTC
Técnicas em MTC
http://www.saudebio.com Bio
 
Learning about language structure
Learning about language structureLearning about language structure
Learning about language structure
Roda Menil
 
Plan único de cuentas
Plan único de cuentasPlan único de cuentas
Plan único de cuentas
Mafe Bedoya
 
Code coverage
Code coverageCode coverage
Code coverage
Return on Intelligence
 
Positioning
PositioningPositioning
Superintendencia de vigilancia y seguridad privada
Superintendencia de  vigilancia y seguridad  privadaSuperintendencia de  vigilancia y seguridad  privada
Superintendencia de vigilancia y seguridad privadaLane Arenas
 
La enseñanza de las matemáticas en la escuela secundaria iii
La enseñanza de las matemáticas en la escuela secundaria iiiLa enseñanza de las matemáticas en la escuela secundaria iii
La enseñanza de las matemáticas en la escuela secundaria iii
GERARDO RODRIGUEZ VEGA
 
Hip-Hop Nation
Hip-Hop NationHip-Hop Nation
Hip-Hop NationAiden Yeh
 

Destacado (20)

yo,mi ciudad, mi país
yo,mi ciudad, mi paísyo,mi ciudad, mi país
yo,mi ciudad, mi país
 
Vidav e obra de Platão e Sócrates
Vidav e obra de Platão e SócratesVidav e obra de Platão e Sócrates
Vidav e obra de Platão e Sócrates
 
Por el cual se reglamentan los artículos 4 de la Ley 1314 de 2009, 165 de la ...
Por el cual se reglamentan los artículos 4 de la Ley 1314 de 2009, 165 de la ...Por el cual se reglamentan los artículos 4 de la Ley 1314 de 2009, 165 de la ...
Por el cual se reglamentan los artículos 4 de la Ley 1314 de 2009, 165 de la ...
 
Manual de almacen_e_inventarios
Manual de almacen_e_inventariosManual de almacen_e_inventarios
Manual de almacen_e_inventarios
 
Minicurso Matlab IVSEE 2013 UERJ
Minicurso Matlab IVSEE 2013 UERJMinicurso Matlab IVSEE 2013 UERJ
Minicurso Matlab IVSEE 2013 UERJ
 
250377343 ciclo-brayton
250377343 ciclo-brayton250377343 ciclo-brayton
250377343 ciclo-brayton
 
SER HUMANO INTEGRAL
SER HUMANO INTEGRALSER HUMANO INTEGRAL
SER HUMANO INTEGRAL
 
Mapa conceptual de marco teorico
Mapa conceptual de marco teoricoMapa conceptual de marco teorico
Mapa conceptual de marco teorico
 
Metodologia da pesquisa e do trabalho científico
Metodologia da pesquisa e do trabalho científicoMetodologia da pesquisa e do trabalho científico
Metodologia da pesquisa e do trabalho científico
 
Stanford Strategy & Organization
Stanford Strategy & OrganizationStanford Strategy & Organization
Stanford Strategy & Organization
 
Técnicas em MTC
Técnicas em MTCTécnicas em MTC
Técnicas em MTC
 
Learning about language structure
Learning about language structureLearning about language structure
Learning about language structure
 
Plan único de cuentas
Plan único de cuentasPlan único de cuentas
Plan único de cuentas
 
Code coverage
Code coverageCode coverage
Code coverage
 
Positioning
PositioningPositioning
Positioning
 
Ppt Ch 3
Ppt Ch 3Ppt Ch 3
Ppt Ch 3
 
Superintendencia de vigilancia y seguridad privada
Superintendencia de  vigilancia y seguridad  privadaSuperintendencia de  vigilancia y seguridad  privada
Superintendencia de vigilancia y seguridad privada
 
La enseñanza de las matemáticas en la escuela secundaria iii
La enseñanza de las matemáticas en la escuela secundaria iiiLa enseñanza de las matemáticas en la escuela secundaria iii
La enseñanza de las matemáticas en la escuela secundaria iii
 
Glosario de química inorgánica
Glosario de química inorgánicaGlosario de química inorgánica
Glosario de química inorgánica
 
Hip-Hop Nation
Hip-Hop NationHip-Hop Nation
Hip-Hop Nation
 

Similar a Programacion web

Programación Web Introducción
Programación Web IntroducciónProgramación Web Introducción
Programación Web IntroducciónHarry Salgado
 
Programacion web introduccion practica o9 ximena
Programacion web introduccion practica o9 ximenaProgramacion web introduccion practica o9 ximena
Programacion web introduccion practica o9 ximenaAnavay
 
Programacion web introduccion practica o9 ximena
Programacion web introduccion practica o9 ximenaProgramacion web introduccion practica o9 ximena
Programacion web introduccion practica o9 ximenatatiana96penagos
 
Preguntas de Tecnología
Preguntas de TecnologíaPreguntas de Tecnología
Preguntas de TecnologíaAngelaMoraD
 
Programacion web introduccion practica o9 ximena
Programacion web introduccion practica o9 ximenaProgramacion web introduccion practica o9 ximena
Programacion web introduccion practica o9 ximenatatiana96penagos
 
Programacion web introduccion
Programacion web introduccionProgramacion web introduccion
Programacion web introduccion
Alejandro Fuentes Sotelo
 
Programacion web introduccion practica o9
Programacion web introduccion practica o9Programacion web introduccion practica o9
Programacion web introduccion practica o9Anavay
 
Programacion web introduccion
Programacion web introduccionProgramacion web introduccion
Programacion web introduccionJenaleCh
 
nivel de programacion_introduccion
nivel de programacion_introduccionnivel de programacion_introduccion
nivel de programacion_introduccioneliconpu
 
PROGRAMACIÓN WEB INTRODUCCIÓN
PROGRAMACIÓN WEB INTRODUCCIÓNPROGRAMACIÓN WEB INTRODUCCIÓN
PROGRAMACIÓN WEB INTRODUCCIÓNNanahEspinosa
 
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
 

Similar a Programacion web (20)

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
 
Programacion web introduccion practica o9 ximena
Programacion web introduccion practica o9 ximenaProgramacion web introduccion practica o9 ximena
Programacion web introduccion practica o9 ximena
 
Preguntas de Tecnología
Preguntas de TecnologíaPreguntas de Tecnología
Preguntas de Tecnología
 
Programacion web introduccion practica o9 ximena
Programacion web introduccion practica o9 ximenaProgramacion web introduccion practica o9 ximena
Programacion web introduccion practica o9 ximena
 
Programación web
Programación webProgramación web
Programación web
 
Programación web
Programación webProgramación web
Programación web
 
Programacion web introduccion
Programacion web introduccionProgramacion web introduccion
Programacion web introduccion
 
Programacion web introduccion practica o9
Programacion web introduccion practica o9Programacion web introduccion practica o9
Programacion web introduccion practica o9
 
Programacion web introduccion
Programacion web introduccionProgramacion web introduccion
Programacion web introduccion
 
Preguntas (1)
Preguntas (1)Preguntas (1)
Preguntas (1)
 
nivel de programacion_introduccion
nivel de programacion_introduccionnivel de programacion_introduccion
nivel de programacion_introduccion
 
PROGRAMACIÓN WEB INTRODUCCIÓN
PROGRAMACIÓN WEB INTRODUCCIÓNPROGRAMACIÓN WEB INTRODUCCIÓN
PROGRAMACIÓN WEB INTRODUCCIÓN
 
Mauricio
MauricioMauricio
Mauricio
 
Preguntas (1)
Preguntas (1)Preguntas (1)
Preguntas (1)
 
Programa web introduccion
Programa web introduccionPrograma web introduccion
Programa web introduccion
 
PROGRAMACION WEB
PROGRAMACION WEBPROGRAMACION WEB
PROGRAMACION WEB
 
ananossa
ananossaananossa
ananossa
 
Bryan trabajo
Bryan trabajoBryan trabajo
Bryan trabajo
 
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
 

Programacion web

  • 1. 2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA. GOMEZ ORJUELA GINA PAOLA
  • 2. 2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA. Que es Programación? EJEMPLO Es el proceso de diseñar, codificar, depurar y mantener el código /* Inclusión de archivos */ #include <stdio.h> fuente de programas computacionales. /* Función principal */ int main (int argc,char **argv) GOMEZ ORJUELA GINA PAOLA
  • 3. 2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA. QUE ES LENGUAJE DE ALTO Nivel? EJEMPLO se caracteriza por expresar los algoritmos de una manera más if( numero > 0 ) printf( "El cercana a la capacidad cognitiva humana, número es positivo" ) en lugar de a la capacidad ejecutora de las máquinas. GOMEZ ORJUELA GINA PAOLA
  • 4. 2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA. Clasificación DE LOS LENGUAJES DE ALTO Nivel EJEMPLO 1,Este lenguaje de programación utiliza 1º El Lenguaje Máquina el alfabeto binario, es decir, el 0 y el 1. 2. en inglés, ADD, SUB, DIV, etc.; en 2º Lenguajes de programación de bajo español, SUM,RES,DIV,etc. Una nivel. instrucción típica de suma sería: ADD M, N, P 3º Lenguajes de programación de alto 3. Ada, BASIC, COBOL, FORTRAN, nivel. Pascal GOMEZ ORJUELA GINA PAOLA
  • 5. 2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA. A QUE SE Denomina Programación Orientada? EJEMPLO Es un paradigma de programación que (POO) es una forma especial de usa objetos y sus interacciones, para programar, más cercana a como diseñar aplicaciones y expresaríamos las cosas en la vida real programas informáticos. que otros tipos de programación. GOMEZ ORJUELA GINA PAOLA
  • 6. 2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA. QUE SON EVENTOS? EJEMPLO Es un paradigma de programación en el programa orientado a eventos en que tanto la estructura como la pseudo lenguaje: 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 por el mouse_click: case keypressed: case usuario o que ellos mismos provoquen. Else: } } GOMEZ ORJUELA GINA PAOLA
  • 7. 2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA. Ambiente Grafico DE Windows? EJEMPLO Su funcionamiento se basa en elementos El desarrollo de Windows parte gráficos como iconos, botones, barras, de las siguientes versiones: 3,0 - menús que resultan de gran utilidad para 3,1- 3,11 -95 -98- 2000 -milenium hacer mas rápido y sencillo las utilidades y XP. de Windows GOMEZ ORJUELA GINA PAOLA
  • 8. 2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA. QUE ES UN Algoritmo? 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. GOMEZ ORJUELA GINA PAOLA
  • 9. 2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA. CUALES SON LAS ETAPAS DE UN Algoritmo? EJEMPLO 1-2 Conducen al diseño detallado por medio 1. Análisis del problema un código escrito en forma de un algoritmo. 2. Diseño de algoritmo 3-Se implementa el algoritmo n un código 3. Codificación escrito en un lenguaje de programación. 4. Compilación y ejecución Refleja las ideas desarrolladas en las etapas 5. Verificación de análisis y diseño. 6. Depuración 4-Traduce el programa fuente a programa en código de maquina y lo ejecuta. 7. Documentación 5-6-Busca errores en las etapas anteriores y los elimina. 7-Son comentarios, etiquetas de texto, que facilitan la comprensión del programa GOMEZ ORJUELA GINA PAOLA
  • 10. 2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA. CUALES SO LOS Diagramas DE FLUJO Y Q Símbolos Tiene? EJEMPLO Óvalo o Elipse: Inicio y término Formato vertical Rectángulo: Actividad Rombo: Decisión Formato horizontal Círculo: Conector (Representa el enlace de actividades con otra dentro de un Formato panorámico procedimiento) Triángulo boca abajo: (Guarda un Formato Arquitectónico documento en forma permanente). Triángulo boca arriba: Archivo temporal. GOMEZ ORJUELA GINA PAOLA
  • 11. 2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA. A Diferencia DE LAS Variables QUE SON LAS CONSTANTES? EJEMPLO una constante es un valor que no puede ser alterado durante la ejecución de un programa , corresponde a una longitud #include <stdio.h> #define PI fija de un área reservada en la memoria 3.1415926 int main() { printf("Pi principal del ordenador, donde el vale %f", PI); return 0; } programa almacena valores fijos. GOMEZ ORJUELA GINA PAOLA
  • 12. 2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA. COMO SE DECLARAN LAS Variables EN LA Memoria RAM? EJEMPLO Al declarar una variable estamos #include <stdio.h> main() { int a diciendo al ordenador que reserve una = 10; printf( "Dirección de a = parte de la memoria RAM para %p, valor de a = %in", &a, a ); almacenarla. } GOMEZ ORJUELA GINA PAOLA
  • 13. 2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA. CUALES SON LOS OPERADORES Matemáticos Relacionales O DE Comparación? 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 GOMEZ ORJUELA GINA PAOLA
  • 14. 2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA. CUALES SON LAS TABLAS Lógicas PARA: AND, OR, EXOR? AND OR EXOR Entr Entr Sali Entr Entr Sali Entra Entra Salid ada ada da ada ada da da da a 0 0 0 0 0 0 0 0 0 0 1 0 0 1 1 0 1 1 1 0 0 1 0 1 1 0 1 1 1 1 1 1 0 1 1 1 GOMEZ ORJUELA GINA PAOLA
  • 15. 2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA. Explique EL CONCEPTO DE Programación HTML? 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 GOMEZ ORJUELA GINA PAOLA
  • 16. 2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA. HTML: Es un lenguaje de marcas Letra Negrita, HEAD :iran las etiquetas de <B> del inglés Bold cabecera que le informaran al (negrita). navegador el tipo de documento, el Definirá una titulo, la descripcion las palabras <TABLE> claves, iran los script, etc tabla. Inclusión de <IMG> una IMaGen. <head> Contenido del Head </head> (cierre) GOMEZ ORJUELA GINA PAOLA
  • 17. 2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA. TiTLE: es la que define el título de una página web individual <h1>...</h1>, <h6>....</h6>...: Titulares. Sirven para dividir el texto en secciones. Se pueden definir seis niveles de titulares, <h1> Titular h1 </h1> se mostrará: siendo <h1> el de mayor tamaño y el <h6> el de menor tamaño. Titular h1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" GOMEZ ORJUELA GINA PAOLA
  • 18. 2012 HACIA LA CALIDAD EDUCATIVA, DEMOCRÁTICA Y HUMANISTA. CENTER: centro Como podemos observar, el párrafo "Esto es un ejemplo" se encuentra en el margen izquierdo de la pagina, pues es la ubicación por default. Ahora vamos a centrarlo usando la etiqueta <center>. Primero vamos escribir el código HTML del parrafo,que seria como sigue: <p align="center">Esto es un ejemplo</p> Y enseguida mostramos como se vería el párrafo en nuestra pagina web GOMEZ ORJUELA GINA PAOLA