SlideShare uma empresa Scribd logo
1 de 26
Nombre:eduard Orlando león Benítez



             1101
Programación web
                      introducción

Que significa el termino
programación                           Ejemplo
                                        En La actualidad, los
   en informática, un método de          lenguajes de programación
     programación en el que un           orientada a objetos más
  programa se contempla como un
conjunto de objetos limitados que, a     utilizados son el lenguaje
       su vez, son colecciones           C++, JAVA, Smalltalk, Pascal
 independientes de estructuras de        orientado a objetos (Object
datos y rutinas que interactúan con      Pascal) y otros, bien
            otros objetos
                                         derivados, bien precursores
                                         de éstos.
Nombre :eduard Orlando león
hacía una calidad de la educación
                 humana y cristiana

   ¿Que es lenguaje de alto
                                             Ejemplo
   nivel ?
                                              Algunos ejemplos de lenguajes
       en informática, un lenguaje de          de alto nivel son
programación que consta de instrucciones       LISP, Pascal, BASIC, FORTRAN,
 independientes de la máquina; ha de ser       COBOL, JAVA, C y C++.
 compilado o interpretado para traducir su
 código en otro de bajo nivel, en lenguaje
  máquina. Hay grandes diferencias entre
   los diversos lenguajes de alto nivel y
   cuanto más se acerquen al lenguaje
natural del usuario se considerarán de más
                  alto nivel


   Nombre :eduard Orlando león
hacía una calidad de la educación
             humana y cristiana

¿a que se denomina
                                       Ejemplo
lenguaje de maquina ?
                                        los microprocesadores procesan
                                         exclusivamente señales electrónicas
los microprocesadores procesan           binarias. Dar una instrucción a un
exclusivamente señales electrónicas      microprocesador supone en realidad
binarias. Dar una instrucción a un       enviar series de unos y ceros
microprocesador supone en realidad       espaciadas en el tiempo de una
enviar series de unos y ceros            forma determinada.
espaciadas en el tiempo de una forma
determinada




Nombre :eduard Orlando león
hacía una calidad de la educación
                humana y cristiana

  ¿Cómo se clasifica las
                                               Ejemplo
  lenguajes de alto nivel ?
                                                  También se identifica con las
   El concepto clave en la programación
                                                   siglas POO y OOP (del inglés
orientada a objetos es la denominada clase
                                                  Object Oriented Programming).
     (de objetos). Una clase define las
estructuras de datos y rutinas de un objeto.     El lenguaje Simula (Simulation
A su vez, un objeto es una instancia de una      Language), desarrollado en 1964,
clase, que se puede usar como una variable       partiendo del lenguaje ALGOL 60
  en un programa; es decir, la creación de        (Algorithmic Language), fue el
 una instancia de una clase se corresponde          primero que se diseñó para
  con la declaración de una variable en la            facilitar la programación
      programación tradicional, pero                     orientada a objetos.
           refiriéndose a objetos.

 Nombre :eduard Orlando león
hacía una calidad de la educación
             humana y cristiana
   ¿Qué significa
   programación oriental a    Ejemplo
   objetos ?                   Para conseguir un ejemplo concreto
La programación Orientada a objetos (POO) es una         de lo que es la programación
 forma especial de programar, más cercana a como         orientada a objetos, podemos
  expresaríamos las cosas en la vida real que otros      entrar en el Manual de PHP .
  tipos de programación. Con la POO tenemos que
      aprender a pensar las cosas de una manera       Realmente este manual explica las
     distinta, para escribir nuestros programas en      características de orientación a
términos de objetos, propiedades, métodos y otras          objetos de PHP 5 y ofrece
    cosas que veremos rápidamente para aclarar        ejemplos concretos de creación de
   conceptos y dar una pequeña base que permita
 soltarnos un poco con este tipo de programación.       clases con características como
                                                            herencia, polimorfismo,

   Nombre :eduard Orlando león
hacía una calidad de la educación
               humana y cristiana
¿Qué son los eventos ?
Para entender la programación dirigida por Ejemplo
eventos, podemos oponerla a lo que no es:
mientras en la programación secuencial               While (true){ Switch (event){
(o estructurada) es el programador el que             case mousse_button_down:
define cuál va a ser el flujo del programa, en la     case mouse_click: case
programación dirigida por eventos será el             keypressed: case Else:
propio usuario —o lo que sea que esté                }
accionando el programa— el que dirija el flujo
del programa. Aunque en la programación
secuencial puede haber intervención de un
agente externo al programa, estas
intervenciones ocurrirán cuando el
programador lo haya determinado, y no en
cualquier momento como puede ser en el caso
de la programación dirigida por eventos.

 Nombre :eduard Orlando león
El lenguaje algorítmico es aquel por medio del cual se realiza un análisis previo del problema a resolver y encontrar un método que permita resolverlo. El conjunto




                                hacía una calidad de la educación
                                humana y cristiana

       ¿ha que se denomina
                                                                                  Ejemplo
       algoritmo ?
                                                                                          Esta propiedad justifica el
         en matemáticas, método de resolución de
                                                                                           siguiente razonamiento: para
      cálculos complicados mediante el uso repetido
                                                                                           hallar el M.C.D.(p, q) se divide p
          de otro método de cálculo más sencillo.
           Ejemplos básicos son los métodos para                                           entre q, obteniendo un cociente
              efectuar operaciones aritméticas                                             q1 y un resto r1. Entonces: D =
        (multiplicación, división, obtención de raíces                                     M.C.D.(p, q) = M.C.D.(q, r1)
      cuadradas…), la obtención del máximo común                                          Ahora se procede de forma
         divisor y del mínimo común múltiplo de un                                         análoga con q y r1: se hace la
          número mediante su descomposición en                                             división entera entre q y
       factores primos, y la división de un polinomio                                      r1, obteniendo un cociente q2 y
            por x – a mediante la regla de Ruffini.                                        un resto r2. Entonces

      Nombre :eduard Orlando león
hacía una calidad de la educación
          humana y cristiana
¿Cuáles son las etapas de
un algoritmo ?             Ejemplo
Issue (Emisión): El sistema verifica
aquellos registros que van a ser leídos o     Algoritmo LargestNumber Input: A
modificados por la instrucción. El             non-empty list of numbers L .
procesador podrá acceder a esta                Entrada: Una lista no vacía de L
información cuando sea necesario en            números. Output: The largest
alguna de las siguientes etapas.               number in the list L . Salida: El
Read operands (Lectura de operandos):          mayor número en la lista L.
Una vez que se ha emitido la instrucción y
se ha comprobado que todas las unidades
funcionales necesarias están libres, la
instrucción espera a que los operandos
estén disponibles.


Nombre :eduard Orlando león
hacía una calidad de la educación
                 humana y cristiana

  ¿Cuáles son los diagramas
                                                Ejemplo
  de flujo ?                                     Formato vertical: En él, el flujo o la
                                                 secuencia de las operaciones, va de
El diagrama de flujo es la representación        arriba hacia abajo. Es una lista ordenada
gráfica del algoritmo o proceso. Se utiliza en   de las operaciones de un proceso con
disciplinas como                                 toda la información que se considere
la programación, la economía, los procesos       necesaria, según su propósito.
                                                Formato horizontal: En él, el flujo o la
industriales y la psicología cognitiva. Estos    secuencia de las operaciones, va de
diagramas utilizan símbolos con significados     izquierda a derecha.
bien definidos que representan los pasos del  Formato panorámico: El proceso entero
algoritmo, y representan el flujo de             está representado en una sola carta y
                                                 puede apreciarse de una sola mirada
ejecución mediante flechas que conectan los      mucho más rápido que leyendo el texto,
puntos de inicio y de fin de proceso             lo que facilita su comprensión, aún para
                                                   personas no familiarizadas.


 Nombre :eduard Orlando león
hacía una calidad de la educación
         humana y cristiana
¿Qué son los variables y
como de declara en la      Ejemplo
memoria RAM ?               size(150,150); //define el tamaño de
                                                 ventana
La programación trata acerca de la               background(0); //pinta la ventana de
cosbtrucción de algoritmos (conjunto de          negro
instrucciones que la computadora deberá          set(75,75,255); //dibuja un pixel
seguir), durante el desarrollo de dichos         blanco
algoritmos es necesario establecer algunos
datos. Los datos sirven generalmente como
parámetros que establecen el grado y forma
con el que se ejecutan ciertas instrucciones.
Para dar un ejemplo, en el siguiente algoritmo


Nombre :eduard Orlando león
hacía una calidad de la educación
   ¿a diferencia de unay cristiana
              humana
   variable que es una
   constante y que función       Ejemplo
   cumple dentro de una
                                     ejemplo hemos utilizado dos
   algoritmo?                         estructuras que son muy usadas
                                                        en programación: mientras-hacer
Aunque el pseudocódigo es independiente del
                                                        y si-entonces- si_no; y que la
lenguaje de alto nivel que vaya a utilizarse, un
                                                        escritura del pseudocódigo usa
algoritmo expresado en pseudocódigo puede ser
                                                        normalmente la indentación
traducido más fácilmente a muchos de ellos.
                                                        (sangría en el margen izquierdo)
Supongamos que tenemos un algoritmo para
                                                        de diferentes líneas para ayudar a
averiguar si un número es par, que puede ser
                                                        delimitar visualmente cada una
descrito narrativamente de la siguiente forma: “Si
                                                        de las estructuras utilizadas
restando consecutivamente dos del número se
obtiene el numero 2, es par, si se obtiene otro valor
(el 1), entonces es impar”.
   Nombre :eduard Orlando león
hacía una calidad de la educación
              humana y cristiana
  ¿Cómo se clasifica los
  operadores aritméticos en
  cuanto a su nivel de         Ejemplo
  jerarquía ?                   Nivel 0: Paréntesis ()
La potenciación (^) puede ser tanto binario        Nivel 1: Porcentaje %
como unario ya que esta operación eleva la         Nivel 2: Potencia ^
cantidad, por ejemplo:                             Nivel 3: Multiplicación *
=(B4+B5)^2                                         Nivel 3 División
Suponiendo que las celdas B4 y B5 contienen
                                                   Nivel 4: Suma +
los valores 25 y 40 respectivamente la
operación queda así:                               Nivel 4: Resta
 =(25+40)^2
El resultado de esta operación es 4225 pero si
a esta no se ponen los paréntesis queda así:
=25+40^2
   Nombre :eduard Orlando león
hacía una calidad de la educación
              humana y cristiana
    ¿Cuáles son los operadores
    de comparación ?           Ejemplo
Un operador de comparación compara sus
operandos y devuelve un valor lógico en           3 == var1
función de si la comparación es verdadera. Los     "3" == var1
operandos pueden ser valores numéricos, de        3 == '3'
cadena de caracteres, lógicos u objetos. Las
cadenas se comparan basándose en el orden
lexicográfico estándar, usando los valores
Unicode. Si dos operandos no son del mismo
tipo, JavaScript intentará convertir los
operandos a un tipo apropiado para la
comparación, excepto para los operandos ===
y !==. Esto acostumbra a resultar en una
comparación numérica.
   Nombre :eduard Orlando león
hacía una calidad de la educación
            humana y cristiana
  ¿las compuertas lógicas se
  clasifica en AND OR XOR
                              Ejemplo
  cual es la tabla lógica de
  ellos ?                      Tabla de verdad
Una compuerta logica es un dispositivo que       A x
nos permite obtener resultados, dependiendo       oo
de los valores de las señales que le
ingresemos. Es necesario aclarar entonces que     1 1
las compuertas lógicas se comunican entre sí
(incluidos los microprocesadores), usando el
sistema BINARIO. Este consta de solo 2
indicadores 0 y 1 llamados BIT dado que en
electrónica solo hay 2 valores equivalentes
0=0volt 1=5volt (conectado-desconectado).

 Nombre :eduard Orlando león
hacía una calidad de la educación
                 humana y cristiana

  ¿tabla lógica xor ?                          Ejemplo
El XOR (OR exclusivo) compuerta actúa en
la misma forma que la lógica ", ya sea / o".    XOR gate La puerta XOR
The output is "true" if either, but not
                                                Input 1 Entrada 1 Input 2 Entrada 2
both, of the inputs are "true." El resultado
                                                 Output Salida 0 0 0 0 0 0 0 0 1 1 1 1 1
es "true" si cualquiera, pero no ambas, de
                                                  10011111100
las entradas son "verdaderas". The output
is "false" if both inputs are "false" or if
both inputs are "true." La salida es "falso"
si ambas entradas son "falsas" o si ambas
entradas son "verdaderas".



 Nombre :eduard Orlando león
hacía una calidad de la educación
                   humana y cristiana

    ¿tabla lógica OR ?                            Ejemplo
                                                   Tabla de verdad OR
La compuerta OR realiza la función de suma
lógica. Cuando se le aplica un uno a cualquiera
de sus entradas el resultado de salida será
uno, independiente del valor de la otra
entrada. Excepto cuando las dos entradas
estén en 0 la salida será 0.




   Nombre :eduard Orlando león
hacía una calidad de la educación
               humana y cristiana

¿tabla lógica and ?                        Ejemplo
La compuerta NAND opera como una
puerta Y seguido por una puerta NOT. It
acts in the manner of the logical
                                            AND gate Compuerta AND
operation "and" followed by negation.       Input 1 Entrada 1 Input 2
Actúa en la forma de la operación lógica     Entrada 2 Output Salida 0 0 0 0
"y" seguido por la negación. The output
                                             11001111110011111
is "false" if both inputs are "true." La
salida es "falso" si ambas entradas son      100
"verdaderas". Otherwise, the output is
"true." De lo contrario, el resultado es
"verdad".


Nombre :eduard Orlando león
hacía una calidad de la educación
               humana y cristiana

¿Qué significa
                                               Ejemplo
programación HTML?
                                                Para crear una página web se pueden
En realidad HTML no es un lenguaje de            utilizar varios programas especializados en
programacion si no que son sentencias -          esto, como por ejemplo, el Microsoft Front
etiquetas-de las cuales me indican que           Page o el MacromediaDreamweaver. Otra
operaciones se van a realizar con el texto o con forma de diseñar un archivo.html, es copiar
                                                 todo en el Bloc de Notas del Windows, ya
los atributos que se esten manejando con ese que este sencillo programa cumple con un
sentencia-etiqueta-, la verdad estas secuencias requisito mínimo que es la posibilidad de
son muy necesarias para el diseño de un          trabajar con las etiquetas con las que
apagina web ya que cada una de esas              trabaja este lenguaje.
sentencias le indican a internet como esta       A continuación les mostraremos las
compuesta la estructura de cualquier Web.        etiquetas mas comunes que deben
                                                 aprenderse para hacer una pagina Web.


Nombre :eduard Orlando león
hacía una calidad de la educación
                      humana y cristiana
     ¿Qué son los variables y
     como de declara en la                                Ejemplo
     memoria ram ?                                         int a,b,e;
                                                            float c,d,f;
Cada tipo de dato define las operaciones que se pueden      a = 10;
realizar con dichas variables. Por ejemplo, las             b = 3;
variables enteras permiten las 4 operaciones aritméticas    c = 40.0;
básicas: +,-,*,/ (es decir: suma, resta, multiplicación y
                                                            d = 6.0;
división, respectivamente). Si bien la variables de
tiporeal tambien permite las cuatros operaciones básicas,   println( a / b ); //imprime 3
una de la diferencias principales es que la división es     println( c / d ); //imprime
diferente. Por ejemplo, la división con datos enteros       6.66666666...
devuelve valores enteros, mientras que la división real     e = a + b * 8;
devuelve un resultado con decimales.                        f = c - d * 2.0;


    Nombre :eduard Orlando león
hacía una calidad de la educación
              humana y cristiana
    ¿Cómo se clasifica las
    etiquetas dentro de la      Ejemplo
    programación HTML y su
                                 El lenguaje HTML es un subconjunto
    significado ?                   de SGML (acrónimo de Standard
 acrónimo de HyperText Markup Language, lenguaje
  de marcas de hipertexto. En informática, formato
                                                                Generalized Markup
estándar de los documentos que circulan en la World        Language, lenguaje estándar de
    Wide Web (WWW); se utiliza desde 1989. Los          marcado de documentos), que es un
      documentos HTML contienen dos tipos de             estándar de descripción de página
información: la que se muestra en la pantalla (texto,     independiente del dispositivo, lo
     imágenes...) y los códigos (tags o etiquetas),
                                                         que permite adaptar la visión del
 transparentes al usuario, que indican cómo se debe
              mostrar esa información                   documento al tamaño de la pantalla
                                                                en la que se muestra


    Nombre :eduard Orlando león
hacía una calidad de la educación
                humana y cristiana

  ¿etiqueta <html>?                            Ejemplo
El lenguaje HTML es un lenguaje de               Las etiquetas están encerradas
marcas, estas marcas serán fragmentos de          entre los signos "<" y ">".
texto destacado de una forma especial que        Generalmente vienen en
permiten la definición de las distintas           pares <p> y<⁄p>
instrucciones de HTML, tanto los efectos a
aplicar sobre el texto como las distintas
estructuras del lenguaje. A estas marcas las
denominaremos etiquetas y serán la base
principal del lenguaje HTML. En documento
HTML será un fichero texto con etiquetas que
variarán la forma de su presentación.


 Nombre :eduard Orlando león
hacía una calidad de la educación
               humana y cristiana

¿etiqueta <head>?                       Ejemplo
                                         <head> //Cabecera: agrupa enlaces
La etiqueta <HEAD> con su etiqueta de     externos y metas identificativos
cierre </HEAD>, es una sección del
documento HTMl, donde pueden ir
incluidos elementos como scripts, que
indican al navegador donde encuentra
las hojas de estilo del documento.




Nombre :eduard Orlando león
hacía una calidad de la educación
                humana y cristiana
 ¿etiqueta <title>?
                                                 Ejemplo
Aún si cabe más importante que la elección del
  nombre del dominio es optimizar un buen         elemento TITLE. The title of a
    título, a esta etiqueta los buscadores le      webpage appears in your
 asignan mucho valor desde el punto de vista       browser´s title bar when you view
del posicionamiento, posiblemente sea la más       the page. El título de una página
    relevante de la página web a la hora de        web aparece en la barra de título
  posicionarse. Esta etiqueta es mostrada en       del navegador cuando se ve la
      primer lugar en la parte superior del        página. The screenshot below
      navegador y en segundo lugar en los          shows you the title of this
resultados de búsqueda de un buscador. Por lo      webpage: La pantalla de abajo se
 tanto debemos esmerarnos en redactarla de         muestra el título de esta página
    forma clara y que además contenga las          web:
   palabras clave de esa página en cuestión.

 Nombre :eduard Orlando león
hacía una calidad de la educación
                humana y cristiana

 ¿etiqueta <boydy>?
                                             Ejemplo
Anteriormente os hemos explicado que todo lo
que queramos que se vea en nuestra página         ejemplo a la etiqueta de body
web deberemos escribirlo dentro de la              podemos definir un color de fondo
etiqueta body. Eso es lo que llamamos el           o una imagen de fondo y los
"cuerpo" del documento. Es la parte visible.       diferentes colores para los
Pero debes saber que ese cuerpo, o sea, que la     diferentes tipos de enlaces que
etiqueta body también podemos                      pueda contener el documento, asi
personalizarla para darle el aspecto que           que empezamos por las más básicas
nosotros deseemos.
Esta personalización la conseguiremos a través
de una serie de parámetros que a continuación
te presentaremos. Bien, pues vamos a
empezar.
 Nombre :eduard Orlando león
hacía una calidad de la educación
                 humana y cristiana

 ¿etiquetas <center>?                        Ejemplo
                                              <center> Este texto está centrado en
La etiqueta <center> nos permite               la página. </center>
centrar párrafos, imágenes o tablas           Como podemos observar,el parrafo
dentro de nuestra Web. Para centrar un         "Esto es un ejemplo" se encuentra en
elemento, éste debe estar entre las            el margen izquierdo de la pagina, pues
etiquetas de apertura y cierre. Este sería     es la ubicacion por default. Ahora
el código de un texto centrado:                vamos a centrarlo usando la etiqueta
                                               <center>




 Nombre :eduard Orlando león

Mais conteúdo relacionado

Mais procurados

Practica 09 (6)
Practica 09 (6)Practica 09 (6)
Practica 09 (6)Danny_MC
 
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ónLauraAlejandrra
 
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
 
Programacion web introduccion
Programacion web introduccionProgramacion web introduccion
Programacion web introduccionJenaleCh
 
Programación Web Introducción
Programación Web IntroducciónProgramación Web Introducción
Programación Web IntroducciónHarry Salgado
 
Programacion web introduccion
Programacion web introduccionProgramacion web introduccion
Programacion web introduccionDeisy F
 
Programacion web introduccion
Programacion web introduccionProgramacion web introduccion
Programacion web introduccioncarlos_leon
 
Java Ago Dic07
Java Ago Dic07Java Ago Dic07
Java Ago Dic07adrianpro
 
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
 
Orientacion a objetos cristina cachero
Orientacion a objetos   cristina cacheroOrientacion a objetos   cristina cachero
Orientacion a objetos cristina cacheroLuis R Castellanos
 

Mais procurados (19)

Practica 09 (6)
Practica 09 (6)Practica 09 (6)
Practica 09 (6)
 
Programacion web introduccion
Programacion web introduccionProgramacion web introduccion
Programacion web introduccion
 
Presentación1 (3)
Presentación1 (3)Presentación1 (3)
Presentación1 (3)
 
Desarollo web nivel de introduccion
Desarollo  web nivel de introduccionDesarollo  web nivel de introduccion
Desarollo web nivel de introduccion
 
Programación web introducción
Programación web introducciónProgramación web introducción
Programación web introducción
 
Presentación1
Presentación1Presentación1
Presentación1
 
Programacvion
ProgramacvionProgramacvion
Programacvion
 
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 introduccion
Programacion web introduccionProgramacion web introduccion
Programacion web introduccion
 
PRESENTACIÓN WEB 2.0
PRESENTACIÓN WEB 2.0PRESENTACIÓN WEB 2.0
PRESENTACIÓN WEB 2.0
 
Programación Web Introducción
Programación Web IntroducciónProgramación Web Introducción
Programación Web Introducción
 
Practica 09
Practica 09Practica 09
Practica 09
 
Mauricio
MauricioMauricio
Mauricio
 
Camilo
CamiloCamilo
Camilo
 
Programacion web introduccion
Programacion web introduccionProgramacion web introduccion
Programacion web introduccion
 
Programacion web introduccion
Programacion web introduccionProgramacion web introduccion
Programacion web introduccion
 
Java Ago Dic07
Java Ago Dic07Java Ago Dic07
Java Ago Dic07
 
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
 
Orientacion a objetos cristina cachero
Orientacion a objetos   cristina cacheroOrientacion a objetos   cristina cachero
Orientacion a objetos cristina cachero
 

Destaque

Prova dissertativa CESPE 2013 concurso delegado de polícia federal.PDF
Prova dissertativa CESPE 2013   concurso delegado de polícia federal.PDFProva dissertativa CESPE 2013   concurso delegado de polícia federal.PDF
Prova dissertativa CESPE 2013 concurso delegado de polícia federal.PDFJeferson S. J.
 
Psicologia pedagógica prólogo
Psicologia pedagógica prólogoPsicologia pedagógica prólogo
Psicologia pedagógica prólogocoelho2014
 
Algunas definiciones y conceptos en telecomunicaciones
Algunas definiciones y conceptos en telecomunicacionesAlgunas definiciones y conceptos en telecomunicaciones
Algunas definiciones y conceptos en telecomunicacionesLuis Yallerco
 
LISTAS DE CHEQUEO
LISTAS DE CHEQUEOLISTAS DE CHEQUEO
LISTAS DE CHEQUEOsena
 
Apresentação Prop 03_Multimédia
Apresentação Prop 03_MultimédiaApresentação Prop 03_Multimédia
Apresentação Prop 03_MultimédiaLeonardo Pereira
 
H1 N1-trabalho para os alunos estudarem
H1 N1-trabalho para os alunos estudaremH1 N1-trabalho para os alunos estudarem
H1 N1-trabalho para os alunos estudaremMaria Lima
 
Mi historia
Mi historiaMi historia
Mi historiarocker0o
 
Conferència peixos genís
Conferència peixos genísConferència peixos genís
Conferència peixos geníscisantjoan
 
Relacion informatica derecho
Relacion informatica  derechoRelacion informatica  derecho
Relacion informatica derechoEdsonQHerbert
 
Digital Publishing Suite e Real State Marketing
Digital Publishing Suite e Real State MarketingDigital Publishing Suite e Real State Marketing
Digital Publishing Suite e Real State Marketingeducamosonline
 
Ddddddddddddddddddddddd
DddddddddddddddddddddddDdddddddddddddddddddddd
DddddddddddddddddddddddRafaCalero
 

Destaque (20)

Prova dissertativa CESPE 2013 concurso delegado de polícia federal.PDF
Prova dissertativa CESPE 2013   concurso delegado de polícia federal.PDFProva dissertativa CESPE 2013   concurso delegado de polícia federal.PDF
Prova dissertativa CESPE 2013 concurso delegado de polícia federal.PDF
 
Psicologia pedagógica prólogo
Psicologia pedagógica prólogoPsicologia pedagógica prólogo
Psicologia pedagógica prólogo
 
Algunas definiciones y conceptos en telecomunicaciones
Algunas definiciones y conceptos en telecomunicacionesAlgunas definiciones y conceptos en telecomunicaciones
Algunas definiciones y conceptos en telecomunicaciones
 
LISTAS DE CHEQUEO
LISTAS DE CHEQUEOLISTAS DE CHEQUEO
LISTAS DE CHEQUEO
 
Comentario+de+texto
Comentario+de+textoComentario+de+texto
Comentario+de+texto
 
Apresentação Prop 03_Multimédia
Apresentação Prop 03_MultimédiaApresentação Prop 03_Multimédia
Apresentação Prop 03_Multimédia
 
Certificado
CertificadoCertificado
Certificado
 
Sistema nervoso
Sistema nervosoSistema nervoso
Sistema nervoso
 
Poster Point 27 March 2014
Poster Point 27 March 2014Poster Point 27 March 2014
Poster Point 27 March 2014
 
H1 N1-trabalho para os alunos estudarem
H1 N1-trabalho para os alunos estudaremH1 N1-trabalho para os alunos estudarem
H1 N1-trabalho para os alunos estudarem
 
Obat antiaritmia
Obat antiaritmiaObat antiaritmia
Obat antiaritmia
 
El origen de las islas veredas
El origen de las islas  veredasEl origen de las islas  veredas
El origen de las islas veredas
 
Mi historia
Mi historiaMi historia
Mi historia
 
Conferència peixos genís
Conferència peixos genísConferència peixos genís
Conferència peixos genís
 
Relacion informatica derecho
Relacion informatica  derechoRelacion informatica  derecho
Relacion informatica derecho
 
Digital Publishing Suite e Real State Marketing
Digital Publishing Suite e Real State MarketingDigital Publishing Suite e Real State Marketing
Digital Publishing Suite e Real State Marketing
 
GRAN PASACALLE "CARNAVALES EN LIMA 2914"
GRAN PASACALLE "CARNAVALES EN LIMA 2914"GRAN PASACALLE "CARNAVALES EN LIMA 2914"
GRAN PASACALLE "CARNAVALES EN LIMA 2914"
 
Camara digital
Camara digitalCamara digital
Camara digital
 
Pregunta 1
Pregunta 1Pregunta 1
Pregunta 1
 
Ddddddddddddddddddddddd
DddddddddddddddddddddddDdddddddddddddddddddddd
Ddddddddddddddddddddddd
 

Semelhante a Pracita 09

Haz click aqui para abrirla
Haz click aqui para abrirlaHaz click aqui para abrirla
Haz click aqui para abrirlatatisverdugo
 
Haz click aqui para abrirla
Haz click aqui para abrirlaHaz click aqui para abrirla
Haz click aqui para abrirlajohapaoleon
 
nivel de programacion_introduccion
nivel de programacion_introduccionnivel de programacion_introduccion
nivel de programacion_introduccioneliconpu
 
Programacion web - introduccion
Programacion web - introduccionProgramacion web - introduccion
Programacion web - introduccionandrea katherine
 
Programacion web introduccion
Programacion web  introduccionProgramacion web  introduccion
Programacion web introduccionandrea katherine
 
FUNDAMENTOS DE PROGRAMACIÓN EN DISEÑO WEB
 FUNDAMENTOS DE PROGRAMACIÓN EN DISEÑO WEB FUNDAMENTOS DE PROGRAMACIÓN EN DISEÑO WEB
FUNDAMENTOS DE PROGRAMACIÓN EN DISEÑO WEBMaria_carvajal
 
Fundamentos de la programacion en diseño web
Fundamentos de la programacion en diseño webFundamentos de la programacion en diseño web
Fundamentos de la programacion en diseño webAndres Cristancho
 
2 Conceptos De Programacion
2 Conceptos De Programacion2 Conceptos De Programacion
2 Conceptos De ProgramacionRubén Márquez
 
Clasificacion de los lenguajes de programacion
Clasificacion de los lenguajes de programacionClasificacion de los lenguajes de programacion
Clasificacion de los lenguajes de programacionAlberto Jacome
 
49949045 los-paradigmas-de-la-programacion
49949045 los-paradigmas-de-la-programacion49949045 los-paradigmas-de-la-programacion
49949045 los-paradigmas-de-la-programacionIvan Moreno
 
1 Introducción a los Lenguajes de Programación y a la Programación Orientada ...
1 Introducción a los Lenguajes de Programación y a la Programación Orientada ...1 Introducción a los Lenguajes de Programación y a la Programación Orientada ...
1 Introducción a los Lenguajes de Programación y a la Programación Orientada ...Jose Emilio Labra Gayo
 

Semelhante a Pracita 09 (20)

Pracita 09
Pracita 09Pracita 09
Pracita 09
 
Haz click aqui para abrirla
Haz click aqui para abrirlaHaz click aqui para abrirla
Haz click aqui para abrirla
 
Haz click aqui para abrirla
Haz click aqui para abrirlaHaz click aqui para abrirla
Haz click aqui para abrirla
 
nivel de programacion_introduccion
nivel de programacion_introduccionnivel de programacion_introduccion
nivel de programacion_introduccion
 
Clase02 paradigmas
Clase02 paradigmasClase02 paradigmas
Clase02 paradigmas
 
Programacion web - introduccion
Programacion web - introduccionProgramacion web - introduccion
Programacion web - introduccion
 
Programacion web introduccion
Programacion web  introduccionProgramacion web  introduccion
Programacion web introduccion
 
Lorena gg
Lorena ggLorena gg
Lorena gg
 
FUNDAMENTOS DE PROGRAMACIÓN EN DISEÑO WEB
 FUNDAMENTOS DE PROGRAMACIÓN EN DISEÑO WEB FUNDAMENTOS DE PROGRAMACIÓN EN DISEÑO WEB
FUNDAMENTOS DE PROGRAMACIÓN EN DISEÑO WEB
 
Correa correa juan_felipe
Correa correa juan_felipeCorrea correa juan_felipe
Correa correa juan_felipe
 
Mauricio
MauricioMauricio
Mauricio
 
PROGRAMACIÓN WEB INTRODUCCIÓN
PROGRAMACIÓN WEB INTRODUCCIÓNPROGRAMACIÓN WEB INTRODUCCIÓN
PROGRAMACIÓN WEB INTRODUCCIÓN
 
Fundamentos de la programacion en diseño web
Fundamentos de la programacion en diseño webFundamentos de la programacion en diseño web
Fundamentos de la programacion en diseño web
 
2 Conceptos De Programacion
2 Conceptos De Programacion2 Conceptos De Programacion
2 Conceptos De Programacion
 
Clasificacion de los lenguajes de programacion
Clasificacion de los lenguajes de programacionClasificacion de los lenguajes de programacion
Clasificacion de los lenguajes de programacion
 
Fernando
FernandoFernando
Fernando
 
Programa web introduccion
Programa web introduccionPrograma web introduccion
Programa web introduccion
 
49949045 los-paradigmas-de-la-programacion
49949045 los-paradigmas-de-la-programacion49949045 los-paradigmas-de-la-programacion
49949045 los-paradigmas-de-la-programacion
 
1 Introducción a los Lenguajes de Programación y a la Programación Orientada ...
1 Introducción a los Lenguajes de Programación y a la Programación Orientada ...1 Introducción a los Lenguajes de Programación y a la Programación Orientada ...
1 Introducción a los Lenguajes de Programación y a la Programación Orientada ...
 
Programacion web introduccion
Programacion web introduccionProgramacion web introduccion
Programacion web introduccion
 

Pracita 09

  • 2. Programación web introducción Que significa el termino programación Ejemplo  En La actualidad, los en informática, un método de lenguajes de programación programación en el que un orientada a objetos más programa se contempla como un conjunto de objetos limitados que, a utilizados son el lenguaje su vez, son colecciones C++, JAVA, Smalltalk, Pascal independientes de estructuras de orientado a objetos (Object datos y rutinas que interactúan con Pascal) y otros, bien otros objetos derivados, bien precursores de éstos. Nombre :eduard Orlando león
  • 3. hacía una calidad de la educación humana y cristiana ¿Que es lenguaje de alto Ejemplo nivel ?  Algunos ejemplos de lenguajes en informática, un lenguaje de de alto nivel son programación que consta de instrucciones LISP, Pascal, BASIC, FORTRAN, independientes de la máquina; ha de ser COBOL, JAVA, C y C++. compilado o interpretado para traducir su código en otro de bajo nivel, en lenguaje máquina. Hay grandes diferencias entre los diversos lenguajes de alto nivel y cuanto más se acerquen al lenguaje natural del usuario se considerarán de más alto nivel Nombre :eduard Orlando león
  • 4. hacía una calidad de la educación humana y cristiana ¿a que se denomina Ejemplo lenguaje de maquina ?  los microprocesadores procesan exclusivamente señales electrónicas los microprocesadores procesan binarias. Dar una instrucción a un exclusivamente señales electrónicas microprocesador supone en realidad binarias. Dar una instrucción a un enviar series de unos y ceros microprocesador supone en realidad espaciadas en el tiempo de una enviar series de unos y ceros forma determinada. espaciadas en el tiempo de una forma determinada Nombre :eduard Orlando león
  • 5. hacía una calidad de la educación humana y cristiana ¿Cómo se clasifica las Ejemplo lenguajes de alto nivel ?  También se identifica con las El concepto clave en la programación siglas POO y OOP (del inglés orientada a objetos es la denominada clase Object Oriented Programming). (de objetos). Una clase define las estructuras de datos y rutinas de un objeto.  El lenguaje Simula (Simulation A su vez, un objeto es una instancia de una Language), desarrollado en 1964, clase, que se puede usar como una variable partiendo del lenguaje ALGOL 60 en un programa; es decir, la creación de (Algorithmic Language), fue el una instancia de una clase se corresponde primero que se diseñó para con la declaración de una variable en la facilitar la programación programación tradicional, pero orientada a objetos. refiriéndose a objetos. Nombre :eduard Orlando león
  • 6. hacía una calidad de la educación humana y cristiana ¿Qué significa programación oriental a Ejemplo objetos ? Para conseguir un ejemplo concreto La programación Orientada a objetos (POO) es una de lo que es la programación forma especial de programar, más cercana a como orientada a objetos, podemos expresaríamos las cosas en la vida real que otros entrar en el Manual de PHP . tipos de programación. Con la POO tenemos que aprender a pensar las cosas de una manera Realmente este manual explica las distinta, para escribir nuestros programas en características de orientación a términos de objetos, propiedades, métodos y otras objetos de PHP 5 y ofrece cosas que veremos rápidamente para aclarar ejemplos concretos de creación de conceptos y dar una pequeña base que permita soltarnos un poco con este tipo de programación. clases con características como herencia, polimorfismo, Nombre :eduard Orlando león
  • 7. hacía una calidad de la educación humana y cristiana ¿Qué son los eventos ? Para entender la programación dirigida por Ejemplo eventos, podemos oponerla a lo que no es: mientras en la programación secuencial  While (true){ Switch (event){ (o estructurada) es el programador el que case mousse_button_down: define cuál va a ser el flujo del programa, en la case mouse_click: case programación dirigida por eventos será el keypressed: case Else: propio usuario —o lo que sea que esté  } accionando el programa— el que dirija el flujo del programa. Aunque en la programación secuencial puede haber intervención de un agente externo al programa, estas intervenciones ocurrirán cuando el programador lo haya determinado, y no en cualquier momento como puede ser en el caso de la programación dirigida por eventos. Nombre :eduard Orlando león
  • 8. El lenguaje algorítmico es aquel por medio del cual se realiza un análisis previo del problema a resolver y encontrar un método que permita resolverlo. El conjunto hacía una calidad de la educación humana y cristiana ¿ha que se denomina Ejemplo algoritmo ?  Esta propiedad justifica el en matemáticas, método de resolución de siguiente razonamiento: para cálculos complicados mediante el uso repetido hallar el M.C.D.(p, q) se divide p de otro método de cálculo más sencillo. Ejemplos básicos son los métodos para entre q, obteniendo un cociente efectuar operaciones aritméticas q1 y un resto r1. Entonces: D = (multiplicación, división, obtención de raíces M.C.D.(p, q) = M.C.D.(q, r1) cuadradas…), la obtención del máximo común  Ahora se procede de forma divisor y del mínimo común múltiplo de un análoga con q y r1: se hace la número mediante su descomposición en división entera entre q y factores primos, y la división de un polinomio r1, obteniendo un cociente q2 y por x – a mediante la regla de Ruffini. un resto r2. Entonces Nombre :eduard Orlando león
  • 9. hacía una calidad de la educación humana y cristiana ¿Cuáles son las etapas de un algoritmo ? Ejemplo Issue (Emisión): El sistema verifica aquellos registros que van a ser leídos o  Algoritmo LargestNumber Input: A modificados por la instrucción. El non-empty list of numbers L . procesador podrá acceder a esta Entrada: Una lista no vacía de L información cuando sea necesario en números. Output: The largest alguna de las siguientes etapas. number in the list L . Salida: El Read operands (Lectura de operandos): mayor número en la lista L. Una vez que se ha emitido la instrucción y se ha comprobado que todas las unidades funcionales necesarias están libres, la instrucción espera a que los operandos estén disponibles. Nombre :eduard Orlando león
  • 10. hacía una calidad de la educación humana y cristiana ¿Cuáles son los diagramas Ejemplo de flujo ?  Formato vertical: En él, el flujo o la secuencia de las operaciones, va de El diagrama de flujo es la representación arriba hacia abajo. Es una lista ordenada gráfica del algoritmo o proceso. Se utiliza en de las operaciones de un proceso con disciplinas como toda la información que se considere la programación, la economía, los procesos necesaria, según su propósito.  Formato horizontal: En él, el flujo o la industriales y la psicología cognitiva. Estos secuencia de las operaciones, va de diagramas utilizan símbolos con significados izquierda a derecha. bien definidos que representan los pasos del  Formato panorámico: El proceso entero algoritmo, y representan el flujo de está representado en una sola carta y puede apreciarse de una sola mirada ejecución mediante flechas que conectan los mucho más rápido que leyendo el texto, puntos de inicio y de fin de proceso lo que facilita su comprensión, aún para personas no familiarizadas. Nombre :eduard Orlando león
  • 11. hacía una calidad de la educación humana y cristiana ¿Qué son los variables y como de declara en la Ejemplo memoria RAM ?  size(150,150); //define el tamaño de ventana La programación trata acerca de la background(0); //pinta la ventana de cosbtrucción de algoritmos (conjunto de negro instrucciones que la computadora deberá set(75,75,255); //dibuja un pixel seguir), durante el desarrollo de dichos blanco algoritmos es necesario establecer algunos datos. Los datos sirven generalmente como parámetros que establecen el grado y forma con el que se ejecutan ciertas instrucciones. Para dar un ejemplo, en el siguiente algoritmo Nombre :eduard Orlando león
  • 12. hacía una calidad de la educación ¿a diferencia de unay cristiana humana variable que es una constante y que función Ejemplo cumple dentro de una  ejemplo hemos utilizado dos algoritmo? estructuras que son muy usadas en programación: mientras-hacer Aunque el pseudocódigo es independiente del y si-entonces- si_no; y que la lenguaje de alto nivel que vaya a utilizarse, un escritura del pseudocódigo usa algoritmo expresado en pseudocódigo puede ser normalmente la indentación traducido más fácilmente a muchos de ellos. (sangría en el margen izquierdo) Supongamos que tenemos un algoritmo para de diferentes líneas para ayudar a averiguar si un número es par, que puede ser delimitar visualmente cada una descrito narrativamente de la siguiente forma: “Si de las estructuras utilizadas restando consecutivamente dos del número se obtiene el numero 2, es par, si se obtiene otro valor (el 1), entonces es impar”. Nombre :eduard Orlando león
  • 13. hacía una calidad de la educación humana y cristiana ¿Cómo se clasifica los operadores aritméticos en cuanto a su nivel de Ejemplo jerarquía ?  Nivel 0: Paréntesis () La potenciación (^) puede ser tanto binario  Nivel 1: Porcentaje % como unario ya que esta operación eleva la  Nivel 2: Potencia ^ cantidad, por ejemplo:  Nivel 3: Multiplicación * =(B4+B5)^2  Nivel 3 División Suponiendo que las celdas B4 y B5 contienen  Nivel 4: Suma + los valores 25 y 40 respectivamente la operación queda así:  Nivel 4: Resta =(25+40)^2 El resultado de esta operación es 4225 pero si a esta no se ponen los paréntesis queda así: =25+40^2 Nombre :eduard Orlando león
  • 14. hacía una calidad de la educación humana y cristiana ¿Cuáles son los operadores de comparación ? Ejemplo Un operador de comparación compara sus operandos y devuelve un valor lógico en  3 == var1 función de si la comparación es verdadera. Los "3" == var1 operandos pueden ser valores numéricos, de  3 == '3' cadena de caracteres, lógicos u objetos. Las cadenas se comparan basándose en el orden lexicográfico estándar, usando los valores Unicode. Si dos operandos no son del mismo tipo, JavaScript intentará convertir los operandos a un tipo apropiado para la comparación, excepto para los operandos === y !==. Esto acostumbra a resultar en una comparación numérica. Nombre :eduard Orlando león
  • 15. hacía una calidad de la educación humana y cristiana ¿las compuertas lógicas se clasifica en AND OR XOR Ejemplo cual es la tabla lógica de ellos ?  Tabla de verdad Una compuerta logica es un dispositivo que  A x nos permite obtener resultados, dependiendo oo de los valores de las señales que le ingresemos. Es necesario aclarar entonces que 1 1 las compuertas lógicas se comunican entre sí (incluidos los microprocesadores), usando el sistema BINARIO. Este consta de solo 2 indicadores 0 y 1 llamados BIT dado que en electrónica solo hay 2 valores equivalentes 0=0volt 1=5volt (conectado-desconectado). Nombre :eduard Orlando león
  • 16. hacía una calidad de la educación humana y cristiana ¿tabla lógica xor ? Ejemplo El XOR (OR exclusivo) compuerta actúa en la misma forma que la lógica ", ya sea / o".  XOR gate La puerta XOR The output is "true" if either, but not  Input 1 Entrada 1 Input 2 Entrada 2 both, of the inputs are "true." El resultado Output Salida 0 0 0 0 0 0 0 0 1 1 1 1 1 es "true" si cualquiera, pero no ambas, de 10011111100 las entradas son "verdaderas". The output is "false" if both inputs are "false" or if both inputs are "true." La salida es "falso" si ambas entradas son "falsas" o si ambas entradas son "verdaderas". Nombre :eduard Orlando león
  • 17. hacía una calidad de la educación humana y cristiana ¿tabla lógica OR ? Ejemplo  Tabla de verdad OR La compuerta OR realiza la función de suma lógica. Cuando se le aplica un uno a cualquiera de sus entradas el resultado de salida será uno, independiente del valor de la otra entrada. Excepto cuando las dos entradas estén en 0 la salida será 0. Nombre :eduard Orlando león
  • 18. hacía una calidad de la educación humana y cristiana ¿tabla lógica and ? Ejemplo La compuerta NAND opera como una puerta Y seguido por una puerta NOT. It acts in the manner of the logical  AND gate Compuerta AND operation "and" followed by negation.  Input 1 Entrada 1 Input 2 Actúa en la forma de la operación lógica Entrada 2 Output Salida 0 0 0 0 "y" seguido por la negación. The output 11001111110011111 is "false" if both inputs are "true." La salida es "falso" si ambas entradas son 100 "verdaderas". Otherwise, the output is "true." De lo contrario, el resultado es "verdad". Nombre :eduard Orlando león
  • 19. hacía una calidad de la educación humana y cristiana ¿Qué significa Ejemplo programación HTML?  Para crear una página web se pueden En realidad HTML no es un lenguaje de utilizar varios programas especializados en programacion si no que son sentencias - esto, como por ejemplo, el Microsoft Front etiquetas-de las cuales me indican que Page o el MacromediaDreamweaver. Otra operaciones se van a realizar con el texto o con forma de diseñar un archivo.html, es copiar todo en el Bloc de Notas del Windows, ya los atributos que se esten manejando con ese que este sencillo programa cumple con un sentencia-etiqueta-, la verdad estas secuencias requisito mínimo que es la posibilidad de son muy necesarias para el diseño de un trabajar con las etiquetas con las que apagina web ya que cada una de esas trabaja este lenguaje. sentencias le indican a internet como esta A continuación les mostraremos las compuesta la estructura de cualquier Web. etiquetas mas comunes que deben aprenderse para hacer una pagina Web. Nombre :eduard Orlando león
  • 20. hacía una calidad de la educación humana y cristiana ¿Qué son los variables y como de declara en la Ejemplo memoria ram ?  int a,b,e; float c,d,f; Cada tipo de dato define las operaciones que se pueden a = 10; realizar con dichas variables. Por ejemplo, las b = 3; variables enteras permiten las 4 operaciones aritméticas c = 40.0; básicas: +,-,*,/ (es decir: suma, resta, multiplicación y d = 6.0; división, respectivamente). Si bien la variables de tiporeal tambien permite las cuatros operaciones básicas, println( a / b ); //imprime 3 una de la diferencias principales es que la división es println( c / d ); //imprime diferente. Por ejemplo, la división con datos enteros 6.66666666... devuelve valores enteros, mientras que la división real e = a + b * 8; devuelve un resultado con decimales. f = c - d * 2.0; Nombre :eduard Orlando león
  • 21. hacía una calidad de la educación humana y cristiana ¿Cómo se clasifica las etiquetas dentro de la Ejemplo programación HTML y su  El lenguaje HTML es un subconjunto significado ? de SGML (acrónimo de Standard acrónimo de HyperText Markup Language, lenguaje de marcas de hipertexto. En informática, formato Generalized Markup estándar de los documentos que circulan en la World Language, lenguaje estándar de Wide Web (WWW); se utiliza desde 1989. Los marcado de documentos), que es un documentos HTML contienen dos tipos de estándar de descripción de página información: la que se muestra en la pantalla (texto, independiente del dispositivo, lo imágenes...) y los códigos (tags o etiquetas), que permite adaptar la visión del transparentes al usuario, que indican cómo se debe mostrar esa información documento al tamaño de la pantalla en la que se muestra Nombre :eduard Orlando león
  • 22. hacía una calidad de la educación humana y cristiana ¿etiqueta <html>? Ejemplo El lenguaje HTML es un lenguaje de  Las etiquetas están encerradas marcas, estas marcas serán fragmentos de entre los signos "<" y ">". texto destacado de una forma especial que  Generalmente vienen en permiten la definición de las distintas pares <p> y<⁄p> instrucciones de HTML, tanto los efectos a aplicar sobre el texto como las distintas estructuras del lenguaje. A estas marcas las denominaremos etiquetas y serán la base principal del lenguaje HTML. En documento HTML será un fichero texto con etiquetas que variarán la forma de su presentación. Nombre :eduard Orlando león
  • 23. hacía una calidad de la educación humana y cristiana ¿etiqueta <head>? Ejemplo  <head> //Cabecera: agrupa enlaces La etiqueta <HEAD> con su etiqueta de externos y metas identificativos cierre </HEAD>, es una sección del documento HTMl, donde pueden ir incluidos elementos como scripts, que indican al navegador donde encuentra las hojas de estilo del documento. Nombre :eduard Orlando león
  • 24. hacía una calidad de la educación humana y cristiana ¿etiqueta <title>? Ejemplo Aún si cabe más importante que la elección del nombre del dominio es optimizar un buen  elemento TITLE. The title of a título, a esta etiqueta los buscadores le webpage appears in your asignan mucho valor desde el punto de vista browser´s title bar when you view del posicionamiento, posiblemente sea la más the page. El título de una página relevante de la página web a la hora de web aparece en la barra de título posicionarse. Esta etiqueta es mostrada en del navegador cuando se ve la primer lugar en la parte superior del página. The screenshot below navegador y en segundo lugar en los shows you the title of this resultados de búsqueda de un buscador. Por lo webpage: La pantalla de abajo se tanto debemos esmerarnos en redactarla de muestra el título de esta página forma clara y que además contenga las web: palabras clave de esa página en cuestión. Nombre :eduard Orlando león
  • 25. hacía una calidad de la educación humana y cristiana ¿etiqueta <boydy>? Ejemplo Anteriormente os hemos explicado que todo lo que queramos que se vea en nuestra página  ejemplo a la etiqueta de body web deberemos escribirlo dentro de la podemos definir un color de fondo etiqueta body. Eso es lo que llamamos el o una imagen de fondo y los "cuerpo" del documento. Es la parte visible. diferentes colores para los Pero debes saber que ese cuerpo, o sea, que la diferentes tipos de enlaces que etiqueta body también podemos pueda contener el documento, asi personalizarla para darle el aspecto que que empezamos por las más básicas nosotros deseemos. Esta personalización la conseguiremos a través de una serie de parámetros que a continuación te presentaremos. Bien, pues vamos a empezar. Nombre :eduard Orlando león
  • 26. hacía una calidad de la educación humana y cristiana ¿etiquetas <center>? Ejemplo  <center> Este texto está centrado en La etiqueta <center> nos permite la página. </center> centrar párrafos, imágenes o tablas  Como podemos observar,el parrafo dentro de nuestra Web. Para centrar un "Esto es un ejemplo" se encuentra en elemento, éste debe estar entre las el margen izquierdo de la pagina, pues etiquetas de apertura y cierre. Este sería es la ubicacion por default. Ahora el código de un texto centrado: vamos a centrarlo usando la etiqueta <center> Nombre :eduard Orlando león