mezclando php y html programación en internet ii

12
Mezclando PHP y HTML Programación en Internet II

Upload: adrian-minjares

Post on 20-Apr-2015

12 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: Mezclando PHP y HTML Programación en Internet II

Mezclando PHP y HTMLProgramación en Internet II

Page 2: Mezclando PHP y HTML Programación en Internet II

Mezclando PHP y HTML

Programación en Internet IIUniversidad de Guadalajara | Centro Universitario de la Costa

El concepto clave: completando las páginas HTML en el acto

Vamos a crear, probar y tratar de entender nuestro primer código PHP

Escribamos el siguiente código, dentro de un archivo nuevo creado con nuestro editor favorito, asegurándonos de guardarlo con un nombre cuya extensión sea .php, por ejemplo: hola.php

Page 3: Mezclando PHP y HTML Programación en Internet II

Mezclando PHP y HTML

Programación en Internet IIUniversidad de Guadalajara | Centro Universitario de la Costa

Este será el código de hola.php:

<html><head></head><body><p>Esto estaba escrito en HMLT</p><?phpprint (“<p>Hola mundo! Esto lo escribió el intérprete de PHP</p>”);?></body></html>

Page 4: Mezclando PHP y HTML Programación en Internet II

Mezclando PHP y HTML

Programación en Internet IIUniversidad de Guadalajara | Centro Universitario de la Costa

Este archivo deberá guardarse dentro de la carpeta raíz del servidor Web que hayamos instalado.

Encendemos el software servidor local.

El software servidor Web quedará a la espera de que le pidamos, a través de un navegador (Explorer, Firefox, Opera), alguno de los archivos que tiene listos para servirnos.

En este caso le pediremos el archivo hola.php

Page 5: Mezclando PHP y HTML Programación en Internet II

Mezclando PHP y HTML

Programación en Internet IIUniversidad de Guadalajara | Centro Universitario de la Costa

Para ello, abriremos el navegador y escribiremos la URL necesaria para solicitarle al servidor Web el archivo hola.php.

En una PC con un servidor Web local deberemos escribir:

http://localhost/ejercicio1/hola.php

o bien usando la dirección IP local

http://127.0.0.1/ejercicio1/hola.php

Page 6: Mezclando PHP y HTML Programación en Internet II

Mezclando PHP y HTML

Programación en Internet IIUniversidad de Guadalajara | Centro Universitario de la Costa

Atención:

No funcionará ir al menú Archivo del navegador, ya que nuestro archivo PHP necesita ser procesado por el programa intérprete de PHP instalado en el servidor Web, que debe estar encendido.

Page 7: Mezclando PHP y HTML Programación en Internet II

Mezclando PHP y HTML

Programación en Internet IIUniversidad de Guadalajara | Centro Universitario de la Costa

Tampoco funciona para quienes tienen Dreamweaver, pulsar F12, por la misma razón.

Ni tampoco funciona darle doble clic al archivo PHP.

Page 8: Mezclando PHP y HTML Programación en Internet II

Mezclando PHP y HTML

Programación en Internet IIUniversidad de Guadalajara | Centro Universitario de la Costa

En todos esos casos erróneos, si mira la URL, no mencionará en ningún lado

http://localhost/ejercicio1/hola.php.

Por esta razón, el software servidor Web y el intérprete de PHP no procesarán ese archivo.

Page 9: Mezclando PHP y HTML Programación en Internet II

Mezclando PHP y HTML

Programación en Internet IIUniversidad de Guadalajara | Centro Universitario de la Costa

Una vez solicitada la URL del archivo desde nuestro navegador, y luego de esperar unos segundos, llegará al navegador el código fuente que fue procesado en el servidor.

Page 10: Mezclando PHP y HTML Programación en Internet II

Mezclando PHP y HTML

Programación en Internet IIUniversidad de Guadalajara | Centro Universitario de la Costa

A partir de este momento, en el que el código generado llegó a nuestro navegador, podemos acceder al código fuente que fue entregado a nuestro navegador (usando el menú:

Ver Código fuente) y, en este ejemplo, veremos que le ha llegado lo siguiente:

Page 11: Mezclando PHP y HTML Programación en Internet II

Mezclando PHP y HTML

Programación en Internet IIUniversidad de Guadalajara | Centro Universitario de la Costa

<html><head><title>Hola</title></head><body><p>Esto estaba escrito en HMLT</p><p>Hola mundo! Esto lo escribió el intérprete de PHP</p></body></html>

Page 12: Mezclando PHP y HTML Programación en Internet II

Mezclando PHP y HTML

Programación en Internet IIUniversidad de Guadalajara | Centro Universitario de la Costa

Es decir:

el intérprete PHP borró todas las órdenes que encontró entre las marcas <?php y ?>, que son las que indican el comienzo y el fin – respectivamente – de una zona en la que se va a dar órdenes al intérprete de PHP y, en lugar de lo que había escrito allí, escribió, mediante la función print, el texto:

<p>Hola mundo! Esto lo escribió el intérprete de PHP</p>