códigos index
TRANSCRIPT
Código Index Principal<HTML>
<HEAD><TITLE>Computación Básica II 2a UNIDAD</TITLE>
</HEAD><BODY BACKGROUND="fondo19.gif">
<HR><FRAMESET COLS="100%" ><FONT COLOR=blue size=6>
<MARQUEE BGCOLOR=cyan>Bienvenidos al "Fantastico Ambiente" de la WEB</MARQUEE><BR><BR><CENTER><IMG SRC="comgira.gif"></CENTER><P ALIGN="center"> Proyectos de Páginas WEB</P><HR><MENU>
<IMG SRC="laptGira.gif"><A HREF="Index T1/Index.htm" target="_top">Proyecto Web: Tema 1</A><BR><IMG SRC="laptGira.gif"><A HREF="Index T2/Index.htm" target="_top">Proyecto Web: Tema 2</A><BR><IMG SRC="laptGira.gif"><A HREF="Index T3/Index.htm" target="_top">Proyecto Web: Tema 3</A><BR><IMG SRC="laptGira.gif"><A HREF="Index T4/Index.htm" target="_top">Proyecto Web: Tema 4</A><BR><IMG SRC="laptGira.gif"><A HREF="Index T5/Index.htm" target="_top">Proyecto Web: Tema 5</A><BR><IMG SRC="laptGira.gif"><A HREF="Index T6/Index.htm" target="_top">Proyecto Web: Tema 6</A>
</MENU><BR><BGSOUND SRC="Heaven in your eyes-Loverboy.MP3">
</FRAMESET></BODY>
</HTML>
Código Index Tema<HTML>
<HEAD><TITLE>Computación Básica I</TITLE>
</HEAD><BODY BACKGROUND="fcirint2.jpg">
<HR><FRAMESET COLS="100%" ><FONT COLOR=blue size=6>
<MARQUEE BGCOLOR=cyan>Bienvenidos al maravilloso mundo de la WEB</MARQUEE><BR><BR><CENTER><IMG SRC="globe3.gif"></CENTER><P ALIGN="center"> Tema 1</p><BR><P ALIGN="right"><IMG SRC="planet.gif"><A HREF="../Index.htm"><FONT COLOR=Blue size=4>Proyectos WEB</A></P><HR><BR><BR><MENU>
<IMG SRC="planet.gif"><A HREF="VentanasHistoria.htm" target="_top">subtema 1</A><BR><BR><IMG SRC="planet.gif"><A HREF="VentanasArqComp.htm" target="_top">subtema 2</A><BR><BR><IMG SRC="planet.gif"><A HREF="VentanasSoftware.htm" target="_top">subtema 3</A><BR><BR><IMG SRC="PLANET.GIF"><A HREF="VentanasComandos.htm" target="_top">subtema 4</A><BR><BR><IMG SRC="planet.gif"><A HREF="VentanasCuestionarios.htm" target="_top">Cuestionarios</A>
</MENU><BR><BR><BR><BGSOUND SRC="Heaven in your eyes-Sahunn Cassidy.MP3">
</FRAMESET></BODY>
</HTML>
INTRODUCCIÓN:NOTA:
Para trabajar con los marcos es indispensable contar con las páginas web que contengan la información ordenada del tema a desarrollar.
Código Menú<HTML>
<HEAD><TITLE>MENU</TITLE>
</HEAD><BODY BACKGROUND="nube.jpg">
<CENTER><FONT COLOR=black size=3>FORMULARIO Y CUESTIONARIO</FONT></CENTER><IMG SRC="Imagenes/bar.gif"><UL>
<IMG SRC="Imagenes/ball.gif"><A HREF="Formulario.htm" target="derecha">Subtema 1</A> <BR><IMG SRC="Imagenes/ball.gif"><A HREF="VentanasCuesComan.htm" target="_top">Subtema 2</A><BR><IMG SRC="Imagenes/ball.gif"><A HREF="Archivo.htm" target="derecha">Subtema 3</A><BR><img src="Imagenes/ball.gif"><A HREF="Marco.htm" target="_top">Subtema 4</A><BR><BR><A HREF="Index.htm" target="_top"><FONT COLOR=red size=4>Menú anterior</A>
</UL></BODY>
</HTM>
Código Bienvenida<HTML>
<HEAD><TITLE>Bienvenida</TITLE>
</HEAD>
<BODY><DIV ALIGN="center">
<P ALIGN="center"><A NAME="inicio"></A></P> <P ALIGN="center"><IMG SRC="imagenes/civ3036.jpg" width="610" height="15"></P>
<P ALIGN="center"><FONT COLOR="#336633"><b><FONT SIZE="6">¡HOLA! QUE TAL BIENVENIDOS</FONT></B></FONT></P>
<P ALIGN="center"> </P> <P ALIGN="right"><A NAME="2"></A></P> <P ALIGN="center"><IMG SRC="imagenes/civ3037.gif" width="600" height="8"></P>
<P ALIGN="center"><FONT COLO="#330033"><b><FONT FACE="Arial, Helvetica, sans-serif" size="4" color="#FF0033"> HECHO EN MÉXICO</FONT></B></FONT></P>
<P ALIGN="center"><IMG SRC="imagenes/civ3038.gif" width="600" height="8"></P> <P ALIGN="center"><IMG SRC="imagenes/Colage CECYT7.jpg" width="400" height="300"></P>
<BR><BR><BR><HR SIZE="8" COLOR=BLUE WIDTH=75%><CENTER><IMG SRC="Imagenes/World.gif" width=150 height=100></CENTER><HR SIZE="8" COLOR=BLUE WIDTH=75%></DIV><BGSOUND SRC="Audio/Yassow Undour.MP3">
<BODY><HTML>
Código Marco Inicio (una fila y dos columnas)<HTML>
<HEAD><TITLE> INICIO</TITLE></HEAD><FRAMESET ROWS=15%,*>
<FRAME NAME="TOP"SRC="EncabCurso/Encabezado.htm"><FRAMESET COLS=25%,*><FRAME NAME="izquierda" src= "Menu.htm" noresize><frame name="derecha" src="Bienvenida.htm">
</FRAMESET></HTML>
Código Encabezado<HTML>
<HEAD>
<TITLE>Encabezado</TITLE>
</HEAD>
<BODY BGCOLOR=gray>
<P ALIGN="center"><APPLET CODE="CartelDos.class" align="center" width="400" height="60"><PARAM NAME="colorfondo" value="azul"><PARAM NAME="colortexto" value="amarillo"><PARAM NAME="velocidad" value="7"><PARAM NAME="retardo" value="2000"><PARAM NAME="texto1" value="Bienvenidos"><PARAM NAME="texto2" value="Computación Básica II "><PARAM NAME="texto3" value="Corso de HTML"><PARAM NAME="texto4" value="2010"><PARAM NAME="fuente" value="arial"></APPLET>
</BODY></HTML>
Código VentanaMarco (Marco dos columnas)<HTML>
<HEAD><TITLE>VENTANAMARCO</TITLE>
</HEAD><frameset cols="25%,*" >
<frame name="izquierda" src="Menu.htm" noresize><frame name="derecha" src="Bienvenida.htm">
</frameset></HTML>
Código Formulario
<HTML><HEAD>
<TITLE>Introducción a Formularios</TITLE></HEAD>
<BODY BACKGROUND="Imagenes/fondo12.gif"><A HREF=VentanaMarco.htm target="_top"><FONT COLOR=blue size=5>Salir</a><BR></FONT><BGSOUND SRC="Audio/14 Animal Crackers.wma">Formulario simple<BR>Un formulario es un elemento que permite recoger datos introducidos por el usuario.<BR><BR>Los formularios se utilizan para conocer las opiniones, dudas, y otra serie de datos sobre los usuarios, para introducir pedidos a través de la red, tienen multitud de aplicaciones.<BR><BR>Un formulario está formado, entre otras cosas, por etiquetas, campos de texto, menús desplegables, y botones.<BR><BR>Es muy recomendable utilizar tablas para organizar los elementos de los formularios. Utilizando tablas se consigue una mejor distribución de los elementos del formulario, lo que facilita su comprensión y mejora su apariencia.<BR><BR>Los formularios se insertan a través de las etiquetas (form) y (/form). Entre dichas etiquetas habrá que insertar los diferentes objetos que formarán el formulario. la etiqueta (form) tiene los siguientes atributos:<BR><BR>El atributo (action) indica una dirección de correo electrónico a la que mandar el formulario, o la dirección del programa que se encargará de procesar el contenido del formulario.<BR><BR>
Ejemplos:<BR><BR>(FORM ACTION=”http://www.host.com/vfor.asp” METHOD="POST")<BR><BR>(form action="mailto:[email protected]" method="post" enctype="text/plain" )<BR><BR>El atributo (enctype) indica el modo en que será cifrada la información para su envío. Por defecto tiene el valor application/x-www-form-urlencoded.<BR><BR>El atributo (method) indica el metodo mediante el que se transferirán las variables del formulario. Su valor puede ser (get) o (post).<BR><BR>El valor (get) se utiliza cuando no se van a producir cambios en ningún documento o programa que no sea el navegador del usuario que pretende mandar el formulario, como ocurre cuando se realizan consultas sobre una base de datos.<BR><BR>El valor (post) se utiliza cuando sí se van a producir cambios, como ocurre cuando el usuario manda datos que deben ser almacenados en una base de datos.<BR><BR>Se recomienda utilizar el valor (post.)
<FORM ACTION="mailto:[email protected]" method="post" enctype="text/plain" ><BR>Áreas de texto Multilínea. (textarea)<BR><BR>Las áreas de texto permiten a los usuarios insertar varias líneas de texto.<BR>Por ello, suelen utilizarse para que incluyan comentarios.<BR><BR>Por ejemplo, para insertar el área de texto:<BR><BR> Habría que escribir:<BR><BR><textarea name="ejemploarea" cols="30" rows="3">Escribe el texto que quieras</textarea><BR><BR>Otro ejemplo:<BR>Insertar dentro del FORM este nuevo elemento:<BR><BR>Introduzca sus sugerencias o comentarios:<BR><TEXTAREA NAME="Comentarios" ROWS="6" COLS="40"></TEXTAREA><BR><BR>Otro ejemplo:<BR><BR>
<INPUT NAME>="campo" type="text" value="Campo de texto" size="20" maxlength="15"><BR><BR>Elementos de entrada (input)<BR><BR>Para insertar un elemento de entrada es necesario incluir la etiqueta (input) entre las etiquetas (form) y (/form) del formulario.<BR><BR>El atributo (name) indica el nombre que se desea dar al elemento de entrada, mediante<BR>el cual será evaluado, y el atributo (type) indica el tipo de elemento de entrada.<BR>Vamos a ver los diferentes tipos de elementos de entrada, y el resto de atributos que<BR>pueden definirse para cada uno de ellos.<BR><BR>Campo de texto:<BR><BR> Para insertar un campo de texto, el atributo (type) debe tener el valor (text).<BR>El atributo (size) indica el número de caracteres que podrán ser visualizados en el campo de texto, determina el ancho de la caja.<BR>El atributo (maxlenght) indica el número de caracteres que podrán ser insertados en el campo de texto.<BR>El atributo (value) indica el valor inicial del campo de texto.<BR><BR>Por ejemplo, para insertar el campo de texto:
<BR><BR>
Habría que escribir:<BR><BR> Escriba su usuario:<BR><BR><INPUT TYPE="text" NAME="usuario" SIZE="35" MAXLENGTH="12"><P><INPUT TYPE="submit" VALUE="Enviar datos"> <INPUT TYPE="reset" VALUE="Borrar datos"></FORM><BR><BR>Campo de contraseña: <BR><BR>Para insertar un campo de contraseña, el atributo (type) debe tener el valor (password).<BR>El resto de atributos son los mismos que para un campo de texto normal. La única diferencia<BR> es que todas las letras escritas en el campo de contraseña serán visualizadas como asteriscos.<BR>Por ejemplo, para insertar el campo de contraseña:<BR><BR>Habría que escribir:<BR><BR>
<INPUT NAME>="contra" type="password" value="contraseña" size="20" maxlength="15"><BR><BR>
Otro ejemplo Password<BR><BR><INPUT TYPE="password" NAME="clave" SIZE="10"MAXLENGTH="12"><BR><BR>Botón: <BR><BR>Para insertar un botón, el atributo (type) debe tener el valor (submit), (restore) o (button).<BR>Si el valor es (submit), al pulsar sobre el botón se enviará el formulario.<BR>Si el valor es restore, al pulsar sobre el botón se restablecerá el formulario,<BR>borrándose todos los campos del formulario que hayan sido modificados y adquiriendo<BR>su valor inicial.<BR>Si el valor es (button), al pulsar sobre el botón no se realizará ninguna acción.<BR>El atributo (value) indica el texto que mostrará el botón.<BR><BR>Por ejemplo, para insertar el botón:<BR><BR>Habría que escribir:<BR><BR>
<INPUT NAME>="boton" type="submit" value="Enviar"><BR><BR>Casilla de verificación:<BR><BR> Para insertar una casilla de verificación, el atributo (type) debe tener el valor (checkbox).<BR>El atributo (value) indica el valor asociado a la casilla de verificación. Es necesario<BR>poner este atributo, aunque el usuario no pueda ver su valor. Es el valor a enviar.<BR>La aparición del atributo (checked) indica que la casilla aparecerá activada inicialmente.<BR>Este atributo no toma valores.<BR><BR>Por ejemplo, para insertar la casilla:<BR><BR>Habría que escribir:<BR><BR>
<INPUT NAME>="casilla" type="checkbox" value="acepto" checked><BR><BR>Otro ejemplo de Checkbox Insertar dentro del FORM este nuevo elemento:<BR><BR><INPUT TYPE="checkbox" NAME="Lista">Sí, deseo recibir información acerca de sus productos.<BR><BR>Botón de opción:<BR><BR> Para insertar un botón de opción, el atributo (type) debe tener el valor (radio).<BR>El atributo (value) indica el valor asociado al botón de opción. Es necesario poner este<BR>atributo, aunque el usuario no pueda ver su valor. Es el valor a enviar.<BR>
La aparición del atributo (checked) indica que el botón aparecerá activado inicialmente.<BR> Este atributo no toma valores.<BR>Los botones de opción se utilizan cuando se desea que una variable del formulario pueda<BR>tomar un solo valor de entre varios posibles. Para ello, se insertan varios botones de<BR>opción con el mismo nombre (que indica la variable) y con distintos valores.<BR> Sólamente uno de estos botones podrá estar activado, el que esté activado cuando se envia<BR> el formulario, su valor será el que tendrá la variable.<BR><BR>Por ejemplo, para insertar los botones de opción:<BR><BR> Habría que escribir:<BR><BR>
<INPUT NAME>="prefiere" type="radio" value="estudiar" checked>
<INPUT NAME>="prefiere" type="radio" value="trabajar"><BR><BR>Otro ejemplo Radio Button Insertar dentro del FORM este nuevo elemento:<BR><BR>¿Cuál es su sistema operativo preferido?<BR><BR><INPUT TYPE="radio" NAME="SistemaOperativo" VALUE="NT" CHECKED> Windows NT<INPUT TYPE="radio" NAME="SistemaOperativo" VALUE="Mac"> Mac<INPUT TYPE="radio" NAME="SistemaOperativo" VALUE="Unix"> Unix<BR><BR>Cuando se envíe el formulario, si el primer botón está activado la variable prefiere será<BR>igual a estudiar, si es el segundo el activado, la variable prefiere valdrá trabajar.<BR> Observa que lo que ponemos como valor no aparece escrito en la página es un datos interno.<BR>Existen otros tipos como el tipo hidden que sirve para definir un campo oculto, campo que <BR>no ve el usuario, en este caso habría que incluir el atributo (value) para que el formulario<BR> pase ese valor al programa que recoge los datos del formulario.<BR>Para que el usuario envie un fichero suyo a través del formulario tenemos el tipo (file),<BR> este tipo hay que utilizarlo con mucho cuidado ya que si permitimos que cualquier<BR> internauta nos envie cualquier tipo de fichero nos podríamos encontrar con sorpresas no<BR> siempre agradables.<BR><BR>Campos de selección (select)<BR><BR>Los campos de selección se utilizan para insertar menús y listas desplegables.<BR>Para insertar uno de estos menús o listas es necesario insertar las etiquetas (select) y <BR>(/select) en un formulario.<BR>El atributo (name) indica el nombre del menú o lista será el nombre de la variable que <BR>contendrá el valor seleccionado.<BR>El atributo (size) indica el número de elementos de la lista que pueden ser visualizados<BR> al mismo tiempo, determina el alto de la lista.<BR>La aparición del atributo (multiple) indica que el usuario podrá seleccionar varios<BR> elementos de la lista al mismo tiempo, ayudándose de la tecla Ctrl. Este atributo no<BR>
toma valores.<BR>La aparición del atributo disabled indica que la lista estará desactivada, por lo que<BR> el usuario no podrá seleccionar sus elementos. Este atributo tampoco toma valores.<BR> Cada uno de los elementos de la lista ha de insertarse entre las etiquetas option y<BR> /option.<BR>El atributo value indica el valor a enviar si se selecciona el elemento. Si no se<BR> especifica este atributo, se enviará el texto de la opción, que se encuentra entre <BR>las etiquetas <OPTION> y </OPTION>.<BR> La aparición del atributo selected indica que el elemento aparecerá seleccionado.<BR> Este atributo no toma valores.<BR><BR>Por ejemplo, para insertar el menú:<BR><BR>Habría que escribir:<BR><BR><select name="mascota">
<option selected>--- Elige animal ---</OPTION>
<OPTION>Perro</OPTION>
<OPTION>Gato</OPTION>
</SELECT><BR><BR>Y para insertar la lista:<BR><BR> Habría que escribir:<BR><BR><select name="animal" size="3" multiple>
<option selected>---Elige animales---</OPTION>
<option value="ave">Loro</OPTION>
<OPTION>Perro</OPTION>
<OPTION>Gato</OPTION>
<OPTION>Pez</OPTION>
</SELECT><BR><BR>Otro ejemplo de Menú Insertar dentro del FORM este nuevo elemento:<BR><BR>¿Cómo contacto con nosotros?<SELECT NAME="Contacto">
<OPTION value=”casualidad”>Por casualidad </OPTION><OPTION value=”periodico”>Por el periodico </OPTION><OPTION value=”buscadores”>En los buscadores </OPTION><OPTION value=”comentario”>Me lo comentaron </OPTION>
</SELECT >
<center><H1>EJEMPLOS<H1></CENTER><BR><BR><H1><center>JUEGO DE BOTONES DIRECCIONADOS A PÁGINAS LOCALES.</center></H1>Esto sólo funciona abriendo la página como file:/// no como servicio http://.<BR><BR><TABLE><TR> <TD>
<FORM METHOD>="POST" ACTION="indice.htm"> <INPUT TYPE="SUBMIT" VALUE="Indice"> </FORM> </TD> <TD> <FORM METHOD>="POST" ACTION="notas.htm"> <INPUT TYPE="SUBMIT" VALUE="Notas"> </FORM> </TD> <TD> <FORM METHOD>="POST" ACTION="como.htm"> <INPUT TYPE="SUBMIT" VALUE="Cómo funciona?"> </FORM> </TD>
</TR></TABLE><BR><H1><center>JUEGO DE BOTONES DIRECCIONADOS A PÁGINAS REMOTAS.</center></H1>
Puede funcionar abriendo la página como servicio http:// o como file:///. <BR>pero deberá utilizarse METHOD=GET en lugar de METHOD=POST.<BR><TABLE><TR> <TD>
<FORM METHOD>="GET" ACTION="http://mecaniza.sestud.uv.es/manual.esp/indice.htm"> <INPUT TYPE="SUBMIT" VALUE="Indice">
</FORM> </TD> <TD><FORM METHOD>="GET" ACTION="http://mecaniza.sestud.uv.es/manual.esp/notas.htm"> <INPUT TYPE="SUBMIT" VALUE="Notas">
</FORM> </TD>
<TD> <FORM METHOD>="GET" ACTION="http://mecaniza.sestud.uv.es/manual.esp/como.htm"> <INPUT TYPE="SUBMIT" VALUE="Cómo funciona?"> </FORM>
</TD></TR></TABLE><BR>1 CAMPO VACÍO. LONGITUD NO LIMITADA.<BR>1 CAMPO VACÍO. LONGITUD LIMITADA A 10<BR><FORM METHOD>="POST" ACTION="http://mecaniza.sestud.uv.es/cgi-bin/test2-cgi">
<INPUT NAME>="campo1"> <INPUT NAME>="campo2" SIZE=10 MAXLENGTH=10>
<P> <INPUT TYPE="submit" VALUE="Procesar"> <INPUT TYPE="reset" VALUE="Inicializar"></FORM>
<BR>1 campo vacío. Longitud no limitada.<BR>1 campo con contenido visible.<BR>1 campo con contenido oculto<BR><FORM METHOD>="POST" action="http://mecaniza.sestud.uv.es/cgi-bin/test2-cgi">
<INPUT NAME>="campo1"> <INPUT NAME>="campo2" VALUE="TEXTO VISIBLE">
<INPUT TYPE="password" name="campo3" VALUE="TEXTO OCULTO"><P>
<INPUT TYPE="submit" value="Procesar"> <INPUT TYPE="reset" value="Inicializar"></FORM>
<BR>1 campo vacío. Longitud sin limitar.<BR>1 campo vacío. Longitud limitada a 10.<BR>2 botones de selección.<BR><FORM METHOD>="POST" ACTION="http://mecaniza.sestud.uv.es/cgi-bin/test2-cgi">
<INPUT NAME>="campo1"> <INPUT NAME>="campo2" SIZE=10 MAXLENGTH=10>
<P>Clase A <INPUT TYPE="RADIO" NAME="clase" VALUE="A">Clase B <INPUT TYPE="RADIO" NAME="clase" VALUE="B"><P>
<INPUT TYPE="SUBMIT" VALUE="Procesar"> <INPUT TYPE="RESET" VALUE="Inicializar">
</FORM>
<BR>1 CAMPO VACÍO. LONGITUD SIN LIMITAR.<BR>1 CAMPO VACÍO. LONGITUD LIMITADA A 10.<BR>2 botones selección<BR>2 casillas selección<BR><FORM METHOD>="POST" ACTION="http://mecaniza.sestud.uv.es/cgi-bin/test2-cgi"> <INPUT NAME>="campo1"> <INPUT NAME>="campo2" SIZE=10 MAXLENGTH=10><P>Clase A <INPUT TYPE="RADIO" NAME="clase" VALUE="A">Clase B <INPUT TYPE="RADIO" NAME="clase" VALUE="B"><P>Tipo 1 <INPUT TYPE="CHECKBOX" NAME="tipo" VALUE="1">Tipo 2 <INPUT TYPE="CHECKBOX" NAME="tipo" VALUE="2"><P><INPUT TYPE="SUBMIT" VALUE="Procesar"><INPUT TYPE="RESET" VALUE="Inicializar"></FORM><BR><H1><center>1 LISTA DESPLEGABLE DE 3 VALORES. 1 VISIBLE</center></H1>
<FORM METHOD>="POST" ACTION="http://mecaniza.sestud.uv.es/cgi-bin/test2-cgi"> <INPUT TYPE="SUBMIT" VALUE="Procesar"> <INPUT TYPE="RESET" VALUE="Inicializar"> <SELECT NAME="lista1"> <OPTION>Valor 1 <OPTION>Valor 2 <OPTION>Valor 3</SELECT></FORM><BR>
<H1><center>1 LISTA DESPLEGABLE DE 5 VALORES. 3 VISIBLES.</center></H1><FORM METHOD>="POST" ACTION="http://mecaniza.sestud.uv.es/cgi-bin/test2-cgi"> <SELECT NAME="lista1" SIZE=3> <OPTION>Valor 1 <OPTION>Valor 2 <OPTION>Valor 3 <OPTION>Valor 4 <OPTION>Valor 5</SELECT><P> <INPUT TYPE="SUBMIT" VALUE="Procesar"> <INPUT TYPE="RESET" VALUE="Inicializar"></FORM>
1 VENTANA DE TEXTO DE 5X40<FORM METHOD>="POST" ACTION="http://mecaniza.sestud.uv.es/cgi-bin/test2-cgi"><TEXTAREA NAME="texto1" ROWS=5 COLS=40 ></TEXTAREA><P><INPUT TYPE="SUBMIT" VALUE="Procesar"><INPUT TYPE="RESET" VALUE="Inicializar"></FORM>
<H1><center>UN TÍPICO Y COMPLEJO FORMULARIO</center></H1><FORM ACTION="http://mecaniza.sestud.uv.es/cgi-bin/test2-cgi" METHOD=POST><CENTER><TABLE BORDER><TR> <TD>Nombre:</TD> <TD> <INPUT TYPE="text" NAME="nombre" SIZE=18 MAXLENGTH=18> F.Nac.:
<INPUT TYPE="text" NAME="edad" SIZE=8 MAXLENGTH=8> DNI: <INPUT TYPE="text" NAME="dni" SIZE=8 MAXLENGTH=8></TD><TR>
<TD>Apellidos:</TD> <TD> <INPUT TYPE="text" NAME="apellidos" SIZE=48 MAXLENGTH=48></TD>
<TR> <TD>Calle y número:</TD> <TD> <INPUT TYPE="text" NAME="domicilio" SIZE=48 MAXLENGTH=48></TD>
<TR> <TD>Código Postal:</TD>
<TD> <INPUT TYPE="text" NAME="postal" SIZE=5 MAXLENGTH=5>Ciudad: <INPUT TYPE="text" NAME="localidad" SIZE=36 MAXLENGTH=36></TD>
<TR> <TD>Provincia: </TD> <TD> <INPUT TYPE="text" NAME="provincia" SIZE=20 MAXLENGTH=20>
Teléfono: <INPUT TYPE="text" NAME="telefono" SIZE=19 MAXLENGTH=19></TD>
<TR> <TD>Opción:</TD> <TD> <SELECT NAME="OPCION"> <OPTION>OPCION 1 <OPTION>OPCION 2 <OPTION>OPCION 3 <OPTION>OPCION 4 <OPTION>OPCION 5 </SELECT>Escoja una opción</TD>
<TR> <TD>Comentarios<BR> personales:</TD>
<TD> <TEXTAREA NAME="coment" ROWS=2 COLS=48></TEXTAREA></TD><TR>
<TD><B>Pulse aquí:</B></TD> <TD ALIGN=CENTER> <INPUT TYPE="submit" VALUE="Enviar datos "> <INPUT TYPE="reset" VALUE="Borrar los datos"></TD>
</TABLE></CENTER></FORM>
<A HREF=VentanaMarco.htm target="_top"><FONT COLOR=red size=5>Salir</a><BR></FONT>
</BODY>
</HTML>
Código Cuestionario<HTML>
<HEAD><TITLE>Reactivos</TITLE>
</HEAD><BODY BACKGROUND="FDisk.JPG">
<FONT COLOR=red size=4>Lee la pregunta y apuntando la opción que consideres correcta dale un "clik"<BR><CENTER><IMG SRC="Felix.gif"></CENTER></FONT><HR><FONT SIZE=4>
Es el conjunto de programas, aplicaciones, paquetes y lenguaje que hace posible el funcionamiento de la computadora.
<HR><UL>
<LI><A HREF=f.htm target="derecha">Memoria RAM</A><BR><LI><A HREF=f.htm target="derecha">Memoria ROM</A><BR><LI><A HREF=v.htm target="derecha">Software</A><BR><LI><A HREF=f.htm target="derecha">Sistema Operativo</A><BR>
</UL><HR>
Controla la computadora y el manejo de los dispositivos con que cuenta; permite la comunicación con el usuario.
<UL><LI><A HREF=f.htm target="derecha">Procesador</A><BR><LI><A HREF=m.jpg target="derecha">Multimedia</A><BR><LI><A HREF=f.htm target="derecha">Drive</A><BR><LI><A HREF=c.jpg target="derecha">Sistema operativo</A><BR>
</UL><HR>
Indica a la computadora qué hacer y cuándo hacerlo.
<UL><LI><A HREF=f.htm target="derecha">Hardware</A><BR><LI><A HREF=v.htm target="derecha">Software</A><BR><LI><A HREF=f.htm target="derecha">Memoria</A><BR><LI><A HREF=f.htm target="derecha">Moder board</A><BR>
</UL><HR>
Ayuda al usuario a enviar y recibir mensajes de correo electrónico, y faxes así como conectarse a Internet.
<UL><LI><A HREF=m.jpg target="derecha">RAM</A><BR><LI><A HREF=m.jpg target="derecha">Controladores</A><BR><LI><A HREF=mb.jpg target="derecha">Software de Comunicación</A><BR><LI><A HREF=m.jpg target="derecha">Software de Productividad</A><BR>
</UL><HR>
Software de sistema que establece el enlace con el hardware, usa los archivos IO.SYS y MSDOS.SYS.
<UL><LI><A HREF=f.htm target="derecha">Intérprete de comandos</A><BR><LI><A HREF=nc.jpg target="derecha">Archivos externos</A><BR><LI><A HREF=c.jpg target="derecha">Manejadores de dispositivos</A><BR><LI><A HREF=f.htm target="derecha">Disco duro</A><BR>
</UL><HR>
Tipo de software que permite al usuario elaborar sus propios programas o software.<UL>
<LI><A HREF=nc.jpg target="derecha">De Aplicación</A><BR><LI><A HREF=m.jpg target="derecha">Word</A><BR><LI><A HREF=nc.jpg target="derecha">De Sistema</A><BR><LI><A HREF=mb.jpg target="derecha">De Desarrollo</A><BR>
</UL><HR>
Como ejemplos de este tipo de Software tenemos: Procesador de texto, Hoja electrónica y Base de datos.
<UL><LI><A HREF=f.htm target="derecha">Graficadores</A><BR><LI><A HREF=m.jpg target="derecha">De Desarrollo</A><BR><LI><A HREF=c.jpg target="derecha">De Aplicación</A><BR><LI><A HREF=m.jpg target="derecha">De Sistema</A><BR>
</UL><HR>
Programa que permiten al usuario realizar operaciones matemáticas y construir gráficas.
<UL><LI><A HREF=v.htm target="derecha">Hoja electrónica</a><BR>
<LI><A HREF=f.htm target="derecha">Graficadores</A><BR><LI><A HREF=nc.jpg target="derecha">Procesador de texto</A><BR><LI><A HREF=f.htm target="derecha">Base de datos</A><BR>
</UL><HR>
Como ejemplo de este tipo de software tenemos: Word, Word Star, Ami Pro y Works.<UL>
<LI><A HREF=nc.jpg target="derecha">Base de Datos</A><BR><LI><A HREF=m.jpg target="derecha">Graficadores</A><BR><LI><A HREF=mb.jpg target="derecha">Procesadores de Texto</A><BR><LI><A HREF=m.jpg target="derecha">Hojas electrónicas</A><BR>
</UL><HR>
Ejemplo de Base de datos:<UL>
<LI><A HREF=f.htm target="derecha">Paint</A><BR><LI><A HREF=f.htm target="derecha">Word Star</A><BR><LI><A HREF=v.htm target="derecha">Access</A><BR><LI><A HREF=f.htm target="derecha">Excel</A><BR>
</UL><HR>
Paquetes que permiten al usuario el diseño, creación y edición de imágenes y fotografías.
<UL><LI><A HREF=nc.jpg target="derecha">Editores</A><BR><LI><A HREF=nc.jpg target="derecha">Matrices</A><BR><LI><A HREF=c.jpg target="derecha">Graficadores</A><BR><LI><A HREF=nc.jpg target="derecha">Procesadores</A><BR>
</UL><HR>
Paquetes o programas que permiten al usuario la construcción, el mantenimiento, la modificación y la fácil y rápida consulta de una gran cantidad de información.
<UL><LI><A HREF=f.htm target="derecha">Hojas electró:nicas</A><BR><LI><A HREF=mb.jpg target="derecha">Base de Datos</A><BR><LI><A HREF=f.htm target="derecha">Software de Sistema</A><BR><LI><A HREF=f.htm target="derecha">Software de Desarrollo</A><BR>
</UL><HR></FONT><A HREF=ventanasCuestionarios.htm target="_top"><FONT COLOR=red size=5>Salir</A><BR></FONT>
</BODY></HTML>
Código para el Marco: VentanasCuesComan<HTML>
<HEAD><TITLE>VENTANASCUESCOMAN</TITLE>
</HEAD><frameset cols="75%,*" >
<frame name="izquierda" src="PregComandos.htm" target="_top" noresize><frame name="derecha" src="Imagenes/disket.gif" >
</frameset></HTML>