Aplicaciones Web: octubre 2011

/* Easy Slider (Automático) -------------------------------------------------------------------- */ #slide-container { width:480px; height:320px; position:relative; } #slider { width:480px; height:320px; left:25px; overflow-x:hidden; overflow-y:hidden; position:relative; } .slide-desc { background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6Q7N-__u6JyMAPIuNG4A9IuONqadQT2EWfOUJ1OLqCtyPG-JU0xgDLnhf14NAq3Eex4XiycablUj0yY-IcxhoFYMR_hK66mpbmit3EoFq-FWuSx8drh1gFE75DifCmptbBnK5S08X9NI/s30/bgtransparent.png) repeat scroll 0 0; color:#FFFFFF; padding:10px; position:absolute; text-align:left; bottom:0; width:100%; z-index:99999; } .slide-desc h2{ display:block; color:#f2f2f2; font-size:14px; } .crosscol .widget-content {position:relative;} #slider ul, #slider li { margin:0; padding:0; list-style:none; } #slider li { width:480px; height:320px; overflow:hidden; } #prevBtn, #nextBtn { display:block; width:30px; height:77px; position:absolute; left:-30px; text-indent:-9999px; top:71px; z-index:1000; } #nextBtn { left:500px !important; } #prevBtn, #nextBtn { display:block; left:0; position:absolute; top:132px; width:30px; height:77px; z-index:1000; } #prevBtn a, #nextBtn a { display:block; position:relative; width:30px; height:77px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuqWhorCt3hRDdqafy_7rZTN1mGAmN2LzM3dQoMQAKsqLZ3n4PMA9y6t0DLWRa5gPLJFvRrWz_W8J6oOh5DnNJkmDRbFxx8sjQsqAdo_KyF5BANmU8bhCqmKu67BbtbJmhpb3yHrzaqQk/s77/flecha-prev.png) no-repeat 0 0; } #nextBtn a { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp984SnBY2JPInxp8v0hJS1lQMabKbcLwyVA6u8u0nMPSGIUlCjytN96o4Ydq7dwVlbBBRGuwv6O93iUCavznMap-6G-vLgCZx-oPSE7drvnAQpv-Tp1wBWs_NGtd7v3RbIC7UoDQmsHU/s77/flecha-next.png) no-repeat 0 0; } /* Estilos de los números */ ol#controls{ margin:8px 25px; padding:0; height:28px; } ol#controls li{ margin:0 4px 0 0; padding:0; float:left; list-style:none; height:28px; line-height:28px; } ol#controls li a{ float:left; height:28px; line-height:28px; border:1px solid #000; /* Borde de los números */ background:#0B243B; /* Color de fondo de los números */ color:#fff; /* Color de los números */ padding:0 10px; text-decoration:none; } ol#controls li.current a{ background:#5DC9E1; /* Color de fondo del número activo */ color:#fff; /* Color del número activo */ } ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

viernes, 14 de octubre de 2011

ejercicio de aplicaciones web

4:44 | Publicado por Miguel Ángel | Editar entrada

Pasos a seguir:

1- En primer lgar abrimos el programa WAMPSERVER
2- Dentro de WAMPSERVER accedemos a "APACHE" y dentro de el pinchamos en httpd.con
3- Dentro de "httpd.conf" buscamos "DIRECTORY/"
4- Cuando ya encontramos "DIRECTORY/" buscamos allow 127.0.0.1 y lo cambiamos por allow all
5- Guardamos el documento
6- Reseteamos el servidor WAMPSERVER

Ejercicio 2

a)

no se ve muy bien pero pone publico

aquí tampoco se ve muy bien pero estamos en la capeta C:\wamp\www donde e creado una carpeta que se llama publico

b)

aquí e creado un documento llamado index.htm en la carpeta publico

C)

Este es otro documento que e creado llamado "otro.htm" con fondo naranja y un enlace que nos lleva a la pagina siguiente:

esta pagina es la que cree en la carpeta publico que hice anteriormente y parece metira pero el iperenlace que e echo a funcionado.

d)

e creado 2 carpetas con 2 paginas una azul y otra verde las 2 con un iperenlace que las lleva hacia la pagina index.htm que es donde aparece mi nombre y donde estoy enlazando todas las paginas

e)
para finalizar creamos una ultima carpeta llamada PDF donde colocamos un PDF del ejercicio que hemos realizado

Suscribirse a: Entradas (Atom)