lunes, 6 de marzo de 2017

Sesión Práctica III:

Seguimos trabajando en nuestra Web Hostinguer.




Partimos de nuestra ultima edición en la cual creamos nuestra Web con nuestro estilo.





Procedemos a crear distintos estilos .html para que podamos ver la página de distintas formas y colores. Añadiremos "botones" para elegir el que se prefiera.


Para ello hemos hecho unos simples retoques en colores y posiciones. Para añadir dichos botones os facilito el código html:


<button type="button" onclick="cambio1()">Cambio a estilo2!</button>
<button type="button" onclick="cambio3('final3.css')">Cambio a estilo3!</button>
<button type="button" onclick="cambio4('final.css')">Cambio a estilo original!</button>

Por último añadiremos una alerta, dicha alerta la colocaré en uno de mis botones creados, en mi caso en el de vuelta al estilo original.

...
</script>
<script type="text/javascript" language="JavaScript">
function cambio4(archivo){
document.getElementById("estilo").href= archivo;
alert("Alerta, estás cambiando al original!");
.
.
.
.

<button type="button" onclick="cambio4('final.css')">Cambio a estilo original!</button>
...

Obtendremos como resultado:


Os dejo el enlace para que lo podáis ver físicamente: http://javiviweb.esy.es/PruebaP%e1gina.html

1 comentario:

  1. Estaría interesado en clases particulares porque quiero ser tan bueno haciendo webs como usted. Si está interesado pongase en contacto conmigo ;)
    Saluditos vecinito virtual

    ResponderEliminar