GLOSARIO

OBJETIVO:

Crear una pagina web donde se muestre un glosario y sus respectivos temas con enlaces así como también insertando el botón atrás.

Este es el codigo con el que podemos insertar la imagen de fondo

aqui muestro el codigo para poner el enlace con la leyenda de atras y cambiar a la siguiente pagina .

el siguiente código sirve para poner el texto así como cambiarle el tamaño y color

Esta es la portafa de la pagina principal

como primer enlace tenemos la materia de matemáticas y respectivamente se muestran os temas relacionados a esta materia.

En sta parte del programa se muestra en enlace donde nos muestran los temas de la materia de historia

aqui se muestran los los enlaces delos temas correspondientes a la materia de historia

Este es el enlace de la materia de informatica:

CONCLUSIONES:

se realizo la paginas web con sus respectivos temas y aprendi a crear enlaces , asi como tambien darle un formato a nuestra paginas como puede se imagen de fondo, tamaño de letra, color de letra etc..

Animales

OBJETIVO:

Crear una pagina web en donde se meustre las caracteristicas de los animales asi como tambien e sonido de cada uno de estos, debera de tener caracteristicas y un enlace de descarga.

El siguiente codigo son las paginas que nos serviran como enlacaes para que nos muestren las caracteristicas de cada uno de los animales.

Asi es como se muestran ls paginas ya realizadas

Así es como se muestra la reproducción de sonido en cada uno de los animales

6

Aqui se puede mostrar al momento de descargar el documento

9

10

11

CONCLUSIONES:

Se realizo la pagina con las características como son: sonido, descarga, imagen y la tabla.

Republica Méxicana

OBJETIVO:

Crear una pagina web en donde se muestren una tabla con las características de animales, su foto, enlaces para descargar documentos , sonido.

Así es como inicia nuestro codigo poniendo como fonde la imagen de la Republica Mexicana y los enlaces para que lo lelvaran al norte, sur, este, oeste.




Codigo tabla. En este codigo nos servira pra ponerle el texto anuestra tabla en donde se comstratan los estados y capitales de la republica mexicana.
Finalizamos con el boton de atras



En esta imagen podemos ver los enlaces de norte, sur, este, oeste

Así es como se visualiza a la hora de darle clic al enlace nos muestra una tabla con el estado y la capital según sea la zona que escojamos.

CONCLUSIONES:

En esta practica aprendimos a realizar tablas así como también a diferenciar los tipos de enlaces y colocar enlaces para descarga así como también el sonido

TABLAS

OBJETIVO:

Conocer una forma en la cual se generan las tablas, filas, columnas y formato de la misma a traves de html. para el diseño en paginas web.

y

filas y >/tr>

columnas y

FORMATO DE LA TABLA:

CONCLUSIONES:

APRENDIMOS A REALIZAR TABLAS Y LOS ATRIBUTOS QUE LLEVA LA ETIQUETA

CARACTERES ESPECIFICOS

OBJETIVO: Conocer los caracteres especiales que se utilizan en el diseño de las paginas web con HTML

una pagina web se ha de ver en distintos países que usan conjunto de caracteres diferentes 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, independientemente de su juego de caracteres.

este conjunto es de caracteres específicos , cuando queremos colocar uno de estos caracteres en una pagina debemos sustituirlo en el código.

ENLACES (HIPERVINCULOS)

OBJETIVO:

Conocer las formas en las cuales se genera un hipervinculo en html.

Un enlace puede ser detectado en una pagina, basta con deslizar el puntero del mouse sobre las imagenes o el texto y ver como cambia su forma original transformandose por regla general en una mano con un dedo señalador.

para colocar un enlace colacoamos la etiqueta dentro de la eqtiqueta de apertura debemos especificar el destino del enlace, este destino sera introducido bajo forma de atributo el cual lleva por nombre href.

ejemplo:

nota: el destino sera una pagina, un email o un archivo.

La funcion del destino en los enlaces son agrupados del siguiente modo:

* ENLACES INTERNOS: Se encuentran a otra parte dentro de la misma pagina.

* ENLACES LOCALES: Se dirigen a otra pagina del mismo sitio.

* ENLACES REMOTOS : Dirigidos hacia paginas de otros sitios .

* ENLACES CON DIRECCIONES DE CORREO:Para crear un mensaje de correo dirigido a una

dirección

* ENLACES CON ARCHIVOS: Para que los usuarios puedan hacer descargas de ficheros (download)

¡ ENLACES INTERNOS!

Para crear un enlace de este tipo es necesario aparte del enlace de origen propiamente dicho, un segundo enlace que sera colocado en el destino.

crear un enlace que apunte al final de la pagina

así se muestra el enlace:

ir abajo

¡ ENLACES LOCALES!

los enlaces locales pueden asu vez apuntar. ya no a la pagina en general si no precisamente a una sección concreta este tipo de enlaces resulta ser unibrido de interno y local la sintaxis es de tipo.

¡ ENLACE CON ARCHIVOS !

Si queremos enlazar con un archivo mi_fichero.zip. que se encuentre en el mismo directorio escribimos el enlace

¡DESTINO DE ENLACE!

Determina en que la ventana va hacer abierta, la pagina vinculada se especifica a traves del atributo target al que se te puede asignar los siguientes valores:

BLANK: Abre el documento en una ventana nueva

PARENT: Abre el documento en la ventana que contiene el vinculo

SELF: Abre el documento en el mismo marco o ventana que el vinculo

TOP: Abre el documento en la ventana completa del navegador.

¡FORMATOS DE ENLACE!

* link

* alink

* vlink

¡ PUNTOS DE FIJACIÓN O ANDAS!

Cuando se tiene documentos extensos es preferible ir al apartado deceado en lugar de desplazarse

CON LUCIONES:

APRENDÍ A REALIZAR ENLACES Y CONOCÍ LOS TIPOS DE ENLACE QUE PODEMOS COLOCAR EN EL CÓDIGO DE HTML

CÓDIGO HTML

OBJETIVO:

crear el código de HTML para generar colores en el texto deseado

DESARROLLO :

Este es el código para darle color a un texto

A continuación presento los códigos con todos los colores y tipo de letra ms sanserif

codigo:

una vez teniendo el código en el block de notas de guardara con terminación HTML para poder cargarla y visualizarla de esta manera

así es como se ve el texto con el código de HTML.

Titulo

titulo

titulo

titulo

titulo

titulo

titulo

titulo

titulo

titulo

titulo

titulo

titulo

Texto

CONCLUSIONES:

aprendi a realizar el codigo de HTML para ingresar color al texto.