Você está na página 1de 13

UNIVERSIDAD ABIERTA Y A DISTANCIA DE MEXICO

INGENIERIA EN DESARROLLO DE SOFTWARE


GRUPO: DS-DPW1-1602-B1-001
FACILITADOR: MTRA. ESTHER LOZANO CANDIA
PROGRAMACION WEB 1

ALUMNO: ARTURO GONZALEZ CORTES


MATRICULA: ES1410908882

UNIDAD 2
ACTIVIDAD 4

Sitio web con PHP


1.-Identificar algunas etiquetas del cdigo para la creacin de la
pgina web esttica.
Etiquette
<!DOCTYPE html>
<h3></h3>
<body background=fondo.jpg>
</body>
<p> </p>
<img src=imagen.gif />
<title>actividad3</title>
<table border="5px"
ALIGN=center> </table>
</br>
<h2> </h2>
<iframe src=" </iframe>
<FONT FACE="arial">
<table> </table>
<tr> </tr>
<td> </td>

description
Tipo de documento que se ha
creado
Encabezado tamao h3
Cuerpo de la pagina con un fondo
llamado fondo.jpg
parrafo
Insertar imagen
Titulo en la pestaa
Table con marco de 5px
Salto de pagina
Encabezado 2
Insretar mapa de google
Tipo de fuente arial
tabla
Filas de una tabla
Celdas comunes

2.-Codigo
<!DOCTYPE html>
<html>

<marquee width="85%" scrolldelay="0">


<h3><p>

RELACION DE EQUIPOS EN SERVICIO ZONA CUAUTITLAN DIVISIN VALLE DE


MEXICO NORTE
</p></h3>
</marquee>
<img src="../../../../NET_3/unidad%202/tareas/Nueva%20carpeta
%20(2)/fondonaran.jpg" width="1550" height ="100" border=2 alt="" />

<head>
<meta charset="utf-8">

<title>actividad4</title>

<meta name="author" content="Control_AGC" >


<style type="text/css">

</style>
</head>

<body background="../../fondo3.jpg">
<h2 id="ele1">INICIO</h2>
<ul>
<li><a href="#ele1">INICIO</a></li>
<li><a href="#ele2">MAPA</a></li>
<li><a href="#ele3">Equipos Restauradores</a></li>
</ul>

<a name="a2"><p><font size=4 color="ff0000"><b></b></font></a>


<br><img src="../../barra4.gif" width="1800" height="36" alt="" />

<table border="5px" ALIGN=center> <!-- Lo cambiaremos por CSS -->


<tr>
<th>Numero</th>
<th>Nomenclatura</th>
<th>Marca</th>
<th>Direccion</th>
<th>Serie</th>
<th>status</th>
</tr>

<tr>
<td>1</td>
<td>c23-1767</td>
<td>Arteche</td>
<td>Avenida 1 de Mayo sin numero</td>
<td>1234567</td>
<td>Online</td>
</tr>
<tr>
<td>2</td>
<td>c23-567</td>
<td>Arteche</td>
<td>Tropicos 45 colonia atlanta</td>
<td>ER456734</td>
<td>Online</td>
</tr>
<tr>
<td>3 </td>
<td>c23-091</td>
<td>Sel</td>
<td>Avenida de los oceanos</td>
<td>4567543</td>
<td>Online</td>
</tr>

<tr>
<td>4</td>
<td>c23-1767</td>
<td>Arteche</td>

<td>Avenida 1 de Mayo sin numero</td>


<td>1234567</td>
<td>Online</td>
</tr>
<tr>
<td>5</td>
<td>c23-567</td>
<td>Arteche</td>
<td>Tropicos 45 colonia atlanta</td>
<td>ER456734</td>
<td>Online</td>
</tr>
<tr>
<td>6 </td>
<td>c23-091</td>
<td>Sel</td>
<td>Avenida de los oceanos</td>
<td>4567543</td>
<td>Online</td>
</tr>
<tr>
<td>7</td>
<td>c23-1767</td>
<td>Arteche</td>
<td>Avenida 1 de Mayo sin numero</td>
<td>1234567</td>
<td>Online</td>
</tr>
<tr>
<td>8</td>

<td>c23-567</td>
<td>Arteche</td>
<td>Tropicos 45 colonia atlanta</td>
<td>ER456734</td>
<td>Online</td>
</tr>
<tr>
<td>9 </td>
<td>c23-091</td>
<td>Sel</td>
<td>Avenida de los oceanos</td>
<td>4567543</td>
<td>Online</td>
</tr>
<tr>
<td>10 </td>
<td>c23-091</td>
<td>Sel</td>
<td>Avenida de los oceanos</td>
<td>4567543</td>
<td>Online</td>
</tr>

<tr>
<td>11</td>
<td>c23-1767</td>
<td>Arteche</td>
<td>Avenida 1 de Mayo sin numero</td>
<td>1234567</td>
<td>Online</td>

</tr>
<tr>
<td>12</td>
<td>c23-567</td>
<td>Arteche</td>
<td>Tropicos 45 colonia atlanta</td>
<td>ER456734</td>
<td>Online</td>
</tr>
</table>
<a name="a2"><p><font size=4 color="ff0000"><b></b></font></a>
<br><img src="../../barra4.gif" width="1800" height="36" alt="" />
<li><a href="#ele1">INICIO</a></li>

<h2 id="ele2">MAPA</h2>

<a name="a2"><p><font size=4 color="ff0000"><b></b></font></a>

<h3>MAPA DE GEOLOCALIZACION EQUIPOS RESTAURADORES</h3>


<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!
1d8937.194190832835!2d-99.2034036333551!3d19.64322623020787!2m3!
1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1ses!2smx!4v1472245955384"
width="600" height="450" frameborder="0" style="border:0"
allowfullscreen></iframe>
<br><img src="../../barra4.gif" width="1800" height="36" alt="" />
<li><a href="#ele1">INICIO</a></li>

<h2 id="ele3">Equipos Restauradores</h2>


<a name="a2"><p><font size=4 color="ff0000"><b></b></font></a>

<p>Los Equipos restauradores Arteche </p>


<img src="../../arteche.jpg" width="301" height="167" alt="" /></br>
<FONT FACE="arial">
El Restaurador Arteche tipo Smart RC realiza la reconexion y puesta de nuevo
en servicio de las lineas aereas</br>
de distribucion y constituye una pieza fundamental en los pregramas de
automatizacion de las mismas, consigui- </br>
endo una drastica reduccion de los ceros de tension y su duracion.</br>
Mediante el uso de Restauradores se puede conocer con precision el estado
de la lineas, sus parametros, cargas</br>
tensiones frecuencia de forma que se determina no solo la situacion de la
linea, sino tambien sus fallas y la evo-</br>
lucion de las mismas.</FONT>
<p>Los Equipos restauradores Cooper </p>
<img src="../../cooper.jpg" width="301" height="167" alt="" /></br>
<FONT FACE="arial">
El Restaurador NOVA es trifasico y con interrrupcion por vacio y ha sido
diseado para sistemas de distribucion de</br>
energia electrica de hasta 34.5 Kvs.El restaurador NOVA ha sido diseado y
probado para ser compatible con los con-</br>
troles de Cooper Power Systems.El Restaurador Nova esta disponible con dos
alternativas de configuracion:</br>
interfaz con alimentacion auxiliar.
</FONT>
</br>

************************************************************************
<div class="group">
<form action="registro.php" method="POST">
<h2><em>Formulario de Registro</em></h2>

<label for="nombre">Nombre
<span><em>(requerido)</em></span></label>
<input type="text" name="nombre" class="form-input" required/>

<label for="apellido">Apellido
<span><em>(requerido)</em></span></label>
<input type="text" name="apellido" class="form-input" required/>

<label for="email">Email
<span><em>(requerido)</em></span></label>
<input type="email" name="email" class="form-input" />
<center> <input class="form-btn" name="submit" type="submit"
value="Suscribirse" /></center>
</p>
</form>
</div>

*************************************************************************
<li><a href="#ele1">INICIO</a></li>
</body>
</html>
Etiquette
<?php ?>
$db_host="localhost:8080";

description
Inicio y fin de codigo
Asignacion de variable

if (!$db_connection) {
die('No se ha podido
conectar a la base de datos');
}
$db_table_name="datosprincipal
es";
$insert_value = 'INSERT
INTO `' . $db_name . '`.`'.
$db_table_name.'` (`nombre` ,
`apellido` , `email`) VALUES ("' .

condicion

Variable nombre de la tabla


Insertar valores del formulario

$subs_name . '", "' . $subs_last .


'", "' . $subs_email . '")';
$db_connection =
mysql_connect($db_host,
$db_user, $db_password);

Conexion a la base de datos

$subs_name =
utf8_decode($_POST['nombre']);

El metodo post soluciona


problemas de contraseas

if (!$retry_value) {
die('Error: ' . mysql_error());
}

Error al insertar, condicin no


conexin correcta en una pagina
llamada Sucess.html

header('Location: Success.html');
}
mysql_close($db_connection);

Cerrar conexion

3.-Codigo php del formulario


<?php
$db_host="localhost";
$db_user="root";
$db_password="89110737";
$db_name="baseuno";
$db_table_name="datosprincipales";
$db_connection = mysql_connect($db_host, $db_user, $db_password);

if (!$db_connection) {
die('No se ha podido conectar a la base de datos');
}
$subs_name = utf8_decode($_POST['nombre']);
$subs_last = utf8_decode($_POST['apellido']);
$subs_email = utf8_decode($_POST['email']);

$resultado=mysql_query("SELECT * FROM ".$db_table_name." WHERE Email =


'".$subs_email."'", $db_connection);

if (mysql_num_rows($resultado)>0)
{

header('Location: Fail.html');

} else {

$insert_value = 'INSERT INTO `' . $db_name . '`.`'.$db_table_name.'`


(`nombre` , `apellido` , `email`) VALUES ("' . $subs_name . '", "' . $subs_last .
'", "' . $subs_email . '")';

mysql_select_db($db_name, $db_connection);
$retry_value = mysql_query($insert_value, $db_connection);

if (!$retry_value) {
die('Error: ' . mysql_error());
}

header('Location: Success.html');
}

mysql_close($db_connection);

?>

IMPRESIONES DE PANTALLA

FUENTES:
(2016, 01). MANUAL BASICO DE DISEO DE PAGINAS WEB. Obtenido 01, 2016, de
https://www.um.es/atica/documentos/html.pdf

Você também pode gostar