Você está na página 1de 101

UNIVERSIDAD POLITÉCNICA

DE TULANCINGO

ING.
SISTEMAS
COMPUTACIONAL
ES

ASIGNATURA:
PROGRAMACIÓ
N WEB

CATEDRÁTICO:
JORGE GASCA
BUSTOS.
PROYECTO:
CARPETA DE
EVIDENCIAS.

ALUMNAS:
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

EMMA
TEMPLOS GAYOSSO
ANA MA.
MUÑOZ AGUIRRE

CUATRIMESTRE:
NOVENO
GRUPO: 2

INDICE GENERAL

CARPETA DE EVIDENCIAS

I……………………………………………………3

CARPETA DE EVIDENCIAS

2………………………………………………….21

CARPETA DE EVIDENCIAS

3………………………………………………….31

CONCLUSIONES

GENERALES……………………………………………….7

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

ÍNDICE I

INTRODUCCIÓN………………...............................5

QUE SE PUEDE HACER CON PHP.....................6

FORMATO DEL CÓDIGO....................................7

EJEMPLO HOLAMUNDO...................................7

SQL Y MYSQL....................................................8

TIPOS DE DATOS MYSQL..................................9

PROGRAMAS EN PHP CODIGO........................11

GLOSARIO........................................................16

CONCLUSIÓN PRIMER PARCIAL....................20

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

INTRODUCCIÓN

PHP (Hypertext Pre-processor, Personal Home


Pages)

Es un lenguaje de programación, relativamente nuevo


concebido principalmente como herramienta para el
desarrollo de aplicaciones Web. Nos permite diseñar
páginas dinámicas de servidor, es decir, generar páginas
bajo petición capaces de responder de manera inteligente
a las demandas del cliente que nos permitan
automatización de gran cantidad de tareas. Si definimos a
PHP en una línea decimos que es un lenguaje interpretado
de alto nivel embebido en paginas HTML y ejecutado en el
servidor.

Su éxito se debe al haberse convertido en el complemento


ideal para el popular tándem Linux- Apache en el desarrollo
de sitios web, pero los mas destacable del lenguaje una de
sus principales características que mas a influido en su
popularización es la sencillez de uso que presenta a los
programadores principiantes combinada con las
posibilidades avanzadas que proporciona al programador
profesional en la comunicación con bases de datos,
comunicación vía sockets, generación de gráficos entre
otras cosas es orientado a objetos similar a c++

Modulo Usuario
PHP
Entrada

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

Resultados Salida
Respuesta

Procesa

QUE SE PUEDE HACER CON PHP


Usado principalmente para programar scripts que se van a
ser ejecutados en servidores Web, no debemos olvidar que
puede utilizarse como cualquier otro lenguaje, para escribir
programas que se ejecuten desde la línea de comandos, es
decir sin la necesidad de que se ejecute conjuntamente con
un servidor Web. Es en el entorno Web donde ha
conseguido mayor aceptación, y es que PHP no solo
permite realizar todas las acciones propias de un script CGI
tradicional (procesamiento de formularios, manipulación de
cookies, generación de páginas con contenidos
dinámicos…) sino que también nos proporciona las
siguientes posibilidades:

 Soporte para múltiples sistemas operativos: Unix,


Microsoft, Linux, Mac, IBM y AS/400

 Soporte para múltiples Servidores Web: Apache,


Microsoft Internet Informa tión Server, Personal
Web Server, Netscape y muchos otros más.

 Soporte para múltiples bases de datos: Adabas D,


Ingres, Oracle, dBase, MS-SQL, Sybase, IBM DB2,
Informix, Unix dbm y My SQL, entre otros.

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

 Soporte para ODBC y extensiones DBX.

 Soporte ara comunicarse con otros servicios usando


protocolos como LADP, IMAP, NNTP, POP3, HTTP,
COM y muchos otros más.

 Pueden utilizarse objetos de forma transparente,


como objetos PHP.

 La extensión de CORBA puede ser utilizada para


acceder a objetos remotos.

 Manejo de expresiones regulares POSIX extended o


Perl.

Razones para usar PHP.

 Fácil de aprender.

 Acceso a Base de datos.

 Creación de documentos, pdf, imágenes, películas


flash

 Soporte de comunicación con otro servicios

 Procesamiento de textos

 Este ampliamente probado como herramienta y se


puede utilizar en cualquier plataforma. Existen
numerosos recursos de en la web que pueden
facilitar el desarrollo de las aplicaciones (Bibliotecas
de clases).

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

FORMATO DEL CÓDIGO PHP

Delimitadores

PHP esta muy relacionado con el lenguaje de


hipertextos HTML; tanto así que el código PHP
aparece normalmente insertado dentro de un
documento HTML. El documento PHP, una vez
interpretado correctamente en el servidor, genera
una pagina HTML que será enviada al cliente, tal y
como muestra el siguiente grafico.

B
B
Petición PH D
D
P
INTER
NET
HTM
L
Interprete
Servidor Web de PHP

Respuesta

Para diferenciar ambos lenguajes dentro del mismo


documento, se utilizan etiquetas de comienzo y final del
código PHP, En su uso es muy importante el uso de
variables y para esto utilizamos el signo de $.

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

Las etiquetas mas habituales para delimitar los bloques de


código PHP son las siguientes:

<? Php
Instrucción PHP
?>
EJEMPLO 1

Hola Mundo en PHP

<html>
<head>
<title>Hola Mundo</title>
</head>
<body>
<?
$texto = 'Hola mundo';
echo $texto;
?></body>
</html>
SQL Y MySQL

 Existen dos tipos de comandos SQL

 Los DLL que permiten crear y definir nuevas bases


de datos, campos e índices.

 o Los DML que permiten generar consultas para


ordenar, filtrar y extraer datos de la base de datos.

 Create: utilizado para crear nuevas tablas, campos e


índices

• Create table client (Digver int, Nombre


varchar(5),), Apemat varchar (25)) constraint
pk primary key (Nombre)

 Drop: empleado para eliminar tablas e índices

• drop table cliente

 Alteraciones de tablas (alter table): comando que


sirve para modificar, eliminar o agregar campos a
alguna tabla. su sintaxis es la siguiente:

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

• Modificar campo existente: alter table (tabla)


alter column (campo) (tipo nuevo)

 alter table cliente alter column


nombre varchar(25)

• Agregar campo: alter table (tabla) add


column (campo y tipo)

 alter table cliente add column apetem


varchar(25)

• Eliminar campo: alter table (tabla) drop


column (campo)

 alter table cliente drop column


apetem

COMANDOS DML

• Select:

• Utilizado para consultar registros de la base


de datos que satisfagan un criterio
determinado

• Insert:

• Utilizado para cargar lotes de datos en la


base de datos en una única operación
ejemplo: insert into cliente (rutcli, digver,
nombre, apepat, apemat) values (1, '9',
'fulano', 'de', 'tal')

• Update:

• Utilizado para modificar los valores de los


campos y registros especificados Ejemplo:
Update cliente set nombre = 'mengano'
where rutcli = 1

• Delete:

• Utilizado para eliminar registros de una tabla


de una base de datos Ejemplo: Delete cliente
Where rutcli = 1

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

TAREA DE TIPOS DE DATOS QUE ACEPTA


MYSQL

Tipos de datos en mysql


 Al diseñar nuestras tablas tenemos que
especificar el tipo de datos y tamaño que
podrá almacenar cada campo. Una correcta
elección debe procurar que la tabla no se
quede corta en su capacidad, que destine un
tamaño apropiado a la longitud de los datos,
y la máxima velocidad de ejecución

 Básicamente mysql admite dos tipos de


datos: números y cadenas de caracteres.
Junto a estos dos grandes grupos, se admiten
otros tipos de datos especiales: formatos de
fecha, etc.

Datos numéricos
 En este tipo de campos solo pueden
almacenarse números, positivos o negativos,
enteros o decimales, en notación
hexadecimal, cientifica o decimal.
Los tipos numéricos tipo integer admiten los
atributos SIGNED y UNSIGNED indicando en
el primer caso que pueden tener valor
negativo, y solo positivo en el segundo.

 Los tipos numéricos pueden además usar el


atributo ZEROFILL en cuyo caso los números
se completaran hasta la máxima anchura
disponible con ceros (column age INT(5)
zerofill => valor 23 se almacenará como
00023)

BIT o BOOL, para un número entero que puede ser 0 ó 1

TINYINT es un número entero con rango de valores válidos


desde -128 a 127. Si se configura como unsigned (sin
signo), el rango de valores es de 0 a 255

SMALLINT, para números enteros, con rango desde


-32768 a 32767. Si se configura como unsigned, 0 a 65535.

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

MEDIUMINT para números enteros; el rango de valores va


desde -8.388608 a 8388607. Si se configura como
unsigned, 0 a 16777215

INT para almacenar números enteros, en un rango de


-2147463846 a 2147483647. Si configuramos este dato
como unsigned, el rango es 0 a 4294967295

BIGINT número entero con rango de valores desde


-9223372036854775808 a 9223372036854775807.
Unsigned, desde 0 a 18446744073709551615.

FLOAT (m,d) representa números decimales. Podemos


especificar cuantos dígitos (m) pueden utilizarse (término
también conocido como ancho de pantalla), y cuantos en la
parte decimal (d). Mysql redondeará el decimal para
ajustarse a la capacidad.

DOUBLE Número de coma flotante de precisión doble. Es


un tipo de datos igual al anterior cuya única diferencia es el
rango numérico que abarca

DECIMAL almacena los números como cadenas.

CARACTERES O CADENAS

CHAR Este tipo se utiliza para almacenar cadenas de


longitud fija. Su longitud abarca desde 1 a 255 caracteres.

VARCHAR Al igual que el anterior se utiliza para almacenar


cadenas, en el mismo rango de 1-255 caracteres, pero en
este caso, de longitud variable. Un campo CHAR ocupará
siempre el máximo de longitud que le hallamos asignado,
aunque el tamaño del dato sea menor (añadiendo espacios
adicionales que sean precisos). Mientras que VARCHAR solo
almacena la longitud del dato, permitiendo que el tamaño
de la base de datos sea menor. Eso si, el acceso a los datos
CHAR es mas rápido que VARCHAR.

No pueden alternarse columnas CHAR y VARCHAR en la


misma tabla. Mysql cambiará las columnas CHAR a
VARCHAR. También cambia automáticamente a CHAR si
usamos VARCHAR con valor de 4 o menos.

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

Tinytext, tinyblob para un máximo de 255 caracteres. La


diferencia entre la familia de datatypes text y blob es que
la primera es para cadenas de texto plano (sin formato) y
case-insensitive (sin distinguir mayúsculas o minúsculas)
mientras que blob se usa para objetos binarios: cualquier
tipo de datos o información, desde un archivo de texto con
todo su formato (se diferencia en esto de el tipo Text)
hasta imágenes, archivos de sonido o video

Text y blob se usa para cadenas con un rango de 255 -


65535 caracteres. La diferencia entre ambos es que TEXT
permite comparar dentro de su contenido sin distinguir
mayúsculas y minúsculas, y BLOB si distingue.

Mediumtext, mediumblob textos de hasta 16777215


caracteres.

Longtext, longblob, hasta máximo de 4.294.967.295


caracteres

VARIOS
DATE para almacenar fechas. El formato por defecto es
YYYY MM DD desde 0000 00 00 a 9999 12 31.

DATETIME Combinación de fecha y hora. El rango de


valores va desde el 1 de enero del 1001 a las 0 horas, 0
minutos y 0 segundos al 31 de diciembre del 9999 a las 23
horas, 59 minutos y 59 segundos. El formato de
almacenamiento es de año-mes-día horas: minutos:
segundos

TIMESTAMP Combinación de fecha y hora. El rango va


desde el 1 de enero de 1970 al año 2037. El formato de
almacenamiento depende del tamaño del campo

TIME almacena una hora. El rango de horas va desde -838


horas, 59 minutos y 59 segundos a 838, 59 minutos y 59
segundos. El formato de almacenamiento es de 'HH:MM:SS'

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

YEAR almacena un año. El rango de valores permitidos va


desde el año 1901 al año 2155. El campo puede tener
tamaño dos o tamaño 4 dependiendo de si queremos
almacenar el año con dos o cuatro dígitos.

SET un campo que puede contener ninguno, uno ó varios


valores de una lista. La lista puede tener un máximo de 64
valores.

ENUM es igual que SET, pero solo se puede almacenar uno


de los valores de la lista

PROGRAMAS PHP

FACTORIAL DE UN NUMERO

<html>
<head>Factorial</head>
<body>
<?php
$num = $text1;
$factorial = 1;
for ($x=$num; $x>=1; $x--) {
$factorial = $factorial * $x;
}
echo "El factorial de $num es $factorial";
?>
</body>
</html>

SUMATORIA

<html>
<head>Sumatoria de 3,4,5</head>

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

<body>
<?php
echo "Sumatoria 3,4,5 <p>";
$num=1;
$suma=1;
echo $suma.", ";
while ($num<=100) {
for ($x=3;$x<=5;$x++) {
$suma=$suma+$x;
echo $suma.", ";
$num++;
}
$x=3;
}
echo "<p> 3,4,5 </p>";
?>
</body>
</html>

SERIE FIBONNACCI

<html>
<head><title>serie fibonnacci</title>
</head><h1>Serie Fibonnacci</h1> <body>
<br>
<?
$a=0;
$b=1;
$c=0;
$i=1;
$c=$a+$b;
echo $a,' ',$b,' ';
for($i;$i<=10;$i++){ $b=$a; $a=$c;$c=$a+$b;
echo $c,' ';
}
echo '<br><br><br> .';
?>
</body></html>
NUMEROS PRIMOS

echo "serie 1 <br><br>";


echo "1 - ";

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

for($i=1;$i<=100;$i++)
{
$aux=0;
for($j=1;$j<=100;$j++)
{
if($i%$j==0)
$aux=$aux+1;
}
if($aux==2)
echo $i." - ";
}

SUMATORIA SERIE 2

$n=1; $n=$n+3;
$b1=1; $b1=4;
echo $n."<br>"; echo $n."<br>";
while($n<=100) }
{ if($b1==4)
if($b1==1) {
{ $n=$n+2;
$n=$n+5; $b1=5;
$b1=2; echo $n."<br>";
echo $n."<br>"; }
} if($b1==5)
if($b1==2) {
{ $n=$n+1;
$n=$n+4; $b1=1;
$b1=3; echo $n."<br>";
echo $n."<br>"; }
} }
if($b1==3)
{

SERIE 3

echo "serie 3 <br><br>";


for($i=10000;$i>=0;$i--)
echo $i." - ";

SERIE 4
<? Php $sum=1; $acu=1;
do{ for($x=3;$x<=5;$x++){
if($sum>26){ $sum=$sum-26;}
switch($sum) {

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

Case 1: break;
echo "A ,"; case 15:
break; echo "O ,";
Case 2: break;
echo "B ,"; case 16:
break; echo "P ,";
case 3: break;
echo "C ,"; case 17:
break; echo "Q ,";
case 4: break;
echo "D ,"; case 18:
break; echo "R ,";
case 5: break;
echo "E ,"; case 19:
break; echo "S ,";
case 6: break;
echo "F ,"; case 20:
break; echo "T ,";
case 7: break;
echo "G ,"; case 21:
break; echo "U ,";
case 8: break;
echo "H ,"; case 22:
break; echo "V ,";
case 9: break;
echo "I ,"; case 23:
break; echo "W ,";
case 10: break;
echo "J ,"; case 24:
break; echo "X ,";
case 11: break;
echo "K ,"; case 25:
break; echo "Y ,";
case 12: break;
echo "L ,"; case 26:
break; echo "Z ,";
case 13: break;
echo "M ,"; }
break; $sum=$sum+$x;
case 14: $acu++;
echo "N ,"; }
$x=3; } while ?>
($acu<=50)

SERIE 5 PALINDROMO

<HTML >
<Head>
<title>Palindromos con PHP</title>

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

</head>
<body>
<?php
$cadena = "cualquier";
$separar = explode(" ", strtolower($cadena));// explode
permite separar una cadena en partes especificas strlower
convierte el texto o la cadena a minúsculas
foreach($separar as $palabra)
{
trim($palabra);// elimina espacios en blanco de una
cadena
$nuevo .= $palabra;
}
if($nuevo == strrev($nuevo)) //invierte la cadena y la
devuelve al revés
{
echo "Si es palíndromo";
}
else {
echo "No es palíndromo";
}
?>
</body>
</html>

USO DE CADENAS
<html>
<head>
<title>Formatos y Usos de Cadenas</title>
</head>
<body>
<?php //
$i=23.00005;
printf("El num en diferentes formatos %d, %f, %.2f",$i,$i,
$i);
echo"<br>";
echo strlen("12345"), "<br>";
$palabras=split(" ","prueba 1 ....");
for($i=0;$palabras[$i];$i++){
echo $palabras[$i],"<br>";
}
$resultado=sprintf("8x5= %d <br>",8*5 );
echo $resultado,"<br>";
echo substr("Devuelve una sub cadena de otra
",9,3),"<br><br>";
echo str_replace ("pez", "perro", "un pez verde, como
verde es la hierba."),"<br>";
?> </body> </html>

REPASO DE TEMAS

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

<html > <head> <title>PHP</title></head>


<body>
<? PHP
//serie de 1 2 3 7 22 155
$j=1;
for($i=1;$i<=10;$i++){
$i=($j*$a)+1;
echo $i. " ";
$a=$j;
$j=$i;
}
?>
</body> </html>

GLOSARIO I

Apache (Apache).
Servidor HTTP de dominio público basado en el sistema
operativo Linux. Apache fue desarrollado en 1995 y es
actualmente uno de los servidores HTTP más utilizados en
la red.

Browser: Navegador.

Base de datos.
Conjunto de información para varios usuarios. Suele
admitir la selección de acceso aleatorio y múltiples "vistas"
o niveles de abstracción de los datos subyacentes.

Banner
Imagen, gráfico o texto con fines publicitarios que
habitualmente enlaza con el sitio web del anunciante.

Boolean
Esta es la lógica que las computadoras usan para
determinar si una declaración es falsa o verdadera.

Buscador
Los buscadores (o motor de búsqueda) son aquellos que
están diseñados para facilitar encontrar otros sitios o
páginas Web. Existen dos tipos de buscadores, los spiders
(o arañas) como Google y los directorios, como Yahoo.

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

Código fuente
Conjunto de instrucciones que componen un programa,
escrito en cualquier lenguaje. En inglés se dice "source
code". Hay programas de código abierto y "de código
cerrado" como por ejemplo Windows, Photoshop, y la
mayoría de los programas comerciales, en donde el código
es inaccesible y por lo tanto no se puede alterar la estructura
del programa

Cliente\Servidor.
El modelo cliente-servidor se apoya en terminales (clientes)
conectadas a una computadora que los provee de un
recurso (servidor). De esta manera los clientes son los
elementos que necesitan servicios del recurso y el servidor
es la entidad que poseen el recurso. Los clientes sin
embargo no dependen totalmente del servidor. Ellos
pueden realizar los procesamientos para desplegar la
información (por ejemplo en forma gráfica). El servidor los
provee únicamente de la información sin hacerse cargo de
otros procesos. El tráfico en la red de esta forma se ve
aligerado y las comunicaciones entre las computadoras se
realizan más rápido.

Cross-platform
(multi -plataforma): se refiere a un programa o dispositivo
que puede ser utilizado, sin inconvenientes, en distintas
plataformas (sistemas) de hardware y sistemas operativos.

Home Page
Página con la que se inicia la información que cada usuario
o empresa presenta en la Web. Es la tarjeta de visita de
nuestra década, digital, multimedia e interactiva.

HTML
siglas del inglés HyperText Markup Language, "lenguaje de
etiquetado de hipertexto": es el lenguaje que se utiliza para
crear las páginas Web, un lenguaje muy sencillo que
permite combinar gráficos, textos y enlaces

Hosting: servicio de alquiler de un servidor externo para


alojar información y ponerla a disposición de los
navegantes de la Red.

IIS
Microsoft Internet Information Services. Servicios de
Información de Internet de Microsoft. IIS es un conjunto de
servicios basados en Internet, para maquinas con Windows.
Compite con Apache en el area de servidores web.

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

Interface
Interfaz o interface es el punto de conexión ya sea dos
componentes de hardware, dos programas o entre un
usuario y un programa.

Interfaz Gráfica de Usuario.


En inglés Graphic User Interface, corto como GUI.
Componente de una aplicación informática que el
usuario visualiza y a través de la cual opera con ella.
Está formada por ventanas, botones, menús e iconos,
entre otros elementos. Ejemplos, Mac OS, Windows y
X window.

Internet
Red mundial de ordenadores, tanto ordenadores
personales como superordenadores, que emplean el
protocolo TCP/IP para comunicarse. Ofrece una gran
cantidad de servicios a todo el que esté conectado a ella.

Internet Explorer
Program visualized de la World Wide Web.
Disponible gratuitamente desde
http://www.microsoft.com/ie.

Interface.
(Interfaz): cara visible de los programas. Interactúa con los
usuarios. La interface abarca las pantallas y su diseño, el
lenguaje utilizado, los botones y los mensajes de error,
entre otros aspectos de la comunicación
computadora/persona.
Linux, (Linux)
Versión de libre distribución del sistema operativo UNIX;
fue desarrollada por Linux Torvald.

Monitor.
El monitor o pantalla es un periférico de salida que
muestra los resultados de los procesamientos,
usualmente de forma gráfica, de una computadora.
Hay monitores de LCD y CRT.

MySQL
My SQL es uno de los Sistemas Gestores de Bases de Datos
más populares. Su ingeniosa arquitectura lo hace
extremadamente rápido y fácil de personalizar. La
extensiva reutilización del código dentro del software y una
aproximación minimalística para producir características
altamente funcionales, ha dado lugar a un sistema de
administración de base de datos de alta velocidad,

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

compactación, estabilidad y facilidad de despliegue. La


exclusiva separación del core server del manejador de
tablas, permite funcionar a MyQSL bajo control estricto de
transacciones o con acceso a disco no transaccional
ultrarrápido. Lo mantiene la empresa sueca MySql AB bajo
la licencia GPL (GNU Public License); puede utilizarse
gratuitamente y su código fuente está disponible.

Open office

Aplicación similar a Microsoft Office, que es compatible con


Word, Excel y PowerPoint, creado por la empresa
SUN. Recomendamos que lo pruebe, es gratis,
descárguelo en www.openoffice.org.

Open source
Código fuente abierto software libre, se refiere a un
programa cuyo código fuente está disponible al público
general, gratis, para usar y modificar. El software libre no
es siempre software gratuito (equivocación bastante
habitual que tiene su origen de la palabra en inglés "free"
que significa tanto "libre" como "gratuito"). Ver también
GPL.

Oracle
Oracle es una herramienta cliente/servidor para la gestión
de Bases de Datos. http://www.oracle.com

Página Web
Resultado en hipertexto o hipermedia que proporciona un
navegador del WWW después de obtener la información
solicitada. Su contenido puede ir desde un texto corto a un
voluminoso conjunto de textos, gráficos estáticos o en
movimiento, sonido, etc. Algunas veces el citado término
es utilizado incorrectamente en orden de designar el
contenido global de un sitio web, cuando en ese caso
debería decirse "Web site".

PHP
Hypertext Preprocessor. Lenguaje de script diseñado para
la creación de páginas web activas (similares a ".asp" de
Microsoft), muy popular en Linux, aunque existe también
versión para sistemas Microsoft. Concebido en el tercer
trimestre de 1994 por Rasmus Lerdorf, es usado

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

principalmente para la programación de CGIs para páginas


web, destaca por su capacidad de ser embebido en el
código HTML. Esta página, por ejemplo, esta programada
en PHP bajo un sistema operativo Linux. Para más info. ir al
sitio oficial, http://www.php.net

Plugins.
Programas que se agregan a un navegador del WWW
los cuales realizan funciones determinadas. Producen
la visualización de archivos multimedia y dan soporte
a archivos gráficos no estándares con el visualizador.

Programación Orientada a Objetos


Programación Orientada a Objetos (POO) es una filosofía de
programación que se basa en la utilización de objetos. El
objetivo de la POO es "imponer" una serie de normas de
desarrollo que aseguren y faciliten la mantenibilidad y
reusabilidad del código.

Servidor
ordenador que suministra información, a través de una red,
a otros ordenadores (llamados "clientes")

Servidor de Correo
Un servidor de correo (mail server) es la computadora
donde se ejecuta un programa de gestión de emails, como
por ejemplo Sendmail, Qmail y Microsoft Exchange.

Servidor Web
Un servidor web es el programa, y la computadora que lo
corre, que maneja los dominios y páginas web,
interpretando lenguajes como html y php, entre otros.
Ejemplos: Apache y Microsoft IIS.

SQL
Structured Query Language. Es un lenguaje especializado
de programación que permite realizar consultas (queries) a
bases de datos. Los orígenes del SQL están ligados a los de
las bases de datos relacionales. En 1970 Dr. E.F. Codd,
investigador de IBM, propone el modelo relacional y
asociado a este un sub-lenguaje de acceso a los datos
basado en el cálculo de predicados. Basándose en estas
ideas los laboratorios de IBM definen el lenguaje SEQUEL
(Structured English QUEry Language) que más tarde sería

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

ampliamente implementado por el SGBD experimental


System R, desarrollado en 1977 también por IBM. Sin
embargo, fue Oracle quien lo introdujo por primera vez en
1979 en un programa comercial. El SEQUEL terminaría
siendo el predecesor de SQL. La mayoría de las
aplicaciones de bases de datos complejas y muchas otras
más pequeñas pueden ser manejadas usando SQL. Es un
lenguaje de programación interactivo y estandarizado para
extraer información y actualizar una base de datos.

Vínculo
Link. Apuntadores hipertexto que sirven para saltar de una
información a otra, o de un servidor web a otro, cuando se
navega por Internet <--esto es un vínculo

Virtual
Término de frecuente utilización en el mundo de las
tecnologías de la información y de las comunicaciones el
cual designa dispositivos o funciones simulados.

CONCLUSIÓN PRIMER PARCIAL

PHP es un lenguaje de programación web interpretado de


alto nivel incrustado en páginas HTML. La mayoría de su
sintaxis es similar a C, Java y Perl. La meta de este lenguaje
es permitir escribir a los creadores de páginas web, páginas
dinámicas de una manera rápida y fácil. Lo que distingue a
PHP de la tecnología JavaScript, la cual se ejecuta en la
máquina cliente, es que el código PHP es ejecutado en el
servidor. Si tuviésemos un script similar al del ejemplo en
nuestro servidor, el cliente solamente recibiría el resultado
de su ejecución en dicho servidor, sin ninguna posibilidad
de determinar que código generó el resultado recibido. Un
servidor con estas características es configurado para que
procese todos los archivos HTML que contengan scripts en

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

PHP. La característica más potente y destacable de PHP es


su soporte para una gran cantidad de bases de datos.

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

ÍNDICE 2

MYSQL Y
PHP.....................................................................
............................. 23

CODIGO PHP Y
MYSQL................................................................
................... 24

COREL……………………..........................................
......................................... 26

FLASH………........................................................
............................................. 26

GLOSARIO..........................................................
.............................................. 27

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

CONCLUSIÓN SEGUNDO
PARCIAL…..........................................................
.. 30

BIBLIOGRAFIA……..............................................
............................................. 30

MYSQL

MySQL es un Sistema Gestor de Bases de Datos (SGBD).


Que ventajas tiene usar un SGBD para hacer una web, pues
muy sencillo, que no tendrás que volver a subir todas tus
paginas cuando quieras hacer una actualización, porque tu
harías una conexión a tu base de datos y solo tendrías que
actualizar allí, lo bueno es que es más complicado hacer
una página web, pero una vez terminada no tendrás que
tocar el código para nada, sino que tu solamente añades
registros con los datos que quieres que aparezcan en tu
pagina. También tiene la ventaja de brindar opciones
automáticas, puedes hacer un sistema de noticias y que se
añadan las noticas desde un formulario que hagas en tu
página web y no tener que actualizar la pagina de noticias

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

y volverla a subir para que estas aparezcan. Y como esto,


muchísimo más. Básicamente lo que ofrece una base de
datos es la centralización de la información para así facilitar
la vida.

MySQL, tal como define propiamente su parte de su


nombre (SQL - Structured Query Language), es el servidor
de bases de datos relacionales más comúnmente utilizado
en GNU/Linux. Fue desarrollado por la empresa MySQL AB,
que cedió las licencias correspondientes al proyecto
opensource, por lo que su rápido desarrollo es causa del
empeño de millones de programadores de todo el mundo.

Al ser un servidor de bases de datos relacionales, MySQL se


convierte en una herramienta veloz en la accesibilidad a los
datos introducidos en las distintas tablas independientes
que forman las bases de datos de este lenguaje. MySQL es
actualmente el sistema de bases de datos más popular de
la red. Casi la totalidad de servicios ofrecidos por nuestra
empresa incluyen el soporte para bases de datos MySQL.

PHP

PHP significa Pre-procesador de hipertexto (Hypertext


Preprocessor).

PHP es un lenguaje de scripting que sirve para generar


dinámicamente paginas web, en otras palabras cuando
solicitas una pagina web que no es estática, digamos que
su contenido no es el mismo siempre, como en una
búsqueda, se envían los datos de búsqueda al servidor y
los procesa el script, este mismo script reúne los datos y
los acomoda en la pagina con el formato adecuado y
después los envía de regreso como una pagina web.

Por lo regular lo utilizan webmasters o administradores de


sitios web, para crear contenido dinámico y poder

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

interactuar de alguna manera con el usuario de dicho sitio.

También lo puede usar cualquier persona que quiera crear


un sitio web y darle algunas funcionalidades extras, como
un mini chat un foro o cosas así.

CODIGO PHP Y MYSQL

<?php

function Conectarse()

if (!($link=mysql_connect("localhost","root","upt")))

echo "Error conectando a la base de datos.";

exit();

if (!mysql_select_db("emma",$link))

echo "Error seleccionando la base de datos.";

exit();

} else{

echo"coneccion establecida";

return $link;

$link=Conectarse();

echo "Conexión con la base de datos


.<br><br><br><br>";

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

mysql_close($link); //cierra la conexion

?> </body> </html>

<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>
<body>
<?php
include("coneccion1.php");
$link=Conectarse();
$result=mysql_query("select*from empleado",$link);
?>
<table border=1 cellspacing=2 cellpadding=2>
</tr>
<tr>
<td>&nbsp;ID</td>
<td>&nbsp;Nombre</td>
<td>&nbsp;Edad</td>
<td>&nbsp;Sexo</td>
<td>&nbsp;Domicilo</td>
</tr>
<?php
while($row=mysql_fetch_array($result)){
printf("<tr>
<td>&nbsp;%s</td>
<td>&nbsp;%s&nbsp;</td>
<td>&nbsp;%s</td>
<td>&nbsp;%s&nbsp;</td>
<td>&nbsp;%s</td>
</tr>",$row["ID"],$row["Nombre"],
$row["Edad"],$row["Sexo"],$row["Domicilo"]);
}
mysql_free_result($result);
mysql_close($link);
?>
<table border=1 cellspacing=2 cellpadding=2>
</tr>
<tr>
<td>&nbsp;Idempresa</td>
<td>&nbsp;Nombre</td>
<td>&nbsp;Ubicacion</td>
<td>&nbsp;Pago_emple</td>

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

<td>&nbsp;Pago_nom</td>
</tr>

</body>
</html>

CORELDRAW

Es un programa avanzado de edición gráfica con funciones


básicas de composición de página, utilizado en el ámbito
de las artes gráficas. Es parte del paquete de software
Corel Graphics Suite y es desarrollado por Corel
Corporation.

PARA QUÉ SIRVE COREL

CorelDRAW sirve para editar gráficos basados en vectores.


Este tipo de gráficos, a diferencia de los gráficos en forma
de píxeles, utiliza líneas o curvas para plasmar las figuras
gráficas que representan. De esta forma, por ejemplo, la
figura de un cuadrado puede ser representada por cuatro
líneas y no por una sucesión de píxeles en un arreglo de
dimensión estática. Como ejemplo, pueden ser dibujados —
utilizando herramientas vectoriales— una invitación,
logotipos, ilustraciones, folletos, calendarios, tarjetas,
afiches, volantes, letreros, etc. Y no sirven para ser
representados paisajes, fotografías, cuadros, retratos, etc.
Un punto importante en las imágenes vectoriales, es que al
estar definidas mediante curvas, estas pueden variar su
tamaño y aun así tener la misma información, es decir,
mantienen la calidad. De igual forma, las imágenes
vectoriales están compuestas por un conjunto de curvas,
Corel Draw permite modificar estas curvas para
descomponer un dibujo en pequeñas partes y sí
modificarlo.

Ventajas de las imágenes vectoriales:

Estas imágenes ocupan muy poca memoria.


Podemos someter las imágenes vectoriales a grandes
transformaciones sin que ello afecte en lo absoluto su
calidad.

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

Su funcionamiento es similar a Adobe Illustrator y de igual


forma existe entre sus espacios de trabajo una interfaz que
trata de simularlo.

ADOBE FLASH

Adobe Flash (anteriormente llamado Macromedia Flash) es


una aplicación multimedia usada para aportar animación,
vídeo e interactividad a las páginas Web. Adobe Flash es
muy usado en anuncios y juegos Web.
Adobe Flash trabaja sobre "fotogramas", destinado a la
producción y entrega de contenido interactivo para las
diferentes audiencias alrededor del mundo sin importar la
plataforma. Es actualmente desarrollado y distribuido por
Adobe Systems, y utiliza gráficos vectoriales e imágenes
ráster, sonido, código de programa, flujo de vídeo y audio
bidireccional (el flujo de subida sólo está disponible si se
usa conjuntamente con Macromedia Flash Communication
Server). En sentido estricto, Flash es el entorno y Flash
Player es el programa de máquina virtual utilizado para
ejecutar los archivos generados con Flash.
Los archivos de Flash, que tienen generalmente la
extensión de archivo SWF, pueden aparecer en una página
web para ser vista en un navegador, o pueden ser
reproducidos independientemente por un reproductor
Flash. Los archivos de Flash aparecen muy a menudo como
animaciones en páginas Web y sitios Web multimedia, y
más recientemente Aplicaciones de Internet Ricas. Son
también ampliamente utilizados en anuncios de la web.

GLOSARIO DE TERMINOS

Ajax: Asynchronous JavaScript And XML (JavaScript


asíncrono y XML), es una técnica que combina
Javascript y un lenguaje de servidor que permite
realizar peticiones desde el cliente sin necesidad de
recargar la página web, mejorando la interactividad y
usabilidad del usuario con el sitio web.

Alojamiento (hosting): servicio que provee a los


usuarios de Internet un sistema para poder almacenar
información, imágenes, vídeos, o cualquier contenido
accesible vía web.

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

Archie: Permite la búsqueda de información en los


servidores FTP Anónimos. Basado en la arquitectura
Cliente/Servidor, archie da nombre a ambos.

Cern: CERN, Laboratorio de Física de Partícula fue el


desarrollador del World Wide Web, buscando construir
un sistema de hipertexto e hipermedia.

Base de datos MySql: es uno de los sistemas


gestores de bases de datos (SQL) más populares
desarrolladas bajo la filosofía de código abierto. Según
las cifras del fabricante, existen más de seis millones
de copias de MySQL funcionando en la actualidad, lo
que supera la base instalada de cualquier otra
herramienta de bases de datos.

Blog: (procendente del término inglés web log) se


trata de un sitio web cuyo contenido principal se basa
en una sucesión de noticias ordenadas en orden
cronológico. Comúnmente puede actuar como un
diario online o también a modo de oficina de prensa o
agencia de noticias de una organización o empresa. Es
habitual que permita añadir comentarios a las noticias
publicadas.

CMS: Content Management System (Sistema de


Gestión de Contenido), es una aplicación que permite
editar y modificar el contenido de un sitio web de
manera sencilla a través de un panel de gestión,
habitualmente protegido por contraseña. Ejemplos
muy extendidos de CMS son Joomla o Wordpress.

Dominio: nodo que desciende del dominio raíz ".", y


representa a una subred nominal dentro del Sistema
de Nombres de Dominio (DNS). Se representa con el
clásico tres uve doble, punto, nombre, punto com, por
ejemplo.

Faq (Frequently Asked Questions): cuestiones y


problemas más frecuentes. Algunas de las más
importantes.

Firewall: Pretenden tener las redes seguras


corporativas frente a entradas no autorizadas. El
sistema Firewall se coloca entre la red local e Internet.
La regla básica de un Firewall es asegurar que todas
las comunicaciones entre la red e Internet se realicen
conforme a las políticas de seguridad de la
organización o corporación. Además, estos sistemas

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

conllevan características de privacidad,


autentificación.

FTP (File Transfer Protocol): FTP permite


transmitir ficheros sobre Internet entre una máquina
local y otra remota.

GNU:La Fundación para el Software Libre (FSF - Free


Software Foundation) está dedicada a eliminar las
restricciones de uso, copia, modificación y distribución
del software. Promueve el desarrollo y uso del
software libre en todas las áreas de la computación.
Específicamente, la Fundación pone a disposición de
todo el mundo un completo e integrado sistema de
software llamado GNU. La mayor parte de este
sistema está ya siendo utilizado y distribuido.

HREF: Permite especificar una dirección de enlace


dentro de un documento HTML. Por ejemplo, la línea
en HTML.

ISP: proveedor de servicios de Internet. Dentro de


este sector se encuadran las compañías que
proporcionan la conexión a Internet. Por ejemplo
Euskaltel, Telefónica, Jazztel, Ya.com.

Java: es un lenguaje orientado a objetos y


desarrollado por Sun Microsystem. Comparte
similitudes con C, C++ y Objetive C. Basándose en
otros lenguajes orientados al objeto, Java recoge lo
mejor de todos ellos y elimina sus puntos más
conflictivos.

Navegador (Browser): aplicación software que


permite al usuario recuperar y visualizar documentos
de hipertexto, comúnmente descritos en HTML
(páginas web), desde servidores web de todo el
mundo a través de Internet. Permiten mostrar y/o
ejecutar: gráficos, secuencias de vídeo, sonido,
animaciones y programas diversos además del texto y
los hipervínculos o enlaces. Los más habituales y
extendidos son Internet Explorer, Mozilla Firefox,
Opera, Safari, entre otros.

Nombre de dominio: Podrás elegir el nombre del


dominio que deseas (siempre que no haya sido
previamente registrado) junto con la terminación más
adecuada (técnicamente dominios de último nivel)

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

como por ejemplo .com (fines comerciales), .biz


(negocios, como complemento de .com dado su
extenso uso), .info (información), .net (Infraestructura
de red y servicios de internet), .org
(organizaciones), .edu (educación).

Pasarela de pago o TPV virtual: hace referencia al


sistema que se utiliza para cobrar (o pagar ) a
distancia. Responde a las siglas Terminal Punto de
Venta, que normalmente se utilizan para definir el
sistema por el que se realiza el pago con tarjetas de
crédito, de débito u otras propias de comercios u
organizaciones. Las pasarelas de pago a través de
Internet, servicio que ofrecen la mayoría de las
entidades bancarias y proveedores específicos como
Paypal, posibilitan las transacciones de forma segura
en el comercio online.

PHP: (acrónimo recursivo de "PHP: Hypertext


Preprocessor") es un lenguaje de programación de
licencia open source (código abierto) cuya
interpretación y ejecución se da en el servidor y
permite crear páginas web de contenido dinámico.

RSS: acrónimo de "Really Simple Syndication", un


formato especial en XML utilizado para compartir y
difundir contenido actualizado frecuentemente en un
sitio web. Es por ello una forma rápida y eficaz de
informar a través de la red sobre novedades y noticias
sin necesidad de que el cliente visite directamente el
sitio web. Es característico de los blogs, aunque no
exclusivo de ellos.

Servidor: Una computadora que realiza algunas


tareas en beneficio de otras aplicaciones llamadas
clientes. Aunque esta definición es cada vez más
difusa, típicamente los servidores web mediante el
protocolo http envían páginas web (archivos html y
otros) al ordenador que las solicitó (cliente). La
mayoría portan sistemas operativos basados en Unix
(como Linux), aunque también están extendidos los
servidores de Microsoft Windows.

SEO (Search Engine Optimization u optimización


para motores de búsqueda): Prácticas encaminadas
a mejorar la posición de nuestra página web en los
resultados que ofrecen los buscadores, en definitiva
para aumentar el número de visitantes de nuestro sitio
web.

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

WAN- Wide Area Network: Red de área amplia:


Una red generalmente construida con líneas en serie
que se extiende a distancias mayores a un kilómetro.

WAP (Wireless Application Protocol): norma


internacional para aplicaciones que utilizan la
comunicación inalámbrica, por ejemplo el acceso a
Internet desde un teléfono celular.

Wav: extensión de un archivo de sonido llamado


"wave", creado por Microsoft. Se ha convertido en un
estándar de formato de audio para PC. Se puede usar
también en Macintosh y otros sistemas operativos.

webmail: servicio que ofrecen ciertos sitio web para


crear una cuenta gratuita de e-mail. Mediante el
webmail el correo electrónico se revisa con el
navegador. Se puede acceder a él desde cualquier
computadora situada en cualquier lugar.

Windows 2000: Versión del sistema operativo


Windows, cuyo lanzamiento ha sido anunciado por
Microsoft para el año 1999.

Windows 95: Sistema operativo lanzado por


Microsoft en agosto de 1995.

Windows 98: Sistema operativo lanzado por


Microsoft en 1998, como sucesor de Windows 95. Una
de las más visibles diferencias con el anterior consiste
en la integración del sistema operativo con el
navegador Internet Explorer. Esta característica dio pie
a un juicio por monopolio.

Windows CE: Sistema operativo basado en Windows.


Fue diseñado para dispositivos móviles o pequeños.

Windows NT Server: Windwos NT diseñado para


máquinas que proveen servicios a computadoras
conectadas a una LAN.

Windows NT Workstation: Windows NT diseñado


especialmente para empresas, se lo considera más
seguro y estable que Windows 95 y 98.

Windows NT: Sistema operativo de Microsoft


diseñado para usuarios avanzados y empresas. En

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

realidad se trata de dos productos: Windows NT


Workstation y Windows NT Server.

WinZip: programa de Windows que permite


comprimir archivos.

Workstation: estación de trabajo. Computadora


personal conectada a una LAN. Puede ser usada
independientemente de la mainframe, dado que tiene
sus propias aplicaciones y su propio disco rígido.

Web 2.0: Término acuñado por Tim O'Reilly en 2004


para designar una corriente en lnternet en la que
prima la generación e intercambio de información por
los propios usuarios y el desarrollo de comunidades de
redes sociales.

Wiki: sitio web colaborativo en el que los usuarios


expresan sus ideas.

CONCLUSIÓN SEGUNDO PARCIAL

PHP es un lenguaje interpretado de propósito general


ampliamente usado, diseñado especialmente para
desarrollo web y que puede ser incrustado dentro de
código HTML. Generalmente se ejecuta en un servidor web,
tomando el código en PHP como su entrada y creando
páginas web como salida. Puede ser desplegado en la
mayoría de los servidores web y en casi todos los sistemas
operativos y plataformas sin costo alguno. PHP se
encuentra instalado en más de 20 millones de sitios web y
en un millón de servidores, el número de sitios en PHP ha
compartido algo de su preponderante sitio con otros
nuevos lenguajes no tan poderosos desde agosto de 2005.
Este mismo sitio web de Wiki pedía está desarrollado en
PHP. Es también el módulo Apache más popular entre las
computadoras que utilizan Apache como servidor web. La
versión más reciente de PHP es la 5.3.2 (para Windows)

BIBLIOGRAFIA

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

 Desarrollo Web con PHP y MYSQL.


Luke Welling, Laura Thomson.
Anaya Multimedia.
 Manual. Desarrollo Web con PHP y MYSQL.
Ing. Joel González Estrada.
 flash sus applications
wikipedia.org/wiki/Adobe_Flash

 Core l y applications

www.psicofxp.com/.../637983-como-se-usa-el-
corel.html

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

ÍNDICE 3

TAREAS Y PRACTICAS 3
PARCIAL…………………………………….33

CONFIGURACION DE SERVIDOR
VERTRIGO.........................

CREACIÓN DE LA BD PARA CARRITO DE


COMPRAS……………

CREACION DE LA BASE DE DATOS PARA


“CHAT”…………………

INSTRUCCIONES PARA EJECUTAR LA


PÁGINA……………………

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

CODIGO DE LA
PÁGINA.....................................................
.........

GLOSARIO………………………………………………
……………………

CONCLUSIONES
GENERALES………………………………………
…..

TAREAS Y PRACTICAS 3 PARCIAL

MANEJO DE CESIONES

<?php

session_start ();

?>

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

<head>

<meta http-equiv="Content-Type" content="text/html;


charset=utf-8" />

<title> MANEJO DE SESIONES </title>

</head>

<body bgcolor="#00CCFF">

<H2> Paso 1: Se crea la variable de sesion y se almacena


</H2>

<?PHP

$var ="Ana";

$_SESSION['var']=$var;

print("<P> El valor de la variable de sesion es: $var</P>


\n");

?>

<a href="sesion2.php"> Paso 2 </a>

</body>

</html>

MANEJO DE SECIONES 2
<?php

session_start ();

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

?>

<head>

<meta http-equiv="Content-Type" content="text/html;


charset=utf-8" />

<title> MANEJO DE SESIONES </title>

</head>

<body>

<H1> Manejo de sesiones </H1>

<H2> Paso 2: Se accede a la bariavle de sesion


alamcenada y se destruye </H2>

<?PHP

$var ="Ana";

$var=$_SESSION['var'];

print("<P> El valor de la variable de sesion es: $var</P>


\n");

unset($_SESSION['var']);

?>

<a href="sesion3.php"> paso 3 </a>

</body>

</html>

MANEJO DE SECIONES 3

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

<?php

session_start ();

?>

<head>

<meta http-equiv="Content-Type" content="text/html;


charset=utf-8" />

<title> MANEJO DE SESIONES </title>

</head>

<body>

<H1> Manejo de sesiones </H1>

<H2> Paso 3: La variable ya ha sido destruida y su valor se


ha perdido </H2>

<?PHP

//$var ="Ana";

$var=$_SESSION['var'];

print("<P> valor de la variable de sesion: $var</P> \n");

session_destroy ();

?>

<a href="sesion4.php"> Volver a Paso 1 </a>

</body>

</html>

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

CONFIGURACION DE SERVIDOR
VERTRIGO
Buscar en google el programa Vertrigo y descargarlo

Ejecutar el programa, de preferencia que la


documentación se encuentre en mis documentos para
que al ejecutar Mysql no cause algún conflicto.

Seguir los siguientes pasos .

Ventana ejecutar vertrigo.

Aceptamos el acuerdo de licencia

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

Seleccionamos los componentes que van a estar en el


escritorio

Elegimos lugar de instalación

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

Elegimos carpeta del menú Inicio

Y aparece una ventana que nos dice que ya esta


instalando vertrigo

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

Instalación de Mysql descargamos de la página de


Mysql el programa

Le damos clik en siguiente y nos aparece la siguiente


ventana y elegimos la opción de typical

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

Esta ventana nos indica donde va a estar instalado el


programa y si requerimos de algun cambio en la
configuracion podemos regresar y cambiar de lo
contrario damos clik en siguiente.

Esperamos a que termine la instalación

Y va a aparecer una ventana como la siguiente le


damos clik en Next

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

Muestra la siguiente ventana

Y por ultimo aparece la ventana de configuración del


servidor de Mysql y si queremos registrar nuestro
producto en la pagina oficial de Mysql.

Si elegimos configurar el servidor aparece la


siguiente ventana.

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

Aquí vamos a checar la configuracion de nuestra


servidor

y elegimos la configuracion estandar.

Configuramos la instancia del servidor y elegimos


Mysql como el nombre de nuestro servidor.

Le agregamos seguridad a nuestro servidor


modificamos las passwords damos clik en siguiente.

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

Y por ultimo ejecutamos dando clik en execute como


en la siguiente ventana. Y ya podemos utilizar Mysql
para crear nuestras bases de datos y poder utilizarlas
con conexiones PHP.

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

CREACIÓN DE LA BASE DE DATOS PARA


CARRITO DE COMPRAS

Base de datos: `bdvestidos`

-- Estructura de tabla para la tabla `cliente`

CREATE TABLE `cliente` (

`idcliente` int(11) NOT NULL auto_increment,

`apellidos` varchar(50) default NULL,

`nombres` varchar(50) default NULL,

`direccion` varchar(50) default NULL,

`pais` varchar(30) default NULL,

`telefono` varchar(15) default NULL,

`email` varchar(60) default NULL,

`comentario` text,

PRIMARY KEY (`idcliente`)

) ENGINE=MyISAM DEFAULT CHARSET=latin1


AUTO_INCREMENT=99 ;

-- Estructura de tabla para la tabla `detalle_factura`

CREATE TABLE `detalle_factura` (

`idvestido` char(18) NOT NULL,

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

`idfactura` char(11) NOT NULL,

`cantidad` int(11) default NULL,

`precio` decimal(10,2) default NULL,

`importe` decimal(10,2) default NULL,

PRIMARY KEY (`idvestido`,`idfactura`)

) ENGINE=MyISAM DEFAULT CHARSET=latin1;

-- Estructura de tabla para la tabla `factura`

CREATE TABLE `factura` (

`idfactura` char(11) NOT NULL,

`idcliente` int(11) NOT NULL,

`fecha` date default NULL,

`subtotal` decimal(10,2) default NULL,

`igv` decimal(10,2) default NULL,

`totalpago` decimal(10,2) default NULL,

PRIMARY KEY (`idfactura`)

) ENGINE=MyISAM DEFAULT CHARSET=latin1;

-- Estructura de tabla para la tabla `parametro`

CREATE TABLE `parametro` (

`campo` char(11) NOT NULL,

`contador` char(18) default NULL,

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

PRIMARY KEY (`campo`)

) ENGINE=MyISAM DEFAULT CHARSET=latin1;

-- Estructura de tabla para la tabla `vestidos`

CREATE TABLE `vestido` (

`idvestido` varchar(10) NOT NULL,

`marca` varchar(25) default NULL,

`modelo` varchar(20) default NULL,

`color` varchar(20) default NULL,

`talla` varchar(20) default NULL,

`descripcion` mediumtext,

`stock` int(11) default NULL,

`precio` decimal(10,2) default NULL,

PRIMARY KEY (`idvestido`)

) ENGINE=MyISAM DEFAULT CHARSET=latin1;

-- Estructura de tabla para la tabla `sugerencia`

CREATE TABLE `sugerencia` (

`idsugerencia` char(4) NOT NULL default '',

`asunto` varchar(30) default NULL,

`fecha` date default NULL,

`comentario` mediumtext,

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

`email` varchar(60) default NULL,

PRIMARY KEY (`idsugerencia`)

) ENGINE=MyISAM DEFAULT CHARSET=latin1;

-- Estructura de tabla para la tabla `usuario`

CREATE TABLE `usuario` (

`usuario` char(15) NOT NULL,

`password` varchar(15) NOT NULL,

PRIMARY KEY (`usuario`)

) ENGINE=MyISAM DEFAULT CHARSET=latin1;

CREACION DE LA BASE DE DATOS


PARA “CHAT”
CREATE TABLE mensajes (

id int(4) NOT NULL default '0',

tiempo timestamp(14) NOT NULL,

usuario tinyint(4) NOT NULL default '0',

para int(11) NOT NULL default '0',

mensaje text NOT NULL,

PRIMARY KEY (id)

) TYPE=MyISAM;

CREATE TABLE usuariosc (

nombre varchar(100) NOT NULL default '',

id tinyint(4) NOT NULL default '0',

icono varchar(30) NOT NULL default '',

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

showip tinyint(1) NOT NULL default '0',

ip varchar(16) NOT NULL default '',

tiempo timestamp(14) NOT NULL,

PRIMARY KEY (id)

) TYPE=MyISAM;

INSTRUCCIONES PARA EJECUTAR LA


PÁGINA

 si no tienes un administrador de bases de datos


para mysql puedes descargar alguno de la
página oficial de Mysql.

 Después de configurar el administrador abre y


ejecuta los archivos db.sql y bd.sql te va a
crear algunas tablas en la base de datos que
tengas abierta en el momento en que lo
ejecutas, asegúrate de saber el nombre de la
base para después modificar el archivo
conexion.php

 copia el directorio descomprimido a algún lugar


dentro del directorio accesible por tu
webserver, te recomiendo en la raíz del
servidor, o sea en /chat/, es importante que no

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

cambies el nombre de ningún archivo no


directorio.

 modifica el archivo conexion.php para que


especifiques un usuario y password validos
para tu servidor mysql, además de el nombre
de la base de datos.

 ejecuta el archivo login.php.

 debes tener las cookies habilitadas para el


navegador, y para php.ini.

 los usuarios sin actividad se borran luego de 4


minutos

CODIGO DE LA PÁGINA

<?php
<html>
<head>
<title>Inicio</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

<script language="JavaScript">
function MM_preloadImages() {
var d=document; if(d.images){ if(!d.MM_p)
d.MM_p=new Array();
var
i,j=d.MM_p.length,a=MM_preloadImages.arguments;
for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image;
d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) {
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document;
n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!
x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers[i].document); return x;
}
function MM_nbGroup(event, grpName) {
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !
img.MM_init) {
img.MM_init = true; img.MM_up = args[3];
img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr
= document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img =
MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
}}
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img =
MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] :
args[i+1];
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

for (i=0; i < document.MM_nbOver.length; i++) {


img = document.MM_nbOver[i]; img.src =
(img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
if ((nbArr = document[grpName]) != null)
for (i=0; i < nbArr.length; i++) { img=nbArr[i];
img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img =
MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
}}
}
</script>
</head>
<?php
<body TOPMARGIN="0" LEFTMARGIN="0"
RIGHTMARGIN="0" MARGINHEIGHT="0"
MARGINWIDTH="0" bgcolor="purple" link="666699"
vlink="666699" alink="666699"
onLoad="MM_preloadImages('images/homebutton2.gi
f','images/purchasebutton2.gif','images/instructbutton
2.gif','images/custombutton2.gif','images/contactbutt
on2.gif')">
<table width="100%" border="0" cellspacing="0"
cellpadding="0" background="images/headerbg.gif">
<tr>
<td bgcolor="#FF99FF">
<img src="images/header.gif" width="600"
height="94" usemap="#Map" border="0"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0"
cellpadding="0" bgcolor="purple">
<tr valign="top" align="left">
<td width="20%" bgcolor="#FF99FF">
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr><br> <br>
<td><img src="images/downarrow.gif"
width="150" height="40"></td>
</tr> </table>
<table width="100%" border="0" cellspacing="0"
cellpadding="0">

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

<tr valign="top" align="left">


<td>
<table width="9" border="0" cellspacing="0"
cellpadding="0" background="images/sidedot.gif">
<tr> <td>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p> </td>
</tr>
</table> </td>
<td width="90%">
<p>&nbsp;</p>
<table border="0" cellpadding="0"
cellspacing="0">
<tr> <td> <a href="index.htm"
onClick="MM_nbGroup('down','group1','Inicio','images
/homebutton2.gif',1)"
onMouseOver="MM_nbGroup('over','Inicio','images/ho
mebutton2.gif','images/homebutton2.gif',1)"
onMouseOut="MM_nbGroup('out')">
<img name="Inicio"
src="images/homebutton.gif" border="0" onLoad=""
width="135" height="25"></a></td>
</tr> <tr> <td><a href="compras.htm"
onClick="MM_nbGroup('down','group1','Compras','ima
ges/purchasebutton2.gif',1)"
onMouseOver="MM_nbGroup('over','Compras','image
s/purchasebutton2.gif','images/purchasebutton2.gif',1
)" onMouseOut="MM_nbGroup('out')"> <img
name="compras" src="images/purchasebutton.gif"
border="0" onLoad=""></a></td>
</tr> <tr> <td><a
href="instrucciones.htm"
onClick="MM_nbGroup('down','group1','Instrucciones',
'images/instructbutton2.gif',1)"
onMouseOver="MM_nbGroup('over','instrucciones','im
ages/instructbutton2.gif','images/instructbutton2.gif',
1)" onMouseOut="MM_nbGroup('out')"><img
name="instrucciones"
src="images/instructbutton.gif" border="0"
onLoad=""></a></td>
</tr> <tr> <td><a href="cuerpo.htm"
onClick="MM_nbGroup('down','group1','Cuerpo','imag

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

es/custombutton2.gif',1)"
onMouseOver="MM_nbGroup('over','cuerpo','images/c
ustombutton2.gif','images/custombutton2.gif',1)"
onMouseOut="MM_nbGroup('out')">
<img name="cuerpo"
src="images/custombutton.gif" border="0"
onLoad=""></a></td>
</tr>
<tr> <td><a href="contacto.htm"
onClick="MM_nbGroup('down','group1','Contactanos','
images/contactbutton2.gif',1)"
onMouseOver="MM_nbGroup('over','Contactanos','im
ages/contactbutton2.gif','images/contactbutton2.gif',1
)"
onMouseOut="MM_nbGroup('out')"><img
name="Contacto" src="images/contactbutton.gif"
border="0" onLoad=""></a></td>
</tr> </table> </td>
</tr> </table>
<img src="images/uparrow.gif" width="150"
height="40">
<br><br><br><br><br></td>
<td bgcolor="#FF99FF"></td>
<td width="76%" bgcolor="#FF99FF">
<p><img src="images/welcome.gif" width="300"
height="42"></p>
<p><font face="Arial, Helvetica, sans-serif"
size="5" color="#663333"><b>
Les damos la bienvenida a esta la web de Somos
Novias.com.
Donde encontraras algo más que vestidos, para ese
día tan especial si no también podrás interactuar con
chicas que al igual que tu, se divierten planeando su
boda. </b></font> </p>
<ul>
<font face="algerian, Helvetica, sans-serif"
size="5"color="#663333">En este sitio podras
encontrar </font>
<li><font face="Arial, Helvetica, sans-serif"
size="5"color="#663333">Vestidos</font></li>
<li><font face="Arial, Helvetica, sans-serif"
size="5"color="#663333">Zapatos </font></li>
<li><font face="Arial, Helvetica, sans-serif"
size="5" color="#663333">Tocados y
Ramos</font></li>
<p><img src="vest1.jpg" align="left"></p>

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

<p><img src="vest.jpg" align="right"></p>


</ul>
<p>&nbsp;</p> </td>
<td width="3%" bgcolor="#FF99FF">&nbsp;</td>
</tr>
<tr valign="top" align="left">
<td width="20%" valign="bottom"
bgcolor="#FF99FF">&nbsp;</td>
<td colspan="3" valign="bottom"
bgcolor="#FF99FF">&nbsp;</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0"
cellpadding="0" bgcolor="666699">
<tr valign="top">
<td bgcolor="#FF99FF">
<div align="left">
<p align="right"><b><font face="Arial,
Helvetica, sans-serif" size="2" color="ffffff"><br>
<font color="#660000" size="4">Somos
Novias.com Tulancingo Hgo</font><font
size="4"><img src="images/clear.gif" width="1"
height="1"> </font></font></b></p>
</div> </td> </tr> </table>
?>
</body>
</html>

++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++
++++++++++++++++

<?php
<html>
<head>
<title>Quienes Somos</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<script language="JavaScript">
function MM_preloadImages() {
var d=document; if(d.images){ if(!d.MM_p)
d.MM_p=new Array();
var
i,j=d.MM_p.length,a=MM_preloadImages.arguments;
for(i=0; i<a.length; i++)

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image;


d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v3.0
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document;
n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!
x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers[i].document); return x;
}
function MM_nbGroup(event, grpName) { //v3.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !
img.MM_init) {
img.MM_init = true; img.MM_up = args[3];
img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr
= document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img =
MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
}}
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img =
MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] :
args[i+1];
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src =
(img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
if ((nbArr = document[grpName]) != null)
for (i=0; i < nbArr.length; i++) { img=nbArr[i];
img.src = img.MM_up; img.MM_dn = 0; }

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

document[grpName] = nbArr = new Array();


for (i=2; i < args.length-1; i+=2) if ((img =
MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
}}
}
</script>
</head>
<body TOPMARGIN="0" LEFTMARGIN="0"
RIGHTMARGIN="0" MARGINHEIGHT="0"
MARGINWIDTH="0" bgcolor="purple"
link="purple" vlink="purple" alink="purple"
onLoad="MM_preloadImages('images/homebutton2.gi
f','images/purchasebutton2.gif','images/instructbutton
2.gif','images/custombutton2.gif','images/contactbutt
on2.gif')">
<table width="100%" border="0" cellspacing="0"
cellpadding="0" background="images/headerbg.gif">
<tr>
<td bgcolor="#FF99FF"><img
src="images/header.gif" width="600" height="94"
usemap="#Map" border="0">
<map name="Map">
<area shape="rect" coords="250,33,345,57"
href="acerca.htm">
<area shape="rect" coords="385,32,477,58"
href="contacto.htm">
</map></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0"
cellpadding="0" bgcolor="purple">
<tr valign="top" align="left">
<td colspan="4" bgcolor="#FF99FF">&nbsp;</td>
</tr>
<tr valign="top" align="left">
<td width="20%" bgcolor="#FF99FF">
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td bgcolor="#FF99FF"><img
src="images/downarrow.gif" width="150"
height="40"></td>
</tr>

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

</table>
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr valign="top" align="left">
<td bgcolor="#FF99FF">
<table width="9" border="0" cellspacing="0"
cellpadding="0" background="images/sidedot.gif">
<tr>
<td>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p> </td>
</tr>
</table> </td>
<td width="80%" bgcolor="#FF99FF">
<p>&nbsp;</p>
<table border="0" cellpadding="0"
cellspacing="0">
<tr>
<td><a href="index.htm"
onClick="MM_nbGroup('down','group1','Home','image
s/homebutton2.gif',1)"
onMouseOver="MM_nbGroup('over','Inicio','images/ho
mebutton2.gif','images/homebutton2.gif',1)"
onMouseOut="MM_nbGroup('out')"><img
name="Home" src="images/homebutton.gif"
border="0" onLoad="" width="135"
height="25"></a></td>
</tr>
<tr>
<td><a href="compras.htm"
onClick="MM_nbGroup('down','group1','Compras','ima
ges/purchasebutton2.gif',1)"
onMouseOver="MM_nbGroup('over','Compras','image
s/purchasebutton2.gif','images/purchasebutton2.gif',1
)" onMouseOut="MM_nbGroup('out')"><img
name="purchase" src="images/purchasebutton.gif"
border="0" onLoad=""></a></td>
</tr>
<tr>
<td><a href="instrucciones.htm"
onClick="MM_nbGroup('down','group1','Instrucciones',
'images/instructbutton2.gif',1)"

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

onMouseOver="MM_nbGroup('over','Instrucciones','im
ages/instructbutton2.gif','images/instructbutton2.gif',
1)" onMouseOut="MM_nbGroup('out')"><img
name="Instruccions" src="images/instructbutton.gif"
border="0" onLoad=""></a></td>
</tr>
<tr>
<td><a href="cuerpo.htm"
onClick="MM_nbGroup('down','group1','Cuerpo','imag
es/custombutton2.gif',1)"
onMouseOver="MM_nbGroup('over','Cuerpo','images/
custombutton2.gif','images/custombutton2.gif',1)"
onMouseOut="MM_nbGroup('out')"><img
name="Cuerpo" src="images/custombutton.gif"
border="0" onLoad=""></a></td>
</tr>
<tr>
<td><a href="contacto.htm"
onClick="MM_nbGroup('down','group1','Contacto','ima
ges/contactbutton2.gif',1)"
onMouseOver="MM_nbGroup('over','Contacto','image
s/contactbutton2.gif','images/contactbutton2.gif',1)"
onMouseOut="MM_nbGroup('out')"><img
name="Contacto" src="images/contactbutton.gif"
border="0" onLoad=""></a></td>
</tr>
</table> </td>
</tr>
</table>
<img src="images/uparrow.gif" width="150"
height="40"> </td>
<td width="0%" bgcolor="purple">
<td width="77%" bgcolor="#FF99FF">
<p><img src="images/aboutus.gif" width="300"
height="42"></p>
<p><font face="Arial, Helvetica, sans-serif"
size="2"color="663333">
Somos un grupo de profesionistas que se dedica
a la confección e importación de vestidos de novia,
así como sus respectivos accesorios, porque lo
importante es que te sientas única en ese tu
momento especial.
</font>
<p><font face="algerian, Helvetica, sans-serif"
size="5"color="ffffff">

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

<font color="663333">¿En donde estamos?


</font></font>
<p><font face="arial, Helvetica, sans-serif"
size="2"color="663333"> ¡Desde el centro de México
para el Mundo! En Tulancingo, Hgo.
(Pero enviamos nuestros productos a todas
partes)</font>
<p><font face="algerian, Helvetica, sans-serif"
size="5"color="663333"> ¿Qué hacemos? </font>
</p>
<p><font face="Arial, Helvetica, sans-serif"
size="2"color="663333"> Vestidos en Somos
Novias.com diseñamos y fabricamos tu vestido, de
manera artesanal, especialmente para tí, pensando
en esos detalles que te gustan.
Nos especializamos en vestidos de boda, productos y
accesorios para tu evento.
Buscamos la combinación perfecta de material,
colores, tela y accesorios para obtener un producto de
calidad. </font>
<p><font face="Arial, Helvetica, sans-serif"
size="2"color="663333"> Con nosotros encontrarás
asesoría especializada y te ayudaremos a seleccionar
desde la tela hasta los accesorios que podrás utilizar,
que se acomode a tu presupuesto y gusto.
</font></p>
<p><font face="algerian, Helvetica, sans-serif"
size="4"color="663333">
No somos..</font></p>
<p><font face="Arial, Helvetica, sans-serif"
size="2"color="663333"> No somos una imprenta, ni
vendemos invitaciones de catálogo. Ni fabricamos
grandes volúmenes en masa.
Tampoco somos una empresa puramente "on line".
Somos una empresa establecida legalmente y
utilizamos al Internet como un medio más de venta y
para comunicarnos con nuestros clientes.
Hace tiempo que dejamos de ser una tienda de
"Kiosko" como abundan muchas, y ahora producimos
y vendemos los productos más finos y bonitos para tu
evento.
A diferencia que muchos, que no tienen calidad,
servicio o exclusividad en sus productos, nosotros no
competimos únicamente por el precio.
Nos distinguimos por una excelente calidad y servicio
a muy buen precio. </font></p>

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

<p><font face="algerian, Helvetica, sans-serif"


size="4"color="663333"> ¿Por qué comprar en
Somos Novias.com?...</font> </p>
<p><font face="David, Helvetica, sans-serif"
size="4"color="663333">Estas son solo algunas
razones: </font></p>
<p><font face="aharoni, Helvetica, sans-serif"
size="4"color="663333"> Diseño y exclusividad:
</font> </p>
<p><font face="arial, Helvetica, sans-serif"
size="2"color="663333"> Ten la seguridad de que
cada vestido es una obra de arte diseñada y fabricada
especialmente para ti. Nuestros vestidos son
elaborados a mano uno por uno, cuidando cada
detalle, como tú te lo mereces.
Exportamos a USA, Europa y LA. Países como
Alemania, España, Francia,
Estados Unidos, Puerto Rico, Colombia, Perú y muchos
más, han recibido nuestros productos.
Nuestros productos son exclusivos y de gran calidad.
Incluso imitados por otras compañías.
Hemos participado en las bodas más importantes de
todo México con nuestros productos.
Te ahorrarás tiempo, dinero y mucho esfuerzo al
contratarnos.
¡Tenlo por seguro, te lo garantizamos! </font> </p>
<p><font face="arial, Helvetica, sans-serif"
size="2"color="663333"> En estos días de
preparación de tu boda lo que menos te sobra es
tiempo.
Así que si estás pensando en ir a visitar una tienda
de vestidos de boda, prepárate porque gastarás
muchos días en buscar, visitar, seleccionar, comprar,
revisar y recoger tu vestido.
Mejor desde la comodidad de tu computadora, podrás
hacer todo eso y más. Tú recibirás tus productos
directamente en tu casa. Y si quieres hacerlo por tu
cuenta, ni lo pienses. Gastarás mucho en adquirir
material de más y herramientas que probablemente
no tengas. </font> </p>
<p><font face="aharoni, Helvetica, sans-serif"
size="4"color="663333">
Clientes 100 % satisfechos. </font> </p>
<p><font face="arial, Helvetica, sans-serif"
size="2"color="663333"> Los materiales, el diseño,

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

la manufactura y la calidad son de primera. Al igual


que nuestro trato con nuestros clientes. </font> </p>
<p><font face="aharoni, Helvetica, sans-serif"
size="4"color="663333"> GARANTÍA: Satisfacción al
100% </font> </p>
<p>&nbsp;</p> </td>
<td width="3%" bgcolor="#FF99FF">&nbsp;</td>
</tr>
<tr valign="top" align="left">
<td colspan="4" valign="bottom"
bgcolor="#FF99FF">&nbsp;</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0"
cellpadding="0" bgcolor="purple">
<tr valign="top">
<td bgcolor="#FF99FF">
<div align="left">
<p align="right"><b><font face="Arial,
Helvetica, sans-serif" size="2" color="ffffff"><br>
Somos Novias. com Tulancingo Hgo <br>
<img src="images/clear.gif" width="1"
height="1"> </font></b></p>
</div>
</td>
</tr>
</table>
?>
</body>
</html>

++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++
++++++++++++++++

<?php
<html>
<head>
<title>Compras</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<script language="JavaScript">
function MM_preloadImages() {
var d=document; if(d.images){ if(!d.MM_p)
d.MM_p=new Array();

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

var
i,j=d.MM_p.length,a=MM_preloadImages.arguments;
for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image;
d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) {
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document;
n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!
x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers[i].document); return x;
}
function MM_nbGroup(event, grpName) {
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !
img.MM_init) {
img.MM_init = true; img.MM_up = args[3];
img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr
= document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img =
MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
}}
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img =
MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] :
args[i+1];
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src =
(img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

if ((nbArr = document[grpName]) != null)


for (i=0; i < nbArr.length; i++) { img=nbArr[i];
img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img =
MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
}}
}
</script>
</head>
<body TOPMARGIN="0" LEFTMARGIN="0"
RIGHTMARGIN="0" MARGINHEIGHT="0"
MARGINWIDTH="0" bgcolor="#FFFFFF"
link="666699" vlink="666699" alink="666699"
onLoad="MM_preloadImages('images/homebutton2.gi
f','images/purchasebutton2.gif','images/instructbutton
2.gif','images/custombutton2.gif','images/contactbutt
on2.gif')">
<table width="100%" border="0" cellspacing="0"
cellpadding="0" background="images/headerbg.gif">
<tr>
<td bgcolor="#FF99FF"><img
src="images/header.gif" width="600" height="94"
usemap="#Map" border="0">
<map name="Map">
<area shape="rect" coords="254,32,349,56"
href="acerca.htm">
<area shape="rect" coords="382,33,474,59"
href="contact.htm">
</map></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0"
cellpadding="0" bgcolor="#FF99FF">
<tr valign="top" align="left">
<td colspan="4" bgcolor="#FF99FF">&nbsp;</td>
</tr>
<tr valign="top" align="left">
<td width="20%">
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

<td><img src="images/downarrow.gif"
width="150" height="40"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr valign="top" align="left">
<td>
<table width="9" border="0" cellspacing="0"
cellpadding="0" background="images/sidedot.gif">
<tr>
<td>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p> </td>
</tr>
</table> </td>
<td width="80%">
<p>&nbsp;</p>
<table border="0" cellpadding="0"
cellspacing="0">
<tr>
<td><a href="index.htm"
onClick="MM_nbGroup('down','group1','Inicio','images
/homebutton2.gif',1)"
onMouseOver="MM_nbGroup('over','Inicio','images/ho
mebutton2.gif','images/homebutton2.gif',1)"
onMouseOut="MM_nbGroup('out')"><img
name="Home" src="images/homebutton.gif"
border="0" onLoad="" width="135"
height="25"></a></td>
</tr>
<tr>
<td><a href="compras.htm"
onClick="MM_nbGroup('down','group1','Compras','ima
ges/purchasebutton2.gif',1)"
onMouseOver="MM_nbGroup('over','Compras','image
s/purchasebutton2.gif','images/purchasebutton2.gif',1
)" onMouseOut="MM_nbGroup('out')"><img
name="purchase" src="images/purchasebutton.gif"
border="0" onLoad=""></a></td>
</tr>
<tr>

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

<td><a href="instrucciones.htm"
onClick="MM_nbGroup('down','group1','Instrucciones',
'images/instructbutton2.gif',1)"
onMouseOver="MM_nbGroup('over','Instrucciones','im
ages/instructbutton2.gif','images/instructbutton2.gif',
1)" onMouseOut="MM_nbGroup('out')"><img
name="Instructions" src="images/instructbutton.gif"
border="0" onLoad=""></a></td>
</tr>
<tr>
<td><a href="cuerpo.htm"
onClick="MM_nbGroup('down','group1','Cuerpo','imag
es/custombutton2.gif',1)"
onMouseOver="MM_nbGroup('over','Cuerpo','images/
custombutton2.gif','images/custombutton2.gif',1)"
onMouseOut="MM_nbGroup('out')"><img
name="Customize" src="images/custombutton.gif"
border="0" onLoad=""></a></td>
</tr>
<tr>
<td><a href="contacto.htm"
onClick="MM_nbGroup('down','group1','Contacto','ima
ges/contactbutton2.gif',1)"
onMouseOver="MM_nbGroup('over','Contacto','image
s/contactbutton2.gif','images/contactbutton2.gif',1)"
onMouseOut="MM_nbGroup('out')"><img
name="Contact" src="images/contactbutton.gif"
border="0" onLoad=""></a></td>
</tr>
</table> </td>
</tr>
</table>
<img src="images/uparrow.gif" width="150"
height="40"> </td>
<td width="0%"></td>
<td width="77%">
<p><img src="images/purchase.gif" width="300"
height="42"></p>
<p>
<a href="principal.php"><font face="Arial,
Helvetica, sans-serif" size="2" color="663333"><br>
Click aqui para realizar su compra
</font></a>
<p><a href="principal.php"><font
color="#FFFFFF" size="2" face="Arial, Helvetica,

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

sans-serif"><img
src="carrito.bmp"></font></a></p>
<a href="principal.php"><font color="#FFFFFF"
size="2" face="Arial, Helvetica, sans-
serif"></b></font></a> <font color="663333">
</p>
<font face="Arial, Helvetica, sans-serif"
size="4"><br>
Y así poder interactuar con otras chicas que buscan
apoyo y los mejores diseños para su gran dia</font>
</p>
</font>
<p>&nbsp;</p> </td>
<td width="3%">&nbsp;</td>
</tr>
<tr valign="top" align="left">
<td colspan="4" valign="bottom">&nbsp; </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0"
cellpadding="0" bgcolor="purple">
<tr valign="top">
<td bgcolor="#FF99FF">
<div align="left">
<p align="right"><b><font face="Arial,
Helvetica, sans-serif" size="2"
color="#FFFFFF"><br>
<font color="663333">Somos Novias
Tulancingo Hgo</font></font></b></p>
</div> </td> </tr>
</table>
?>
</body>
</html>

++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++
++++++++++++++++

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

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

<script language="JavaScript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p)
d.MM_p=new Array();
var
i,j=d.MM_p.length,a=MM_preloadImages.arguments;
for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image;
d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v3.0
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document;
n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!
x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers[i].document); return x;
}
function MM_nbGroup(event, grpName) { //v3.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !
img.MM_init) {
img.MM_init = true; img.MM_up = args[3];
img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr
= document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img =
MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
}}
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img =
MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] :
args[i+1];
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

for (i=0; i < document.MM_nbOver.length; i++) {


img = document.MM_nbOver[i]; img.src =
(img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
if ((nbArr = document[grpName]) != null)
for (i=0; i < nbArr.length; i++) { img=nbArr[i];
img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img =
MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
}}
}
</script>
</head>
<body TOPMARGIN="0" LEFTMARGIN="0"
RIGHTMARGIN="0" MARGINHEIGHT="0"
MARGINWIDTH="0" bgcolor="#FF99FF"
vlink="#CC66FF" alink="#CC66FF"
onLoad="MM_preloadImages('images/homebutton2.gi
f','images/purchasebutton2.gif','images/instructbutton
2.gif','images/custombutton2.gif','images/contactbutt
on2.gif')">
<table width="100%" border="0" cellspacing="0"
cellpadding="0" background="images/headerbg.gif">
<tr>
<td bgcolor="#FF99FF"><img
src="images/header.gif" width="600" height="94"
usemap="#Map" border="0">
<map name="Map">
<area shape="rect" coords="254,29,349,53"
href="about.htm">
<area shape="rect" coords="384,32,476,58"
href="contact.htm">
</map></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0"
cellpadding="0" bgcolor="purple">
<tr valign="top" align="left">
<td colspan="4" bgcolor="#FF99FF">&nbsp;</td>
</tr>
<tr valign="top" align="left">
<td width="15%" bgcolor="#FF99FF">

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

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


cellpadding="0">
<tr>
<td><img src="images/downarrow.gif"
width="150" height="40"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr valign="top" align="left">
<td>
<table width="9" border="0" cellspacing="0"
cellpadding="0" background="images/sidedot.gif">
<tr>
<td>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p> </td>
</tr>
</table> </td>
<td width="80%">
<p>&nbsp;</p>
<table border="0" cellpadding="0"
cellspacing="0">
<tr>
<td><a href="index.htm"
onClick="MM_nbGroup('down','group1','Inicio','images
/homebutton2.gif',1)"
onMouseOver="MM_nbGroup('over','Inicio','images/ho
mebutton2.gif','images/homebutton2.gif',1)"
onMouseOut="MM_nbGroup('out')"><img
name="Home" src="images/homebutton.gif"
border="0" onLoad="" width="135"
height="25"></a></td>
</tr>
<tr>
<td><a href="compras.htm"
onClick="MM_nbGroup('down','group1','Compras','ima
ges/purchasebutton2.gif',1)"
onMouseOver="MM_nbGroup('over','Compras','image
s/purchasebutton2.gif','images/purchasebutton2.gif',1
)" onMouseOut="MM_nbGroup('out')"><img

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

name="purchase" src="images/purchasebutton.gif"
border="0" onLoad=""></a></td>
</tr>
<tr>
<td><a href="instrucciones.htm"
onClick="MM_nbGroup('down','group1','Instrucciones',
'images/instructbutton2.gif',1)"
onMouseOver="MM_nbGroup('over','Instructions','ima
ges/instructbutton2.gif','images/instructbutton2.gif',1)
" onMouseOut="MM_nbGroup('out')"><img
name="Instrucciones"
src="images/instructbutton.gif" border="0"
onLoad=""></a></td>
</tr>
<tr>
<td><a href="cuerpo.htm"
onClick="MM_nbGroup('down','group1','Cuerpo','imag
es/custombutton2.gif',1)"
onMouseOver="MM_nbGroup('over','Cuerpo','images/
custombutton2.gif','images/custombutton2.gif',1)"
onMouseOut="MM_nbGroup('out')"><img
name="Customize" src="images/custombutton.gif"
border="0" onLoad=""></a></td>
</tr>
<tr>
<td><a href="contacto.htm"
onClick="MM_nbGroup('down','group1','Contacto','ima
ges/contactbutton2.gif',1)"
onMouseOver="MM_nbGroup('over','Contacto','image
s/contactbutton2.gif','images/contactbutton2.gif',1)"
onMouseOut="MM_nbGroup('out')"><img
name="Contact" src="images/contactbutton.gif"
border="0" onLoad=""></a></td>
</tr> </table> </td>
</tr>
</table>
<img src="images/uparrow.gif" width="150"
height="40"> </td>
<td width="0%" bgcolor="purple"> </td>
<td width="82%" bgcolor="#FF99FF">
<p><img src="images/instructions.gif"
width="300" height="42"></p>
<p align="center"> <A HREF="login.php"><font
color="663333" size="4"><font color="#000033"
size="4"><font face="Arial, Helvetica, sans-serif">
Inicia el Chat</font></font></a></p>

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

<p><img src="vests.jpg" width="654"


height="274" align="rigth"></p>
<p>&nbsp;</p> </td>
<td width="3%" bgcolor="#FF99FF">&nbsp;</td>
</tr>
<tr valign="top" align="left">
<td colspan="4" valign="bottom"
bgcolor="#FF99FF">&nbsp; </td>
</tr> </table>
<table width="100%" border="0" cellspacing="0"
cellpadding="0" bgcolor="purple">
<tr valign="top">
<td bgcolor="#FF99FF">
<div align="left">
<p align="right"><b><font face="Arial,
Helvetica, sans-serif" size="2"
color="#FFFFFF"><br>
<font color="663333" size="4">Somos
Novias.com Tulancingo Hgo <br>
</font><font size="4"><img
src="images/clear.gif" width="1" height="1">
</font></font></b></p>
</div> </td> </tr> </table>
?>
</body>
</html>
++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++
++++++++++++++++
<?php
<html>
<head>
<title>Cuerpo</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<script language="JavaScript">
function MM_preloadImages() {
var d=document; if(d.images){ if(!d.MM_p)
d.MM_p=new Array();
var
i,j=d.MM_p.length,a=MM_preloadImages.arguments;
for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image;
d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) {

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

var p,i,x; if(!d) d=document;


if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document;
n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!
x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers[i].document); return x;
}
function MM_nbGroup(event, grpName) {
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !
img.MM_init) {
img.MM_init = true; img.MM_up = args[3];
img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr
= document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img =
MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
}}
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img =
MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] :
args[i+1];
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src =
(img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
if ((nbArr = document[grpName]) != null)
for (i=0; i < nbArr.length; i++) { img=nbArr[i];
img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img =
MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

img.src = img.MM_dn = args[i+1];


nbArr[nbArr.length] = img;
}}
}
</head>
</script>
<style type="text/css">
</style>
<body TOPMARGIN="0" LEFTMARGIN="0"
RIGHTMARGIN="0" MARGINHEIGHT="0"
MARGINWIDTH="0" link="666699" vlink="666699"
alink="666699"
onLoad="MM_preloadImages('images/homebutton2.gi
f','images/purchasebutton2.gif',
'images/instructbutton2.gif','images/custombutton2.gi
f','images/contactbutton2.gif')">
<table width="100%" border="0" cellspacing="0"
cellpadding="0" background="images/headerbg.gif">
<tr>
<td bgcolor="#FF99FF"><img
src="images/header.gif" width="619" height="94"
usemap="#Map" border="0"><map name="Map">
<area shape="rect" coords="399,35,494,61"
href="contacto.htm">
<area shape="rect" coords="259,34,357,58"
href="acerca.htm">
</map></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0"
cellpadding="0" bgcolor="purple">
<tr valign="top" align="left">
<td colspan="4" bgcolor="#FF99FF">&nbsp;</td>
</tr>
<tr valign="top" align="left">
<td width="16%" bgcolor="#FF99FF">
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td bgcolor="#FF99FF"><img
src="images/downarrow.gif" width="150"
height="40"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0"
cellpadding="0">

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

<tr valign="top" align="left">


<td bgcolor="#FF99FF">
<table width="9" border="0" cellspacing="0"
cellpadding="0" background="images/sidedot.gif">
<tr>
<td>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p> </td>
</tr>
</table> </td>
<td width="80%" bgcolor="#FF99FF">
<p>&nbsp;</p>
<table border="0" cellpadding="0"
cellspacing="0">
<tr>
<td><a href="index.htm"
onClick="MM_nbGroup('down','group1','Home','image
s/homebutton2.gif',1)"
onMouseOver="MM_nbGroup('over','Home','images/h
omebutton2.gif','images/homebutton2.gif',1)"
onMouseOut="MM_nbGroup('out')"><img
name="Home" src="images/homebutton.gif"
border="0" onLoad="" width="135"
height="25"></a></td>
</tr>
<tr>
<td><a href="compras.htm"
onClick="MM_nbGroup('down','group1','Compras','ima
ges/purchasebutton2.gif',1)"
onMouseOver="MM_nbGroup('over','Compras','image
s/purchasebutton2.gif','images/purchasebutton2.gif',1
)" onMouseOut="MM_nbGroup('out')"><img
name="Compras" src="images/purchasebutton.gif"
border="0" onLoad=""></a></td>
</tr>
<tr>
<td><a href="instrucciones.htm"
onClick="MM_nbGroup('down','group1','Instrucciones',
'images/instructbutton2.gif',1)"
onMouseOver="MM_nbGroup('over','Instruciones','ima
ges/instructbutton2.gif','images/instructbutton2.gif',1)
" onMouseOut="MM_nbGroup('out')"><img

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

name="Instrucciones"
src="images/instructbutton.gif" border="0"
onLoad=""></a></td>
</tr>
<tr>
<td><a href="cuerpo.htm"
onClick="MM_nbGroup('down','group1','Cuerpo','imag
es/custombutton2.gif',1)"
onMouseOver="MM_nbGroup('over','Cuerpo','images/
custombutton2.gif','images/custombutton2.gif',1)"
onMouseOut="MM_nbGroup('out')"><img
name="Cuerpo" src="images/custombutton.gif"
border="0" onLoad=""></a></td>
</tr>
<tr>
<td><a href="contacto.htm"
onClick="MM_nbGroup('down','group1','Contacto','ima
ges/contactbutton2.gif',1)"
onMouseOver="MM_nbGroup('over','Contacto','image
s/contactbutton2.gif','images/contactbutton2.gif',1)"
onMouseOut="MM_nbGroup('out')"><img
name="Contact" src="images/contactbutton.gif"
border="0" onLoad=""></a></td>
</tr>
</table> </td>
</tr>
</table>
<img src="images/uparrow.gif" width="150"
height="40"></td>
<td width="0%" bgcolor="#FF99FF"> </td>
<td width="79%" bgcolor="#FF99FF">
<script src="http://h1.flashvortex.com/display.php?
id=3_1281766740_22548_365_0_865_94_9_18"
type="text/javascript"></script>
<script language="javascript">
var misImagenes= new Array(20)
misImagenes [0]= "imagen/vest2.jpg";
misImagenes [1]= "imagen/vest3.jpg";
misImagenes [2]= "imagen/vest4.jpg";
misImagenes [3]= "imagen/vest5.jpg";
misImagenes [4]= "imagen/zap4.jpg";
misImagenes [5]= "imagen/vest7.jpg";
misImagenes [6]= "imagen/vesti1.jpg";
misImagenes [7]= "imagen/vesti2.jpg";
misImagenes [8]= "imagen/ramo.bmp";
misImagenes [9]= "imagen/ramo1.jpg";

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

misImagenes [10]= "imagen/ramo6.jpg";


misImagenes [11]= "imagen/zap8.jpg";
misImagenes [12]= "imagen/vest1.jpg";
misImagenes [13]= "imagen/zap2.jpg";
misImagenes [14]= "imagen/vest3.jpg";
misImagenes [15]= "imagen/vesti3.jpg";
misImagenes [16]= "imagen/zap5.jpg";
misImagenes [17]= "imagen/zap6.jpg";
misImagenes [18]= "imagen/vest.jpg";
misImagenes [19]= "imagen/zap1.jpg";
misImagenes [20]= "imagen/ramo8.jpg";
misImagenes [21]= "imagen/zap9.jpg";
var i = 0;
function cargarImagen(){
document.imgSrc.src = misImagenes[i] ;
}
function anterior(){
if(i<1){
var NumImagen = i
} else {
var NumImagen = i-=1;
}
document.imgSrc.src = misImagenes[NumImagen];
}
function siguiente(){
if(i>20){
var NumImagen = i
} else {
var NumImagen = i+=1;
}
document.imgSrc.src = misImagenes[NumImagen];
}
window.onload=cargarImagen;
</script>
<style type="text/css">
body {
margin-top:40px;
}
td a {
font:9px Verdana, Arial, Helvetica, "sans-serif";
color:#FFFFFF;
text-decoration:none;
</style> </head>
<body>
<div style="width:400px; height:300px; margin:
auto;">

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

<p><img name="imgSrc" id="imgSrc"


alt="ImÁgenes de la galeria"></p>
</div>
<table width="422" height="53" border="0"
cellpadding="0" cellspacing="0"
style="background:#666; width:400px; margin:
auto;">
<tr> <td align="center"><a href="#"
class="Estilo4" onClick="anterior();"> <
Anterior</a></td>
<td align="center"><a href="#" class="Estilo4"
onClick="siguiente();">Siguiente > </a></td>
</tr></table>
<p>&nbsp;</p> </td>
<td width="5%" bgcolor="#FF99FF">&nbsp;</td>
</tr><tr valign="top" align="left">
<td colspan="4" valign="bottom"
bgcolor="#FF99FF">&nbsp; </td>
</tr></table>
<table width="100%" border="0" cellspacing="0"
cellpadding="0" bgcolor="purple">
<tr valign="top">
<td bgcolor="#FF99FF">
<div align="left">
<p align="right"><b>
<font face="Arial, Helvetica, sans-serif"><span
class="Estilo1">Somos Novias.com Tulancingo Hgo
</span></font><span class="Estilo5"><font
face="Arial, Helvetica, sans-serif" color="#FFFFFF">
<img src="images/clear.gif" width="1"
height="1"></font></span><font face="Arial,
Helvetica, sans-serif" color="#FFFFFF">
</font></b></p>
</div> </td> </tr></table>
?>
</body>
</html>
++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++
++++++++++++++++

<?php
<html>
<head>
<title>Contacto</title>

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<script language="JavaScript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p)
d.MM_p=new Array();
var
i,j=d.MM_p.length,a=MM_preloadImages.arguments;
for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image;
d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v3.0
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document;
n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!
x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers[i].document); return x;
}
function MM_nbGroup(event, grpName) { //v3.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !
img.MM_init) {
img.MM_init = true; img.MM_up = args[3];
img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr
= document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img =
MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
}}
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img =
MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] :
args[i+1];
nbArr[nbArr.length] = img;

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src =
(img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
if ((nbArr = document[grpName]) != null)
for (i=0; i < nbArr.length; i++) { img=nbArr[i];
img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img =
MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
}}
}
</script>
</head>
<body TOPMARGIN="0" LEFTMARGIN="0"
RIGHTMARGIN="0" MARGINHEIGHT="0"
MARGINWIDTH="0" bgcolor="#FF99FF"
link="666699" vlink="666699" alink="666699"
onLoad="MM_preloadImages('images/homebutton2.gi
f','images/purchasebutton2.gif','images/instructbutton
2.gif','images/custombutton2.gif','images/contactbutt
on2.gif')">
<table width="100%" border="0" cellspacing="0"
cellpadding="0" background="images/headerbg.gif">
<tr>
<td bgcolor="#FF99FF"><img
src="images/header.gif" width="600" height="94"
usemap="#Map" border="0">
<map name="Map">
<area shape="rect" coords="253,32,348,56"
href="acerca.htm">
<area shape="rect" coords="383,31,475,57"
href="contacto.htm">
</map></td>
</tr>
</table>
<table width="101%" border="0" cellspacing="0"
cellpadding="0" bgcolor="purple">
<tr valign="top" align="left">
<td colspan="4" bgcolor="#FF99FF">&nbsp;</td>
</tr>

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

<tr valign="top" align="left">


<td width="16%" bgcolor="#FF99FF">
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td><img src="images/downarrow.gif"
width="150" height="40"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr valign="top" align="left">
<td>
<table width="9" border="0" cellspacing="0"
cellpadding="0" background="images/sidedot.gif">
<tr>
<td>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p> </td>
</tr>
</table> </td>
<td width="80%">
<p>&nbsp;</p>
<table border="0" cellpadding="0"
cellspacing="0">
<tr>
<td><a href="index.htm"
onClick="MM_nbGroup('down','group1','Inicio','images
/homebutton2.gif',1)"
onMouseOver="MM_nbGroup('over','Inicio','images/ho
mebutton2.gif','images/homebutton2.gif',1)"
onMouseOut="MM_nbGroup('out')"><img
name="Inicio" src="images/homebutton.gif"
border="0" onLoad="" width="135"
height="25"></a></td>
</tr>
<tr>
<td><a href="compras.htm"
onClick="MM_nbGroup('down','group1','Compras','ima
ges/purchasebutton2.gif',1)"
onMouseOver="MM_nbGroup('over','Compras','image
s/purchasebutton2.gif','images/purchasebutton2.gif',1

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

)" onMouseOut="MM_nbGroup('out')"><img
name="Compras" src="images/purchasebutton.gif"
border="0" onLoad=""></a></td>
</tr>
<tr>
<td><a href="instrucciones.htm"
onClick="MM_nbGroup('down','group1','Instrucciones',
'images/instructbutton2.gif',1)"
onMouseOver="MM_nbGroup('over','Instrucciones','im
ages/instructbutton2.gif','images/instructbutton2.gif',
1)" onMouseOut="MM_nbGroup('out')"><img
name="Instrucciones"
src="images/instructbutton.gif" border="0"
onLoad=""></a></td>
</tr>
<tr>
<td><a href="cuerpo.htm"
onClick="MM_nbGroup('down','group1','Cuerpo','imag
es/custombutton2.gif',1)"
onMouseOver="MM_nbGroup('over','Cuerpo','images/
custombutton2.gif','images/custombutton2.gif',1)"
onMouseOut="MM_nbGroup('out')"><img
name="Cuerpo" src="images/custombutton.gif"
border="0" onLoad=""></a></td>
</tr>
<tr>
<td><a href="contacto.htm"
onClick="MM_nbGroup('down','group1','Contacto','ima
ges/contactbutton2.gif',1)"
onMouseOver="MM_nbGroup('over','Contacto','image
s/contactbutton2.gif','images/contactbutton2.gif',1)"
onMouseOut="MM_nbGroup('out')"><img
name="Contacto" src="images/contactbutton.gif"
border="0" onLoad=""></a></td>
</tr>
</table> </td>
</tr>
</table>
<img src="images/uparrow.gif" width="150"
height="40"> </td>
<td width="10%" bgcolor="#FF99FF"></td>
<td width="69%" bgcolor="#FF99FF">
<p><img src="images/contactus.gif"
width="300" height="42"></p>

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

<p><font face="algerian, Helvetica, sans-serif"


size="5" color="#FFFFFF"><b><font
color="663333">Somos Novias .com <br>
</font></b> </font></p>
<p><font face="Arial, Helvetica, sans-serif"
size="2" color="663333"><b>Para mayor
informacion:</b><br>
</font>
<ul>
<li> <font face="Arial, Helvetica, sans-serif"
size="2" color="663333">Estamos a tus ordenes
para cualquier asunto. comunicate con nosotros y
realiza cualquier comentario, pregunta o sugerencia
respecto a nuestros productos
o pagina </font>
<font color="663333"><font face="Arial,
Helvetica, sans-serif" size="2" color="#FFFFFF"><a
href="mailto:marr@stureillydesign.com">emma_tem
@hotmailcom.com</a></font></li>
</ul>
<p><font face="Arial, Helvetica, sans-serif"
size="2" color="663333"><b>Visitanos en nuestro
domicilio:
Direccion Prolongacion Zaragoza#105 Valle de los
trojes, Hidalgo Mexico.
</b></font></p>
<p> <ul>
<li><font face="Arial, Helvetica, sans-serif"
size="2" color="663333">C.P 20115 </font></li>
<li><font face="Arial, Helvetica, sans-serif"
size="2" color="663333">Lunes - Viernes
</font></li>
</ul>
<p>&nbsp;</p> </td>
<td width="5%" rowspan="2"
bgcolor="#FF99FF">&nbsp;</td>
</tr>
<tr valign="top" align="left">
<td colspan="3" valign="bottom"
bgcolor="#FF99FF">&nbsp; </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0"
cellpadding="0" bgcolor="purple">
<tr valign="top">
<td height="34" bgcolor="#FF99FF">

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

<div align="left">
<p align="right"><b><font face="Arial,
Helvetica, sans-serif" size="2" color="663333"><br>
Somos Novias.com Tulancingo
Hgo</font><font face="Arial, Helvetica, sans-serif"
size="2" color="#FFFFFF"> <img
src="images/clear.gif" width="1" height="1">
</font></b></p>
</div> </td> </tr> </table>
?>
</body>
</html>
++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++
++++++++++++++++
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<title>Control de Acceso</title>
<style type="text/css">
</style></head>
<body>
<form name="form1" method="post"
action="acceso_admin.php">
<table width="225" border="0" align="center"
cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" bgcolor="#FFCCFF">Control de
Acceso...</td>
</tr>
<tr bgcolor="#999999">
<td width="60"
bgcolor="#FFCCCC">Usuario</td>
<td colspan="2" bgcolor="#FFCCCC"><input
name="usuario" type="text" id="usuario"></td>
</tr>
<tr bgcolor="#999999">
<td bgcolor="#FFCCCC">Password</td>
<td colspan="2" bgcolor="#FFCCCC"><input
name="password" type="password"
id="password"></td>
</tr>
<tr bgcolor="#999999">
<td colspan="3" bgcolor="#FFCCCC"><div
align="center"></div>

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

<div align="center">-</div>
<div align="center"></div></td>
</tr>
<tr bgcolor="#999999">
<td colspan="3" bgcolor="#FFCCCC"><div
align="center">
<input type="submit" name="Submit"
value="Aceptar">
</div></td> </tr>
</table> </form>
</body>
</html>

++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++
++++++++++++++++

<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<title>Control de Acceso</title>
<style type="text/css">
</style>
</head>
<body>
<form name="form1" method="post"
action="acceso_admin.php">
<table width="225" border="0" align="center"
cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" bgcolor="#666666">Control de
Acceso...</td>
</tr>
<tr bgcolor="#999999">
<td width="60">Usuario</td>
<td colspan="2"><input name="usuario"
type="text" id="usuario"></td>
</tr>
<tr bgcolor="#999999">
<td>Password</td>
<td colspan="2"><input name="password"
type="password" id="password"></td>
</tr>
<tr bgcolor="#999999">

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

<td colspan="3"><div align="center"></div>


<div align="center" class="Estilo1">
<div align="left">Error, no tiene acceso al
sistema
</div>
</div> <div align="center"></div></td>
</tr>
<tr bgcolor="#999999">
<td colspan="3"><div align="center">
<input type="submit" name="Submit"
value="Aceptar">
</div></td>
</tr> </table> </form>
</body>
</html>

++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++
++++++++++++++++

<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<title>Buscar</title>
<style type="text/css">
</style>
<script src="Scripts/AC_RunActiveContent.js"
type="text/javascript"></script>
</head>
<body>
<table width="200" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td>&nbsp;</td>
</tr> <tr>
<td>Venta de Vestidos OnLine </td>
</tr> <tr>
<td>Sys Admin </td>
</tr> </table>
<table width="294" border="0" cellpadding="0"
cellspacing="0">
<tr>
<td colspan="3">&nbsp;</td>
</tr>
<tr bgcolor="#333333">

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

<td colspan="2" bgcolor="#FFCCFF"><span


class="Estilo1">Buscar : </span></td>
<td width="122" bgcolor="#FFCCFF"><span
class="Estilo3"></span></td>
</tr>
<tr bgcolor="#666666">
<td width="52" align="right" valign="top"
bgcolor="#FFCCFF"><span
class="Estilo3"></span></td>
<td colspan="2" bgcolor="#FFCCFF"><span
class="Estilo3"></span></td>
</tr>
<tr bgcolor="#666666">
<td align="right" valign="top"
bgcolor="#FFCCFF"><div align="right"
class="Estilo3">Categorias</div></td>
<td colspan="2" bgcolor="#FFCCFF"><form
action="admin_buscar_vestido.php" method="post"
name="form1" class="Estilo3">
<table width="220" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td width="152"><select name="marca"
id="marca">
<option value="Rolex">Vestidos</option>
<option value="Patek
Philippe">Ramos</option>
<option
value="Cartier">Tocados</option>
<option value="Vacheron
Constantin">Zapatillas</option>
</select></td>
<td width="68"><input type="submit"
name="Submit" value="Buscar"></td>
</tr> </table> </form></td> </tr>
<tr bgcolor="#666666">
<td align="right" valign="top"
bgcolor="#FFCCFF"><span
class="Estilo3"></span></td>
<td width="120" bgcolor="#FFCCFF"><span
class="Estilo3"></span></td>
<td bgcolor="#FFCCFF"><span
class="Estilo3"></span></td>
</tr>
<tr bgcolor="#666666">

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

<td bgcolor="#FFCCFF"><span
class="Estilo3"></span></td>
<td bgcolor="#FFCCFF"><span
class="Estilo3"></span></td>
<td bgcolor="#FFCCFF"><span
class="Estilo3"></span></td>
</tr> <tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td><a
href="index_admin.php">Regresar</a></td>
</tr> </table> <hr>
</body>
</html>
++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++
++++++++++++++++
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<title>Documento sin t&iacute;tulo</title>
<script src="Scripts/AC_RunActiveContent.js"
type="text/javascript"></script>
<style type="text/css">
</style></head>
<body>
<table width="200" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td>&nbsp;</td>
</tr> <tr>
<td>Venta de Vestidos OnLine </td>
</tr>
</table>
<p>se actualizaron correctamente los datos
</p>
<p><a href="index_admin.php">Regresar</a></p>
</body>
</html>

++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++
++++++++++++++++

<html>

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<title>Documento sin t&iacute;tulo</title>
<script src="Scripts/AC_RunActiveContent.js"
type="text/javascript"></script>
<style type="text/css">
</style></head>
<body>
<table width="200" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>Venta de Vestidos OnLine </td>
</tr>
</table>
<p>Datos eliminados con exito </p>
<p><a href="index_admin.php">Regresar</a> </p>
</body>
</html>
++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++
++++++++++++++++

<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<title>Documento sin t&iacute;tulo</title>
<script src="Scripts/AC_RunActiveContent.js"
type="text/javascript"></script>
<style type="text/css">
</style></head>
<body>
<table width="200" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>Venta de Vestidos OnLine </td>
</tr>
</table>
<p>Datos Guardados con exito </p>

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

<p><a href="index_admin.php">Regresar</a> </p>


</body>
</html>

++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++
++++++++++++++++

<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<title>Compra onLine de Relojes</title>
<style type="text/css">
</style>
<script src="Scripts/AC_RunActiveContent.js"
type="text/javascript"></script>
</head>
<body>
<table width="200" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macr
omedia.com/pub/shockwave/cabs/flash/swflash.cab#v
ersion=6,0,29,0','width','756','height','105','src','bann
er','quality','high','pluginspage','http://www.macrome
dia.com/go/getflashplayer','movie','banner' ); //end AC
code
</script><noscript><object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-
444553540000"
codebase="http://download.macromedia.com/pub/sho
ckwave/cabs/flash/swflash.cab#version=6,0,29,0"
width="756" height="105">
<param name="movie" value="banner.swf">
<param name="quality" value="high">
<embed src="banner.swf" quality="high"
pluginspage="http://www.macromedia.com/go/getflas
hplayer" type="application/x-shockwave-flash"
width="756" height="105"></embed>
</object></noscript></td>
</tr>
<tr>

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

<td>Venta de Vestidos OnLine </td>


</tr>
</table>
<p class="Estilo1">No hay vestidos agregados en el
carrito de compras </p>
<p><a href="cerrar_session.php">Salir</a></p>
</body>
</html>

++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++
++++++++++++++++

<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<title>Compra onLine de Relojes</title>
<style type="text/css">
</style>
</head>
<body>
<table width="200" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td><object classid="clsid:D27CDB6E-AE6D-11cf-
96B8-444553540000"
codebase="http://download.macromedia.com/pub/sho
ckwave/cabs/flash/swflash.cab#version=6,0,29,0"
width="756" height="105">
<param name="movie" value="banner.swf">
<param name="quality" value="high">
<embed src="banner.swf" quality="high"
pluginspage="http://www.macromedia.com/go/getflas
hplayer" type="application/x-shockwave-flash"
width="756" height="105"></embed>
</object></td>
</tr>
<tr>
<td>Venta de Relojes OnLine </td>
</tr>
</table>
<p class="Estilo1"><strong>Error</strong>, esta
operacion no es valida </p>
<p><a href="cerrar_session.php">Salir</a></p>
</body>

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

</html>

GLOSARIO 3

mysql_affected_rows: Obtiene el número de filas


afectadas en la anterior operación de MySQL
mysql_client_encoding: Devuelve el nombre de la
colección de caracteres
mysql_close: Cierra la conexión de MySQL
mysql_connect :Abre una conexión al servidor MySQL
mysql_create_db: Crea una base de datos MySQL
mysql_data_seek : Mueve el apuntador interno del
resultado
mysql_db_name: Obtiene los datos del resultado
mysql_db_query: Envía una consulta MySQL
mysql_drop_db: Omite (elimina) una base de datos
MySQL
mysql_errno: Devuelve un mensaje de error con un valor
numérico de la operación anterior con MySQL
mysql_error: Devuelve el texto con error del mensaje de
la anterior operación MySQL
mysql_escape_string: Escapes a string for use in a
mysql_query
mysql_fetch_array: Fetch a result row as an associative
array, a numeric array, or both
mysql_fetch_assoc: Recupera una fila de resultado
como un array asociativo

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

CONCLUSIONES GENERALES

En el transcurso del cuatrimestre se conocieron


nuevos programas, así como la manera de
manipularlos, esto con el fin de lograr desarrollar
páginas web relacionadas con base de datos, que
fueron los temas básicos del cuatrimestre.

Comenzamos por conocer los tipos de servidores que


podíamos usar como lo son, XAMPP, VERTRIGO, entre
otros. Conocimos un editor como DREAMWEBER para
crear códigos PHP y HTML, que es de gran utilidad
para la creación y corrección de códigos de páginas
web. También conocimos el uso de MySQL, que es un
sistema manejador de base de datos, muy parecido
en su entorno a SQL. Más tarde conocimos programas
como CORELDRAW, ADOBE FLASH, que son editores
de imágenes.

El uso de todos los programas en conjunto nos facilita


la vida a la hora de la programación web, debido a los
beneficios que ofrece cada uno en su momento.

32
UNIVERSIDAD POLITECNICA DE TULANCINGO
CARPETA DE EVIDENCIAS
Emma Templos Gayosso
Ana Ma. Muñoz Aguirre

Devido al estudio y aprendizaje de los programas


antes mencionados, fue posible la realización del
proyecto final, que consiste en la creación de una
página web, conectada a una base de datos, que
contiene un carrito de compras y un chat.

En resumen todo lo aprendido en este cuatrimestre


en la materia de Programacion Web, es una
herramienta de gran apoyo para nosotros.

32

Você também pode gostar