Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Taller II Inducción A WEB y Multimedia - ESTUDIANTES

    Cargado por

    Andrés Iván Zambrano Beltrán
    5 vistas1 página

    Título original

    Taller II Inducción a WEB y Multimedia - ESTUDIANTES

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOC, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    © All Rights Reserved
    Descargue como DOC, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    5 vistas1 página

    Taller II Inducción A WEB y Multimedia - ESTUDIANTES

    Cargado por

    Andrés Iván Zambrano Beltrán

    Copyright:

    © All Rights Reserved
    Descargue como DOC, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 1

    CORPORACION TECNOLOGICA INDUSTRIAL COLOMBIANA “TEINCO”

    PROGRAMA: SISTEMAS I (Diurno).


    ASIGNATURA: Inducción WEB y Multimedia
    Taller No 2

    Estudiante: _______________________________________ Fecha: ____________

    Realizar un proyecto WEB donde queremos colocar 5 cajas que al dar clic nos diga el número de caja:
    1. Realizar las cajas con el código siguiente en CSS3. Lo pueden ajustar o cambiar según su
    preferencia, colocando la etiqueta <style> o en el archivo de “estilo.css”.
    div {
    width:200px;
    height: 200px;
    background-color:aqua;
    border: 1px solid #399;
    float: left;
    margin: 15px;
    }
    2. Es necesario utilizar la siguiente función en JavaScript que de un mensaje del número de caja al dar
    clic. Esta función debe estar dentro de la etiqueta <head.

    function divclick (CAJA){


    alert ("has presionado la caja número"+CAJA.id);
    }

    3. En la etiqueta <body> se debe dejar el siguiente código.

    <div id="caja1" onclick="divclick(this)"> hola como estas </div>

    4. En el proyecto WEB que estamos realizando queremos colocar las cajas del ejercicio de los 3
    primero punto anterior.

    5. En el proyecto WEB que estamos realizando queremos que la página sea auto-responsive por lo que
    debemos utilizar el siguiente comando.

    <meta name="viewport" content="width=device-width, initial-scale=1">

    Explicación: El atributo “viewport” permite colocar en el contenido el ancho “width” ajustándolo al dispositivo
    que se vaya a utilizar y la escala inicial “initial-scale” será por defecto 1

    También podría gustarte