Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 17 vistas

    Formulario de Registro e Ingreso A Sitio Web

    Cargado por

    Andres Ospina Ruiz
    El documento presenta un sitio web con diferentes páginas y archivos CSS y PHP para la estructura y diseño de formularios de registro e ingreso. Incluye páginas para mostrar servicios, los formularios, validar las credenciales de acceso y dar la bienvenida al usuario una vez autenticado.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd

    Formulario de Registro e Ingreso A Sitio Web

    Cargado por

    Andres Ospina Ruiz
    17 vistas8 páginas
    El documento presenta un sitio web con diferentes páginas y archivos CSS y PHP para la estructura y diseño de formularios de registro e ingreso. Incluye páginas para mostrar servicios, los formularios, validar las credenciales de acceso y dar la bienvenida al usuario una vez autenticado.

    Título original

    formulario de registro e ingreso a sitio web

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    El documento presenta un sitio web con diferentes páginas y archivos CSS y PHP para la estructura y diseño de formularios de registro e ingreso. Incluye páginas para mostrar servicios, los formularios, validar las credenciales de acceso y dar la bienvenida al usuario una vez autenticado.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    17 vistas8 páginas

    Formulario de Registro e Ingreso A Sitio Web

    Cargado por

    Andres Ospina Ruiz
    El documento presenta un sitio web con diferentes páginas y archivos CSS y PHP para la estructura y diseño de formularios de registro e ingreso. Incluye páginas para mostrar servicios, los formularios, validar las credenciales de acceso y dar la bienvenida al usuario una vez autenticado.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    Está en la página 1de 8

    PRESENTACION DEL SITIO WEB CON FORMULARIO

    ARACHIVO: estilo_estructura.php

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="estilo_estructura.css">
    </head>
    <body>
    <div id="general">
    <div id="infoseguridad">
    <div id="infoseguridad1">
    <h3>Servicios</h3>
    <div class="infoservicios1">
    <ul>
    <br><br>
    <li><a href="#">Fundamentos de Programación </a></li>
    <li><a href="#">Lenguaje de Programacion</a></li>
    <li><a href="#">Redes de Datos</a></li>
    <li><a href="#">Normas ISO 27000</a></li>
    <li><a href="#">Linux Debian</a></li>
    <li><a href="#">Kali Linux</a></li>
    <li><a href="#">Auditoria en Seguridad</a></li>
    <li><a href="#">Html y Css</a></li>
    <li><a href="#">Informatica</a></li>
    </ul>
    </div>
    </div>
    <div id="infoseguridad2">
    <h3>FORMULARIOS</h3>
    <form action="conexion1.php" method="post">
    <h3>REGISTRO</h3>
    <input type="text" name="nombre" placeholder ="Nombre Completo">
    <input type="text" name="institucion" placeholder ="Nombre Institución Educativa">
    <input type="text" name="usuario" placeholder ="Usuario">
    <input type="password" name="contraseña" placeholder ="Contraseña">
    <button type="submit" name="enviar">Enviar</button>

    </form>
    <br>
    <form action="validar.php" method="post">
    <h3>INGRESO</h3>
    <p>Usuario <input type = "text" placeholder="Ingrese su nombre" name="usuario"> </p>
    <p>Contraseña <input type = "password" placeholder="Ingrese su contraseña" name="contraseña">
    </p>
    <input type = "submit" value = "Ingresar">

    </form>
    </div>
    </div>
    <div id="empresa">
    <h5>Colocar aqui un logo</h5>
    <h2>SEGURIDAD DIGITAL S.A</h2>
    <H3>Carrera 18 #54-14 - Medellin Colombia</H3>
    </div>
    <div id="menu">
    <div class="botones">
    <ul>
    <li><a href="#">INICIO</a></li>
    <li><a href="#">SERVICIOS</a></li>
    <li><a href="#">PRODUCTOS</a></li>
    <li><a href="#">CIUDADES</a></li>
    <li><a href="#">CONTACTOS</a></li>
    </div>
    </div>
    <div id="cuerpo">
    </div>
    </div>
    </body>
    </html>

    CONEXIÓN E INGRESO DE DATOS AL FORMULARIO


    ARCHIVO: conexion1.php

    <?php

    $conexion1 = mysqli_connect('localhost', 'root','','datos')


    or die(mysql_error($mysqli));

    diferencia($conexion1);

    function diferencia($conexion1){
    if(isset($_POST['enviar'])){
    insertar($conexion1);
    }
    if(isset($_POST['eliminar'])){
    eliminar($conexion1);
    }
    }
    function insertar($conexion1){
    $nombre = $_POST['nombre'];
    $institucion = $_POST['institucion'];
    $usuario = $_POST['usuario'];
    $contraseña = $_POST['contraseña'];

    $consulta = "INSERT INTO datos_usuario(nombre,institucion,usuario,contraseña)


    VALUES ('$nombre', '$institucion', '$usuario','$contraseña')";
    mysqli_query($conexion1, $consulta);
    mysqli_close($conexion1);

    header("Location: estilo_estructura.php");
    }
    mysqli_close($conexion1);
    ?>

    CONEXIÓN E INGRESO A LA APLICACIÓN


    ARCHIVO: validar.php

    <?php
    $usuario = $_POST['usuario'];
    $contraseña = $_POST['contraseña'];

    session_start();

    $_SESSION['usuario'] = $usuario;
    $conexion = mysqli_connect("localhost", "root", "", "datos");

    $consulta = "SELECT * FROM datos_usuario WHERE usuario = '$usuario' and contraseña = '$contraseña'";
    $resultado = mysqli_query($conexion, $consulta);

    $filas = mysqli_num_rows($resultado);

    if ($filas) {
    header("location:home.html");
    } else{
    ?>
    <?php
    include("estilo_estructura.php");
    ?>
    <h1 class="bad"> ERROR EN LA AUTENTICACION </h1>
    <?php

    mysqli_free_result($resultado);
    mysqli_close($conexion);

    ?>

    SITIO WEB
    ARCHIVO: home.php

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    </head>
    <body>
    <h1>Bienvenidos </h1>
    </body>
    </html>

    ARCHIVO DE ESTILOS CSS DE LOS FORMULARIOS


    ARCHIVO: estilo_estructura.css
    *{
    margin:0px;
    padding:0px;
    }
    body{
    background-color: green;
    }
    #general{
    margin:auto;
    margin-top: 50px;
    width: 1100px;
    height: 1000px;
    background-color: palegreen;
    }
    #infoseguridad{
    float:right;
    width: 350px;
    height: 1000px;
    background-color: beige;
    }
    #empresa{
    width: 730px;
    height: 100px;
    margin-top: 10px;
    background-color: darksalmon;
    }
    #menu{
    width: 730px;
    height: 45px;
    background-color: blue;
    }
    #infoseguridad1{
    float:right;
    width: 350px;
    height: 450px;
    background-color: darkorange;
    }
    #infoseguridad2{
    float:right;
    width: 350px;
    height: 450px;
    margin-top: 10px;
    background-color: cornflowerblue;
    }
    #cuerpo{
    width: 730px;
    height: 800px;
    background-color: aqua
    }
    .formato1{
    color:blueviolet;
    font-size: 40;
    text-align: center;
    }
    .botones ul li{
    list-style:none;
    }
    .botones ul li a{
    text-decoration: none;
    color:#fff;
    display: block;
    float:left;
    background-color: aqua;
    padding: 10px;
    text-decoration: double;
    border-style: double;
    }
    .botones ul li a{
    background-color: blue;
    }
    h2,h3{
    text-align: center;
    }
    .infoservicios1 ul li{
    width: 300;
    height: 300;
    margin-left: 20px;
    }
    .infoservicios1 ul li{
    list-style:none;
    }

    .infoservicios1 ul li a{
    text-decoration: none;
    color: darkblue;
    padding: 10px;
    }
    .infoservicios2 ul li{
    width: 300;
    height: 300;
    margin-left: 20px;
    }
    .infoservicios2 ul li{
    list-style:none;
    }
    .infoservicios2 ul li a{
    text-decoration: none;
    color: darkblue;
    padding: 10px;
    }

    form{
    padding: 5px 5px;
    background-color: #ededed;
    margin: calc(2% + 15px);
    margin-top: 2px;
    padding-top: 2px;
    margin-bottom: 2px;
    }

    h3{
    text-align: center;
    padding: 10px;
    color: #444
    }
    input{
    width: calc(100% - 20px);
    padding: 2px;
    margin: auto;
    margin-top: 10px;
    font-size: 12px;
    }
    input[type='submit']{
    background-color: #48e;
    color:#fff;
    width: calc(80% - 20px);
    margin:0 10%;
    margin-top: 10px;
    border: none;
    }
    .ok{
    text-align: center;
    width: 80%;
    padding: 10px;
    background-color: #1e6;
    color: #fff;
    }
    .bad{
    text-align: center;
    width: 100%;
    padding: 10px;
    background-color: #a22;
    color: #fff;
    }

    SITIO WEB

    También podría gustarte