Creacion de Formularios

Objetivo: Crea un fomulario en codigo html.

Desarrollo.

1.-Abriremos un block de notas y empezaremos a introducir el codigo.
2.-Para generar el formulario en el codigo debera de tener los siguientes campos.
a)Nombre.
b)Apellido Paterno y posteriormente Materno.
c)Un selector en la cual nos muestre los estados y el distrito.
d)Varios cuadros de seleccion de envio de información.
e)Un cuadro de comentario.
f)Por ultimo dos comandos uno de envio y otro de borrar.

3.-En la siguiente imagen muestra el codigo para que se ejecuten las caracteristicas del formulario.



4.-Al crear el codigo nos dara la siguiente imagen.


5.-Una vez creado insertaremos la información en los cuadros para despues enviarla por correo como se muestra ahora.


6.-Una vez enviada al correo corraboramos que este haya sido enviado con la información puesta.


Conclusion. Los formularios sirven para ingresar información que posteriormente luego se enviara o guardara en algunos casos, ademas, en lo particular me ayudo a poder saber el como hacer el formulario en una pagina web.

Glosario

Objetivo: crear una pagina en codigo html de un Glosario.

Desarrollo.

1.-Crear una carpeta, en la cual contenga todo lo que vamos a utilizar como, documentos, imagenes, informacion, "etc".
2.-Abrir un documento de block de notas, ahi empezaremos con nuestro cdigo.
3.-Empezaremos por poner nuestro codigo como se muestra a continuacion.
En esta insertaremos el codigo para inserta una imagen.



En este pondremos el codigo para generar el enlace.



En este cambiaremos el tamaño, el color, entre otras cosas.


4.-Veremos como queda el codigo ya una vez acabado.
Esta es la portada pricipal.






En esta imagen nos muestra como el enlace, donde se muestra los temas de Historía.






Ahora solo pondre otro ejemplo, no pondre lo demas por que es muy parecido al de historia.
5.-Este es el de informatica.


Conclusiones: Nos costo mucho trabajo crear los hipervinculos de cada una de ellas, pero, nos sirvio para aprender como funcionan y como es el codigo.

Animales

Objetivo:Crear una pagina en codigo html la cual contenga las caracteristicas, la imagen, el sonido y la descarga del archivo de cada uno de los animales.

Desarrollo.
1.-Crea,os una carpeta la cual tendra todo lo que se va a utilizar, imagenes, sonidos, documentos, información, "etc".
2.-Generaremos nuestro codigo en un documento del block de notas.
3.-Empezaremos porcrear una tabla en nuestro codigo, ya que con eso empezaremos.
4.-Crearemos la tablas con las columnas y filas a utilizar.

5.-Insertaremos cada uno de los animales,e iremos creando las columnas y filas de cada uno.

6.-Tendremos que ir observando como va quedando tanto el codigo como la pagina. Por ultimo cerraremos nuestro codi ya que hallamos creado cada tabla y insertado las imagenes, el hipervinculo de sonidos y el de descarga del archivo como se visializa en nuestra imagen.

7.-Asi ya quedado el codigo lo visualizaremos en internet, veremos cada una de las etiquetas que hallamos utilizado, principalmente los hipervinculos.
Primero veremos los de caracteristicas.


Ahora veremos los de sonido.


Ahora el de descarga.


Y por ultimo mostraremos como nos quedo nuestra pagina.




Conclusiones: Nos costo un poco de trabajo, pero, el tratar de hacerlo y el poder aplicar nuestros conocimientos aprendidos en esta pagina nos ayudo a poder realizar la practica.

REPUBLICA MÉXICANA

Objetivo:Crear una pagina en codigo html la cual visualize, la imagen de la Republica Méxicana, Estados y Capitales de la misma.

Desarrollo.

1.-Creamos una carpeta la cual tendra todo lo que necitaremos para la creacion de nuestra pagina, imagenes, documentos, informacion, "etc".
2.-Empezaremos nuestro codigo en un documento de block de notas.
3.-Empezaremos la creacion de nuestro como lo indica la siguiente imagen.

4.-Creramos una tabla para los Estados y Capitales de la Republica Méxicana, ademas, esto nos ayudara a darle una presentación.

5.-Una vez que pusimos las tablas, empezamos con la otra y asi sucesivamente, para el final cerrar nuestro codigo.

6.-Este es el resultado de nuestro codigo.




Conclusiones:Nos ayudo esta practica para ver que somos capaces de elaborar una pagina en codigo html, ademas, supimos elaborar tablas, hipervinculos, insertar imagenes,entre otras cosas.