XAMPP

II-PARCIAL
DISEÑO WEB I
Aprender a utilizar lenguaje de
programacion que permita el
uso de un dominio atraves de un
servidor.
26 de Abril del año 2023

PREPARAR XAMPP PARA SU USO
1. Dar click en el boton de inicio de su pc, y ubicar xampp en la barra de tareas.
2. Abrir xampp
3. Activar apache y mysql
4. Para verificar que funciona, ir al navegador y colocar http//localhost:8088
Instalar y configurar open php/html/js in browser
5. Abrir visual code
6. Dar click en extensiones y abrir open in bro
7. Seleccionar open php/html/js in browser
8. Dar click en instalar
9. 5 dar click en configuracion de extension
10. Ir a selección open-php-html-in browser: custom url to open y escribir la
direccion del host.
Localhost:8088, sino cambio el puertos solo escribir localhost
1. Ir a la seccion document root folder y escribir la direccion C:\xampp\htdocs\
2. Ir a la seleccion de browser y seleccionar el navegado de preferencia.
3. Ir a la seccion url to open y seleccionar localhost, pero si cambio seleccionar
custom.
4. Guardar cambios.
Configurar php como variable de entorno de windows
5. En el cuadro de busqueda, escribir variables
6. Dar click en editar variable
7. Ir a opciones avanzadas
8. Dar click en variable de entorno
9. En el grupo de variables de usuarios, dar click en path
10. Dar click en editar
11. Dar click en nuevo, y escribir la ruta donde esta instalado xampp
12. Dar click en aceptar

ESTRATEGIA DE APRENDIZAJE #1
 DEFINA Y ESTABLEZCA DIFERENCIAS ENTRE LOS SIGUIENTES
TERMINOS:
1. Diseño Web?
2. Desarrollo Web?
3. Sitio Web?
BASE DE DATOS
Es un conjunto de datos relacionados y almacenados de tal forma que en un Sistema puede recuperar y
enviar informacion a la misma.
Campo Tipo Longitud Predeterminado Indice

Codigo Int Primary
Nom_producto Text 100 NULL
Costo Decimal 11,2 NULL
Porc_venta Int 3 NULL
Precio_venta Decimal 11,2 NULL
Imagen Text 100 NULL
Stock Int 11 NULL
fecha Date CURRENT_TIMESTAMP
PASOS PARA CREAR BASE DE DATOS
1. Iniciar apache y mysql en xampp
2. Abrir el navegador
3. Colocar en la direccion LOCALHOST:8088/PHPMYADMIN/
4. Dar click en nueva
5. Dar el nombre de SISTEM_DISEÑO
6. Crear
7. Escribir el nombre de la tabla INVENTARIO
8. Columnas 8 y continuar.
9. Agregar los campos
10. Continuar
11. Guardar
APACHE
ES EL SERVIDOR WEB HTTP DE CODIGO ABIERTO PARA LA CREACION DE PAGINAS
WEB.
Wampserver: es un entorno de Desarrollo web para windows

con el que se pueden crear aplicaciones con bases de datos en
mysql
MYSQL: Es un Sistema de administracion de bases de datos
relacionales. En consecuencia.
Servidor Web:es un programa que procesa una aplicacion del lado

del servidor, realizando conexiones
bidireccionales/unidericcionales.
PHP
ES un lenguaje de programacion de codigo abierto y del lado del servidor,originalmente disenado
para el desarrolllo web del contenido dinamico.
Programar con PHP: para trabajar con php se require de un

servidor web preconfigurado.
Estructura basica de PHP. Cada linea de codigo php

Etiqueta de apertura de termina con punto y coma.
<?PHP PHP
echo “Trabajando con apache”; //comentario de linea
?>
Las // indican que lo que
Etiqueta de cierre de PHP sigue es un comentario.
VARIABLES EN PHP
Una variable es un espacio en la memoria que se puede modificar durante la ejecucion del programa. En
PHP a la variable se le antepone el signo del ($). Tomar en Cuenta que las variables son sencibles a las
mayusculas y ,minusculas.
EJEMPLO:
• $nombre= “clase”;
• $Sueldo = “ 7800”;
• Para mostrar el valor de una variable se utiliza la sentencia ECHO.

• EJEMPLO:
<?php Se le asigna Dios a la

$n=“Dios”: variable N
$t=“laboratorio”:
echo” $n,$t”;
?>
OPERADOR EN PHP
Es algo que toma uno o mas valores y
produce otro valor de modo que la
construccion es la misma.
OPERADORES DE ASIGNACION:
Se utilizan para asignar o almacenar
valores en variables: SI $b=5 y $a=1
 Operadores aritmeticos  Operadores de comparacion
Son utilizados para la comparacion de dos o mas

Son utilizados para operaciones aritmeticas valores, donde va devolver un valor boleano ( true,
Si $B=2 y $A=10 false)
PRIMER PROGRAMA
<HTML>
<HEAD>
<TITLE>Primer Ejemplo de PHP</TITLE>
</HEAD>
<BODY>
<?php
echo “Hola mundo PHP”;
?>
</BODY>
</HTML>
EJECUTAR UN PROGRAMA
1. Guarde el programa diseñado con extensión .php en

la carpeta www de la siguiente dirección:
C:/wamp/www
2. Abra el explorador de internet
3. En la barra de dirección digite
http://localhost/nombreejercicio.php
4. Compruebe si funciona.
HTML PHP
 <HTML>  <?php
 <HEAD>  $n=“informatica”;
 <TITLE>Mi primer programa en  $t=“tecnico”
PHP</TITLE>  Echo “$n,$t”
 </HEAD>  ?>
 <BODY>
 <?PHP
 print (“<P>Hola mundo</P>”);
 ?>
 </BODY>
 </HTML>
ACTIVIDADES PRACTICAS
 <html>  <html>
 <head>  <head>
 <title></title>  <title></title>
 </head>
 </head>
 <body>
 <body>
 <h1>Break en la ventana del navegador </h1>
 <h1>Primer ejemplo de Variables </h1>
 <p>
 <p>  <?php
 <?php  $Name = "Miguel";
 $Name = "Miguel";  echo "Hola <b>$Name</b>, encantado de
 echo "Hola <b>$Name</b>, encantado de conocerte<br>";
conocerte";  echo "Gracias por venir!";
 ?>  ?>
 </p>  </p>
 </body>  </body>
 </html>
 </html>
1. Crear una aplicacion que sume 2 1. Crear una aplicacion con los
numeros. siguientes datos.
2. Cooper tiene 7 automoviles y
desea repartirlos en partes iguales
2. Crear una aplicacion que me de
entre sus 2 hijos. Marcos, y
todas las 4 operaciones basicas.
Raquel; si quedan autos que no se
3. Crear una aplicacion que muestre puedan asignar, y para que no
su nombre, edad, Carrera, entren en disputa se le debe dar a
identidad, sexo, lugar de Pedro una amigo muy querido de
domicilio. la familia. Cuantos autos le
corresponden a cada uno.
FORMULARIOS
 ACTION
Se indica el script que va procesar la
información que recogemos en el formulario.
 METHOD
Es la forma en la cual se enviaran los datos
por la red. La diferencia:
GET envía los datos usando la URL.
POST los envía por la entrada estándar
STDIO.
ETIQUETAS DE FORMULARIO
1. <form></form> se utiliza para 1. Label: sirve para mostrar el
definir la estructura del formulario nombre visible de los campos.
dentro de un documento html. 2. Input type: sirve para crear los
2. id: se utiliza para asignarle el campos.
nombre al formulario. 3. Submit: para crear los botones de
3. Action: especifica el destino de envio.
los datos.
4. Method: especifica la forma en
que sera enviado el formulario.
SINTAXIS BASICA DE FORMULARIO
 <form id=“formulario” action=“enviado.php” method=“post”>
 <legend> formulario de ejemplo</legend>
 <label> nombre</label>
 <input id=“campo1” name=“nombre” type=“text”/>
 <label> Email</label>
 <input id=“campo2” name=“email” type=“text”/>
 <input type="submit" value="enviar datos" id="submit">
 </form>
FORMULARIOS EN PHP
▪ Al insertar el primer botón en el diseño del entorno gráfico, se
inserta en el código la instrucción FORM, que contendrá todos y
cada uno de los controles insertados, por ejemplo:
<form id="form1" name="form1" method="post" action="">
<label>NOMBRE EMPLEADO:
<input type="text" name="n" id="textfield" /><p>
<label>SUELDO:
<input name="s" type="text" id="textfield2" size="9" maxlength="9" /><p>
<input type="submit" name="button" id="button" value="CALCULAR" /></p>
</form>
INGRESO DE DATOS
▪ En PHP el ingreso de datos se lo realiza mediante la sentencia
POST, es un método que convierte los datos ingresados en las
cajas de texto a valores numéricos, para ello se utiliza el código
$ que llama al método. Ejemplo
▪ $nombre=$_POST['n'];
Como observamos el método POST encierra entre corchetes al
nombre de la caja de texto.
CONEXION DEL POST
<?php
// RECIBO TODOS LOS DATOS DEL FORMUARIO
include_once('db.php');
$Nombre_cliente=$_POST['nombre'];
$Apellido_cliente =$_POST['apellido'];
$Direccion_cliente =$_POST['direccion'];
$Identidad_cliente =$_POST['identidad'];
$Codigo_cliente =$_POST['codigo'];
EJERCICIO
 Crear un formulario para cada base
de datos segun los creados en
mysql.

XAMPP

Cargado por

Copyright:

Formatos disponibles

XAMPP

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

XAMPP

Cargado por

Copyright:

Formatos disponibles

II-PARCIAL

26 de Abril del año 2023

6. Dar click en editar variable

8. Dar click en variable de entorno

9. En el grupo de variables de usuarios, dar click en path

10. Dar click en editar

12. Dar click en aceptar

Campo Tipo Longitud Predeterminado Indice

Wampserver: es un entorno de Desarrollo web para windows

Servidor Web:es un programa que procesa una aplicacion del lado

Programar con PHP: para trabajar con php se require de un

Estructura basica de PHP. Cada linea de codigo php

• Para mostrar el valor de una variable se utiliza la sentencia ECHO.

<?php Se le asigna Dios a la

Son utilizados para la comparacion de dos o mas

1. Guarde el programa diseñado con extensión .php en

 print (“<P>Hola mundo</P>”);

 <input id=“campo1” name=“nombre” type=“text”/>

 <input id=“campo2” name=“email” type=“text”/>

 <input type="submit" value="enviar datos" id="submit">

También podría gustarte