PRACTICA #3

GLOSARIO

OBJETIVO: Crear una pagina web en HTML que permita mostrar las materias de matematicas, historia e informatica.

A continuacion se observara el codigo para crear un glosario donde el siguiente codigo nos mostrara la pagina de inicio.

Esta es la pagina de inicio del glosario en el navegador

A continuacion veremos la pagina de matematicas el contenido que ofrece esta materia:

A continuacion se puede apreciar el contenido de matematicas a la cual nos enlazara a otra.

El codigo siguiente nos muestra todo lo relacionado a la aritmetica

A continuacion veremos como se observa en el navegador la pagina de aritmetica



El codigo que se muestra es para la informacion de algebra




Esta es la pagina de algebra como se ve en el navegador:



Por ultimo la pagina de geometria

HISTORIA
A continuacion se ve la codificacion de la pagina de historia los temas a tratar de esta materia:

A si es como queda la pagina de historia

Seguimos con la codificacion de la pagina que nos mostrara la informacion del descubrimiento de america y como queda concluida:

Seguimos con el codigo del tema la independencia de mexico ycomo se observa en en el navegador:

El tema siguiente a tratar es sobre la revolucion mexicana

INFORMATICA

Por ultimo haremos la codificacion de conceptos relacionados a la informatica se observa el codigo tanto como queda la pagina en el navegador.

CONCLUCIONES:Esta practica estuvo un poco larga por la informacion que se tenia que integrar pero interesante ya que aprendi muchas etiquetas como atributos para poder concluirla.

INTEGRANTES:

Cinthia ivonne perea carmona

Erika salazar gutierrez

TABLAS

OBJETIVO:Conocer la forma en la cual se generan las tablas sus filas columnas y formato de la misma a travez de HTML para el diseño paginas web.

Etiqueta table

Atributos que contiene la etiqueta

FORMATO DE LA TABLA:

Formato de la celda:

A continuacion veremos un pequño ejemplo donde se puede observar como queda una tabla mediante codigo de HTML

Podemos observar como se ve en el navegador

CONCLUCIONES: Este tema de la etiqueta es muy interesante ya que podemos ver como se forma una tabla para una pagina web y como darle formato a la tabla tanto a las celdas.

CONTINUACION DE HIPERVINCULOS

Objetivo: Conocer las formas en las cuales se genere un hipervinculo en html.



Enlace
Atributo href

DESTINOS DE ENLACE
name

El destino de enlace determina en que ventana va a ser abierta la pagina vinculada se especifica a travez del atributo "target" en los que se pueden asignar los siguientes valores:

1.-_blank

2.-_pant

3.-_self

4.-_top

• _blank: abre el documento en una venta nueva

• _parent:abre el documento en una ventana que contiene el vinculo

• _self: abre el documento en el mismo marco o venta que el viculo

• _ top: abre el documento en la ventana completa en el navegador

formatos de los enlaces

link

alink

vlink

Puntos de fijacion o enlace

Cuando se tiene documentos extensos es preferible ir al apartado en vez de desplasarce

Para insertar un punto de fijacion dentro del mismo documento

Archivo dentro de la misma

En otra carpeta o diferente


CONCLUCIONES: Este tema nos enseño como enlazar un archivo a la pagina web

PRACTICA #2

MAPA

OBJETIVO: Realiza un pagina web en HTML donde muestre las capitales de los estados de la republica mexicana.

1.- Abrir el blog de notas donde vamos a escribir el codigo para realizarla.

2.- Este blog de notas es la pagina de inicio donde nos muestra el norte, este, oeste y sur donde se enlazara a otra pagina para mostrarnos las capitales.



3.- aqui observamos como quedo nuestra pagina principal

4.- a continuacion veremos el codigo del NORTE el cual se enlazo por medio de la principal y como quedo al final en el navegador





4.- Esta enlace es del este donde nos muestra las capitales que se encuentran:

5.- A continuacion se ve el siguiente enlace de la pagina principal que el el oeste donde se observa las capitales de esta zono del pais.

Por ultimo vemos el enlace del sur donde se obsevan las capoitales de esta zona:

CONCLUCIONES: Esta practica fue interesante ya que se realizo en un block de notas toda la codificacion sin ayuda de front page, aprendi como enlazar una pagina a otra en codigo HTML, asi como etiquetas y atributos.

INTEGRANTES:

Cinthia ivonne perea carmona

Erika salazar gutierrez

ENLACES (HIPERVINCULOS)

OBJETIVO: Conocer las formas en las cuales se genere un hipervinculo en html.

DEFINICIÓN DE HIPERVINCULO:

Un hipervínculo es un enlace, normalmente entre dos páginas web de un mismo sitio, pero un enlace también puede apuntar a una página de otro sitio web, a un fichero, a una imagen, etc. Para navegar al destino al que apunta el enlace, hemos de hacer clic sobre él. También se conocen como hiperenlaces, enlaces o links.

Un enlace puede ser muy fácilmente detectado en una pagina web.

Basta con deslizar el puntero sobre la imagen o texto y ver como cambia su forma original transformándose por regla general en una mano con un dedo señalando.

Para colocar una imagen nos serviremos por la etiqueta:

Dentro de la etiqueta de apertura deberemos especificar el destino del enlace este destino sera introducido bajo forma de atributo el cual lleva por nombre "href".

destino: sera una pagina, un e-mail o un archivo

**La función del destino en los enlaces son agrupados del siguiente modo:

• Enlaces internos

Son los que se encuentran en la misma pagina.

Se denomina enlaces internos a aquellos que se crean para enlazar partes de una pagina con otras, es decir, no se invoca ningun recurso HTML, si no que al activarlos simplemente se "salta" a otra parte de la pagina.

• Enlaces locales

Se dirigen a otra pagina pero en el mismo sitio.

Los enlaces locales son probablemente los mas comunes. por ejemplo, todas las paginas de un mismo web se encuentran normalmente unidas por medio de enlaces locales.(salvo que el web se encuentre distribuido entre varios servidores).

• Enlaces remotos

Dirigido hacia otra pagina de otro sitio.

Son los enlaces que se dirigen hacia páginas que se encuentran fuera de nuestro sitio web, es decir, cualquier otro documento que no forma parte de nuestro sitio.

• Enlaces con dirección de correo

Para crear correo dirigido a una dirección.

Son aquellos que al pincharlos nos abre un nuevo mensaje de correo electrónico dirigido a una dirección de mail determinada. Estos enlaces son muy habituales en las páginas web y resultan la manera más rápida de ofrecer al visitante una vía para el contacto con el propietario de la página.

• Enlaces con archivo

Para que los usuarios hagan descargas.

Este no es un tipo de enlace propiamente dicho, pero lo señalamos aquí porque son un tipo de enlaces muy habitual y que presenta alguna complicación para el usuario novato.

El mecanismo es el mismo que hemos conocido en los enlaces locales y los enlaces remotos, con la única particularidad de que en vez de estar dirigidos hacia una página web está dirigido hacia un archivo de otro tipo.

CONCLUCIONES: Este tema es muy interesante ya que vemos como colocar un enlace entre paginas o en la misma pagina web y cuantos tipos de enlaces hay y como utilizarlo en cada caso.

http://es.wikipedia.org/wiki/Hiperenlace

CARACTERES ESPECIALES

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

Una página web se ha de ver en paises distintos, que usan conjuntos de caracteres distintos.

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 del mundo, independientemente de su juego de caracteres. Este conjunto son los caracteres especiales. Cuando queremos poner uno de estos caracteres en una página, debemos sustituirlo por su código.

A CONTINUACION VEREMOS ALGUNOS EJEMPLOS:

CONCLUCION: Me parece un tema un poco dificil ya que se tiene que saber los codigos para poder colocar el caracter en html pero interesante ya que si no se encuentra en el teclado ya se sabra con que codigo colocar el caracter que deseamos.