SlideShare une entreprise Scribd logo
1  sur  29
2012: hacia una calidad de la educación, humana y cristiana




WEB NIVEL INTRODUCCION
      TECNOLOGIA
2012: hacia una calidad de la educación, humana y cristiana

¿QUE SIGNIFICA EL TERMINO PROGRAMACIÓN?
           RESPUESTA                    EJEMPLO
      Es un idioma artificial
          diseñado para
             expresar
                                       PSEINT
       computaciones que
      pueden ser llevadas a
                                       ACCES
       cabo por máquinas
             como las
         computadoras.




AUTORA: SAMANTA ELIZABETH LEON GOMEZ
2012: hacia una calidad de la educación, humana y cristiana

     ¿Qué es el lenguaje de cada nivel?
           RESPUESTA
                                           EJEMPLO
          Un Lenguaje de
       programación de alto       En los primeros lenguajes de
      nivel de abstracción se      alto nivel, la limitación era
     caracteriza por expresar     que se orientaban a un área
                                  específica y sus instrucciones
       los algoritmos de una
                                    requerían de una sintaxis
     manera más cercana a la        predefinida. Se clasifican
        capacidad cognitiva              como lenguajes
     humana, en lugar de a la           procedimentales.
      capacidad ejecutora de
           las máquinas.



AUTORA: SAMANTA ELIZABETH LEON GOMEZ
     AUTORAS
2012: hacia una calidad de la educación, humana y cristiana

    ¿A que se denomina lenguaje de maquina?
              RESPUESTA                          EJEMPLO

           es el único que entiende
       directamente la computadora,                             01
        utiliza el alfabeto binario que
                                          0000 0001 1010 0001
                                                                A1
           consta de los dos únicos
        símbolos 0 y 1, denominados                             89
         bits (abreviatura inglesa de
                                          1000 1001 1001 1010
                                                                9A
         dígitos binarios). El lenguaje
           máquina es el único que                              3A
          entiende directamente la
                                          0011 1010 1001 1100
                                                                9C
            computadora, utiliza el
       alfabeto binario que consta de                           74
        los dos únicos símbolos 0 y 1,    0111 0100 0111 0000
                                                                70
               denominados bits
       (abreviatura inglesa de dígitos                          E9
                    binarios).            1110 1001 0010 0000
                                                                20



AUTORA: SAMANTA ELIZABETH LEON GOMEZ
2012: hacia una calidad de la educación, humana y cristiana

  ¿Cómo se clasifican los lenguajes de alto nivel?
       RESPUESTA
                                          EJEMPLO
                               En BASIC, el lenguaje
      Manera más                  de alto nivel más
      cercana a la                   conocido, los
       capacidad                comandos como "IF
   cognitiva humana,           CONTADOR = 10 THEN
    en lugar de a la                STOP" pueden
       capacidad               utilizarse para pedir a
    ejecutora de las            la computadora que
       máquinas.               pare si CONTADOR es
                                      igual a 10.

AUTORA: SAMANTA ELIZABETH LEON GOMEZ
2012: hacia una calidad de la educación, humana y cristiana

        ¿Qué significa el lenguaje assembler?
         RESPUESTA                                       EJEMPLO
       También llamado lenguaje
    ensamblador , es un Lenguaje de                    •MOV AL, 061h
    programación de bajo nivel para                        Asigna el
los computadores, microprocesadores,        valor hexadecimal 61 (97 decimal) al
 micro controladores, y otros circuitos                 registro "AL".
integrados programables. Implementa           10110 000 01100001 | | | | | +----
    una representación simbólica de            Número 61h en binario | | | +---
                                            Registro AL +-------- Instrucción MOV
   los códigos de maquina binarios y
                                             En el segundo byte se especifica el
    otras constantes necesarias para           número 61h, escrito en binario
   programar una arquitectura dada           como 01100001, que se asignará al
 de CPU y constituye la representación       registro AL, quedando la sentencia
     más directa del código maquina                   ejecutable como:
    específico para cada arquitectura               •10110000 01100001
      legible por un programador.         La cual puede ser entendida y ejecutada
                                               directamente por el procesador.



AUTORA: SAMANTA ELIZABETH LEON GOMEZ
2012: hacia una calidad de la educación, humana y cristiana

    ¿Qué significa programación orientada a objetos?

         RESPUESTA                                  EJEMPLO
    En el paradigma de programación
        orientada a objetos (POO, o
     bien OOP en ingles), un objeto se
        define como la unidad que
    en tiempo de ejecución realiza las    'int' es un tipo de dato y 'a'
    tareas de un programa. También a       y 'b' son variables de tipo
   un nivel más básico se define como
         la instancia de una clase.
                                                entero con las que
   Estos objetos interactúan unos con            podemos operar
   otros, en contraposición a la visión
    tradicional en la cual un programa
              es una colección
  de subrutinas (funciones o procedim
   ientos), o simplemente una lista de
    instrucciones para el computador.




AUTORA: SAMANTA ELIZABETH LEON GOMEZ
2012: hacia una calidad de la educación, humana y cristiana

      ¿Qué            son los eventos?
          RESPUESTA                          EJEMPLO
             eventos es
          un paradigma de            programación Léxico
      programación en el que      y Visual BASIC, en los que
         tanto la estructura          a cada elemento del
       como la ejecución de           programa (objetos,
         los programas van         controles, etcétera) se le
       determinados por los          asignan una serie de
      sucesos que ocurran en         eventos que generará
       el sistema, definidos       dicho elemento, como la
        por el usuario o que      pulsación de un botón del
            ellos mismos               ratón sobre él o el
             provoquen.             redibujado del control.

AUTORA: SAMANTA ELIZABETH LEON GOMEZ
2012: hacia una calidad de la educación, humana y cristiana

  ¿Cuáles son los controles de un ambiente grafico y que función cumple cada uno?
                                         2. ESCRITORIO
           RESPUESTA                                                   EJEMPLO
                                         R= es la pantalla principal donde empezamos a trabajar
                                         3.-BARRA DE TAREAS
                                         R=es la barra horizontal que muestra las aplicaciones en ejecución
            es todo el                   4.-BARRA DE CONTROL O PANEL
                                         R=es la barra localizada en la parte superior del ambiente grafico y nos

            conjunto                     facilita la navegación
                                         5.-BANDEJA DE RESICLAJE:
                                         R=es la carpeta a donde van todos los elementos borrados
          de imágenes e                  6.-SISTEMA DE FICHEROS (ADMINISTRADOR DE ARCHIVOS):
                                         R=nos ayuda administrar los archivos de la computadora
                                         7.-ICONO:
           iconos que                    R=son los elementos en el escritorio
                                         8.-VENTANA:
         aparece al iniciar              R=aparece en la barra de tareas y son las aplicaciones en ejecución
                                         9.-MENÙ CONTEXTUAL:
                                         R= es la ventana que se abre cuando hacemos clic con el botón secundario
              sesión                     del ratón. Este menú es un elemento vivo del sistema operativo
                                         10.-CUADRO DE DIALOGO:
                                         R=son las ventas que se abren cuando ejecutamos algo
                                         11.-APPLET:
                                         R=son las aplicaciones que se muestran alado del reloj
                                         12.-BOTON INICIO:
                                         R=ahí se localizan todos los programas de la computadora
                                         ELEMENTOS DEL ESCRITORIO DE LINUX XUBUNTU


AUTORA: SAMANTA ELIZABETH LEON GOMEZ
2012: hacia una calidad de la educación, humana y cristiana

       ¿A que se denomina aerobismo?
         RESPUESTA                         EJEMPLO




AUTORA: SAMANTA ELIZABETH LEON GOMEZ
2012: hacia una calidad de la educación, humana y cristiana

   ¿Cuáles son las etapas de un algoritmo?
         RESPUESTA                         EJEMPLO

          1. ANLISIS DEL                  Inicio
             PROGRAMA
          2. DISEÑO DEL                 leer a,b,c
             ALGORITMO
          3. COIFICAION                  calcular
        4. COMPILACION
        5. VERIFICACION             escribir perímetro
         6. DEPURACION
      7. DOCUMENTACION                     fin

AUTORA: SAMANTA ELIZABETH LEON GOMEZ
2012: hacia una calidad de la educación, humana y cristiana

  ¿Cuáles son los diagramas de flujo. Que símbolos y que significados los componen?



             RESPUESTA
                                                                EJEMPLO


                Representación
               grafica del algorit
               mo o proceso. Se
                    utiliza en
               disciplinas como
               la programación
                la economía los
                    procesos
                 industriales y
                  la psicología
                    cognitiva.




AUTORA: SAMANTA ELIZABETH LEON GOMEZ
2012: hacia una calidad de la educación, humana y cristiana

     ¿Cuáles son las variables y como se declaran en la memoria RAM?


                RESPUESTA                                 EJEMPLO
                                             si en un script para mIRC hemos
      nuestra memoria RAM que queda                 creado una variable
      reservado en el momento en que          llamada %num, a la que hemos
      se crea la variable, e identificado       asignado el número 3,14159,
      temporalmente con el nombre de          podemos tener una instrucción
       esta. Cada vez que asignamos un               como la siguiente:
       valor a la variable el programa lo
       único que hace es depositar ese         echo -a El valor asignado es:
        valor en la dirección reservada.                 %num
    Más adelante, cuando ejecutemos una
    instrucción que contenga esa variable,    Esta orden presentará en la
       el programa irá a ese espacio de      ventana activa un mensaje que
       memoria y extraerá el valor que                    diga:
     contenga, poniéndolo en el lugar del
      nombre de la variable, dentro de la          "El valor asignado es:
            instrucción en cuestión.                    3,14159"



AUTORA: SAMANTA ELIZABETH LEON GOMEZ
2012: hacia una calidad de la educación, humana y cristiana

    ¿A diferencia de una variable que es una constante y que función cumple dentro de un algoritmo?




              RESPUESTA                                                 EJEMPLO

        Variable para un algoritmo
         es como un recipiente en
        el que podemos depositar
         un valor cualquiera, para                             Cuando se dice
          después hacer uso de él                             en el algoritmo:
        dentro de una instrucción,                               leer a,b,c
           de esta forma no será
             necesario tocar la                                    Ab y c
         instrucción cada vez que                             funcionan como
        queramos alterar el valor a                             variables de
           manejar, sino tan solo
          asignar antes un nuevo                                números etc
             valor a la variable.

AUTORA: SAMANTA ELIZABETH LEON GOMEZ
2012: hacia una calidad de la educación, humana y cristiana

   ¿Cómo se clasifican los operadores aritméticos en cuanto a un nivel jerárquico?



              RESPUESTA                                    EJEMPLO
        Son elementos que relacionan de
                forma diferente, los                     [+] Suma.
       valores de una o mas variables o o
                 una constantes. Es
                                                          [-] Resta.
       decir, los operadores nos permiten           [*] Multiplicación.
                 manipular valores.                   [/] División con
          Operadores aritméticos: Los                    decimales.
             operadores aritméticos
           permiten la realización de              [] División entera.
        operaciones matemáticas con los              [Mod o Modulo]
           variables y las constantes.             División modular o
      Los operadores aritméticos pueden
              ser utilizados con tipos
                                                  Residuo de la división.
      de datos enteros o reales. Si ambos                  [** o ^]
                   son enteros, el                   Exponenciación.
     resultado es entero; si alguno de ellos
                es real, el resultado
                       es real.

AUTORA: SAMANTA ELIZABETH LEON GOMEZ
2012: hacia una calidad de la educación, humana y cristiana

 ¿Cuáles son los operadores de relación o de comparación?
                   RESPUESTA
                                                                 EJEMPLO
          Operador            Condición que prueba
          = (Igualdad)         ¿Es igual el valor de la
                              primera expresión que el      23 = 33 ' False
                                  de la segunda?            23 = 23 ' True
                                                            23 = 12 ' False
       <> (Desigualdad)       ¿Es distinto el valor de la
                               primera expresión del        23 <> 33 ' True
                                valor de la segunda?        23 <> 23 ' False
                                                            23 <> 12 ' True
         < (Menor que)        ¿Es el valor de la primera
                               expresión menor que el       23 < 33 ' True
                                valor de la segunda?        23 < 23 ' False
         > (Mayor que)        ¿Es el valor de la primera    23 < 12 ' False
                               expresión mayor que el       23 > 33 ' False
                                valor de la segunda?
                                                            23 > 23 ' False
     <= (Menor o igual que)   ¿Es el valor de la primera    23 > 12 ' True
                              expresión menor o igual
                                  que el valor de la        23 <= 33 ' True
                                      segunda?              23 <= 23 ' True
                                                            23 <= 12 ' False
     >= (Mayor o igual que)   ¿Es el valor de la primera
                              expresión mayor o igual       23 >= 33 ' False
                                  que el valor de la        23 >= 23 ' True
                                      segunda?              23 >= 12 ' True


AUTORA: SAMANTA ELIZABETH LEON GOMEZ
2012: hacia una calidad de la educación, humana y cristiana



¿Los operadores lógicos o
 compuertas lógicas, se
 clasifican en: AND, OR,
XOR cual es la tabla lógica
  de cada uno de ellos?
AUTORA: SAMANTA ELIZABETH LEON GOMEZ
2012: hacia una calidad de la educación, humana y cristiana


                      AND


AUTORA: SAMANTA ELIZABETH LEON GOMEZ
2012: hacia una calidad de la educación, humana y cristiana


                         OR


AUTORA: SAMANTA ELIZABETH LEON GOMEZ
2012: hacia una calidad de la educación, humana y cristiana


                       XOR


AUTORA: SAMANTA ELIZABETH LEON GOMEZ
2012: hacia una calidad de la educación, humana y cristiana

      ¿Que significa programación HTML?
           RESPUESTA                                EJEMPLO

      El HTML no es más que una
    aplicación del SGML (Standard
                                          procesador de texto, como
    Generalized Markup Language),
                                                 el que ofrecen
     un sistema para definir tipos
                                        los sistemas operativos Wind
    de documentos estructurados y
                                        ows (Bloc de notas), UNIX (el
       lenguajes de marcas para
                                            editor vi o ed) o el que
       representar esos mismos
                                           ofrece MS Office (Word).
   documentos. El término HTML se
   suele referir a ambas cosas, tanto
      al tipo de documento como
         al lenguaje de marcas.



AUTORA: SAMANTA ELIZABETH LEON GOMEZ
2012: hacia una calidad de la educación, humana y cristiana

  ¿Cómo se clasifican las etiquetas dentro de la programación HTML y su significado?
               RESPUESTA                                                    EJEMPLO
       •<B> y </B> Sirve para colocar un texto en
                                                      <FONT COLOR="WHITE">Blanco</FONT> Blanco #FFFFF
       Negrita.                                                                                F
       •<U> y < /U> Sirve para subrayar un texto      <FONT COLOR="BLACK">Negro</FONT> Negro #00000
       <STRIKE> y </STRIKE> Sirve para tachar un                                             0
       texto.                                         <FONT COLOR="RED">Rojo</FONT>     Rojo   #FF000
       •<STRONG> y </STRONG> Cumple la                                                         0
       misma función que <B>                          <FONT COLOR="GREEN">Verde</FONT> Verde #00FF0
       •<I> y <I> Para colocar un texto en cursiva.                                          0
       •<EM>texto con énfasis</EM> texto con          <FONT COLOR="BLUE">Azul</FONT>    Azul   #0000F
       énfasis                                                                                 F
       •<CITE>citación</CITE> citación                <FONT                             Amarill #FFFF0
       •<DFN>definición</DFN> definición              COLOR="YELLOW">Amarillo</FONT>    o       0
       •<KBD>teclado </KBD> teclado                   <FONT COLOR="CYAN">Cyan</FONT>    Cyan   #00FFF
                                                                                               F
       •<SAMP>ejemplo</SAMP> ejemplo
                                                      <FONT                          Magen #FF00F
       SIZE: Regula el tamaño de los caracteres.
                                                      COLOR="MAGENTA">Magenta</FONT> ta    F
       Ejemplo:<font> texto... </FONT>.
       •FACE: Es la fuente que se quiere usar,
       Arial, Times new Roman, etc.




AUTORA: SAMANTA ELIZABETH LEON GOMEZ
2012: hacia una calidad de la educación, humana y cristiana

                    <HEAD>
        Clasificación                           Significado

                                <head>
     La cabecera (también       <title>Tutorial HTML</title>
                                <meta name="Language" content="ES">
         llamada HEAD)          <meta name="Keywords"
        contiene todo el        CONTENT="tutorial html, manual html">
                                <meta name="Description"
        código entre las        CONTENT="Manual y codigo de html
                                gratis para todos">
      etiquetas <HEAD> y        <meta name="Distribution"
                                CONTENT="Global">
    </HEAD>, solo el título     <meta name="Robots" CONTENT="All">
      es visible el resto de    </head>

     código esta oculto al
             usuario.

AUTORA: SAMANTA ELIZABETH LEON GOMEZ
2012: hacia una calidad de la educación, humana y cristiana

                        <TITLE>
           Clasificación                       Significado
    Vamos a ponerle a la página un
       título y lo pondremos en la       <html> <head>
     cabecera de la página; el título
       sirve entre otras cosas para      <title>Aprendie
        'ilustrar' al visitante, pero
     muchos motores de búsqueda,
                                         ndo
     robots, índices, etc. lo utilizan   HTML</title>
      cuando almacenan nuestras
    páginas así que vamos a ponerle
                                         </head>
    un título que tenga relación con     <body>
      el contenido, obviamente el
     título lo pondremos entre dos       </body>
              etiquetas TITLE            </html>
AUTORA: SAMANTA ELIZABETH LEON GOMEZ
2012: hacia una calidad de la educación, humana y cristiana

                        <BODY>
        Clasificación                     Significado



    el cuerpo en otras             <head>
     que llamaremos                </head>
      BODY; nuestro
                                   <body>
      esqueleto va a
        quedar así:                </body>
                                   </html>
AUTORA: SAMANTA ELIZABETH LEON GOMEZ
2012: hacia una calidad de la educación, humana y cristiana

               <H1… HB>
        Clasificación                          Significado


       Ahora vamos a poner un             <html> <head>
        poco de contenido en el         <title>Aprendiendo
        cuerpo de la página, un        HTML</title> </head>
       título de nivel 1 (H1) y un   <body> <h1>Aprendiendo
          párrafo (P), abrimos y       HTML</h1> <p>Esta
               cerramos los
                                       plantilla servira como
              contenedores
           exactamente igual:
                                        referencia para mis
                                       paginas.</p> </body>
                                               </html>



AUTORA: SAMANTA ELIZABETH LEON GOMEZ
Centrado de texto
Para centrar texto se utiliza el elemento CENTER:

                  2012: hacia una calidad de la educación, humana y cristiana

                                        <CENTER>
                          Clasificación                  Significado


                          <CENTE
                          R>texto
                                                    Para centrar
                Sintaxis  centrad
                          o</CEN
                                                      texto se
                          TER>
                          texto
                                                      utiliza el
                Resultado centrad
                          o
                                                     elemento
                                                      CENTER
    AUTORA: SAMANTA ELIZABETH LEON GOMEZ
2012: hacia una calidad de la educación, humana y cristiana

  <P align= ‘’VALOR’’>
        Clasificación                     Significado


       <P>Texto del párrafo
          alineado a la         La marca P
         izquierda</P>
               <P
       ALIGN=“VALOR">Te
                                 indica un
         xto del párrafo
          alineado a la
                                 comienzo
          derecha</P>
                                de párrafo
AUTORA: SAMANTA ELIZABETH LEON GOMEZ
2012: hacia una calidad de la educación, humana y cristiana




                                               INICIO

Contenu connexe

Tendances

Tendances (20)

GRUPO 4 Elementos a traves de los lenguajes de programacion, lenguaje de maqu...
GRUPO 4 Elementos a traves de los lenguajes de programacion, lenguaje de maqu...GRUPO 4 Elementos a traves de los lenguajes de programacion, lenguaje de maqu...
GRUPO 4 Elementos a traves de los lenguajes de programacion, lenguaje de maqu...
 
Nivel programacion web introduccion
Nivel programacion web introduccionNivel programacion web introduccion
Nivel programacion web introduccion
 
PREGUNTAS
PREGUNTASPREGUNTAS
PREGUNTAS
 
Anamaria
AnamariaAnamaria
Anamaria
 
Programacion alexa
Programacion alexaProgramacion alexa
Programacion alexa
 
Practica 09
Practica 09Practica 09
Practica 09
 
Programacvion
ProgramacvionProgramacvion
Programacvion
 
Introducccion programacion
Introducccion programacionIntroducccion programacion
Introducccion programacion
 
Practica 09 lida
Practica 09 lidaPractica 09 lida
Practica 09 lida
 
Lenguaje maquina
Lenguaje maquinaLenguaje maquina
Lenguaje maquina
 
Generacionlenguajes
GeneracionlenguajesGeneracionlenguajes
Generacionlenguajes
 
C:\Documents And Settings\Alumnos\Escritorio\Programaion1
C:\Documents And Settings\Alumnos\Escritorio\Programaion1C:\Documents And Settings\Alumnos\Escritorio\Programaion1
C:\Documents And Settings\Alumnos\Escritorio\Programaion1
 
Tipos de programacion
Tipos de programacionTipos de programacion
Tipos de programacion
 
Programacion web introduccion practica o9
Programacion web introduccion practica o9Programacion web introduccion practica o9
Programacion web introduccion practica o9
 
Programación
 Programación Programación
Programación
 
Clase 1. lógica de la programación
Clase 1. lógica de la programaciónClase 1. lógica de la programación
Clase 1. lógica de la programación
 
PROGRAMACION WEB
PROGRAMACION WEBPROGRAMACION WEB
PROGRAMACION WEB
 
7. primera era
7. primera era7. primera era
7. primera era
 
Programación de computadores
Programación de computadoresProgramación de computadores
Programación de computadores
 
Introducción a la programación
Introducción a la programaciónIntroducción a la programación
Introducción a la programación
 

En vedette (9)

Valores cristianos
Valores cristianosValores cristianos
Valores cristianos
 
Valores cristianos
Valores cristianosValores cristianos
Valores cristianos
 
Valores De JesúS
Valores De JesúSValores De JesúS
Valores De JesúS
 
Taller valores sesion 1 - proceso valores
Taller valores   sesion 1 - proceso valoresTaller valores   sesion 1 - proceso valores
Taller valores sesion 1 - proceso valores
 
Valores Cristianos
Valores CristianosValores Cristianos
Valores Cristianos
 
Valores y deberes cristianos
Valores y deberes cristianosValores y deberes cristianos
Valores y deberes cristianos
 
Enseñando los valores cristianos en el hogar
Enseñando los valores cristianos en el hogarEnseñando los valores cristianos en el hogar
Enseñando los valores cristianos en el hogar
 
Los Valores De Jesus
Los Valores De JesusLos Valores De Jesus
Los Valores De Jesus
 
Valores Cristianos
Valores CristianosValores Cristianos
Valores Cristianos
 

Similaire à Introduccion web tecnologia

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
 
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 introduccionbcrra_lms
 
Desarollo web nivel de introduccion
Desarollo  web nivel de introduccionDesarollo  web nivel de introduccion
Desarollo web nivel de introduccionCamilo cuitiva
 
Lección 1 Introducción a los Lenguajes de Programación
Lección 1   Introducción a los Lenguajes de ProgramaciónLección 1   Introducción a los Lenguajes de Programación
Lección 1 Introducción a los Lenguajes de Programaciónocasas
 
Practica 09 (6)
Practica 09 (6)Practica 09 (6)
Practica 09 (6)Danny_MC
 
Introduccion a la prgrmacion.
Introduccion a la prgrmacion.Introduccion a la prgrmacion.
Introduccion a la prgrmacion.Vladimir Pomares
 
Lenguaje de programacióndiapost1.
Lenguaje de programacióndiapost1.Lenguaje de programacióndiapost1.
Lenguaje de programacióndiapost1.Dominga Quispe Diaz
 
Nivel de programacion web_introduccion_11º3
Nivel  de programacion web_introduccion_11º3Nivel  de programacion web_introduccion_11º3
Nivel de programacion web_introduccion_11º3SebastianFrancoSotelo
 
Programación web introducción
Programación web introducciónProgramación web introducción
Programación web introduccióntrinch_1
 
Programacion web - introduccion
Programacion web - introduccionProgramacion web - introduccion
Programacion web - introduccionandrea katherine
 
Programacion web introduccion
Programacion web  introduccionProgramacion web  introduccion
Programacion web introduccionandrea katherine
 
Nivel de programacion web_introduccion_11º3
Nivel  de programacion web_introduccion_11º3Nivel  de programacion web_introduccion_11º3
Nivel de programacion web_introduccion_11º3SebastianFrancoSotelo
 
Programación web introducción
Programación web introducciónProgramación web introducción
Programación web introducciónJuanisRramos
 
Programación Web Introducción
Programación Web IntroducciónProgramación Web Introducción
Programación Web IntroducciónLizanirara
 
Unidad 1-continacion
Unidad 1-continacionUnidad 1-continacion
Unidad 1-continacionCecilia Díaz
 

Similaire à Introduccion web tecnologia (20)

Informatica lupita
Informatica lupitaInformatica lupita
Informatica lupita
 
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
 
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
Programacion web introduccionProgramacion web introduccion
Programacion web introduccion
 
Desarollo web nivel de introduccion
Desarollo  web nivel de introduccionDesarollo  web nivel de introduccion
Desarollo web nivel de introduccion
 
Lección 1 Introducción a los Lenguajes de Programación
Lección 1   Introducción a los Lenguajes de ProgramaciónLección 1   Introducción a los Lenguajes de Programación
Lección 1 Introducción a los Lenguajes de Programación
 
Practica 09 (6)
Practica 09 (6)Practica 09 (6)
Practica 09 (6)
 
Introduccion a la prgrmacion.
Introduccion a la prgrmacion.Introduccion a la prgrmacion.
Introduccion a la prgrmacion.
 
Lenguaje de programacióndiapost1.
Lenguaje de programacióndiapost1.Lenguaje de programacióndiapost1.
Lenguaje de programacióndiapost1.
 
Nivel de programacion web_introduccion_11º3
Nivel  de programacion web_introduccion_11º3Nivel  de programacion web_introduccion_11º3
Nivel de programacion web_introduccion_11º3
 
ananossa
ananossaananossa
ananossa
 
Programación web introducción
Programación web introducciónProgramación web introducción
Programación web introducción
 
Programacion web - introduccion
Programacion web - introduccionProgramacion web - introduccion
Programacion web - introduccion
 
Programacion web introduccion
Programacion web  introduccionProgramacion web  introduccion
Programacion web introduccion
 
Nivel de programacion web_introduccion_11º3
Nivel  de programacion web_introduccion_11º3Nivel  de programacion web_introduccion_11º3
Nivel de programacion web_introduccion_11º3
 
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
 
Lenguajes de programacion
Lenguajes de programacionLenguajes de programacion
Lenguajes de programacion
 
Unidad 1-continacion
Unidad 1-continacionUnidad 1-continacion
Unidad 1-continacion
 

Introduccion web tecnologia

  • 1. 2012: hacia una calidad de la educación, humana y cristiana WEB NIVEL INTRODUCCION TECNOLOGIA
  • 2. 2012: hacia una calidad de la educación, humana y cristiana ¿QUE SIGNIFICA EL TERMINO PROGRAMACIÓN? RESPUESTA EJEMPLO Es un idioma artificial diseñado para expresar PSEINT computaciones que pueden ser llevadas a ACCES cabo por máquinas como las computadoras. AUTORA: SAMANTA ELIZABETH LEON GOMEZ
  • 3. 2012: hacia una calidad de la educación, humana y cristiana ¿Qué es el lenguaje de cada nivel? RESPUESTA EJEMPLO Un Lenguaje de programación de alto En los primeros lenguajes de nivel de abstracción se alto nivel, la limitación era caracteriza por expresar que se orientaban a un área específica y sus instrucciones los algoritmos de una requerían de una sintaxis manera más cercana a la predefinida. Se clasifican capacidad cognitiva como lenguajes humana, en lugar de a la procedimentales. capacidad ejecutora de las máquinas. AUTORA: SAMANTA ELIZABETH LEON GOMEZ AUTORAS
  • 4. 2012: hacia una calidad de la educación, humana y cristiana ¿A que se denomina lenguaje de maquina? RESPUESTA EJEMPLO es el único que entiende directamente la computadora, 01 utiliza el alfabeto binario que 0000 0001 1010 0001 A1 consta de los dos únicos símbolos 0 y 1, denominados 89 bits (abreviatura inglesa de 1000 1001 1001 1010 9A dígitos binarios). El lenguaje máquina es el único que 3A entiende directamente la 0011 1010 1001 1100 9C computadora, utiliza el alfabeto binario que consta de 74 los dos únicos símbolos 0 y 1, 0111 0100 0111 0000 70 denominados bits (abreviatura inglesa de dígitos E9 binarios). 1110 1001 0010 0000 20 AUTORA: SAMANTA ELIZABETH LEON GOMEZ
  • 5. 2012: hacia una calidad de la educación, humana y cristiana ¿Cómo se clasifican los lenguajes de alto nivel? RESPUESTA EJEMPLO En BASIC, el lenguaje Manera más de alto nivel más cercana a la conocido, los capacidad comandos como "IF cognitiva humana, CONTADOR = 10 THEN en lugar de a la STOP" pueden capacidad utilizarse para pedir a ejecutora de las la computadora que máquinas. pare si CONTADOR es igual a 10. AUTORA: SAMANTA ELIZABETH LEON GOMEZ
  • 6. 2012: hacia una calidad de la educación, humana y cristiana ¿Qué significa el lenguaje assembler? RESPUESTA EJEMPLO También llamado lenguaje ensamblador , es un Lenguaje de •MOV AL, 061h programación de bajo nivel para Asigna el los computadores, microprocesadores, valor hexadecimal 61 (97 decimal) al micro controladores, y otros circuitos registro "AL". integrados programables. Implementa 10110 000 01100001 | | | | | +---- una representación simbólica de Número 61h en binario | | | +--- Registro AL +-------- Instrucción MOV los códigos de maquina binarios y En el segundo byte se especifica el otras constantes necesarias para número 61h, escrito en binario programar una arquitectura dada como 01100001, que se asignará al de CPU y constituye la representación registro AL, quedando la sentencia más directa del código maquina ejecutable como: específico para cada arquitectura •10110000 01100001 legible por un programador. La cual puede ser entendida y ejecutada directamente por el procesador. AUTORA: SAMANTA ELIZABETH LEON GOMEZ
  • 7. 2012: hacia una calidad de la educación, humana y cristiana ¿Qué significa programación orientada a objetos? RESPUESTA EJEMPLO En el paradigma de programación orientada a objetos (POO, o bien OOP en ingles), un objeto se define como la unidad que en tiempo de ejecución realiza las 'int' es un tipo de dato y 'a' tareas de un programa. También a y 'b' son variables de tipo un nivel más básico se define como la instancia de una clase. entero con las que Estos objetos interactúan unos con podemos operar otros, en contraposición a la visión tradicional en la cual un programa es una colección de subrutinas (funciones o procedim ientos), o simplemente una lista de instrucciones para el computador. AUTORA: SAMANTA ELIZABETH LEON GOMEZ
  • 8. 2012: hacia una calidad de la educación, humana y cristiana ¿Qué son los eventos? RESPUESTA EJEMPLO eventos es un paradigma de programación Léxico programación en el que y Visual BASIC, en los que tanto la estructura a cada elemento del como la ejecución de programa (objetos, los programas van controles, etcétera) se le determinados por los asignan una serie de sucesos que ocurran en eventos que generará el sistema, definidos dicho elemento, como la por el usuario o que pulsación de un botón del ellos mismos ratón sobre él o el provoquen. redibujado del control. AUTORA: SAMANTA ELIZABETH LEON GOMEZ
  • 9. 2012: hacia una calidad de la educación, humana y cristiana ¿Cuáles son los controles de un ambiente grafico y que función cumple cada uno? 2. ESCRITORIO RESPUESTA EJEMPLO R= es la pantalla principal donde empezamos a trabajar 3.-BARRA DE TAREAS R=es la barra horizontal que muestra las aplicaciones en ejecución es todo el 4.-BARRA DE CONTROL O PANEL R=es la barra localizada en la parte superior del ambiente grafico y nos conjunto facilita la navegación 5.-BANDEJA DE RESICLAJE: R=es la carpeta a donde van todos los elementos borrados de imágenes e 6.-SISTEMA DE FICHEROS (ADMINISTRADOR DE ARCHIVOS): R=nos ayuda administrar los archivos de la computadora 7.-ICONO: iconos que R=son los elementos en el escritorio 8.-VENTANA: aparece al iniciar R=aparece en la barra de tareas y son las aplicaciones en ejecución 9.-MENÙ CONTEXTUAL: R= es la ventana que se abre cuando hacemos clic con el botón secundario sesión del ratón. Este menú es un elemento vivo del sistema operativo 10.-CUADRO DE DIALOGO: R=son las ventas que se abren cuando ejecutamos algo 11.-APPLET: R=son las aplicaciones que se muestran alado del reloj 12.-BOTON INICIO: R=ahí se localizan todos los programas de la computadora ELEMENTOS DEL ESCRITORIO DE LINUX XUBUNTU AUTORA: SAMANTA ELIZABETH LEON GOMEZ
  • 10. 2012: hacia una calidad de la educación, humana y cristiana ¿A que se denomina aerobismo? RESPUESTA EJEMPLO AUTORA: SAMANTA ELIZABETH LEON GOMEZ
  • 11. 2012: hacia una calidad de la educación, humana y cristiana ¿Cuáles son las etapas de un algoritmo? RESPUESTA EJEMPLO 1. ANLISIS DEL Inicio PROGRAMA 2. DISEÑO DEL leer a,b,c ALGORITMO 3. COIFICAION calcular 4. COMPILACION 5. VERIFICACION escribir perímetro 6. DEPURACION 7. DOCUMENTACION fin AUTORA: SAMANTA ELIZABETH LEON GOMEZ
  • 12. 2012: hacia una calidad de la educación, humana y cristiana ¿Cuáles son los diagramas de flujo. Que símbolos y que significados los componen? RESPUESTA EJEMPLO Representación grafica del algorit mo o proceso. Se utiliza en disciplinas como la programación la economía los procesos industriales y la psicología cognitiva. AUTORA: SAMANTA ELIZABETH LEON GOMEZ
  • 13. 2012: hacia una calidad de la educación, humana y cristiana ¿Cuáles son las variables y como se declaran en la memoria RAM? RESPUESTA EJEMPLO si en un script para mIRC hemos nuestra memoria RAM que queda creado una variable reservado en el momento en que llamada %num, a la que hemos se crea la variable, e identificado asignado el número 3,14159, temporalmente con el nombre de podemos tener una instrucción esta. Cada vez que asignamos un como la siguiente: valor a la variable el programa lo único que hace es depositar ese echo -a El valor asignado es: valor en la dirección reservada. %num Más adelante, cuando ejecutemos una instrucción que contenga esa variable, Esta orden presentará en la el programa irá a ese espacio de ventana activa un mensaje que memoria y extraerá el valor que diga: contenga, poniéndolo en el lugar del nombre de la variable, dentro de la "El valor asignado es: instrucción en cuestión. 3,14159" AUTORA: SAMANTA ELIZABETH LEON GOMEZ
  • 14. 2012: hacia una calidad de la educación, humana y cristiana ¿A diferencia de una variable que es una constante y que función cumple dentro de un algoritmo? RESPUESTA EJEMPLO Variable para un algoritmo es como un recipiente en el que podemos depositar un valor cualquiera, para Cuando se dice después hacer uso de él en el algoritmo: dentro de una instrucción, leer a,b,c de esta forma no será necesario tocar la Ab y c instrucción cada vez que funcionan como queramos alterar el valor a variables de manejar, sino tan solo asignar antes un nuevo números etc valor a la variable. AUTORA: SAMANTA ELIZABETH LEON GOMEZ
  • 15. 2012: hacia una calidad de la educación, humana y cristiana ¿Cómo se clasifican los operadores aritméticos en cuanto a un nivel jerárquico? RESPUESTA EJEMPLO Son elementos que relacionan de forma diferente, los [+] Suma. valores de una o mas variables o o una constantes. Es [-] Resta. decir, los operadores nos permiten [*] Multiplicación. manipular valores. [/] División con Operadores aritméticos: Los decimales. operadores aritméticos permiten la realización de [] División entera. operaciones matemáticas con los [Mod o Modulo] variables y las constantes. División modular o Los operadores aritméticos pueden ser utilizados con tipos Residuo de la división. de datos enteros o reales. Si ambos [** o ^] son enteros, el Exponenciación. resultado es entero; si alguno de ellos es real, el resultado es real. AUTORA: SAMANTA ELIZABETH LEON GOMEZ
  • 16. 2012: hacia una calidad de la educación, humana y cristiana ¿Cuáles son los operadores de relación o de comparación? RESPUESTA EJEMPLO Operador Condición que prueba = (Igualdad) ¿Es igual el valor de la primera expresión que el 23 = 33 ' False de la segunda? 23 = 23 ' True 23 = 12 ' False <> (Desigualdad) ¿Es distinto el valor de la primera expresión del 23 <> 33 ' True valor de la segunda? 23 <> 23 ' False 23 <> 12 ' True < (Menor que) ¿Es el valor de la primera expresión menor que el 23 < 33 ' True valor de la segunda? 23 < 23 ' False > (Mayor que) ¿Es el valor de la primera 23 < 12 ' False expresión mayor que el 23 > 33 ' False valor de la segunda? 23 > 23 ' False <= (Menor o igual que) ¿Es el valor de la primera 23 > 12 ' True expresión menor o igual que el valor de la 23 <= 33 ' True segunda? 23 <= 23 ' True 23 <= 12 ' False >= (Mayor o igual que) ¿Es el valor de la primera expresión mayor o igual 23 >= 33 ' False que el valor de la 23 >= 23 ' True segunda? 23 >= 12 ' True AUTORA: SAMANTA ELIZABETH LEON GOMEZ
  • 17. 2012: hacia una calidad de la educación, humana y cristiana ¿Los operadores lógicos o compuertas lógicas, se clasifican en: AND, OR, XOR cual es la tabla lógica de cada uno de ellos? AUTORA: SAMANTA ELIZABETH LEON GOMEZ
  • 18. 2012: hacia una calidad de la educación, humana y cristiana AND AUTORA: SAMANTA ELIZABETH LEON GOMEZ
  • 19. 2012: hacia una calidad de la educación, humana y cristiana OR AUTORA: SAMANTA ELIZABETH LEON GOMEZ
  • 20. 2012: hacia una calidad de la educación, humana y cristiana XOR AUTORA: SAMANTA ELIZABETH LEON GOMEZ
  • 21. 2012: hacia una calidad de la educación, humana y cristiana ¿Que significa programación HTML? RESPUESTA EJEMPLO El HTML no es más que una aplicación del SGML (Standard procesador de texto, como Generalized Markup Language), el que ofrecen un sistema para definir tipos los sistemas operativos Wind de documentos estructurados y ows (Bloc de notas), UNIX (el lenguajes de marcas para editor vi o ed) o el que representar esos mismos ofrece MS Office (Word). documentos. El término HTML se suele referir a ambas cosas, tanto al tipo de documento como al lenguaje de marcas. AUTORA: SAMANTA ELIZABETH LEON GOMEZ
  • 22. 2012: hacia una calidad de la educación, humana y cristiana ¿Cómo se clasifican las etiquetas dentro de la programación HTML y su significado? RESPUESTA EJEMPLO •<B> y </B> Sirve para colocar un texto en <FONT COLOR="WHITE">Blanco</FONT> Blanco #FFFFF Negrita. F •<U> y < /U> Sirve para subrayar un texto <FONT COLOR="BLACK">Negro</FONT> Negro #00000 <STRIKE> y </STRIKE> Sirve para tachar un 0 texto. <FONT COLOR="RED">Rojo</FONT> Rojo #FF000 •<STRONG> y </STRONG> Cumple la 0 misma función que <B> <FONT COLOR="GREEN">Verde</FONT> Verde #00FF0 •<I> y <I> Para colocar un texto en cursiva. 0 •<EM>texto con énfasis</EM> texto con <FONT COLOR="BLUE">Azul</FONT> Azul #0000F énfasis F •<CITE>citación</CITE> citación <FONT Amarill #FFFF0 •<DFN>definición</DFN> definición COLOR="YELLOW">Amarillo</FONT> o 0 •<KBD>teclado </KBD> teclado <FONT COLOR="CYAN">Cyan</FONT> Cyan #00FFF F •<SAMP>ejemplo</SAMP> ejemplo <FONT Magen #FF00F SIZE: Regula el tamaño de los caracteres. COLOR="MAGENTA">Magenta</FONT> ta F Ejemplo:<font> texto... </FONT>. •FACE: Es la fuente que se quiere usar, Arial, Times new Roman, etc. AUTORA: SAMANTA ELIZABETH LEON GOMEZ
  • 23. 2012: hacia una calidad de la educación, humana y cristiana <HEAD> Clasificación Significado <head> La cabecera (también <title>Tutorial HTML</title> <meta name="Language" content="ES"> llamada HEAD) <meta name="Keywords" contiene todo el CONTENT="tutorial html, manual html"> <meta name="Description" código entre las CONTENT="Manual y codigo de html gratis para todos"> etiquetas <HEAD> y <meta name="Distribution" CONTENT="Global"> </HEAD>, solo el título <meta name="Robots" CONTENT="All"> es visible el resto de </head> código esta oculto al usuario. AUTORA: SAMANTA ELIZABETH LEON GOMEZ
  • 24. 2012: hacia una calidad de la educación, humana y cristiana <TITLE> Clasificación Significado Vamos a ponerle a la página un título y lo pondremos en la <html> <head> cabecera de la página; el título sirve entre otras cosas para <title>Aprendie 'ilustrar' al visitante, pero muchos motores de búsqueda, ndo robots, índices, etc. lo utilizan HTML</title> cuando almacenan nuestras páginas así que vamos a ponerle </head> un título que tenga relación con <body> el contenido, obviamente el título lo pondremos entre dos </body> etiquetas TITLE </html> AUTORA: SAMANTA ELIZABETH LEON GOMEZ
  • 25. 2012: hacia una calidad de la educación, humana y cristiana <BODY> Clasificación Significado el cuerpo en otras <head> que llamaremos </head> BODY; nuestro <body> esqueleto va a quedar así: </body> </html> AUTORA: SAMANTA ELIZABETH LEON GOMEZ
  • 26. 2012: hacia una calidad de la educación, humana y cristiana <H1… HB> Clasificación Significado Ahora vamos a poner un <html> <head> poco de contenido en el <title>Aprendiendo cuerpo de la página, un HTML</title> </head> título de nivel 1 (H1) y un <body> <h1>Aprendiendo párrafo (P), abrimos y HTML</h1> <p>Esta cerramos los plantilla servira como contenedores exactamente igual: referencia para mis paginas.</p> </body> </html> AUTORA: SAMANTA ELIZABETH LEON GOMEZ
  • 27. Centrado de texto Para centrar texto se utiliza el elemento CENTER: 2012: hacia una calidad de la educación, humana y cristiana <CENTER> Clasificación Significado <CENTE R>texto Para centrar Sintaxis centrad o</CEN texto se TER> texto utiliza el Resultado centrad o elemento CENTER AUTORA: SAMANTA ELIZABETH LEON GOMEZ
  • 28. 2012: hacia una calidad de la educación, humana y cristiana <P align= ‘’VALOR’’> Clasificación Significado <P>Texto del párrafo alineado a la La marca P izquierda</P> <P ALIGN=“VALOR">Te indica un xto del párrafo alineado a la comienzo derecha</P> de párrafo AUTORA: SAMANTA ELIZABETH LEON GOMEZ
  • 29. 2012: hacia una calidad de la educación, humana y cristiana INICIO