Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Reporte de Practicas 1

    Cargado por

    ßřāndøn Ǎdriān
    14 vistas5 páginas

    Título original

    REPORTE DE PRACTICAS 1

    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?

    Denunciar este documento

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    14 vistas5 páginas

    Reporte de Practicas 1

    Cargado por

    ßřāndøn Ǎdriān

    Copyright:

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

    N° 1 Datos personales 13/01/2020 Tenorio Flores Brandon Adrian

    Reporte de practica
    Objetivo:
    Objetivo:
    Realizar un formulario con codigo html con datos personales que imprima los datos por medio de la conexión php

    Antecedentes:
    HTML5 establece una serie de nuevos elementos y atributos que reflejan el uso típico de los sitios web modernos.
    Algunos de ellos son técnicamente similares a las etiquetas <div> y <span>, pero tienen un significado semántico

    Php: es un lenguaje de programación de propósito general de código del lado del servidor originalmente diseñado para
    el preprocesado de texto plano en UTF-8. Posteriormente se aplicó al desarrollo web de contenido dinámico, dando
    un paso evolutivo en el concepto de aplicación en línea, por su carácter de servicio.

    Desarrollo:
    Desarrollo
    Realizar un formulario con los siguientes campos

    ➢ Nombre
    ➢ Fecha de nacimiento
    ➢ Sexo – hombre/mujer
    ➢ Teléfono
    ➢ Correo
    ➢ Password
    ➢ Dirección
    ➢ Color favorito
    ➢ Ocupación
    ➢ Nivel de estudios – estudiante / empleado / nini
    ➢ Nivel de ingles – escala del 1 al 10
    ➢ Cargar una imagen – enviar

    Se abrió Dreamweaver y se creó etiquetas con sus respectivos campos


    Así es como se visualiza un formulario con código html para darle un mejor estilo y diseño se tiene que hacer una
    hoja de estilos .css para dar un mejor diseño

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Formulario de Registro</title> //titulo de de la pagina
    <link href="estilos.css" rel="stylesheet" type="text/css"> // se agrega la hoja de estilos
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0,
    minimum-scale=1.0">
    <link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet">
    <script src="jquery-3.2.1.min.js"></script>
    <script src="script.js"></script>
    </head> //para centrar el formulario y dar márgenes en la pagina
    <body>
    <main role="main">
    <section class="content-form">
    <header id="titulo">
    <center><h1>&nbsp;</h1></center>
    <h2 class="sub-title">DATOS PERSONALES</h2>
    </form>
    <div class="form-group width-12">
    <div class="width-6">
    <html lang="en" dir="ltr">
    <head>
    <meta charset="utf-8">
    <br>
    <title>DATOS</title>
    </head>
    <body bgcolor="blck">
    <form class="con" action="imprimeDatos.php" method="post">
    <br>
    <h2>Nombre:</h2>
    <input type="text" name="nombre" class="cajas">
    <br>
    <h2>Fecha de nacimiento:</h2>
    <input type="date" name="fecha" class="cajas">
    <br>
    <h2>Sexo:</h2><br>
    <input type="radio" name="sexo" value="hombre"> Hombre<br>
    <input type="radio" name="sexo" value="mujer"> Mujer<br>
    <h2>Telefono:</h2>
    <input type="number" name="tel" class="cajas">
    <h2>Correo:</h2>
    <input type="email" name="correo" class="cajas">
    <br>
    <h2>Password:</h2>
    <input type="password" name="password" class="cajas">
    <br>
    <h2>Dirección:</h2>
    <textarea name="direccion" rows="10" cols="30" class="cajas"></textarea>
    <br>
    <h2>Color favorito:</h2>
    <input type="color" name="color">
    <br>
    <h2>Ocupacion:</h2>
    <input type="checkbox" value="Estudiante" name="ocupacion"> Estudiante<br>
    <input type="checkbox" value="Empleado" name="ocupacion"> Empleado<br>
    <input type="checkbox" value="Nini" name="ocupacion"> Nini<br>
    <h2>Nivel de estudios:</h2>
    <select name="estudios">
    <option value="Secundaria">Secundaria</option>
    <option value="Medio">Medio Superior</option>
    <option value="Tecnico">Tecnico Superior</option>
    <option value="Superior">Superior</option>
    </select>
    <h2>Nivel De Ingles:</h2>
    <input type="range" name="ingles" min="0" max="100">
    <br><br>
    <h2>Imagen:</h2>
    <input type="file" name="imagen">
    <br><br>
    <button <input type="submit" value="Submit" name="Enviar"> Enviar</button>
    </form>
    </body>
    </html>
    Para imprimir los datos del formulario con php se empleó el siguiente código para ello las variables deben de sr las
    mismas con las que se declararon en el formulario cuidando las mayúsculas y las minúsculas para que tenga errores

    <?php
    $nombre= $_POST['nombre'];
    $fecha= $_POST['fecha'];
    $sexo= $_POST['sexo'];
    $telefono= $_POST['tel'];
    $correo= $_POST['correo'];
    $password= $_POST['password']; Con el método POST hace que la acción obtenga los
    $direccion= $_POST['direccion']; valores para hacer la conexión de las variables
    $color= $_POST['color'];
    $ocupacion= $_POST['ocupacion'];
    $estudios= $_POST['estudios'];
    $ingles= $_POST['ingles'];
    $imagen= $_POST['imagen'];
    echo "<table border='3'> <tr> <td>";
    echo "Nombre:</td><td>" .$nombre. "</tr> </td>";
    echo "<tr> <td> Fecha de nacimiento: </td>";
    echo "<td>".$fecha."</td></tr>";
    echo "<tr> <td> Sexo: </td>";
    La palabra echo significa imprimir y las etiquetas
    echo "<td>".$sexo."</td></tr>";
    td y tr es para formar la tabla y sus bordes
    echo "<tr> <td> Telefono: </td>";
    echo "<td>".$telefono."</td></tr>";
    echo "<tr> <td> Correo :</td>";
    echo "<td>".$correo."</td></tr>";
    echo "<tr> <td> Password:</td>";
    echo "<td>".$password."</td></tr>";
    echo "<tr> <td> Direccion:</td>";
    echo "<td>".$direccion."</td></tr>";
    echo "<tr> <td> Color: </td>";
    echo "<td>".$color."</td></tr>";
    echo "<tr> <td> ocupacion:</td>";
    echo "<td>".$ocupacion."</td></tr>";
    echo "<tr> <td> Estudios:</td>";
    echo "<td>".$estudios."</td></tr>";
    echo "<tr> <td> ingles:</td>";
    echo "<td>".$ingles."</td></tr>";
    echo "<tr> <td> Imagen:</td>";
    echo "<td>".$imagen."</td></tr>";
    echo "</table>";
    ?>
    Resultados: impresión de los datos del formulario

    Conclusión:
    que aprendí a utilizar diferentes herramientas para llegar al objetivo, el análisis, el diseño, el proceso
    distintas partes del sistema que se llevó a comprender y aprender cómo realizar partiendo de cero.

    También notar que un buen análisis y diseño da como resultado un sistema con buen funcionamiento y
    escalable.

    También podría gustarte