El documento describe un informe de práctica realizado por una estudiante para crear un formulario usando Visual Studio Code. El formulario recopila información sobre la cotización de un auto e incluye campos para el nombre, modelo del auto, año, color y precio. La estudiante explica los pasos tomados para construir el formulario usando HTML y cómo ejecutarlo para visualizarlo.
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
I9
1. INFORME
ESTUDIANETE: KAREN TROYA SEMESTRE: TERCERO
PARALELO: C PRÁCTICA: 6
TEMA:
Realizar un programa donde se puede visualizar un formulario del tema de
preferencia.
OBJETIVO:
Poder realizar un formulario con distintos ítems
RESULTADOS DE APRENDIZAJE
-Comprensión de la aplicación Visual Studio Code.
-Uso correcto y aplicación para poder realizar formularios de manera correcta.
-Aprender el uso de los formularios para poder ingresar distintos aspectos del
tema seleccionado.
ACTIVIDADES:
-Realizar un ejercicio donde se puede visualizar un formulario con aspectos para
seleccionar del tema que guste.
DESARROLLO DE CONTENIDOS
1. Ingresamos a Visual Studio Code y creamos nuestro ejercicio y para
ello debemos ingresar a file y new file.
UNIVERSIDAD CENTRAL DEL ECUADOR
FACULTAD DE FILOSOFIA, LETRAS Y CIENCIAS DE LA EDUCACIÓN
CARRERA DE LA PEDAGOGÍA DE LAS CIENCIAS EXPERIMENTALES
DE LA INFORMÁTICA
2. 2. Para guardar nuestro ejercicio debemos irnos hasta Save As donde
Nos llevara a una carpeta y le daremos el nombre con el que mejor le
identifiquemos.
3. Para poder guardar nuestra página de manera correcta debemos
seleccionar HTML en tipo y guardar.
3. 4. Una vez guardado el ejercicio podemos empezar a trabajar en nuestra
página creada en html así empezando colocando un título en este caso el
tema que escogí es la cotización de un auto.
5.- Para poder crear el formulario donde vamos a ingresar todos los datos
de la cotización de nuestro auto utilizamos las siguientes líneas de códigos.
6.- Para seguir con nuestro formulario debemos ingresar una variable que
contengan todas las opciones que el usuario pueda seleccionar en este caso
coloque con el nombre name y con varios OPTION.
4. 6.- Para seguir realizando nuestro formulario colocamos lo mismo pero con
las opciones que queremos que se nos desplieguen.
7.- Por ultimo ejecutamos con un control S para poder visualizar nuestro
programa y de esta manera se puede ver cómo está estructurado nuestros
formularios.
5. 8.- Para finalizar, dejare la línea de código de como realice la página en el
visual studio code:
<html>
<head>
<title> COTIZACIÓN DE UN AUTO</title>
</head>
<body BACKGROUND="https://i.pinimg.com/originals/bb/21/d4/bb21d4b7bbd40
9afd86284b933ff41b3.jpg" TEXT="white">
<FORM method=post action="cgi-bin/script.pl">
<BR></BR>
<H1>RESGISTRO DEL CLIENTE</H1>
<TABLE BORDER=0>
<TR>
<TD>APELLIDO</TD>
<TD>
<INPUT type=text name="apellido">
</TD>
</TR>
<TR>
<TD>NOMBRE</TD>
<TD>
<INPUT type=text name="nombre">
</TD>
</TR>
<TR>
<TD>CEDULA O PASAPORTE</TD>
<TD>
<INPUT type=text name="CEDULA O PASAPORTE">
</TD>
</TR>
<TR>
<TD>CORREO ELECTRÓNICO </TD>
<TD>
<INPUT type=text name="CORREO ELECTRÓNICO ">
</TD>
</TR>
<TR>
<TR>
<TD>GENERO</TD>
<TD>
Hombre: <INPUT type=radio name="GENERO" value="M">
<br>Mujer: <INPUT type=radio name="GENERO" value="F">
</TD>
</TR>
<TR>
<TD>MODELO DE AUTO</TD>
<TD>