PHP y MySql
Diseño Web
Mtra. Ana Elena García Pumarino
Asesor On Line
Indroducción
PHP se enfoca principalmente a la programación de
Scripts del lado del servidor
Cliente Vs Servidor
Es necesario entender que las tecnologías usadas
tanto para el cliente como para el servidor son
diferentes, ahora explicaremos esas diferencias.
Cliente Vs Servidor
Cliente
Cliente
ServidorServidor
Petición
Respuesta
Cuando un cliente hace la petición
de una página web, el servidor
devuelve esta petición y se
muestra en pantalla.
Si la página solicitada tiene código
HTML, Java Script, CSS, será el
navegador quien procesa el
código que contiene la página en
cuestión.
Cuando la petición se realiza del
lado del servidor, este devuelve
la petición de la misma manera
que del lado del cliente.
Pero cuando la petición llega al
servidor, éste procesa el código
PHP que contenga la página web
visitada o incluso crea la conexión
a bases de datos.
Cliente
Cliente
Petición
Respuesta
Cliente Vs Servidor
Cliente
Cliente
ServidorServidor
Petición
Respuesta
Las tecnologías que se ejecutan
casi siempre del lado del cliente
son:
•Java Script,
•VBScript,
•Apples Java
•HTML
•CSS
Cliente
Cliente
Petición
Respuesta
Los lenguajes de programación
interpretados que se ejecutan del
lado del servidor son:
•PHP
•JSP
•Perl
•ASP
Trabajando con el Servidor
Al programar en PHP, el lenguaje se ejecuta en el servidor, por lo tanto es necesario
tener disponible un servidor web para realizar pruebas en cuanto al código, funcionamiento
y cualquier tipo de cambio que vayamos programando. Y para esto tenemos dos opciones:
Crear tu propio Servidor
Los Bundle son paquetes de instalación completos que permiten convertir tu PC en un local
host. Existen muchos tipos de paquetes para diferentes gustos y usos; tienen la ventaja de
contener: el Servidor, el Manejador de base de datos y los formularios PHP y My Admin, que es
como una consola de administración que hace más sencillo manejar las bases de datos MySql.
PHP
Como hemos mencionado anteriormente, PHP es un lenguaje de
programación del lado del servidor, por lo tanto es hora de encender los
servicios del paquete servidor que instalamos con anterioridad cualquiera
que este sea:
Y verificar que todo los servicios funcionan perfectamente al arrancar el
paquete.
PHP
Otro aspecto importante es organizar la información en carpetas, es decir,
vamos a crear varias carpetas en donde vamos a almacenar nuestras páginas:
HTML
css
PHP
(nombre de los archivos.html)
(nombre de los archivos.php)
(nombre de los archivos.css)
PHP
A diferencia de la forma de ver una página en el navegador creada por
HTML o CSS, en PHP debemos abrir un navegador web, verificar que el
servidor apache del local host este activado, y tendrás que escribir en la
línea de dirección http://localhost/nombre_carpeta que contenga el
archivo index.php, después del ENTER verás la página creada en tu
navegador.
Es decir:
http://localhost/php
Como podrás observar no es necesario escribir el nombre index.php por
que lo toma por default, pero si tu no lo has guardado con el nombre de
index.php y le diste otro nombre como pagina_1.php, entonces deberás
escribir:
http://localhost/php/pagina_1.php
Mtra. Ana Elena García PumarinoMtra. Ana Elena García Pumarino
PHP
Entonces las etiquetas PHP se muestran incluidas de la siguiente manera:
Mtra. Ana Elena García PumarinoMtra. Ana Elena García Pumarino
<!doctype html>
<html lang=”en”> (Idioma en inglés)
<head>
<meta charset=”UTF-8”> (código de estructura HTML5)
<title>Escribir aquí</title>
</head>
<body>
<?php /*Todo lo que esta incluido en
print “Bienvenidos al curso“ estas etiquetas será interpretado
?> por el servidor web.*/
</body>
</html>
MySql
• MySql es un gestor de base de datos BBDD relacional, multihilo y
multiusuario.
Mtra. Ana Elena García PumarinoMtra. Ana Elena García Pumarino
Gestor de Base de datos
1. Es importante verificar que los servicios del paquete estén encendidos
para permitirnos realizar todas las tareas con MySql.
2. Cabe recordar que al igual que PHP se puede trabajar con dos
gestores de base de datos, el local y la conexión en remoto por las
pruebas que se realizan al estar creando las bases de datos y lo
haremos desde la opción: phpMyAdmin.
Mtra. Ana Elena García PumarinoMtra. Ana Elena García Pumarino
Crear base de datos
Verás una pantalla como esta en la cual podrás observar que ya hay una
serie de bases de datos por defecto que no se deben eliminar ya que
contienen información necesaria para que el gestor de BD MySql
funcionen correctamente y donde se puede crear una nueva base de
datos, con un nombre específico :
Mtra. Ana Elena García PumarinoMtra. Ana Elena García Pumarino
Bases de
datos por
defecto
SQL
El SQL de las siglas Structures Query Lenaguage, es decir un lenguaje
de estructura que permite especificar diferentes tipos de operaciones.
•Es un lenguaje universal,
•Se utiliza para crear y manipular bases de datos en MySql desde una
página web PHP.
•Insertar o eliminar campos o registros.
Este lenguaje permite comunicarse con la base de datos remota para
poder manipularla teniendo y poder tener una página Web programada
con código PHP.
Mtra. Ana Elena García PumarinoMtra. Ana Elena García Pumarino
Estructura típica de una página web
dinámica
Mtra.AnaElenaGarcíaPumarinoMtra.AnaElenaGarcíaPumarino
CSS Almacena todos los archivos de estilo CSS.
Documents Se ubican todos los tipos de documentos, archivos y páginas HTML.
Images Se guardan todas las imágenes de tipo ilustrativo que acompañan al contenido. de tipo jpg, png .
Interface Se guardan todos los gráficos utilizados en el interfaz visual del sitio web.
java Carpeta en la que se guardan los archivos applet de java.
functions
Carpeta que almacena las distintas funciones básicas del sitio web, Los archivos contenidos deberían tener la forma
"func.nombre.php", es decir, prefijo identificativo del tipo de archivo o programa, más el nombre del archivo, más la
extensión en este caso propia del lenguaje de programación dinámico PHP.
modules
Formada por los distintos módulos y extensiones, ó añadidos de las funciones básicas del sitio web. Por ejemplo un
módulo para la traducción , la gestión de plantillas CSS, etc. Los archivos contenidos deberían tener la forma
"mod.nombre.php", es decir, prefijo identificativo del tipo de archivo o programa, más el nombre del archivo, más la
extensión en este caso propia del lenguaje de programación dinámico PHP.
Install
En los sitios web más avanzados como los CMS suele ser necesario efectuar un proceso de instalación y configuración
previa, antes de su uso. Los archivos que hacen posible el funcionamiento del proceso de instalación suelen guardarse
en la carpeta install.
index.php
Página principal e inicial del sitio web a partir de la cual se accede a todos los contenidos. El único cambio que se
produce con respecto a la estructura de la web estática es el tipo de archivo, la extensión y el lenguaje de programación
inc.head.php
Es muy frecuente que la página principal o inicial del sitio web esté compuesta por distintos fragmentos CSS para
estructurar la información, hacen que el encabezamiento de la página se particione generando el archivo "inc.head.php".
El prefijo inc, indica que se trata de un "include" o añadido que se ensambla con la página principal. Seguido de un
punto se indica el componente head y finalmente la extensión del archivo.
inc.menu.php También se modula para formar parte de un archivo más del ensamblaje final de la página principal.
inc.foot.php El pie de página también mantiene el mismo modelo de parcelación visto en el encabezado y el menú.

Php y MySqul

  • 1.
    PHP y MySql DiseñoWeb Mtra. Ana Elena García Pumarino Asesor On Line
  • 2.
    Indroducción PHP se enfocaprincipalmente a la programación de Scripts del lado del servidor
  • 3.
    Cliente Vs Servidor Esnecesario entender que las tecnologías usadas tanto para el cliente como para el servidor son diferentes, ahora explicaremos esas diferencias.
  • 4.
    Cliente Vs Servidor Cliente Cliente ServidorServidor Petición Respuesta Cuandoun cliente hace la petición de una página web, el servidor devuelve esta petición y se muestra en pantalla. Si la página solicitada tiene código HTML, Java Script, CSS, será el navegador quien procesa el código que contiene la página en cuestión. Cuando la petición se realiza del lado del servidor, este devuelve la petición de la misma manera que del lado del cliente. Pero cuando la petición llega al servidor, éste procesa el código PHP que contenga la página web visitada o incluso crea la conexión a bases de datos. Cliente Cliente Petición Respuesta
  • 5.
    Cliente Vs Servidor Cliente Cliente ServidorServidor Petición Respuesta Lastecnologías que se ejecutan casi siempre del lado del cliente son: •Java Script, •VBScript, •Apples Java •HTML •CSS Cliente Cliente Petición Respuesta Los lenguajes de programación interpretados que se ejecutan del lado del servidor son: •PHP •JSP •Perl •ASP
  • 6.
    Trabajando con elServidor Al programar en PHP, el lenguaje se ejecuta en el servidor, por lo tanto es necesario tener disponible un servidor web para realizar pruebas en cuanto al código, funcionamiento y cualquier tipo de cambio que vayamos programando. Y para esto tenemos dos opciones:
  • 7.
    Crear tu propioServidor Los Bundle son paquetes de instalación completos que permiten convertir tu PC en un local host. Existen muchos tipos de paquetes para diferentes gustos y usos; tienen la ventaja de contener: el Servidor, el Manejador de base de datos y los formularios PHP y My Admin, que es como una consola de administración que hace más sencillo manejar las bases de datos MySql.
  • 8.
    PHP Como hemos mencionadoanteriormente, PHP es un lenguaje de programación del lado del servidor, por lo tanto es hora de encender los servicios del paquete servidor que instalamos con anterioridad cualquiera que este sea: Y verificar que todo los servicios funcionan perfectamente al arrancar el paquete.
  • 9.
    PHP Otro aspecto importantees organizar la información en carpetas, es decir, vamos a crear varias carpetas en donde vamos a almacenar nuestras páginas: HTML css PHP (nombre de los archivos.html) (nombre de los archivos.php) (nombre de los archivos.css)
  • 10.
    PHP A diferencia dela forma de ver una página en el navegador creada por HTML o CSS, en PHP debemos abrir un navegador web, verificar que el servidor apache del local host este activado, y tendrás que escribir en la línea de dirección http://localhost/nombre_carpeta que contenga el archivo index.php, después del ENTER verás la página creada en tu navegador. Es decir: http://localhost/php Como podrás observar no es necesario escribir el nombre index.php por que lo toma por default, pero si tu no lo has guardado con el nombre de index.php y le diste otro nombre como pagina_1.php, entonces deberás escribir: http://localhost/php/pagina_1.php Mtra. Ana Elena García PumarinoMtra. Ana Elena García Pumarino
  • 11.
    PHP Entonces las etiquetasPHP se muestran incluidas de la siguiente manera: Mtra. Ana Elena García PumarinoMtra. Ana Elena García Pumarino <!doctype html> <html lang=”en”> (Idioma en inglés) <head> <meta charset=”UTF-8”> (código de estructura HTML5) <title>Escribir aquí</title> </head> <body> <?php /*Todo lo que esta incluido en print “Bienvenidos al curso“ estas etiquetas será interpretado ?> por el servidor web.*/ </body> </html>
  • 12.
    MySql • MySql esun gestor de base de datos BBDD relacional, multihilo y multiusuario. Mtra. Ana Elena García PumarinoMtra. Ana Elena García Pumarino
  • 13.
    Gestor de Basede datos 1. Es importante verificar que los servicios del paquete estén encendidos para permitirnos realizar todas las tareas con MySql. 2. Cabe recordar que al igual que PHP se puede trabajar con dos gestores de base de datos, el local y la conexión en remoto por las pruebas que se realizan al estar creando las bases de datos y lo haremos desde la opción: phpMyAdmin. Mtra. Ana Elena García PumarinoMtra. Ana Elena García Pumarino
  • 14.
    Crear base dedatos Verás una pantalla como esta en la cual podrás observar que ya hay una serie de bases de datos por defecto que no se deben eliminar ya que contienen información necesaria para que el gestor de BD MySql funcionen correctamente y donde se puede crear una nueva base de datos, con un nombre específico : Mtra. Ana Elena García PumarinoMtra. Ana Elena García Pumarino Bases de datos por defecto
  • 15.
    SQL El SQL delas siglas Structures Query Lenaguage, es decir un lenguaje de estructura que permite especificar diferentes tipos de operaciones. •Es un lenguaje universal, •Se utiliza para crear y manipular bases de datos en MySql desde una página web PHP. •Insertar o eliminar campos o registros. Este lenguaje permite comunicarse con la base de datos remota para poder manipularla teniendo y poder tener una página Web programada con código PHP. Mtra. Ana Elena García PumarinoMtra. Ana Elena García Pumarino
  • 16.
    Estructura típica deuna página web dinámica Mtra.AnaElenaGarcíaPumarinoMtra.AnaElenaGarcíaPumarino CSS Almacena todos los archivos de estilo CSS. Documents Se ubican todos los tipos de documentos, archivos y páginas HTML. Images Se guardan todas las imágenes de tipo ilustrativo que acompañan al contenido. de tipo jpg, png . Interface Se guardan todos los gráficos utilizados en el interfaz visual del sitio web. java Carpeta en la que se guardan los archivos applet de java. functions Carpeta que almacena las distintas funciones básicas del sitio web, Los archivos contenidos deberían tener la forma "func.nombre.php", es decir, prefijo identificativo del tipo de archivo o programa, más el nombre del archivo, más la extensión en este caso propia del lenguaje de programación dinámico PHP. modules Formada por los distintos módulos y extensiones, ó añadidos de las funciones básicas del sitio web. Por ejemplo un módulo para la traducción , la gestión de plantillas CSS, etc. Los archivos contenidos deberían tener la forma "mod.nombre.php", es decir, prefijo identificativo del tipo de archivo o programa, más el nombre del archivo, más la extensión en este caso propia del lenguaje de programación dinámico PHP. Install En los sitios web más avanzados como los CMS suele ser necesario efectuar un proceso de instalación y configuración previa, antes de su uso. Los archivos que hacen posible el funcionamiento del proceso de instalación suelen guardarse en la carpeta install. index.php Página principal e inicial del sitio web a partir de la cual se accede a todos los contenidos. El único cambio que se produce con respecto a la estructura de la web estática es el tipo de archivo, la extensión y el lenguaje de programación inc.head.php Es muy frecuente que la página principal o inicial del sitio web esté compuesta por distintos fragmentos CSS para estructurar la información, hacen que el encabezamiento de la página se particione generando el archivo "inc.head.php". El prefijo inc, indica que se trata de un "include" o añadido que se ensambla con la página principal. Seguido de un punto se indica el componente head y finalmente la extensión del archivo. inc.menu.php También se modula para formar parte de un archivo más del ensamblaje final de la página principal. inc.foot.php El pie de página también mantiene el mismo modelo de parcelación visto en el encabezado y el menú.