SlideShare una empresa de Scribd logo
1 de 16
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ú.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (13)

Mi presentacion
Mi presentacionMi presentacion
Mi presentacion
 
Bd web
Bd webBd web
Bd web
 
Configuración y aplicación de php
Configuración y aplicación de phpConfiguración y aplicación de php
Configuración y aplicación de php
 
Acceso a base de datos con php
Acceso a base de datos con phpAcceso a base de datos con php
Acceso a base de datos con php
 
Introducción a PHP
Introducción a PHPIntroducción a PHP
Introducción a PHP
 
Páginas dinámicas
Páginas dinámicasPáginas dinámicas
Páginas dinámicas
 
Php ppt
Php pptPhp ppt
Php ppt
 
Introducción a programación con PHP
Introducción a programación con PHPIntroducción a programación con PHP
Introducción a programación con PHP
 
Historia de PHP
Historia de PHPHistoria de PHP
Historia de PHP
 
Diseño e instalación de sitios web (PHP hypertext preprocessor)
Diseño e instalación de sitios web (PHP hypertext preprocessor)Diseño e instalación de sitios web (PHP hypertext preprocessor)
Diseño e instalación de sitios web (PHP hypertext preprocessor)
 
Php
PhpPhp
Php
 
Generalidades php
Generalidades phpGeneralidades php
Generalidades php
 
Servidor Http
Servidor HttpServidor Http
Servidor Http
 

Destacado (15)

Roger schank
Roger schankRoger schank
Roger schank
 
Css posicionamiento de pag web presentacion de la semana
Css posicionamiento de pag web      presentacion de la semanaCss posicionamiento de pag web      presentacion de la semana
Css posicionamiento de pag web presentacion de la semana
 
Aspectos económicos ambientales
Aspectos económicos ambientalesAspectos económicos ambientales
Aspectos económicos ambientales
 
Generación de interfases de usuario
Generación de interfases de usuarioGeneración de interfases de usuario
Generación de interfases de usuario
 
E. semana 2 módulo 1
E. semana 2 módulo 1E. semana 2 módulo 1
E. semana 2 módulo 1
 
Editor de paginas web (pres semana)
Editor de paginas web (pres semana)Editor de paginas web (pres semana)
Editor de paginas web (pres semana)
 
Desarrollo web
Desarrollo web Desarrollo web
Desarrollo web
 
Editor de paginas web (pres semana)
Editor de paginas web (pres semana)Editor de paginas web (pres semana)
Editor de paginas web (pres semana)
 
Capitulo 2 sistemas de informacion
Capitulo 2 sistemas de informacionCapitulo 2 sistemas de informacion
Capitulo 2 sistemas de informacion
 
Presentación análisis y administración de riesgo
Presentación análisis y administración de riesgoPresentación análisis y administración de riesgo
Presentación análisis y administración de riesgo
 
Fase de los proyectos de inversion
Fase de los proyectos de inversionFase de los proyectos de inversion
Fase de los proyectos de inversion
 
Evaluacion de proyecto informático
Evaluacion de proyecto informáticoEvaluacion de proyecto informático
Evaluacion de proyecto informático
 
Medidas de usabilidad
Medidas de usabilidadMedidas de usabilidad
Medidas de usabilidad
 
Inicio presentación 1
Inicio presentación 1Inicio presentación 1
Inicio presentación 1
 
Pruebas de usabilidad
Pruebas de usabilidadPruebas de usabilidad
Pruebas de usabilidad
 

Similar a Php y MySqul (20)

Servidor PHP
Servidor PHPServidor PHP
Servidor PHP
 
Servidor PHP
Servidor PHPServidor PHP
Servidor PHP
 
Apache
ApacheApache
Apache
 
nn
nnnn
nn
 
Tutorial php basico
Tutorial php basicoTutorial php basico
Tutorial php basico
 
Curso TIC de PHP y MSQL
Curso TIC de PHP y MSQLCurso TIC de PHP y MSQL
Curso TIC de PHP y MSQL
 
QUE ES PHP
QUE ES PHPQUE ES PHP
QUE ES PHP
 
paginas web
paginas webpaginas web
paginas web
 
Páginas web
Páginas web Páginas web
Páginas web
 
Manual php
Manual phpManual php
Manual php
 
C1_Conceptos básicos de sitios web y su funcionamiento.pdf
C1_Conceptos básicos de sitios web y su funcionamiento.pdfC1_Conceptos básicos de sitios web y su funcionamiento.pdf
C1_Conceptos básicos de sitios web y su funcionamiento.pdf
 
Programacion web-Lenguajes del lado del servidor
Programacion web-Lenguajes del lado del servidorProgramacion web-Lenguajes del lado del servidor
Programacion web-Lenguajes del lado del servidor
 
Diseño web
Diseño webDiseño web
Diseño web
 
Que es una pagina web
Que es una pagina webQue es una pagina web
Que es una pagina web
 
Php tema 4
Php tema 4Php tema 4
Php tema 4
 
Php
PhpPhp
Php
 
Terminología web
Terminología webTerminología web
Terminología web
 
Practica09
Practica09Practica09
Practica09
 
Php 6 y Mysql
Php 6 y MysqlPhp 6 y Mysql
Php 6 y Mysql
 
Php
PhpPhp
Php
 

Más de Anel García Pumarino (10)

1ro prepa trabajos
1ro prepa trabajos1ro prepa trabajos
1ro prepa trabajos
 
Museo Virttual 3ro de Prepa
Museo Virttual 3ro de PrepaMuseo Virttual 3ro de Prepa
Museo Virttual 3ro de Prepa
 
Simmilarities
SimmilaritiesSimmilarities
Simmilarities
 
Global warning
Global warningGlobal warning
Global warning
 
Tsunami (natural disaster)
Tsunami (natural disaster)Tsunami (natural disaster)
Tsunami (natural disaster)
 
Tipos de estructuras
Tipos de estructurasTipos de estructuras
Tipos de estructuras
 
Actividad 1 semana 3
Actividad 1 semana 3Actividad 1 semana 3
Actividad 1 semana 3
 
Profesor
ProfesorProfesor
Profesor
 
Generación de interfases de usuarios
Generación de interfases de usuariosGeneración de interfases de usuarios
Generación de interfases de usuarios
 
Ingeniería de usabilidad
Ingeniería de usabilidadIngeniería de usabilidad
Ingeniería de usabilidad
 

Último

el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzprofefilete
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
Ecosistemas Natural, Rural y urbano 2021.pptx
Ecosistemas Natural, Rural y urbano  2021.pptxEcosistemas Natural, Rural y urbano  2021.pptx
Ecosistemas Natural, Rural y urbano 2021.pptxolgakaterin
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arteRaquel Martín Contreras
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosCesarFernandez937857
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Carlos Muñoz
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAEl Fortí
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PCCesarFernandez937857
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...JonathanCovena1
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.José Luis Palma
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...JAVIER SOLIS NOYOLA
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdfDemetrio Ccesa Rayme
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxAna Fernandez
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoFundación YOD YOD
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxzulyvero07
 

Último (20)

el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
 
Ecosistemas Natural, Rural y urbano 2021.pptx
Ecosistemas Natural, Rural y urbano  2021.pptxEcosistemas Natural, Rural y urbano  2021.pptx
Ecosistemas Natural, Rural y urbano 2021.pptx
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arte
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos Básicos
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PC
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativo
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
 

Php y MySqul

  • 1. PHP y MySql Diseño Web Mtra. Ana Elena García Pumarino Asesor On Line
  • 2. Indroducción PHP se enfoca principalmente a la programación de Scripts del lado del servidor
  • 3. 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.
  • 4. 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
  • 5. 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
  • 6. 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:
  • 7. 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.
  • 8. 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.
  • 9. 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)
  • 10. 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
  • 11. 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>
  • 12. 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
  • 13. 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
  • 14. 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
  • 15. 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
  • 16. 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ú.