lunes, 4 de noviembre de 2024

Etiqueta id en html

 Estructura básica

  • Crea una página HTML básica. Incluye las etiquetas necesarias (<html>, <head>, <body>).

  • Secciones identificadas
    Dentro del <body>, crea tres secciones principales:

    • header con id="header"
    • main con id="content"
    • footer con id="footer
     Encabezado y Contenido

  • En el header, incluye un título <h1> con el texto "Bienvenidos al Trabajo Práctico".
    En main, crea una lista <ul> con id="topics" con tres temas a eleccion.

  • Pie de página
    En el footer, agrega un <p> con un texto.

     

    Ejercicio 2: Estilizado con CSS y id

    1. Estilos básicos
      En el <head>, incluye una etiqueta <style> y aplica estilos a cada sección usando su id:

      • header: Fondo de color claro y texto centrado.
      • content: Color de fondo suave y un borde alrededor.
      • footer: Texto en cursiva y fondo de color más oscuro.

    2. Estilo de lista
      Usa el id="topics" para dar un estilo específico a los elementos de la lista (ej., color de texto, márgenes o viñetas personalizadas).

       

      Ejercicio 3: Referencia y Navegación con id

    3. Crear una barra de navegación
      Añade al header una barra de navegación con tres enlaces (<a>) para navegar entre secciones dentro de la misma página:

      • Enlace al header (usa href="#header")
      • Enlace al content (href="#content")
      • Enlace al footer (href="#footer")

    4. Efecto de desplazamiento
      Opcional: Usa CSS para añadir un efecto visual (por ejemplo, color o subrayado) cuando los enlaces de la barra de navegación se desplazan hacia sus respectivas secciones.


     

    • Publicado por en No hay comentarios:

    Usuarios y grupos en Linux parte 2

    Configuración Inicial:

    • Crear tres archivos de prueba llamados tunombre1, tunombre2 y tunombre3 en tu directorio de trabajo.
    • Asegúrar de que los archivos tengan los siguientes permisos de inicio:
    •  
    • chmod 600 archivo1 chmod 755 archivo2 chmod 644 archivo3

     

    1. Manipulación de Permisos con chmod: Realizar los siguientes cambios en los permisos de cada archivo usando el modo simbólico de chmod.

      • Ejercicio A: Agregar permisos de ejecución para todos los usuarios en tunombre1.

        • Comando esperado: chmod a+x archivo1
        • Resultado esperado: rwx--x--x

      • Ejercicio B: Quita permisos de ejecución para el grupo y otros en archivo2.

      • Ejercicio C: Para tunombre3, quita permisos de ejecución al usuario y permisos de lectura al grupo y otros.

      • Ejercicio D: Configurar permisos completos (lectura, escritura, ejecución) para el usuario, pero eliminar todos los permisos para el grupo y otros en tunombre1.

        Ejercicio E: En tunombre2, agregar permisos de lectura para todos y permisos de escritura solo para el usuario.

        Ejercicio F: En tunombre3, quitar permisos de lectura y escritura al usuario, agrega permisos de escritura al grupo y permisos de ejecución a otros.

    2. Cambio de Propietario y Grupo con chown y chgrp:

      • Configurar los siguientes cambios en los archivos usando chown y chgrp. Revisar los permisos antes y después de cada cambio.

      • Ejercicio G: Cambiar el propietario de tunombre1 a un usuario llamado juan.

      • Ejercicio H: Cambiar el grupo de tunombre2 a un grupo llamado grupomant.

      • Ejercicio I: Cambiar el propietario y el grupo de archivo3 a maria y ventas, respectivamente.

        Ejercicios J
        • Crear un directorio llamado proyecto.
        • Dentro del directorio proyecto, crear varios archivos (por ejemplo, doc1, doc2, doc3).
        • Usa la opción -R en chmod, chown y chgrp para cambiar los permisos, propietario y grupo de todos los archivos en proyecto de forma recursiva.

     

    Publicado por en No hay comentarios:

    lunes, 21 de octubre de 2024

    tp usuarios y grupos en linux

     

    1. Creación de Usuarios: a. Crear tres nuevos usuarios con los siguientes nombres: suapellido1, suapellido2, y suapellido3

       

      2- Establecer contraseñas a cada usuario

      3- Modificar el nombre a un usuario

      4 Creación de Grupos:  Crear dos nuevos grupos llamados suempresaArea1 y suempresaArea2.

      5 Asignación de Usuarios a Grupos: añadir los usuarios creados a los grupos creados. Usuario 2 y 2 al grupo 1 y usuario 3 al grupo2  

       Documentar el proceso con capturas de pantallas

      Parte 2: Asignación de Permisos sobre Archivos y Carpetas

    2. Creación de Carpetas: a. En el escritorio o en cualquier otra ubicación, crear dos carpetas llamadas CarpetaSuapellido1 y CarpetaSuapellido2.

    3. Asignación de Permisos: 

      a. A la Carpeta1, añadir al grupo Grupo1 y asígnarle permisos de Lectura y Ejecución. 

      c. A la Carpeta2, asignar permisos de Control total al grupo Grupo2.

    4. Pruebas: 

      a. Iniciar sesión como Usuario1 y verificar que tiene acceso de solo lectura a la Carpeta1. 

      b. Intentar modificar un archivo en la Carpeta1 con Usuario1. ¿Qué sucede? 

      c. Iniciar sesión como Usuario3 y verifica que tiene control total sobre la Carpeta2.

      Parte 4: Documentación y conclusiones

    5. Documentar todo el proceso:

      a Tomar capturas de pantalla de cada paso

      b Describr cada acción  y los resultados obtenidos .

    6.  

    Publicado por en No hay comentarios:

    viernes, 18 de octubre de 2024

    Tp Inserción de datos en una base de datos Mysql con PHP

    Crear los codigos necesarios para poder insertar datos en su sitio web.

    Codigo de ejemplo:

    Archivo html que contiene el formulario

    <!DOCTYPE html>
    <html lang="es">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Agregar Auto</title>
    </head>
    <body>
        <h1>Agregar Auto</h1>
        <form action="procesar.php" method="POST">
            <label for="marca">Marca:</label>
            <input type="text" id="marca" name="marca" required><br><br>

            <label for="modelo">Modelo:</label>
            <input type="text" id="modelo" name="modelo" required><br><br>

            <button type="submit">Agregar Auto</button>
        </form>
    </body>
    </html>

     


     

    Archivo php que procesa los datos del formulario:

    <?php
    // Datos de conexión a la base de datos
    $host = "localhost"; // Cambia esto según tu configuración
    $db = "nombre_de_tu_base_de_datos"; // Cambia esto por el nombre de tu base de datos
    $user = "root"; // Cambia esto por tu usuario de MySQL
    $pass = ""; // Cambia esto por tu contraseña de MySQL

    // Crear conexión
    $conn = mysqli_connect($host, $user, $pass, $db);

    // Verificar conexión
    if (!$conn) {
        die("Conexión fallida: " . mysqli_connect_error());
    }

    // Verificar si se enviaron los datos del formulario
    if ($_SERVER["REQUEST_METHOD"] == "POST") {
        // Recibir los datos del formulario
        $marca = mysqli_real_escape_string($conn, $_POST['marca']);
        $modelo = mysqli_real_escape_string($conn, $_POST['modelo']);

        // Crear la consulta SQL de inserción
        $sql = "INSERT INTO autos (marca, modelo) VALUES ('$marca', '$modelo')";

        // Ejecutar la consulta y verificar si fue exitosa
        if (mysqli_query($conn, $sql)) {
            echo "Auto agregado exitosamente.";
        } else {
            echo "Error al agregar el auto: " . mysqli_error($conn);
        }
    }

    // Cerrar la conexión
    mysqli_close($conn);
    ?>


    Tabla de insercion:

     CREATE TABLE autos (
        id_auto INT AUTO_INCREMENT PRIMARY KEY,
        marca VARCHAR(50) NOT NULL,
        modelo VARCHAR(50) NOT NULL
    );
     

     

     

    Publicado por en No hay comentarios:
    Suscribirse a: Entradas (Atom)