domingo, 25 de abril de 2010

practica 3 Glosario

*OBJETIVO: el alumno realizara una pagina web que muestre un glosario donde tenga que definir cada consepto como:
1) matematica
2)historia
3)informatica
asi mismo explicara como realizo esta pagina web

*INTEGRANTES
resendiz martinez maria jacqueline
reyes parada maria del carmen

*DESARROLLO:

1)lo primero que nosotras hicimos es ver que forma va a tener nuestra pagina y ya despues empesamos a poner codigo en blok de notas y empeso a quedar a si.



2)MATEMATICAS tubimos que escibir codigo de cada tema y sub tema que tenian



*aritmetica



*algebra



*geometria



3) HISTORIA



*descubrimiento



*independencia



*revolucion



*mexico contemporaneo



4)y por ultimo la de INFORMATICA



CONCLUCIONES: pues esta pagina se nos hizo ya un poca mas facil ya que ya habiamos hecho una anterior.

sábado, 24 de abril de 2010

practica 2 "Republica Mexicana"

*OBJETIVO:el alumno realizara una practica en donde muestre los estados de la republica, y explicara como realizo esta en html.

*INTEGRANTES DE EQUIPO:
resendiz martinez maria jacqueline
reyes parada maria del carmen

*DESARROLLO:
1) abrir blok de notas


2)iremos introduciendo codigo en nuestro blok de notas para que vaya teniendo forma nuestra pagina web con todos los temas vistos en clase.


3)ira tomando forma asi


4)vamos a empesar a colocar codigo de cada pagina como la del NORTE



5)SUR



6)ESTE



7)OESTE



8)asi mismo vamos a colocar hipervinculos en todas las paginas


**CONCLUCIONES
en lo personal me gusto hacer este tipo de paginas en html, ya que nos enseña otra forma diferente hacer paginas web, aunque si me desespere por el codigo pero aprendi cosas nuevas

lunes, 19 de abril de 2010

TABLAS

OBJETIVO: conocer la forma en la cual se generan las tablas, columnas y formato de la misma atra vez de html para el diseño de paginas web.


**FORMATO DE LA TABLA**


**FORMATO DE CELDAS**


EJEMPLOS DE TABLAS


EJECUTANDOLA QUEDA ASI


CONCLUCIONES:`pues este tema se me hizo muy interesante ya que nos enseña hacer las tablas en html y a ponerles hipervinculos.

jueves, 15 de abril de 2010

caracteres especiales

objetivo: conocer los caracteres especiales que utilizan en el diseño de las paginas web en html.

1.- primero haremos el codigo el el blog de notas


2.- despues lo ejecutaremos


*ENLACES(hipervinculos)*
OBJETIVO: conocer las formas en las cuales se genera un hipervinculo en HTML.

un enlace puede ser muy facil detectarlo en una pagina vasta con deslizar el puntero del mause sobre las imagenes o texto y ver como cambia su forma original transformandose con una mano que señala.

Para colocar un enlace nos seriremos de la etiqueta
dentro de la etiqueta de apertura debemos especificar el destino del enlace.
Este destino sera introducido forma bajo de atributo por lo cual lleva por nombre href



*destino: sera un pagina o un email o un archivo. la funcion de el destino en los enlaces son agrupados del sigueinte modo


*Enlaces internos: dentro de la misma pagina

*Enlaces locales: se dirigen otra pagina pero de el mismo sitio

*Enlaces remotos: se dirigen a paginas de otros sitios

*Enlaces con direcciones de correo: para crear un mensaje de correo dirigido a una direccion

*Enlaces con archivos: por que los usuarios pueden hacer direccion descargas de ficheros dowloand.

ENLACES INTERNOS
para crear un enlace de este tipo es necesario aparte de el enlace de origen propiamente dicho segun el enlace que sera colocado en el destino.
Queremos crear un enlace que aunte al final de la pagina
ir abajo
El contenido de el enlace es el texto ir abajo el destino abajo
# simbolo que especifica al navegador que el enlace apunta a una seccion en particular
En segundo lugar hay que generar un enlace en el destino


ENLACES LOCALES
tenemos que crear una etiqueta de la siguiente forma


hay que tener cuidadp en usar la barra en lugar de la contra barra. los enlaces locales puden a su vez apunta ya no a la pagina en general si no a una seccion concreta; este tipo de enlaces resulta se un hibrido del interno y local la sintaxis.

**ENLACES EXTENOS DE CORREO Y HACIA ARCHIVOS**
*Enlaces remotos:colocamos en el atributo href de nuestra (a)la url con la que queremos enlasar.


*ENLACES DIRECCION DE CORREO
en el atributo href del enlace anes de la direccion del correo escribimos mailto


*ENLACES DE ARCHIVO
si queremos enlasar con un archivo mi_fichero.dip que se encuentra en el mismo directorio de la pagina.


CONCLUCIONES: pues en esta pagina aprendimos a ver como podemos agregar los caracteres especiales en un programa de html asi tambien como los diferentes tipos de enlaces que existen.