Documentacion De Mi Pagina

16
INSTITUTO TECNOLOGICO SUPERIOR DE LERDO LICENCIATURA EN INFORMATICA TOPICOS AVANZADOS DE BASES DE DATOS DOCUMENTACION DE MI PÁGINA EN XML BRENDA CAROLINA PEREZ IBARRA I.S.C. E.D. M.E. Ricardo Bustamante Gonzalez

description

documentacion de mi pagina realizada con dreamweaver y xml

Transcript of Documentacion De Mi Pagina

Page 1: Documentacion De Mi Pagina

INSTITUTO TECNOLOGICO SUPERIOR DE LERDO

LICENCIATURA EN INFORMATICA

TOPICOS AVANZADOS DE BASES DE DATOS

DOCUMENTACION DE MI PÁGINA EN XML

BRENDA CAROLINA PEREZ IBARRA

I.S.C. E.D. M.E. Ricardo Bustamante Gonzalez

8 SEM 10/marzo/10

Page 2: Documentacion De Mi Pagina

MUNDO DE LAS REDES

LOGIN

//SE HACE LA COMPARCION DEL USUARIO Y CONTRASEÑA

<?php

$error = false;

if(isset($_POST['login'])){

$username = preg_replace('/[^A-Za-z]/', '', $_POST['username']);

$password = md5($_POST['password']);

if(file_exists('users/' . $username . '.xml')){

$xml = new SimpleXMLElement('users/' . $username . '.xml', 0, true);

if($password == $xml->password){session_start();

$_SESSION['username'] = $username;

header('Location: index.php');

die;

}

}

$error = true;

Page 3: Documentacion De Mi Pagina

} ?>

//INICIO DEL DOCUMENTO EN XML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

//INICIO <head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

//TITULO DE LA PAGINA<title>LOGIN</title>

//SE CIERRA </head>

<head>

<title>login</title>

</head>

//COLOR DE LA INTERFAZ DE USUARIO

<body bgcolor="#33CCFF" >

//TITULO PRINCIPAL EN LA INTERFAZ

<h1><P align="center">INTRODUCE TUS DATOS</h1>

<form method="post" action="">

//ETIQUETAS REQUERIDAS

<p><P align="center">USUARIO <input type="text" name="username" size="20" /></p>

<p><P align="center">CONTRASEÑA <input type="password" name="password" size="20" /></p>

//CONFIRMACION DEL USUARIO Y CONTRASEÑA SI ALGUNO DE LOS DOS ES INCORRECTO TE MOSTRARA ESTE ERROR Y TIENES QUE VOLVER A INGRSARLOS

<?php

if($error){

echo '<p>CHECA TU NOMBRE O CONTRASEÑA YA QUE SON INVALIDOS</p>';

} ?>

//BOTON PARA INGRESAR A LA PAGINA

<p><P align="center"><input type="submit" value="ENTRAR" name="login" /></p>

Page 4: Documentacion De Mi Pagina

</form>

//SI AUN NO TIENES UN REGISTRO, TE PUEDES REGISTRAR EN ESTE LINK

<a href="register.php">OBTENER UN REGISTRO</a>

<body>

</body>

</html>

OBTENER UN REGISTRO

//COMPARACION DE LOS DATOS, SI EL USUARIO YA XISTE TE MANDA EL MENSAJE DE QUE EL USUARIO YA EXISTE.

<?php

$errors = array();

if(isset($_POST['login'])){

$username = preg_replace('/[^A-Za-z]/', '', $_POST['username']);

$email = $_POST['email'];

$password = $_POST['password'];

$c_password = $_POST['c_password'];

if(file_exists('users/' . $username . '.xml')){

Page 5: Documentacion De Mi Pagina

$errors[] = 'El usuario ya existe';

}

//SI NO LLENAS TODOS LOS CAMPOS QUE SE TE PIDEN TE MADARA EL SIGUINTE MENSAJE USUARIO ESTA EN BLANCO POR EJEMPLO, SEGÚN SEA EL CASO

if($username == ''){

$errors[] = 'Usuario esta en blanco';

}

if($email == ''){

$errors[] = 'Email esta blanco';

}

if($password == '' || $c_password == ''){

$errors[] = 'Los passwords estan en blanco';

}

if($password != $c_password){

$errors[] = 'Los passwords no coinciden';

}

if(count($errors) == 0){

$xml = new SimpleXMLElement('<user></user>');

$xml->addChild('password', md5($password));

$xml->addChild('email', $email);

$xml->asXML('users/' . $username . '.xml');

header('Location: login.php');

die;

}

} ?>

//EMPIEZA EL CUERPO DEL DOCUMENTO XML SIMILAR AL DE LOGIN

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

Page 6: Documentacion De Mi Pagina

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Documento sin t&iacute;tulo</title>

</head>

<head>

<title>REGISTRO</title>

</head>

<body bgcolor="#CC66CC">

<h1><p align="center">REGISTRO</h1>

<form method="post" action="">

<?php

if(count($errors) > 0){

echo '<ul>';

foreach($errors as $e){

echo '<li>' . $e . '</li>';

}

echo '</ul>';

} ?>

<p>USUARIO <input type="text" name="username" size="20" /></p>

<p>Email <input type="text" name="email" size="20" /></p>

<p>CONTRASEÑA<input type="password" name="password" size="20" /></p>

<p>CONFIRMAR CONTRASEÑA <input type="password" name="c_password" size="20" /></p>

<p><input type="submit" name="login" value="ENTRAR" /></p>

</form>

</body>

</html>

Page 7: Documentacion De Mi Pagina

INDEX

//EMPIEZA LA SESION DE LA PAGINA DE USUARIO

<?php

session_start();

if(!file_exists('users/' . $_SESSION['username'] . '.xml')){

header('Location: login.php');

die;

} ?>

//CUERPO DEL DOCUMENTO XML Y HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>INDEX</title>

</head>

<head>

<title>PAGINA DE USUARIO</title>

</head>

<body bgcolor="#0099FF">

<h1><P align="center">PAGINA DE USUARIO</h1>

Page 8: Documentacion De Mi Pagina

<h2><P align="center">BIENVENIDO<

?php

echo $_SESSION['username']; ?></h2>

<table>

<tr>

<th>USUARIO</th>

<th>Email</th></tr>

<?php

$files = glob('users/*.xml');

foreach($files as $file){

$xml = new SimpleXMLElement($file, 0, true);

echo '

<tr>

<td>'. basename($file, '.xml') .'</td>

<td>'. $xml->email .'</td>

</tr>';

} ?>

</table>

<hr />

//LINK PARA REDIRECCIONAR ALA PÁGINA PRINCIPAL

<a href="2.PHP">VISITAR CATALOGO</a></br>

//LINK PARA SALIR POR COMPLETO DE LA PÁGINA Y ENVIARNOS AL LOGIN

<a href="logout.php">SALIR</a></BR>

</body>

</body>

</html>

Page 9: Documentacion De Mi Pagina

CODIGO PARA SALIR (LOGOUT)

<?php

session_start();

session_destroy();

header('Location: login.php');

PAGINA PRINCIPAL

//código generado por Dreamweaver usando plantillas de inicio

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<!-- DW6 --><head>

<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->

//titulo de la página

<title>MUNDO DE LA RED</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

Page 10: Documentacion De Mi Pagina

<link rel="stylesheet" href="mm_travel2.css" type="text/css" />

<script language="JavaScript" type="text/javascript">

//--------------- LOCALIZEABLE GLOBALS ---------------

//código para aplicar la hora y fecha dentro de la pagina

var d=new Date();

var monthname=new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre");

var TODAY = monthname[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear();

//--------------- END LOCALIZEABLE ---------------

</script>

<style type="text/css">

<!--h1,h2,h3,h4,h5,h6 {

font-family: Times New Roman, Times, serif;}-->

</style></head>

<body bgcolor="#C0DFFD">

<table width="100%" border="0" cellspacing="0" cellpadding="0">

//código para implementar una imagen en la página

//titulo central de la página que se encuentra estatico

//con <p> es abrir la línea para el párrafo y cerrarla solo con </p>

//para dar un salto de línea <br/>

<tr bgcolor="#3366CC">

<td width="382" colspan="3" rowspan="2"><img src="images.jpeg" width="395" height="275" border="0" /></td>

<td width="378" height="63" colspan="3" id="logo" valign="bottom" align="center" nowrap="nowrap"><p>&nbsp;</p> <p>&nbsp;</p>

<p><b/>BIENVENIDO AL MUNDO <br/>DE LAS REDES</p> </td>

<td width="100%">&nbsp;</td> </tr>

//subtitulo seguido del titulo

Page 11: Documentacion De Mi Pagina

<tr bgcolor="#3366CC">

<td height="64" colspan="3" id="tagline" valign="top" align="center">Brenda Carolina Perez Ibarra</td>

<td width="100%">&nbsp;</td> </tr>

//insertar imagen de lado derecho

<tr><td colspan="7" bgcolor="#003366"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td> </tr>

<tr bgcolor="#CCFF99">

<td colspan="7" id="dateformat" height="25">&nbsp;&nbsp;<script language="JavaScript" type="text/javascript"> document.write(TODAY);

</script></td> </tr>

<tr> <td colspan="7" bgcolor="#003366"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td> </tr>

<tr> <td width="165" valign="top" bgcolor="#E6F3FF">

<table border="0" cellspacing="0" cellpadding="0" width="165" id="navigation">

<tr> <td width="165">&nbsp;<br /> &nbsp;</td> </tr>

//enlace con una pagina local

<tr><td width="165"><a href="3.PHP" title="Information">Informacion sobre el mundo de las redes</a></td>

<td>&nbsp;</td>

<td width="100%">&nbsp;</td> </tr>

//enlace con una pagina local

<tr> <td width="165"><a href="1.PHP" title="Information">Promociones del mes</a></td> </tr>

//enlace para salir de la pagina y que nos mande al login

<tr><td width="165"><a href="LOGOUT.PHP" title="Information">SALIR</a></td> </tr>

//enlace a la dirección e-mail

<tr><br/> <a href="mailto:[email protected]"title="E-mail de la empresa ">Contactame</a> </table></a><br />

&nbsp;<br />

Page 12: Documentacion De Mi Pagina

&nbsp;<br />

&nbsp;<br /> </td>

<td width="50"><img src="mm_spacer.gif" alt="" width="50" height="1" border="0" /></td>

<td width="305" colspan="2" valign="top"><img src="mm_spacer.gif" alt="" width="305" height="1" border="0" /><br />

&nbsp;<br />

&nbsp;<br />

//texto de bienvenida estático

<table border="0" cellspacing="0" cellpadding="0" width="305">

<tr><td class="pageName">BIENVENIDO AL MUNDO DE LA RED<br/></td></tr>

<tr> <td class="bodyText"><p>Tengan ustedes la mas cordial bienvenida!!! <br/>Este sitio ha sido creado mas que nada para aquellos que requieren mas ancho de banda en su computadora. <br/>En este sitio puedes encontrar solo accesorios que requieras para obtender mas ancho de banda dentro de la red, estos accesorios pueden ser tanto alambricos como inhalambrico. <br/><br/></p> </p>

<img src="../imagenes par la web/7.jpeg" width="185" height="180"/></td> </tr> </table>  <br /> </td> <BR/>

<td width="50"><img src="mm_spacer.gif" alt="" width="0" height="1" border="0" /></td>

<td width="190" valign="top"><br /> &nbsp;<br />

<table border="0" cellspacing="0" cellpadding="0" width="190">

<tr> <td colspan="3" class="subHeader" align="center">NUEVOS PRODUCTOS</td>

</tr>

<tr> <td width="40"><img src="mm_spacer.gif" alt="" width="40" height="1" border="0" /></td>

//imágenes a la derecha seguida de su descripcion

<td width="110" id="sidebar" class="smallText"><br />

<p><img src="img0000D.jpg" alt="imagenes" width="122" height="101" vspace="6" border="0" /><br /> Adaptador Usb Wifi. Hasta 300 Metros De Alcance Wifi 2.4ghz,

Page 13: Documentacion De Mi Pagina

5.4mpbs,usb 2.0.. El mas Potente <br/> $ 199,00 <br/>Artículo nuevo 51 vendidos México . </p>

<p><img src="img0000P.jpg" alt="Image 2" width="130" height="107" vspace="6" border="0" /><br /> Tarjeta Red Pci Encore Wireless 54 Mbps 802.11g Inalambrica <br/>$ 159,00 <br/>Artículo nuevo 35 vendidos Mexico <br /></p> <br />

&nbsp;<br />

&nbsp;<br /></td>

<td width="40">&nbsp;</td></tr></table> </td>

<td width="100%">&nbsp;</td> </tr>

<tr> <td width="165">&nbsp;</td>

<td width="50">&nbsp;</td>

<td width="167">&nbsp;</td>

<td width="138">&nbsp;</td>

<td width="50">&nbsp;</td>

<td width="190">&nbsp;</td>

<td width="100%">&nbsp;</td> </tr></table></body></html>

SEGUNDA PAGINA DE CATALOGO O PROMOCIONES

//EN SI CASI ES EL MISMO CODIGO UE EL ANTERIOR YA UE ES GENERADO POR DREAMWEAVER SOLO NECESITAS REVISAR CON MUCHA ATENCION EL CODIGO PARA UE PUEDAS APLICAR SEGUN LO UE SE TE PIDA O TE SEA CONVENIENTE.

Page 14: Documentacion De Mi Pagina

TERCERA PAGINA DE INFORMACION SOBRE LA EMPRESA

//CONTINUO CON LOMISMO ES EL MISMO CODIGO SOLO LA DIFERENCIA ES LA PLANTILLA SOLO TE SUGIERO REVISES BIEN EL CODIGO PARA QUE HAGAS LOS CAMBIOS SEGUN SEA TU NECESIDAD