Академический Документы
Профессиональный Документы
Культура Документы
100000S09T
Carreras para Gente que Trabaja
GUIA DE LABORATORIO
SEMANA 1:
Los estudiantes construyen una página web con el editor Sublime Text 2 y utilizan los recursos
aprendidos en la semana.
a. Encabezado
b. Contenido
i. Titulo
ii. Subtitulo
iii. Párrafo
iv. Imagen
SEMANA 2:
Los estudiantes construyen una página web basándose en las indicaciones del docente.
Formulario.
Crea una página web que contenga un formulario con los siguientes campos de información:
Debes crear una página web que tenga el mismo aspecto que la siguiente imagen:
Taller de Programación Web
100000S09T
Carreras para Gente que Trabaja
SEMANA 3:
Los estudiantes construyen una página web utilizando la hoja de estilo CSS.
a) A partir del código HTML proporcionado, añadir las reglas CSS necesarias para que la
página resultante tenga el mismo aspecto que el de la siguiente imagen:
Taller de Programación Web
100000S09T
Carreras para Gente que Trabaja
b) Definir las reglas CSS que permiten mostrar los enlaces con los siguientes estilos:
SEMANA 4:
SEMANA 5:
• Descargar el XAMPP
• Instalar el XAMPP
• Iniciar Panel de Control XAMPP
• Ejecutar Página de Inicio.
• Gestionar paginas mediante PHPMyAdmin
• Crear una página web con nombre: miprimeraweb.php
• Guardar la carpeta \XAMPP\htcdocs
• Abrimos desde firefox la siguiente direccion localhost\miprimeraweb.php
Los estudiantes construyen una página dinámica con operaciones matemáticas básicas u otras.
Las operaciones aritméticas las básicas son la suma, la resta, multiplicación, división, residuo,
incremento y decremento.
Operaciones Aritméticas
Operación Símbolo
Suma +
Resta –
Multiplicación *
División /
Residuo o Modulo %
Incremento ++
Decremento —
Ejemplo
<HEAD>
<TITLE>OPERADORES ARITMÉTICAS</TITLE>
</HEAD>
<BODY BGCOLOR="#000000" TEXT="#BBBBBB" TOPMARGIN=100>
<CENTER>
<H1>OPERACIONES ARITMÉTICAS</H1>
<?php
$n1=100;
Taller de Programación Web
100000S09T
Carreras para Gente que Trabaja
$n2=50;
$suma=$n1+$n2;
$resta=$n1-$n2;
$mult=$n1*$n2;
$div=$n1/$n2;
$residuo=$n1%2;
$increment=$n1;
$increment++;
$decrement=$n2;
$decrement--;
echo "<hr>"."LA SUMA DE ".$n1." + ".$n2." = ".$suma;
echo "<hr>"."LA RESTA DE ".$n1." - ".$n2." = ".$resta;
echo "<hr>"."LA MULTIPLICACIÓN DE ".$n1." * ".$n2." = ".$mult;
echo "<hr>"."LA DIVISIÓN DE ".$n1." / ".$n2." = ".$div;
echo "<hr>"."EL RESIDUO DE ".$n1." % 2 = ".$residuo;
echo "<hr>"."EL INCREMENTO ".$n1." ES: ".$increment;
echo "<hr>"."EL DECREMENTO ".$n2." ES: ".$decrement;
?>
</CENTER>
</BODY>
SEMANA 6:
Realizar un formulario que conste de dos textBox, la primera para escribir los apellidos y la
segunda el nombre.
Además se le agregara un botón que realice el envío de los datos de apellidos y nombre.
Si el usuario no escribe en alguno de los textBox, se deberá notificar mediante un texto “Faltan
datos”.
SEMANA 7:
Pagina1
< ?php
session_start();
?>
< !DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>Pagina 1</title>
</head>
<body>
< ?php
if(isset($_SESSION['nombre'])){
echo "<p>Has iniciado sesion: " .
$_SESSION['nombre'] . "";
echo "<p><a href='pagina3.php'>Cerrar
Sesion</a></p>";
}else {
?>
<form action="pagina2.php" method="POST">
<p>Nombre:<input type="text" placeholder="Tu
Nombre!" name="nombre" required/></p><br />
<input type="submit" value="Enviar" />
</form>
< ?php}
?>
<a href="pagina2.php">Ir a pagina 2</a>
</body>
</html>
Taller de Programación Web
100000S09T
Carreras para Gente que Trabaja
Pagina2
< ?php
session_start();
?>
< !DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>Pagina 2</title>
</head>
<body>
< ?php
if(isset($_POST['nombre'])){
$_SESSION['nombre'] = $_POST['nombre'];
echo "Bienvenido! Has iniciado sesion:
".$_POST['nombre'];
}else{
if(isset($_SESSION['nombre'])){
echo "Has iniciado Sesion:
".$_SESSION['nombre'];
}else{
echo "Acceso Restringido";
}
}
?>
<br /><a href="pagina1.php">Ir a pagina 1</a>
</body>
</html>
Taller de Programación Web
100000S09T
Carreras para Gente que Trabaja
Pagina3
< ?php
session_start();
session_destroy();
?>
< !DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>Pagina 3</title>
</head>
<body>
<p>Has Cerrado Sesion</p>
<br /><a href="pagina1.php">Ir a pagina 1</a>
</body>
</html>
2. Creación de Cookies
Escriba una página que permita crear una cookie de duración limitada, comprobar el
estado de la cookie y destruirla. La duración de la cookie es de máximo 60 segundos.
SEMANA 8:
Servidor: localhost
Usuarios
Campo Tipo
nombre VARCHAR(50)
clave VARCHAR(50)
En esta tabla deben registrar a los usuarios con sus respectivas claves.
Tenemos que crear el archivo funciones.php el cual tendrá las siguientes funciones:
Para utilizar este archivo solo bastaría poner include (‘funciones.php’) para incluirlo en cualquier
script de php.
Luego de terminado el archivo antes citado se tendrá que crear otro archivo el cual tendrá el
formulario de entrada index.php. Este formulario debe tener los siguientes datos:
• Usuario
• Password
Este formulario debe enviar los valores (usuario y clave) hacia el archivo index2.php
Este archivo tendrá la función de verificar si los usuarios están registrados y si pueden acceder a la
página ingreso.php, en caso no este registrado envía nuevamente al usuario a la página de inicio
index.php.
La página ingreso.php es una página que mostrara el siguiente mensaje “usuario admitido”
Taller de Programación Web
100000S09T
Carreras para Gente que Trabaja
• Realizar la fig1:
(90,90)
Datos:
(10,10)
Fig1
• Realizar la fig2:
Datos:
Fig. 2
• Crear un captcha propio para comprobar que quien entra a la página es una persona y no
una máquina