Ingeniería web
Upcoming SlideShare
Loading in...5
×
 

Ingeniería web

on

  • 672 views

 

Statistics

Views

Total Views
672
Views on SlideShare
672
Embed Views
0

Actions

Likes
0
Downloads
12
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Ingeniería web Ingeniería web Presentation Transcript

  • Ingeniería web
  • PHP
    Clasico
    PHP stands
    for
    • Hypertext Preprocessor
    and
    • Is a server-side language
    What Do I Need?
    • Un servidor
    • Instalado PHP en el servidor
    Writing PHPWriting PHP on your computer is actually very simple.
    Text Edit - Navegator
  • PHPESTRUCTURA DE UN SCRIPT
    <?phpPHP Code In Here?>
    <script language="php">PHP Code In Here</script>
  • EJEMPLO un Script PHP
    <script language="php">
    echo “unimag <br>";
    print("RCG");
    </script>
    <?php
    echo "Unimag<br>";
    print("RCG");
    ?>
  • Mostrar información PHP
    echo “cad1”,var1,”cad2”,var2;
    print(“cadena formatos”, variable1, variable2...);
    printf(“cadena formatos”, variable1, variable2...);
  • Variables PHP
    Una variable
    Contenedor de información
    Números
    Carácteres
    PHP todas las variables
    Enteros
    Decimales
    Comienzan con el símbolo del dólar $
    No es necesario definir una variable antes de usarla
    Tampoco tienen tipos
    Una misma variable puede contener un número y luego puede contener carácteres
  • EJEMPLO un Script variables PHP
    <script language="php">
    $a = 1;
    $b = 3.34;
    $c = "Hola Mundo";
    echo $a,"<br>",$b,"<br>",$c;
    </script>
    <?php
    $x="unimag";
    $y=3;
    echo $x,"<br>";
    print($y);
    ?>
  • Operadores ARITMETICOS
  • Operadores RELACIONALES
  • Operadores LÓGICOS
  • CONDICIONALES
    if (condición)    {       Sentencias a ejecutar cuando la       condición es cierta.    }    else   {       Sentecias a ejecutar cuando la       condición es falsa.    }
  • CONDICIONALES
    switch($posicion) {       case "arriba":   // Bloque 1          echo "La variable contiene";          echo " el valor arriba";          break;       case "abajo":   // Bloque 2          echo "La variable contiene";          echo " el valor abajo";          break;       default:   // Bloque 3          echo "La variable contiene otro valor";          echo " distinto de arriba y abajo";    }
  • CICLOS O BUCLES
    while (condición)    {       intrucciones a ejecutar.    }
    for (inicial ; condición ; ejecutar en iteración)    {       intrucciones a ejecutar.    }
    foreach (var1 as var2)
  • Instrucciones de SALIDA
    print(“cadena formatos”, variable1, variable2...);
    printf(“cadena formatos”, variable1, variable2...);
    Formatos
  • MANEJO DE CADENAS
    strlen(cadena). Nos devuelve el número de carácteres de una cadena.
    split(separador,cadena). Divide una cadena en varias usando un carácter separador.
    sprintf(cadena de formato, var1, var2...). Formatea una cadena de texto al igual que printf pero el resultado es devuelto como una cadena.
    substr(cadena, inicio, longitud). Devuelve una subcadena de otra, empezando por inicio y de longitud longitud.
    chop(cadena). Elimina los saltos de línea y los espacios finales de una cadena.
    strpos(cadena1, cadena2). Busca la cadena2 dentro de cadena1 indicándonos la posición en la que se encuentra.
    str_replace(cadena1, cadena2, texto). Reemplaza la cadena1 por la cadena2 en el texto.
  • ARREGLOS
    $Arreglo[$i]
    Ejemplo
    $number = 5;$x = 0;while ($x < $number) {$namenumber = $x + 1;echo "Name $namenumber is $names[$x]<br>";++$x;}
    $names[0] = 'John';$names[1] = 'Paul';$names[2] = 'Steven';$names[3] = 'George';$names[4] = 'David';
  • HTMLHyperTextMarkupLanguage
    Lenguaje de marcado predominante para la elaboración de paginas web.
    Incorpora etiquetas o marcas que contienen información adicional acerca de la estructura del texto o su presentación de páginas web
    Texto presentado de forma estructurada y agradable, con enlaces (hyperlinks) que conducen a otros documentos o fuentes de información relacionadas.
    Inserciones multimedia (gráficos, sonido...)
  • HTMLESTRUCTURA DE LOS DOCUMENTOS
    Marca de Documento
    Cabecera HEAD
    Cuerpo BODY
    Encabezado H#
    Definición de bloques P, PRE, ADDRESS, BLOCKQUOTE, BR, HR
    Comentarios
  • HTMLCABECERAS
    <HTML><HEAD><TITLE> Bienvenido a nuestra guia rápida </TITLE></HEAD>Cuerpo del documento...</HTML>
    MARCA
    DE
    DOCUMENTO
  • HTMLCUERPO
    <HTML><HEAD><TITLE> Bienvenido a nuestra guia rápida </TITLE></HEAD>
    <BODY>Documento...</BODY>
    </HTML>
  • HTMLEncabezados
    Los encabezados se emplean para dividir los documentos en secciones o mas concretamente para marcar los títulos de esas secciones.
    Las marcas son del tipo <H#> título </H#>, donde # puede ser un número cualquiera entre 1 y 6.
  • HTMLEjemplo de Encabezados
    <HTML><HEAD><TITLE> Bienvenido a nuestra guia rápida </TITLE></HEAD>
    <H1> UNIMAGDALENA</H1>
    <H2>SISTEMAS</H2>
    <BODY>Documento...</BODY>
    </HTML>
  • HTMLComentarios
    Todo texto que empieze por <!...comentario...>
    será ignorado por el browser, y por lo tanto no será visible. Esto sirve al autor del documento para comentar su fichero fuente.
  • HTMLDefinición de bloques
    Para definir y separar bloques de texto se emplean una serie de marcas que definen párrafos, texto preformateado o bloques con significado especial como direcciones o citas. Marcas de bloques:
    <P> se utiliza para separar párrafos. Dado que para el HTML todo el texto es continuo, necesitamos algún mecanismo para indicar el principio y el fin de un párrafo. Las marcas inicial y final son <P> y </P>
    <PRE> El texto insertado entre las marcas <PRE> y </PRE> será visualizado por el browser, respetando el formato con el que fue escrito en el fichero fuente HTML.
    <ADDRESS> empleada para indicar que un texto representa una dirección o una firma. Generalmente se activa en cursiva y suele estar tabulado.
    <BLOCKQUOTE> Se suele representar con tabulaciones a la izquierda y derecha y en cursiva. En sistemas que no permiten representar en cursiva se puede emplear algún tipo de símbolo al principio de las líneas.
    <BR> Este elemento solo tiene marca inicial e indica un salto de línea.
    <HR> Solo tiene marca inicial y se emplea para representar una línea horizontal.
  • HTML Fondos y colores de texto
    Un cierto número de atributos de la marca BODY permiten controlar el color del fondo de la ventana del browser, el color de los caracteres del texto, y finalmente el color de los enlaces: < BODY atributo1 atributo2 atributo3 ... atributoN >
    El atributo BGCOLOREste atributo permite escoger un color para el fondo de la página <BODY BGCOLORS="#rrggbb"> donde "rr" "gg" y "bb" son valores hexadecimales comprendidos entre 00 y FF que especifican el grado de saturación de los colores rojo, verde y azul.
    El atributo BACKGROUNDEste atributo especifica una imagen residente en el servidor la cual se utilizará como fondo de página.<BODY BACKGROUND="fichero_gráfico.gif">
    El atributoTEXTPermite controlar el color del texto estándar, es decir, todo texto que no especifique un enlace. <BODY TEXT="#rrggbb">
    Los atributos LINK, VLINK y ALINKControlan el color de los enlaces:LINK color del enlace que aún no ha sido visitado.<BODY LINK="#rrggbb">ALINK color muy fugaz que aparece cuando se hace clic sobre el enlace <BODY ALINK="#rrggbb">VLINK es el color de un enlace que ya ha sido visitado <BODY VLINK="#rrggbb">
  • HTML** listas regulares**
    ul><li>Fichero de imagen</li><li>Fichero de sonido</li><li>Fichero de video</li>
    <ul>
  • HTML LISTAS ANIDADAS
    ul><li>Ficheros HTML<ol><li>Ficheros de prueba<ul><li>prueba1.html</li><li>prueba2.html</li><li>prueba2.html</li></ul><li>Ficheros de ejemplos<li>Ficheros del servidor</ol><li>Ficheros de imágenes<li>Ficheros de sonido<li>Ficheros de vídeo
    </ul>
  • HIPERENLACES
    El lector explora un documento en el Web haciendo clic sobre las zonas activas para asi hacer aparecer nuevos documentos. En HTML definimos una zona activa (que puede ser un texto o una imagen) que se asocia al URL (protocolo de direccionamiento de documentos) del documento que sustituirá al documento visualizado cuando se haga clic sobre esa zona. Un ancla, por lo tanto, sirve para especificar la partida y la llegada de un enlace hipertexto ( <A> ).
    El atributo HREF, ancla de partida hacia un enlace externo
    Crea un enlace hacia un servidor situado en algún punto de Internet, o hacia un documento propuesto por dicho servidor. La marca especifica el atributo HREF cuyo valor precisa el URL del documento a recuperar:zona_activable<A HREF="url_de_destino"> zona_activable</A>
    El atributo HREF, ancla de partida a un enlace interno
    Crea un enlace a un punto determinado del fichero en ejecución. Para ello hay que colocar un ancla activa (ancla de partida) y un ancla inactiva (ancla de llegada).El ancla de partida se define de la siguiente forma:
    zona_activable_con_atributos_visuales<A HREF=#etiqueta>zona_activable_con_atributos_visuales</A>
    El atributo NAME, ancla de llegada
    Define el ancla de llegada, lugar que se podrá acceder haciendo un clic sobre un ancla de partida.
    zona_no_activable_sin_atributos_visuales<A NAME="label">zona_no_activable_sin_atributos_visuales