620 likes | 787 Views
PROYECTO ARENOSA. Plantilla pagina arenosa. bandera. logo. encabezado. navegacion2. Navegacion o menu. contenidos. contenidos1. contenidos2. contenidos3. piepagina. 1 FUNCIONALIDADES DEL SISTEMA. USUARIOS EN GENERAL.
E N D
Plantilla pagina arenosa bandera logo encabezado navegacion2 Navegacion o menu contenidos contenidos1 contenidos2 contenidos3 piepagina
1 FUNCIONALIDADES DEL SISTEMA USUARIOS EN GENERAL Usuarios en general no registrados, solo pueden acceder a la pagina index con la posibilidad de poder registrarse. USUARIOS REGISTRADOS Usuarios registrados que pueden acceder no solo como usuarios en general sino a la pagina principal y todos sus enlaces menos a la base de datos, así como todas las funciones que ofrece los enlaces. ADMINISTRADORES Administradores accediendo no solo como usuarios en general e usuarios registrados sino a la base de datos.
2 FUNCIONALIDADES DEL SISTEMA USUARIOS DEL SISTEMA USUARIOS EN GENERAL USUARIOS REGISTRADOS ADMINISTRADORES • Accede: • index.php • login.htm • registrarse (form.htm) • Accede: • index.php • login.htm • registrarse (form.htm) • Accede: • usuarios en general • arenosa.php • fotografia.php.- insertar fotos. • descargar_photos.php.- aparece las fotos insertadas. • fotogrande.php.- thumbaild • curriculum.php.- insertar curriculums. • manuales.php.- consultar manuales de contenido informaticoasi como otros manuales- • visorfotografia.php.- VER FOTOGRAFIAS HECHO EN FLASH • FOTOSSUSTITUCION.PHP.- album de f fotos. • download.php.- descargar programas hecho en ajax. • videodocumentales.php.- ver documentales. • videopeliculas.php.- ver peliculas • videotutoriales.php .- ver tutoriales • ACCEDE: • usuarios en general • usuarios registrados • base de datos pueden: • borrar bd • borrar tablas • borrar registros • crear bd • crear tablas • consultar registros
Modelo entidad relación Tablas a considerar y tipo de datos usuarios Usuario.- pkvarchar 20 NOT NULL Email…..- varchar 50 NOT NULL Password.- varchar 20 NOT NULL • tabla usuarios.- recoge el nombre usuario , su email y password , siendo el nombre usuario como clave principal ( único y sin repetición). Los tres campos tienen de común que se tienen que rellenar a obligatoriamente.
LENGUAJES, BOTONES Y ESTILOS LENGUAJE DISEÑO BOTONES ESTILOS UTILIZADOS • php • flash( acction script) • xhtml • javascript • ajax • <input type=“ button” • value= “ nombre” onclik=“ • document.location=‘ ruta • completa archivo’;”> • <div id=“navegacion”> • < a class=“boton” href=“ ruta • completa htm o php”> nombre • </a> • estilos css • .boton{ • color:#; • border:1px solid #..; • font-size:20px: • } • Ventajas: • Solamente se añade una sola vez en el archivo estilos, aunque se inserte el boton en otra capa div, toma como herencia la de la otra capa. • Estilos.css (pagina principal, index.php) • Login.css (autentificación, alogin.htm) • Alta.css (pagina alta, aform.htm) • Master.css (toda pagina de aacceso.php y videos menos video.php) • Bd.css (todas paginas bases datos) • video.css (pagina de video.php) • bbd.css (pagina borrarreg.php) • albumfotos.css (pagina fotossustitucion.php) • download.css (pagina downloads.php) ACTUALIZAR PAGINA • click <a href=“javascript:location.reload ()”> aquí</a>para actualizar la pagina. • util en un for o while y la funcion random con un for ir actualizando la pagina salga los numeros aleatorios. • Cuando borro un registro para que desaparezca el ultimo registro.
SIGUE LENGUAJES, BOTONES Y ESTILOS JAVA SCRIPT MENU DESPLEGABLE LIBRERIAS • hacer un menú desplegable su código: • <script language=“javascript”> • functionirA(url) { • location.href=url; • } • </script> • se crea un select por encabezamiento , su codigo es: • <selectonchange=“irA(this.value)”> • <optionselected=“ “>encabezamiento< /option> • <optionvalue=“ruta completa url”</option> • asi sucesivamente creamos option por cada url • </select> • la URL: pagina web, correo electrónico , pagina externa fuera sitio web o una pagina local dentro sitio web. • Las librerias es donde almacenamos codigo, que pueden ser incluso funciones, para ser utilizados en cualquier script. • NORMAS A SEGUIR • una sola funcion(argumentos, argumentos etc) no solo a una base de datos, tablas sino a varias bases de datos que tenga la misma instrucción por ejemplo instrucción de crear tabla. • Mas de una funcion(argumento,argumentoetc) varias tablas con distintas instrucciones por cada tabla por ejemplo funcion de creartablausuarios y otra funcioncreartabla de fotos se crea dos funciones que pertenece a una misma base de datos. Y los mismos argumentos. • En la pagina donde va dirigida las librerias se pone antes de la etiqueta <html> • <?php • include o require(“nombre librería”); (su ruta completa) • si es base de datos conectar(); • ?> • despues se pone despues de la etiqueta <html> la funciones(); • Si la pagina tiene varias librerias se pone con include o requiere cada librería una a una por linea.
SIGUE LENGUAJES, BOTONES Y ESTILOS DOS FORMAS LLAMAR UN FORMULARIO TIPO RADIO FORMA DE ETIQUETAR EN FIREFOX • Name distintos y values distintos • <form action=“url” method=“post”> • <input type=“radio” name=“nombre” value=“nombre”> • <input type=“radio” name=“nombre1” value=“nombre1”> • </form> • LA LLAMADA: • <?php • if (isset($request[‘name’])){ • instrucciones • } • ?> • Name iguales y values distintos • <form action=“url” method=“post”> • <input type=“radio” name=“nombre” value=“nombre”> • <input type=“radio” name=“nombre” value=“nombre1”> • </form> • LA LLAMADA: • <body> • <?php • $nombre=$request[‘name’]; • ?> • <?php • If($nombre==‘value’){ • instrucciones • } • Enlaces • en firefox sustituir <a href=“carpeta\carpeta\archivo.ext>nombre</a> • por <a href=“carpeta/carpeta/archivo.ext>nombre</a> • en explore da igual escribirlo de una forma o de otra • Tablas • En explore se puede hacer saliendo ordenado uno detrás de otro: • <input type=“radio” name=“nombre” value=“nombre”> • <input type=“radio” name=“nombre” value=“nombre1”> • en FIREFOX no se puede hacer las dos instrucciones anteriores pues saldria desordenado para que salga de forma ordenada se crean tablas o capas • Poniendo <tr><td> por ese orden y no al reves. • <table> • <tr><td><input type=“radio” name=“nombre” value=“nombre”></tr></td> • <tr>><td><input type=“radio” name=“nombre” value=“nombre1”></tr></td> • </table>
SIGUE LENGUAJES, BOTONES Y ESTILOS SELECT FOTOGRAFIA • name distinto por select • un formulario por select • $_request por name • por ejemplo dos select: • <form action=“url” method=“post” • < select name=“nombre” size=1> size muestra cuantas opciones mostrara • <option value=“nombre”>nombre</option> • <option value=“nombre1”>nombre1</option> • </select> • <input type=“submit” value=“enviar”> • <form action=“url” method=“post” • < select name=“nombre1” size=1> size muestra cuantas opciones mostrara • <option value=“nombre”>nombre</option> • <option value=“nombre1”>nombre1</option> • </select> • <input type=“submit” value=“enviar”> • Formas de hacerlo • una vez realizado las fotos sustitucion se transpasa el contenido de la pagina index.php a librería se realiza tantas librerias como temas de fotografia haya por ejemplo librería avila, librería madrid etc • . una vez realizado el anterior punto se crea tres librerias (librería fotos, librería diapositivas, librería negativos) cuyo contenido se incluira un include por librería del punto anterior por tema y funciones donde se incluira las funciones del punto anterior, se metera los temas a cada librería según se refiera a fotos,diapositivas o • negativos. • en fotossustitucion.php se incluira los includes de las tres librerias(fotos, negativos, diapositivas) y las funciones de las tres librerias asi como las funciones de pie de pagina y los form de radio y select embos estan en la librería arenosa. • DIAGRAMA • Fotossustitucion.php • libreriaarenosa libreriasfotos libreriasdiapositivas libreriasnegativos • libreriatemafotos libreriatemasfotos etc libreríatemasdiapositivas etc libreriastemanegativos etc
SIGUE LENGUAJES, BOTONES Y ESTILOS SESSIONES • concepto.- vincular la informacion a un visitante a lo largo de los diversos accesos a mi sitio web, al ser una variable super global se almacenara en todos los sitios web. • es decir gestionar variables manteniendo su valor durante toda la visita o secuencia de accesos de un cliente al servidor. • es importante cada conexión es tratada de forma indepentdiente y el acceso a diversas paginas dentro o fuera de un sitio web se realice sin relacion entre si. • se utiliza: • Almacenar informacion. • Aplicaciones comercio electronico se puede agregar al carrito de compra registros de productos. • Realizar personalizaciones paginas web poe ejemplo cada usuario acceda a su pagina. • fucionamiento: • asignar al visitante un identificador unico. • propagador unico a los diversos accesos a paginas sitio web del visitante para poderle reconocer. • creación: • - Session_Start().- (iniciar sesión) creación identificador único en esa pagina y propagación en todas las paginas siempre y cuando se ponga esa función, se pone antes etiqueta <html>. • Todo script php que maneje sessiones debe comenzar con una llamada a esa función que verifica si la session existe y si no la crea. • - acceder a esa session: • . Pagina formulario (form.php o form.html)- • . Pagina conectar.php • $use=$_request[‘user’]; • $pass=$_request[‘password’]; • $_SESSION[‘login’]=$use; • $_SESSION[‘producto’]=“libro”; • . Pagina.php • Hola Bienvenido <? Php echo $_SESSION[‘login’]?> • Hola Bienvenido <? Php echo $_SESSION[‘producto’]?> • esquema: • pagina formulario .- formulario • conectar.php.- recoge los name del formulario y se crea las sessiones • pagina.php .- se crea el identificador session o inicio de session y se rellena la session
SIGUE LENGUAJES, BOTONES Y STYLOS SIGUE SESSIONES • session autentificación sin bases de datos: • 1) pagina de formulario. • 2) pagina confirmar .php.- donde se recoge el valor del formulario y se crea el inicio sesión y la caja o sesión. • SESSION_START(); $ususario=$_Request[‘user’]; $pass=S_Request[‘password’]; • if ($usuario==“p” || $pass==“p”) • $_SESSION[‘autenttico’] = true; header(“location:basesdatos.php”); • else • header(“location:blogin.htm”); • 3) se rellena la session en otra pagina.php: • SESSION_START(); • if($_session[‘autentico’]<>true) • header(“location:blogin.htm”) • session autentificación con bases de datos: • 1) pagina de formulario. • 2) pagina confirmar .php.- donde se recoge el valor del formulario y se crea el inicio sesión y la caja o sesión. • SESSION_START(); $ususario=$_Request[‘user’]; $pass=S_Request[‘password’]; • - conexión a la base de datos. • - se realiza la consulta con select • $sql=mysql_query(“select * from $tabla where usuario=\”$usuario\” and password=\”$pass\””); • 3) se crea el identificador o inicio sesion y se cra la cja o session poniendolo un nombre y redireccionandolo a la pagina si el usuario y password existe guardando la variable de session. • if(mysql_affected_rows()|!=o) • $_Session[‘autentificado’]=true; • header(“location:arenosa.php); • else • header(“location:Alogin.php”);
VISUALICION DE VIDEOS FORMATO WVM <object classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#version=6,4,7,11112"type="video/x-ms-wmv" width="640" height="480" align="middle" standby="loading microsoft windows media player components....." id="MMPlayer2"> <param name="filename" value=“pelicula.wmv" /> <param name="showcontrols" value="1" /> <embed src=“pelicula.wmv" width="640" height="480" autostart="true" loop="false" align="middle" type="video/x-ms-wmv" pluginspage="http://www.microsoft.com/windows/MediaPlayer/download/default.asp" showcontrols="1" showdisplay="0" showstatusbar="1" filename=“pelicula.wmv" displaysize="0"> </embed> </object> • object classid=“CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95“.- CORRESPONDE REPRODUCTOR WINDOWS MEDIA • codebase.- control de active x para internet explore • width.- ancho • height.- alto • align.- alineacion • param.- etiquetas especiales • param name= “filename” value=“ruta fichero wvm”,. Establece la ruta de fichero de video, en forma relativa pero tiene que estar en el sitio web o en forma de URL absoluta. • param name=“showcontrols” value=“1”.- fija si se debe ver(1) valor por defecto o no(0) la barra inferior de controles de la consola de video, solo funciona bien en internet explorer. • embed src=“fichero”.- indica el nombre del fichero película • autoestart=“true o false”.- true ( empiece a reproducir al cargar la película) false(dar al play) • loop=“true o false”.- la primera al acabar vuelva a empezar y la segunda no lo haga
AJAX SCRIPT PARA IR A UNA PAGINA (GOTO PAG) UTILIZA LA LIBRERÍA JQUERY LA PAGINA 1,2,3…PHP como la FUNCION GOPAG(estan encuadrados por script)asi como la pagina DOWNLOADS.PHP se pone en un mismo directorio pues no funcionaria el ajax, el imput como el div se puede poner en otra pagina . <HTML> <script> src= “jquery-1.2.6.min.js”></script> //este script se pone en downloads.php <script> <html> function goPag(variable){ $(“pagina”).load(variable+”.html”); se puede cambiar .html por .php, instrucción para ir a una pagina $(“#1button”).show(); $(“#2button”).show(); //sin la ultima instrucción estas tres lineas no son necesarias sirven aparezca los botones $(“#3button”).show(); //etc se pone una linea de boton por pagina que haya. $(“#” + variable + “button·).hiden(); // por cada pulsacion del boton desaparece el boton apareciendo el anterior boton } </script> <body> <input id=“1button” type=“button” onclick=“goPag(1);” value=“Pag 1”> <input id=“1button” type=“button” onclick=“goPag(1);” value=“Pag 2”> <input id=“1button” type=“button” onclick=“goPag(1);” value=“Pag 3”> Se puede cambiar las instrucciones anteriores por <a class=“boton1” href=“#”; onclik= =“goPag(1);” >pag1</a> en vez de salir un boton type button sale como boton pag1. Una linea por pagina y se pone tantas lineas como paginas haya. Cada input es un boton que utiliza el evento onclick(al pulsar) <div id=“pagina” style=“border:0 px solid gray; padding:1 em;”></div> // su mision al pulsar el evento onclick aparezca el texto escrito de las paginas 1,2,3…..651.php. Las paginas debe empezar por numeros sin letras ejemplo 1.php, 2.php etc donde se pondra si no no se cargaria al pulsar los botones el contenido de texto de capa pagina en el mismo directorio de la pagina principal (donde esta metido los imput el div) por ejemplo dowlnoad/downloads.php (es la pagina principal). Suele ocurrir que la function gopag hay que ponerlo en el misma pagina donde se insertara los input y el div id=“pagina” en lugar de otra pagina pues no funcionaria.
ESTRUCTURA SITIO WEB(WWW (WEB)) INDEX.PHP ALOGIN.HTM NO SI AFORM. HTM AACCESO. PHP ARENOSA. PHP INDEX.PHP DOWNLOADS.PHP CURRICULUM.PHP BLOGIN.HTM MANUALES.PHP VIDEO PELICULAS.PHP VIDEO DOCUMENTALES.PHP VIDEO TUTORIAL.PHP VISORFOTOGRAFIA. PHP Fotos sustitucion.php Fotografiz.php 0..650.php VIDEO PELICULAS VIDEO DOCUMENTALES VIDEO TUTORIALES VISOR Pages.html Descargar_fto.php CONFIRMAR.PHP NO SI Fotogrande.php BASESDATOS.PHP LISTADOREG. PHP CREARTA BLA.PHP BORRARTABLA.PHP BORRARDB.PHP BUSCARREG.PHP CREARDB. PHP PHPMYADMIN NOTAS: FOTOS DE SUSTITUCION.PHP.- ALBUMFOTOS FOTOGRAFIA.PHP.------------------ FOTOS BLOGIN.HTM.-------------------------- BD
ESTRUCTURA LIBRERIAS SITIO WEB(WWW (WEB) • Arenosa.php • curriculum.php • manuales.php • alogin.php • Visorfotografia.pnp • Aacceso.php • Aform.php • Basesdatoa.php • Borrar.php • Borrarreg.php • Borrartabla.php • Buscarreg.php • Creardb.php • Creartabla.php • descarga_photos.php • fotografia.php librería BD,php • fotogrande.php • libreríasustitucioncomunioncarla.php • libreriasustitucionbisabueloricardo.php • libreriasustitucionpalaomagema.php • libreriasustitucioniniquito.php • libreriasustituciongonzalito.php Libreriasfotos.php LIBRERÍA ARENOSA • fotossustitucion.php • libreríasustitucionsobrinapaula.php • libreriasustitucionmadrid.php • libreriasustitucionsantander.php • libreriasustitucionavila.php • libreriasustitucionburgos.php • libreriasustitucionjaen.php • libreriasustitucionnederland.php • libreriasusttucionrumania.php • libreriasustitucioncaceres.php Librería diapositivas
SIGUE ESTRUCTURA LIBRERIAS 1 SITIO WEB(WWW (WEB) • librerialistadoadobe.php • librerialistadocomprensores.php • librerialistadocopiasseguridad.php • librerialistadogestion.php • librerialistadograbacion.php • librerialistadomultimedia.php • librerialistadonavegadores.php • librerialistadopaquetesintegrados.php • librerialistadoprogramacion.php • librerialistadoutilidades.php • librerialistadoservidores.php • libreriagopagajax.php • Download.php Librerialistadowindows.php • libreriacomedia.php • libreriainfantiles.php • libreriaanimacion.php • libreriaterror.php • libreriacienciasficcion.php • libreriafantasia.php • libreriadocumentales.php • libreriaaventuras.php • libreriatutoriales.php • libreriadrama.php • librerialistadopgc.php • librerialistadoenglish.php • librerialistadonaturalezasalvaje.php • librerialistadooffice.php • librerialistadopaseoporelpatrimonio.php • librerianationalgeographic.php LIBRERÍA ARENOSA • videodocumentales.php • videopeliculas.php librerialistadovideo.php • videotutoriales.php
INDEX.PHP <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="expires" content="0" /> <title>Pagina Principa</title> <link rel="stylesheet" type="text/css" href=“estilos.css" /> <body> <script language="vbscript"> option explicit dim fecha fecha=date document.write("<b>fecha actual...</b>" &" <b>" & fecha &"</b>" & "<br>") </script> <br> <center> <table> <td bgcolor="black" height="45"> <img src="imagen/dg8.gif" name="hr1"><img src="imagen/dg8.gif" name="hr2"><img src="imagen/dgc.gif" name="c"><img src="imagen/dg8.gif" name="mn1"><img src="imagen/dg8.gif" name="mn2"><img src="imagen/dgc.gif" name="c"><img src="imagen/dg8.gif" name="se1"><img src="imagen/dg8.gif" name="se2"><img src="imagen/dgpm.gif" name="ampm"> </td></table>
SIGUE INDEX.PHP <script language="javascript"><!-- start // (c) 2k-2k2 ricocheting.com // http://www.ricocheting.com/js/ dg0 = new Image();dg0.src = "dg0.gif"; dg1 = new Image();dg1.src = "dg1.gif"; dg2 = new Image();dg2.src = "dg2.gif"; dg3 = new Image();dg3.src = "dg3.gif"; dg4 = new Image();dg4.src = "dg4.gif"; dg5 = new Image();dg5.src = "dg5.gif"; dg6 = new Image();dg6.src = "dg6.gif"; dg7 = new Image();dg7.src = "dg7.gif"; dg8 = new Image();dg8.src = "dg8.gif"; dg9 = new Image();dg9.src = "dg9.gif"; dgam= new Image();dgam.src= "dgam.gif"; dgpm= new Image();dgpm.src= "dgpm.gif"; dgc = new Image();dgc.src = "dgc.gif"; function dotime(){ theTime=setTimeout('dotime()',1000); d = new Date(); hr= d.getHours()+100; mn= d.getMinutes()+100; se= d.getSeconds()+100; if(hr==100){hr=112;am_pm='am';} else if(hr<112){am_pm='am';} else if(hr==112){am_pm='pm';} else if(hr>112){am_pm='pm';hr=(hr-12);} tot=''+hr+mn+se; document.hr1.src = 'imagen/dg'+tot.substring(1,2)+'.gif'; document.hr2.src = 'imagen/dg'+tot.substring(2,3)+'.gif'; document.mn1.src = 'imagen/dg'+tot.substring(4,5)+'.gif'; document.mn2.src = 'imagen/dg'+tot.substring(5,6)+'.gif'; document.se1.src = 'imagen/dg'+tot.substring(7,8)+'.gif'; document.se2.src = 'imagen/dg'+tot.substring(8,9)+'.gif'; document.ampm.src= 'imagen/dg'+am_pm+'.gif';} dotime();
SIGUE INDEX.PHP //end --> </script> <br /><br /> <table border="0"></center> <tr><td><strong><h1>PAGINA PRINCIPAL</h1></strong></td> </tr></table> <b>enlaces sitios web</b> <hr /><br /> <center><table border="0" width="80%"> <tr> <td><strong><a href="web/basesdatos/Alogin.htm">arenosa</a></strong> <td><strong><a href="web/basesdatos/ASlogin.htm">asesoriaguerra</a></strong></td> <td><strong><a href="web/basesdatos/LAlogin.htm">Lucerga&Arenosa</a></strong></td> <td><strong><a href="beatriz/beatriz.htm">beatriz</a></strong></td> </tr> </table></center> <br /> <hr /> <b><center>© francisco garcia martinez</center></b> <b><center><a href="mailto:arenosa@telefonica.net">correo arenosa</a></center> <center> <?php // Archivo en donde se acumulará el numero de visitas $archivo = "contador.dat"; // Abrimos el archivo para solamente leerlo (r de read) $abre = fopen($archivo, "r"); // Leemos el contenido del archivo $total = fread($abre, filesize($archivo)); // Cerramos la conexión al archivo fclose($abre); // Abrimos nuevamente el archivo $abre = fopen($archivo, "w"); // Sumamos 1 nueva visita $total = $total + 1; // Y reemplazamos por la nueva cantidad de visitas $grabar = fwrite($abre, $total); // Cerramos la conexión al archivo fclose($abre); // Imprimimos el total de visitas dándole un formato echo "<strong>". "<font face='verdana' size='2'>Visitas....: "."</strong>".$total."</font>"; ?> </center> </body> </html>
ESTILOS.CSS /* estilos css */ body{ background-color:#D3D3D3; /*color fondo de la pagina*/ font-size:20px; /*tamaño texto*/ font-family:courier; /*tipo de letra*/ } a:link { /* enlace no ha sido visitado */ color: #000000; text-decoration: none; font-size:24px; font-family:arial; } a:visited { /* enlace ha sido visitado */ text-decoration: none; color: #000099; font-size:24px; font-family:arial; } a:hover { /* el raton esta pasando sobre el */ text-decoration: none; color:#990099; font-size:24px; font-family:arial; } a:active { /* el enlace esta siendo pulsado */ text-decoration: none; color:#ff0000; font-size:24px; font-family:arial; }
ALogin.htm <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>acceso usuarios</title> <link rel="stylesheet" type="text/css" href="../login.css" /> </head> <body> <div id="bandera"></div> <center> <div id="contenidos"> <form action="Aacceso.php" method="post"> <p> para entrar en la zona <strong>ARENOSA</strong> por favor, rellene los campos</p> <table border="0"> <tr> <td><p><strong>Usuario:</strong><br /></p></td> <td><p><input type="text" name="user" size="25" maxlength="50" /></p></td> </tr> <tr> <td><p><strong>Password:</strong><br /></p></td> <td><p><input type="password" name="password" size="25" maxlength="25" /></p></td> </tr> </table> <br /> <input type="submit" name="submit" value="entrar" /> <input type="reset" name="reset" value="borrar" /> <p> si no esta dado de alta...: <a href="Aform1.htm">haga clic aqui</a></p> </form> </div> </center> </body> </html>
Login.css /* definir hojas de estilos */ body{background-color:#000000; } #bandera{ position:absolute; width:100%; height:150px; z-index:1; left: 0px; Top:0px; } #contenidos{ Position:absolute; width:100%; top:-150px; left:0px; height:500px; z-index:2; } #contenidos p{ color:#FFFFFF; } #contenidos a{ font-size:20px; /* tamaño letra */ text-decoration:none; /* sin subrayado */ font-family:Arial, "Times New Roman", Times, serif; } #contenidos a:link{ color:#6666FF;/*enlace no visitado*/ } #contenidos a:visited{ color:#0000FF;/* enlace visitado*/ } #contenidos a:hover{ color:#FFFFFF;/* el raton esta pasando sobre el*/ } #contenidos a:active{ color:#FFCC00; /* enlace esta siendo pulsado*/ }
AACCESO.PHP <?php //recogemos los datos del formulario (login.htm) no haya ningun vacio $user=$_REQUEST["user"]; $password=$_REQUEST["password"]; //si alguno de los campos estan vacios lo redirreccionamos a la pagina login.htm con la funcion header if ($user=="" || $password==""){ header("Location:Alogin.htm"); break; } //metemos en variables: la base de datos, la tabla, la conexion, usuario, password. $db="arenosa";//base de datos $tabla="usuarios";//la tabla $connect="localhost";//la conexion $user1="root";//usuario $pass="redes1234";//password session_start(); //iniciamos la session $conn=@mysql_connect($connect,$user1,$pass)or die("no se pudo conectar a la db"); //conecto a mysql $seldb=@mysql_select_db($db,$conn) or die ("no se pudo conecta con la db arenosa"); //selecciono la db $sql=("SELECT * FROM $tabla where usuario=\"$user\" and password=\"$password\""); //hacemos la consulta con la condicion where $resultado=@mysql_query($sql) or die ("no se pudo hacer la consulta"); //devuelve la numero de filas de un resultado if(mysql_num_rows($resultado)!=0){ /* lo redireccionamos a la pagina especificada si el usuario y password existe en la base de datos y lo guardamos en la variable session*/ $_SESSION['autentificado']=true; header("Location:/web/arenosa.php"); /* en caso de que el usuario y password introducido no esistiera en la base de datos lo redireccionamos en la pagina especificada y lo guardamos en la variable session*/ }else{ $_SESSION['autentificado']=false; header("Location:Alogin.htm"); exit; } ?> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>zona arenosa</title> </head> <body> <? mysql_close($conn);//se termina la conexion a la base de datos?> </body> </html>
AFORM.HTM <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>cargar tabla</title> <link rel="stylesheet" type="text/css" href="../alta.css" /> </head> <body> <center> <div id="bandera"> </div> <div id="alta"> <form action="Aaddreg.php" method="post"> <p><b>para realizar el alta, por favor, rellene todos los campos</b></p> <p><strong>Usuario:</strong> <input type="text" name="user" size="25" maxlength="50" /></p> <p><strong>Email:</strong> <input type="text" name="email" size="25" maxlength="50" /></p> <p><strong>Password:</strong> <input type="password" name="password" size="25" maxlength="25" /></p> <p><strong>confirme el Password:</strong> <input type="password" name="password1" size="25" maxlength="25" /></p> <input type="submit" name="submit" value="Añadir" /> <input type="reset" value="borrar" /> </form> </div> </center> </body> </html>
Alta.css /* definir hojas de estilos */ body{background-color:#000000; } #bandera{ Position:absolute; background-color:#000000; width:100%; height:150px; left:0px; top:0px; z-index:1; } #alta{ Position:absolute; width:100%; top:150px; z-index:2; } #alta p{ color:#FFFFFF; }
AADREG.PHP (añadir registros) <?php $usuario=$_REQUEST["user"]; $email=$_REQUEST["email"]; $password=$_REQUEST["password"]; $password1=$_REQUEST["password1"]; if($usuario=="" || $email=="" || $password=="" || $password1==""){ header("Location:Aform.htm"); break; } //encriptamos los password a traves de la funcion md5 $cod=md5($password); $cod1=md5($password1); //comprobamos el password sea igual al password1en caso contrario redireccionamos a la pagina form1.htm if($cod!==$cod1){ header("Location:Aform.htm"); break; } $db="arenosa";//base de datos $tabla="usuarios";//tabla $connect="localhost";//conexion $user="root";//usuario $pass="redes1234";//password $conn=@mysql_connect($connect,$user,$pass)or die("no se pudo conectar a la db"); //conecto a mysql $seldb=mysql_select_db($db) or die ("no se pudo conectar con base datos $db"); //selecciono la base de datos $sql="INSERT INTO $tabla (usuario,email,password)values ('$usuario', //se realiza la consulta '$email','$password')"; mysql_query($sql); //detallamos los errores if(mysql_errno()!==0 || mysql_affected_rows()==0){ echo "error". mysql_error(); } else { echo "<h1>Registro añadido</h1>"; echo "<p><strong>Usuario</strong>: $usuario </p>" ; echo "<p><strong>Email</strong>: $email</p>"; echo "<p><strong>Password</strong>: $cod</p>"; } ?> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Añadir usuarios</title> </head> <body> <?php mysql_close($conn); //cierra la conexión ?> <p><a href="Alogin.htm">volver al login</a></p> </body> </html>
Arenosa.php <?php session_start(); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="expires" content="0" /> <title>Arenosa1</title> <link rel="stylesheet" type="text/css" href="master.css" /> <script src="../Scripts/AC_RunActiveContent.js" type="text/javascript"></script> </head> <body> <div id="contenidos"> <?php if($_SESSION['autentificado']==true){ echo'<h1> Bienvenido a la pagina Arenosa</h1>'; } else{ header("Location:/web/basesdatos/Alogin.htm"); exit; } ?> <p>El sitio web abarca los siguientes links:</p> <ol> <li><strong>Manuales</strong> Se puede visualizar todo tipo de manuales de contenido informatico orientado a personas de alto, medio y poco nivel, así como para estudiantes</li> <li><strong>Downloads</strong> Descarga de programas gratuitos</li> <li><strong>Videos</strong> Referentes a videos de distintos formatos y de tipo formación</li> <li><strong>Visorfotografía</strong> Visor realizado con flash para visualizar fotografias</li> <li><strong>Curriculum</strong> </li> <li><strong>Inicio</strong> Se dirije a la página Index.php</li> </ol> </div>
Sigue arenosa.php <div id="logo"><img src="imagen/logo/arenosa1.gif" alt="logotipo arenosa"/></div> <div id="encabezado"> Arenosa </div> <div id="bandera"></div> <div id="navegacion"> <br/><br/> <a href="downloads.php"><strong> Downloads</strong></a><br /> <a href="curriculum.php"><strong> Curriculum</strong></a><br /> <a href="manuales.php"><strong> Manuales</strong></a><br /> <a href="video.php"><strong> Video</strong></a><br /> <a href="visordefotografia.php"><strong> VFotografia</strong></a><br /> <a href="../index.php"><strong> Inicio</strong></a><br /> <a href="basesdatos/blogin.htm"><strong> BD</strong></a> </div> <div id="navegacion2"> </div> <div id="piepagina"> <center> <a href="curriculum.php">curriculum</a> <a href="downloads.php">downloads</a> <a href="manuales.php">manuales</a> <a href="video.php">video</a> <a href="visordefotografia.php">visorfotografia</a> <a href="../index.php">inicio</a> <br /> ©fco. Garcia Martinez </center> </div> </body> </html>
CURRICULUM.PHP <?php session_start(); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="expires" content="0" /> <title>manuales</title> <link rel="stylesheet" type="text/css" href="master.css" /> </head> <body> <?php if($_SESSION['autentificado']<>true) header("Location:/web/basesdatos/Alogin.htm"); ?> <div id="logo"> <img src="imagen/logo/arenosa1.gif" alt="logotipo arenosa"/> </div> <div id="encabezado"> Arenosa </div> <div id="bandera"></div> <div id="contenidos"> <h1> Bienvenido a la página Curriculum </h1> </div> <div id="navegacion"> <br /><br /> <a href="arenosa.php"><strong> Arenosa</strong></a><br /> <a href="downloads.php"><strong> Downloads</strong></a><br /> <a href="manuales.php"><strong> Manuales</strong></a><br /> <a href="video.php"><strong> Video</strong></a><br /> <a href="visordefotografia.php"><strong> VFotografia</strong></a><br /> <a href="../index.php"><strong> Inicio</strong></a><br /> <a href="basesdatos/blogin.htm"><strong> BD</strong></a></div>
SIGUE CURRICULUM.PHP <div id="navegacion2"> </div> <div id="piepagina"> <center> <a href="arenosa.php">arenosa</a> <a href="downloads.php">downloads</a> <a href="manuales.php">manuales</a> <a href="video.php">video</a> <a href="visordefotografia.php">visorfotografia</a> <a href="../index.php">inicio</a> <br /> ©fco. Garcia Martinez </center> </div> </body> </html>
DOWNLOADS.PHP <?php session_start(); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="expires" content="0" /> <title>manuales</title> <link rel="stylesheet" type="text/css" href="master.css" /> </head> <body> <?php if($_SESSION['autentificado']<>true) header("Location:/web/basesdatos/Alogin.htm"); ?> <div id="logo"> <img src="imagen/logo/arenosa1.gif" alt="logotipo arenosa"/> </div> <div id="encabezado"> Arenosa </div> <div id="bandera"></div> <div id="contenidos"> <h1> Bienvenido a la página Downloads </h1> </div> <div id="navegacion"> <br /><br /> <a href="curriculum.php"><strong> Curriculum</strong></a><br /> <a href="arenosa.php"><strong> Arenosa</strong></a><br /> <a href="manuales.php"><strong> Manuales</strong></a><br /> <a href="video.php"><strong> Video</strong></a><br /> <a href="visordefotografia.php"><strong> VFotografia</strong></a><br /> <a href="../index.php"><strong> Inicio</strong></a><br /> <a href="basesdatos/blogin.htm"> bd</a> </div> <div id="navegacion2"> </div> <div id="piepagina"> <center> <a href="curriculum.php"> Curriculum </a> <a href="arenosa.php"> Arenosa </a> <a href="manuales.php"> Manuales </a> <a href="video.php"> Video </a> <a href="visordefotografia.php"> VFotografia </a> <a href="../index.php"> Inicio </a> <br /> ©fco. Garcia Martinez </center> </div> </body> </html>
MANUALES.PHP <?php session_start(); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="expires" content="0" /> <title>manuales</title> <link rel="stylesheet" type="text/css" href="master.css" /> </head> <body> <?php if($_SESSION['autentificado']<>true) header("Location:/web/basesdatos/Alogin.htm"); ?> <div id="logo"> <img src="imagen/logo/arenosa1.gif" alt="logotipo arenosa"/> </div> <div id="encabezado"> Arenosa </div> <div id="bandera"></div> <div id="contenidos"> <h1> Bienvenido a la página Manuales </h1> </div> <div id="navegacion"> <br /><br /> <a href="curriculum.php"><strong> Curriculum</strong></a><br /> <a href="downloads.php"><strong> Downloads</strong></a><br /> <a href="arenosa.php"><strong> Arenosa</strong></a><br /> <a href="video.php"><strong> Video</strong></a><br /> <a href="visordefotografia.php"><strong> VFotografia</strong></a><br /> <a href="../index.php"><strong> Inicio</strong></a><br /> <a href="basesdatos/blogin.htm"><strong> bd</strong></a> </div> <div id="navegacion2"> </div> <div id="piepagina"> <center> <a href="curriculum.php">curriculum</a> <a href="downloads.php">downloads</a> <a href="arenosa.php">arenosa</a> <a href="video.php">video</a> <a href="visordefotografia.php">visorfotografia</a> <a href="../index.php">inicio</a> <br /> ©fco. Garcia Martinez </center> </div> </body> </html>
VIDEO.PHP <?php session_start(); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="expires" content="0" /> <title>peliculas de video</title> <link rel="stylesheet" type="text/css" href="master.css" /> </head> <body> <?php if($_SESSION['autentificado']<>true) header("Location:/web/basesdatos/Alogin.htm"); ?> <div id="logo"> <img src="imagen/logo/arenosa1.gif" alt="logotipo arenosa"/> </div> <div id="encabezado"> Arenosa </div> <div id="bandera"></div> <div id="contenidos"> <input type="button" value="ElCaballeroOscuro" onclick="document.location='video/elcaballerooscuro/elcaballerooscuro.htm';" /> <input type="button" value="ViajeCentroTierra" onclick="document.location='video/viajealcentrotierra/viajeacentrodelatierra.htm';" /> <h1> Bienvenido a la página de Videos </h1>
Sigue video.php <table> <tr> <td><input type="button" value="ElCaballeroOscuro" onclick="document.location='video/elcaballerooscuro/elcaballerooscuro.php';" /></td> <td><input type="button" value="ViajeCentroTierra" onclick="document.location='video/viajealcentrotierra/viajeacentrodelatierra.php';" /></td> <td><input type="button" value="venganzasith" onclick="document.location='video/lavenganzasith/venganzasith.php';" /></td> <td><input type="button" value="anaconda2" onclick="document.location='video/anaconda2/anaconda2.php';" /></td> <td><input type="button" value="chittychittybangbang" onclick="document.location='video/chittychittybangbang/chittychittybangbang.php';" /></td> <td><input type="button" value="retornodelrey" onclick="document.location='video/retornodelrey/retornodelrey.php';" /> </td> </tr> <tr > <td><input type="button" value="laurelhardyoeste" onclick="document.location='video/laurelhardyoeste/laurelhardyoeste.php';" /></td> <td><input type="button" value="xmen" onclick="document.location='video/xmen/xmen.php';" /></td> <td><input type="button" value="xmen2" onclick="document.location='video/xmen2/xmen2.php';" /></td> <td><input type="button" value="xmen3" onclick="document.location='video/xmen3/xmen3.php';" /></td> <td><input type="button" value="ultimatumtierravantigua" onclick="document.location='video/ultimatumtierra/ultimatumtierraversionantigua.php';" /></td> <td><input type="button" value="ultimatumtierra" onclick="document.location='video/ultimatumtierra/ultimatumtierra.php';" /></td>
Sigue video.php </tr> <tr> <td> <input type="button" value="starshiptroopers" onclick="document.location='video/starshiptroopers/starshiptroopers.php';" /></td> <td> <input type="button" value="halloweenorigen" onclick="document.location='video/halloweenorigen/halloweenorigen.php';" /></td> <td> <input type="button" value="semillamal" onclick="document.location='video/semillamal/semillamal.php';" /></td> <td><input type="button" value="demolitionman" onclick="document.location='video/demolitionman/demolitionman.php';" /></td> <td><input type="button" value="increiblehulk2008" onclick="document.location='video/increiblehulk2008/increiblehulk2008.php';" /> </td> <td><input type="button" value="hulk2003" onclick="document.location='video/hulk2003/hulk2003.php';" /> </td> </tr> <tr> <td><input type="button" value="internado" onclick="document.location='video/internado/internado.php';" /></td> <td> <input type="button" value="aranas" onclick="document.location='video/aranas/aranas.php';" /></td> <td> <input type="button" value="niebla" onclick="document.location='video/niebla/niebla.php';" /></td> </tr> </table> </div>
Sigue video.php <div id="navegacion"> <br /><br /> <a href="curriculum.php"><strong> Curriculum</strong></a><br /> <a href="downloads.php"><strong> Downloads</strong></a><br /> <a href="manuales.php"><strong> Manuales</strong></a><br /> <a href="arenosa.php"><strong> Arenosa</strong></a><br /> <a href="visordefotografia.php"><strong> VFotografia</strong></a><br /> <a href="../index.php"><strong> Inicio</strong></a><br /> <a href="basesdatos/blogin.htm"><strong> BD</strong></a> </div> <div id="navegacion2"> </div> <div id="piepagina"> <center> <a href="curriculum.php">curriculum</a> <a href="downloads.php">downloads</a> <a href="manuales.php">manuales</a> <a href="arenosa.php">arenosa</a> <a href="visordefotografia.php">visorfotografia</a> <a href="../index.php">inicio</a> <br /> ©fco. Garcia Martinez </center> </div> </body> </html>
Elcaballerooscuro.htm(video/elcaballerooscuro) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="expires" content="0" /> <title>elcaballerooscuro</title> <link rel="stylesheet" type="text/css" href="../../master.css" /> <script type="text/javascript"> function MM_CheckFlashVersion(reqVerStr,msg){ with(navigator){ var isIE = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1); var isWin = (appVersion.toLowerCase().indexOf("win") != -1); if (!isIE || !isWin){ var flashVer = -1; if (plugins && plugins.length > 0){ var desc = plugins["Shockwave Flash"] ? plugins["Shockwave Flash"].description : ""; desc = plugins["Shockwave Flash 2.0"] ? plugins["Shockwave Flash 2.0"].description : desc; if (desc == "") flashVer = -1; else{ var descArr = desc.split(" "); var tempArrMajor = descArr[2].split("."); var verMajor = tempArrMajor[0]; var tempArrMinor = (descArr[3] != "") ? descArr[3].split("r") : descArr[4].split("r"); var verMinor = (tempArrMinor[1] > 0) ? tempArrMinor[1] : 0; flashVer = parseFloat(verMajor + "." + verMinor); } } // WebTV has Flash Player 4 or lower -- too low for video else if (userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 4.0; var verArr = reqVerStr.split(","); var reqVer = parseFloat(verArr[0] + "." + verArr[2]); if (flashVer < reqVer){ if (confirm(msg)) window.location = "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"; } } } } </script> <script src="../../../Scripts/AC_RunActiveContent.js" type="text/javascript"></script> </head>
SIGUE Elcaballerooscuro.htm(video/elcaballerooscuro) <body onload="MM_CheckFlashVersion('8,0,0,0','El contenido de la página requiere una nueva versión del reproductor Adobe Flash. Desea descargarlo ahora?');"> <div id="logo"> <img src="../../imagen/logo/arenosa1.gif" alt="logotipo arenosa"/> </div> <div id="encabezado"> Arenosa </div> <div id="bandera"></div> <div id="contenidos"> <center><br /><br /> <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0','width','640','height','480','id','FLVPlayer','src','FLVPlayer_Progressive','flashvars','&MM_ComponentVersion=1&skinName=Corona_Skin_3&streamName=ElCaballeroOscuro&autoPlay=true&autoRewind=false','quality','high','scale','noscale','name','FLVPlayer','salign','lt','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','FLVPlayer_Progressive' ); //end AC code </script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="640" height="480" id="FLVPlayer"> <param name="movie" value="FLVPlayer_Progressive.swf" /> <param name="salign" value="lt" /> <param name="quality" value="high" /> <param name="scale" value="noscale" /> <param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Corona_Skin_3&streamName=ElCaballeroOscuro&autoPlay=true&autoRewind=false" /> <embed src="FLVPlayer_Progressive.swf" flashvars="&MM_ComponentVersion=1&skinName=Corona_Skin_3&streamName=ElCaballeroOscuro&autoPlay=true&autoRewind=false" quality="high" scale="noscale" width="640" height="480" name="FLVPlayer" salign="LT" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" /> </object></noscript> </center> </div> <div id="navegacion"> </div> <div id="navegacion2"> </div> <div id="piepagina"> </div> </body> </html>
Viajeacentrodelatierra.htm(video/viajealcentrotierra) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="expires" content="0" /> <title>Documento sin título</title> <link rel="stylesheet" type="text/css" href="../../master.css" /> <script type="text/javascript"> function MM_CheckFlashVersion(reqVerStr,msg){ with(navigator){ var isIE = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1); var isWin = (appVersion.toLowerCase().indexOf("win") != -1); if (!isIE || !isWin){ var flashVer = -1; if (plugins && plugins.length > 0){ var desc = plugins["Shockwave Flash"] ? plugins["Shockwave Flash"].description : ""; desc = plugins["Shockwave Flash 2.0"] ? plugins["Shockwave Flash 2.0"].description : desc; if (desc == "") flashVer = -1; else{ var descArr = desc.split(" "); var tempArrMajor = descArr[2].split("."); var verMajor = tempArrMajor[0]; var tempArrMinor = (descArr[3] != "") ? descArr[3].split("r") : descArr[4].split("r"); var verMinor = (tempArrMinor[1] > 0) ? tempArrMinor[1] : 0; flashVer = parseFloat(verMajor + "." + verMinor); } } // WebTV has Flash Player 4 or lower -- too low for video else if (userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 4.0; var verArr = reqVerStr.split(","); var reqVer = parseFloat(verArr[0] + "." + verArr[2]); if (flashVer < reqVer){ if (confirm(msg)) window.location = "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"; } } } } </script> <script src="../../../Scripts/AC_RunActiveContent.js" type="text/javascript"></script> </head>
Sigue Viajeacentrodelatierra.htm(video/viajealcentrotierra) <body onload="MM_CheckFlashVersion('8,0,0,0','El contenido de la página requiere una nueva versión del reproductor Adobe Flash. Desea descargarlo ahora?');"> <div id="logo"> <img src="../../imagen/logo/arenosa1.gif" alt="logotipo arenosa"/> </div> <div id="encabezado"> Arenosa </div> <div id="bandera"></div> <div id="contenidos"> <center><br /><br /> <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0','width','640','height','480','id','FLVPlayer','src','FLVPlayer_Progressive','flashvars','&MM_ComponentVersion=1&skinName=Corona_Skin_3&streamName=ViajeAlCentroDeLaTierra&autoPlay=true&autoRewind=false','quality','high','scale','noscale','name','FLVPlayer','salign','lt','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','FLVPlayer_Progressive' ); //end AC code </script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="640" height="480" id="FLVPlayer"> <param name="movie" value="FLVPlayer_Progressive.swf" /> <param name="salign" value="lt" /> <param name="quality" value="high" /> <param name="scale" value="noscale" /> <param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Corona_Skin_3&streamName=ViajeAlCentroDeLaTierra&autoPlay=true&autoRewind=false" /> <embed src="FLVPlayer_Progressive.swf" flashvars="&MM_ComponentVersion=1&skinName=Corona_Skin_3&streamName=ViajeAlCentroDeLaTierra&autoPlay=true&autoRewind=false" quality="high" scale="noscale" width="640" height="480" name="FLVPlayer" salign="LT" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" /> </object></noscript> </center> </div> <div id="navegacion"> </div> <div id="navegacion2"> </div> <div id="piepagina"> </div> </body> </html>
VISORDEFOTOGRAFIA.PHP <?php session_start(); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="expires" content="0" /> <title>visor de fotografias</title> <link rel="stylesheet" type="text/css" href="master.css" /> </head> <body> <?php if($_SESSION['autentificado']<>true) header("Location:/web/basesdatos/Alogin.htm"); ?> <div id="logo"> <img src="imagen/logo/arenosa1.gif" alt="logotipo arenosa"/> </div> <div id="encabezado"> Arenosa </div> <div id="bandera"></div> <div id="contenidos"> <h1> Bienvenido a la página Visordefotografía </h1> </div> <div id="navegacion"> <br /><br /> <a href="curriculum.php"><strong> Curriculum</strong></a><br /> <a href="downloads.php"><strong> Downloads</strong></a><br /> <a href="manuales.php"><strong> Manuales</strong></a><br /> <a href="video.php"><strong> Video</strong></a><br /> <a href="arenosa.php"><strong> Arenosa</strong></a><br /> <a href="../index.php"><strong> Inicio</strong></a><br /> <a href="basesdatos/blogin.htm"><strong> BD</strong></a> </div> <div id="navegacion2"> </div> <div id="piepagina"> <center> <a href="curriculum.php">curriculum</a> <a href="downloads.php">downloads</a> <a href="manuales.php">manuales</a> <a href="video.php">video</a> <a href="arenosa.php">arenosa</a> <a href="../index.php">inicio</a> <br /> ©fco. Garcia Martinez </center> </div> </body> </html>
Master.css /* definir hojas de estilos */ body{ background-color:#FFFFFF; } #bandera { position:absolute; background-color:#bdbdbd; left:0px; top:0px; width:100%; height:100px; z-index:1; } #logo{ position:absolute; left:5%; top:4px; z-index:6; } #encabezado{ position:absolute; font-size:72px; left:400px; font-family:"Trebuchet MS"; top:0px; z-index:7; } #navegacion { position:absolute; background-color:#BDBDBD; left:0px; top:100px; width:10%; height:419px; z-index:2; }
Sigue master.css #navegacion2 { position:absolute; background-color:#660000; /* color de fondo */ left: 10%; /* izquierdo */ top:100px; /* superior */ width:90%; /* ancho */ height:34px; /* alto */ z-index:3; /* orden apilamiento asegurar esta en primer plano por enciama cualquier capa */ } #navegacion2 p{ color:#FFFFFF; /* color de la letra */ padding-top:1px; background-color:transparent; } #contenidos { position:absolute; left:10.3%; top:134px; width:90%; height:385px; z-index:4; } #contenidos h1{ font-family:"Trebuchet MS"; /* fuente */ font-size:140%; margin-left:10px; margin-top:-2px; font-weight:normal; color:#000; background-color:transparent; } #contenidos p{ font-family:"Trebuchet MS"; margin-left:10px; font-size:80%; font-weight:normal; color:#000; background-color:transparent; line-height:140%; }
Sigue master.css #contenidos strong{ font-family:"Courier New", Courier, monospace; font-size:90%; color:#0000FF; background-color:transparent; line-height:160%; } #contenidos ol{ margin-top:-20px; } #piepagina { position:absolute; left:0px; top:519px; width:100%; height:159px; z-index:5; } #piepagina a{ font-size:20px; /* tamaño letra */ text-decoration:none; /* sin subrayado */ font-family:Arial, "Times New Roman", Times, serif; } #piepagina a:link{ color:#6666FF;/*enlace no visitado*/ } #piepagina a:visited{ color:#0000FF;/* enlace visitado*/ } #piepagina a:hover{ color:#330033;/* el raton esta pasando sobre el*/ } #piepagina a:active{ color:#FFCC00; /* enlace esta siendo pulsado*/ }
Sigue master.css /*estilos para los enlaces*/ #navegacion a{ position:relative; font-size:14px; /* tamaño letra */ text-decoration:none; /* sin subrayado */ font-family:Georgia, "Times New Roman", Times, serif; left: 10px; top: 40px; } #navegacion a:link{ color:#0000FF; /* enlace no visitado*/ } #navegacion a:visited{ color:#ffffff;/* enlace visitado*/ } #navegacion a:hover{ color:#330033;/* el raton esta pasando sobre el*/ } #navegacion a:active{ color:#FFCC00; /* enlace esta siendo pulsado*/ }
Blogin.htm (autentificación para entrar base de datos) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>autentificacion para entrar en la bases de datos</title> </head> <body> <center> <fieldset> <form action="confirmar.php" method="post"> <legend>autentificarse1</legend> para entrar en la zona <strong>de Bases de Datos</strong> por favor, rellene los campos. <p><strong>Usuario:</strong><br /> <input type="text" name="usuario" size="25" maxlength="50" /></p> <p><strong>Password:</strong><br /> <input type="password" name="pass" size="25" maxlength="25" /></p> <p><input type="submit" name="submit" value="entrar" /> <input type="reset" name="reset" value="borrar" /></p> </form> </fieldset> </center> </body> </html>
confirmar.php <?php session_start(); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>confirmar</title> </head> <body> <?php $usuario=$_REQUEST["usuario"]; $pass=$_REQUEST["pass"]; if($usuario==“#" && $pass==“#"){ $_SESSION['autentico']=true; header("Location:basesdatos.php"); } else{ $_SESSION['autentico']=false; header("Location:blogin.htm"); exit; } ?> </body> </html>
listado paginas bases datos(basesdatos.php) <?php session_start(); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="expires" content="0" /> <title>basesdatos</title> <link rel="stylesheet" type="text/css" href="../bd.css" /> </head> <body> <div id=“header"> <?php if ($_SESSION['autentico']==true){ echo "<h1>bienvenido al acceso a distintos links bd</h1>"; } else{ header("Location:blogin.htm"); } ?> </div> <div id="navegacion"> <center> <a class="boton" href="listadoreg.php"> borrarreg</a> <a class="boton" href="creartabla.php">creartabla</a> <a class="boton" href="creardb.php">crearbd</a> <a class="boton" href="buscarreg.php">buscarreg</a> <a class="boton" href="borrartabla.php">borrartabla</a> <a class="boton" href="borrardb.php">borrarbd</a> <a class="boton" href="/phpmyadmin/index.php">phpmyadmin</a> </center> </div> <div id="contenidos"> </div> </body> </html>
Bd.css body{ background-color:#BFBFBF; } #header{ position:absolute; background-color:#0033CC; width:100%; height:150px; left:0px; top:0px; color:#FFFFFF; } #header h1{ Padding:1.5em; Text-align:center; } #navegacion{ position:absolute; background-color:#FFFF00; width:100%; top:150px; height:20px; left:0px; padding:0.5em; } .boton{ color:#000000; Border:5px solid #ccccff; Font-size:22px; Font-weight:bold; } #navegacion a{ text-decoration:none; } #navegacion a:link{ /* enlace no visitado*/ background-color:#0000CC; } #navegacion a:visited{ /* enlace visitado*/ background-color:#FF0000; color:#000000; } #navegacion a:hover{ /* el raton esta pasando sobre el*/ background-color:#336600; } #navegacion a:active{ /* enlace esta siendo pulsado*/ background-color:#FFCC00; }
Listadoreg.php (listado para borrar registros) <?php session_start(); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="expires" content="0" /> <title>listado para borrar registro </title> <link rel="stylesheet" type="text/css" href="../bd.css" /> </head> <body> <?php if($_SESSION['autentico']<>true) header("Location:blogin.htm"); ?> <div id="header"> <h1>borrar registros</h1> </div> <div id="navegacion"> <center> <a class="boton" href="basesdatos.php"><strong>basesdatos</strong></a> <a class="boton" href="creartabla.php"><strong>creartabla</strong></a> <a class="boton" href="creardb.php"><strong>crearbd</strong></a> <a class="boton" href="buscarreg.php"><strong>buscarreg</strong></a> <a class="boton" href="borrartabla.php"><strong>borrartabla</strong></a> <a class="boton" href="borrardb.php"><strong>borrarbd</a> <a class="boton" href="/phpmyadmin/index.php"><strong>phpmyadmin</strong></a> </center> </div> <div id="contenidos"> <table> <td > <table> <formaction="listadoreg.php" method="post"> <tr> <td><h3>seleccione su base de datos:</td></h3> </tr>