Frames

Objetivo: Conocer como se inserta un frame en las paginas web.

1.-Abriremos un block de notas.
2.-En el empezaremos a crear nuestro codigo.
3.-Daremos el frame en los 3 index (en este caso) principales que son el 2,6 y 11ademas, en cada uno de ellos se muestra los demas index que estan en el codigo de cada uno.En la siguiente imagen se muestra como.







4.-Una vez puesto el codigo lo que hara es generar una pagina dentro del marco que genera el frame, es decir, mostrara la pagina dividida en el porcentaje que uno desee y la mostrara en la misma pagina, como se observa en las siguientes imagenes.







5.-Abriremos otro block de nota y generaremos un codigo el cula con tenga la instruccion de que index utilizaremos para crear el o los frames en este caso er a el index que creamos antes 2, 6 y 11, la imagen muestra como.





6.-En esta imagen se muestra como quedo el frame que insertamos en el codigo ya que dividio la pagina en los orcientos que pusimos.


Conclusion:Aprendi a anexar o insertar un frame en un codigo de una pagina web, los frames a veces son necesarios por si uno necesita crear divisiones en ella.

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.

Creacion de Tablas

Objetivo. Ser capaz de crear una tabla en html.

Usaremos las etiquetas para la creacion de las tablas , estas seran las que nos ayudaran asi como, , y para definir las filas y columnas.
Ejemplo:

Este es el codigo que genere en un block de notas.



Esta es la visualizacion de el codigo en internet.



Esta imagen nos muestra una tabla mas grande en internet.





Conclusiones: Me ayudo el saber como crear las tablas en codigo de html, ademas, asi podre darle mas presentacion a mis paginas web.

Caracteres especiales

Objetivo: Conocer como es el codigo en html para los caracteres especiales , como funcionan y para que sirven.

En html usa caracteresb de siete bits.Esto significa que por cada letra o signo se codifica mediante un numero de siete bits.
El lenguaje HTML nos ofrece un mecanismo por el que podemos estar seguros que una serie de caracteres raros se van a ver bien en todos los ordenadores.

Caracteres especiales básicos

Estos caracteres se usan en HTML para no confundir un principio o final de etiqueta, unas comillas o un & con su correspondiente carácter.
< < > >
& & " "


Caracteres especiales del HTML 2.0
Á Á À À
É É È È
Í Í Ì Ì
Ó Ó Ò Ò
Ú Ú Ù Ù
á á à à
é é è è
í í ì ì
ó ó ò ò
ú ú ù ù
Ä Ä Â Â
Ë Ë Ê Ê
Ï Ï Î Î
Ö Ö Ô Ô
Ü Ü Û Û
ä ä â â
ë ë ê ê
ï ï î î
ö ö ô ô
ü ü û û
à à å å
Ñ Ñ Å Å
Õ Õ Ç Ç
ã ã ç ç
ñ ñ Ý Ý
õ õ ý ý
Ø Ø ÿ ÿ
ø ø Þ Þ
Ð Ð þ þ
ð ð Æ Æ
ß ß æ æ

Caracteres especiales del HTML 3.2
¼ ¼  
½ ½ ¡ ¡
¾ ¾ £ £
© © ¥ ¥
® ® § §
ª ª ¤ ¤
² ² ¦ ¦
³ ³ « «
¹ ¹ ¬ ¬
¯ ¯ ­ ¬
µ µ º º
¶ ¶ ´ ´
· • ¨ ¨
° ° ± ±
¸ ¸ » »
¿ ¿


Otros caracteres especiales
× × ¢ ¢
÷ ÷ € €
“ “ ™ ™
” ” ‰ ‰
Œ Œ ƒ ƒ
‡ ‡ † †

Conclusiones: Los caracteres especiales sirven para que cualquier ordenador de codigos de html los pueda leer.

Codigo html

Objetivo: Crear un codigo en html el cual me genere diferentes tipos de colores en el texto.


Despues de copiar el codigo lo guarde con la extencion .html y esto fue lo que genero:



Conclusion:
Me resultó muy interesante el poder dar formato al texto (color y tamaño)de una pagina web con un programa aparentemente tan simple como block de notas.

Embarazos no deseados.

Objetivo: Dar informacion acerca de las causas y efectos de tener un embarazo adolecente, para que los jovenes tengan opciones de planificacion y proteccion en cuanto estas causas.


Desarrollo:

1.- Busque informacion en cuanto al embarazo no deseado.
2.- La informacion la analize.
3.- Busque videos en contra del embarazo adolecente.
4.- Inserte la informacion de modo, clara, precisa, y veraz de manera que los usuarios tengan una mayor informacion del tema.
5.- Desarrolle paso a paso la informacion.
6.- Despues de que agrege la informacion le di un formaato el cual se vea llamativo.
7.- Modifique los pequeños detalles que no me hallan agradado.
8.- Inserte imagenes para que la pagina fuera mas atractiva al usuario.
9.- Inserte videos como apoyo al tema.
10.-Guarde la pagina creada en mi PC y posteriormente la subi a un sitio web.
11. Visualize mi pagina en el sitio en que la subi.


Link de la pagina.
http://ivantapiarangel.es.tl/EMBARAZOS-NO-DESEADOS-.-.htm


Conclusion: El desarrollo de esta pagina me sirvio para entender mas a fondo el tema y ver los problemas y consecuencias que se pueden llegar a tener. En cuanto a la creacion de la pagina web me sirvio para poner a prueba mis habilidades, tambien pude poner lo aprendido de Front Page.

Creación del sitio Web

Pasos para crear una pagina web con Front Page.

1.Para crear un sitio web primero tendra el usuario que crear una carpeta con cualquier nombre en el escritorio.
2.Abrir la aplicacion de Front Page 2003/ Microsoft Office.
3.Menu archivo/Nuevo/Sitio web de una pagina. De esta forma nos aparecera una ventana que nos dice cual sera la ubicacion de nuestro sitio web.
Examinar/Seleccionar/Carpeta creada en el escritorio.
4.Nuevo
5.Arcgivo/Guardar como...


Objetivo:Conocer los elementos necesarios para crear una pagina web en Front Page.

Conclusiones. Front Page sirve para crear paginas web de una manera facil y sencilla, ademas, nos proporciona diferentes tipos de herrmientas para la creacion de ella, como el insertar tablas, insertar imagenes, insertar wor art y dar formato entre otras.