Objetivo:

Mostrar los avances alcanzados durante el semestre en la materia Programación y Diseño de Páginas Web, atreves de cada una de las ligas de cada una de las paginas web diseñadas con HTML Front page Dreamweaver.

martes, 27 de abril de 2010

Practica # 3 "Glosario"

OBJETIVO: el alumno realizara una pagina web donde muestre un glosario en el que desarrolle cada consepto con sus diferentes temas.


pagina de inicio




Resultado





Al oprimie el hipervinculo MATEMATICAS te llevara a la siguiente pagina.

CODIGO


PAGINA




Al oprimier el hipervinculo ARITMETICA te llevara a la siguiente pagina.

CODIGO



PAGINA



Al oprimier el hipervinculo ALGEBRA te llevara a la siguiente pagina.

CODIGO




PAGINA


Al oprimier el hipervinculo GEOMETRIA te llevara a la siguiente pagina.

CODIGO


PAGINA

Esto seria todo en la parte de MATEMETICAS ahora empezaremos con HISTORIA


CODIGO

PAGINA QUE TE LLEVA A LOS TEMAS DE HISTORIA



Al oprimier el hipervinculo DESCUBRIMIENTO te llevara a la siguiente pagina.


CODIGO


PAGINA



Al oprimier el hipervinculo INDEPENDENCIA te llevara a la siguiente pagina.



PAGINA



Al oprimier el hipervinculo REVOLUCION te llevara a digha pagina.




PAGINA


POR ULTIMO TENEMOS LA PAGINA QUE TE LLEVA A LOS TEMAS DE INFORMATICA

CODIGO


PAGINA



Concluciones: bueno se me hizo muy tediosa la practica por el hecho de desarrollar cada tema en una pagina pero bueno Creo que esto me ayudara a relacionarme mas con los hipervinculos

domingo, 25 de abril de 2010

P¨ractica # 2 "Republica Mexicana"

OBJETIVO:el alumno realizara una practica en donde se muestre un mapa de la republica mexicana colocara hipervinculos que nos lleven a los difenentes estados de la republica segun su hubicacion , y explicara como realizo esto en html utilizando como herramienta el blog de notas.
paso 1
Abrir blog de notas
Paso 2


Empesamos a introducir el codigo para empezar a visualizar nuestra pagina






Nuestra pagina poco a poco ira tomando forma enta sera la pagina principal




Paso 3

Empezaremos a realizar el codigo de las paguinas que seran parte de la practica.

Este sera el codigo que nos mostrara los estados del noroeste y peninsula del pais






El codigo nos dara el siguiente resultado





El siguiente codigo nos mostrara los estados de la ZONA NORTE CENTRE



Este es el resultado que arroja




codigo que muestra la zona NORESTE del pais



Resultado





Codigo muestra ZONA OCCIDENTE y ZONA CENTRO




El resultado es



El siguiente codigo muestra ZONA METROPOLITANA, ZONA ORIENTE-CENTRO, ZONA ORIENTE-GOLFO







RESULTADO



Paso 4

Se colocaran los hipervinculos en la pagina principal para que de alli podamos irnos a cada una de las anteriores

Concluciones: bueno como ya lo dije antes este tipo de trabajos me estan sirviendo para recordad cosas que ya estaba olvidando el trabajar el html me parase muy interesante aunque sea un poco mas tedioso.

jueves, 22 de abril de 2010

listas ordenadas

Objetivo: conocer las diferentes listas y sus caracteristicas en html para el diseño de paginas web

se desarrollo un ejercicio en clase


se realizo en el pizarron el codigo en html


el resultado fue el siguiente


Concluciones:bueno voy a confesar que me puso muy nerviosa el pasar al pizzarron como ya lo he mencionado anteriormente ya estaba olvidando trabajar en html pero bueno a final pude y eso es lo que eme da satisfaccion

martes, 20 de abril de 2010

Tablas

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







Formato de la tabla





Formato de las celdas






Este es el ejemplo del codigo de una tablas con hipervinculos



Concluciones: Bueno ami en realidad me gusto mucho este tema ya que aunque ya habia trabajado con HTML, yo nunca habia incertado un hipervinculo en una tabla eso fue lo que mas me agrado.


jueves, 15 de abril de 2010

Caracteres Especiales

Objetivo: Conocer los caracteres especiales que se utilizan en el diseño de una pagina web en HTML utilizando como herramienta el blog de notas.

Existen muchos caracteres especiales los cuales se representan de un modo especial para incertarlos dentro de un pagina web estos caracteres en el código HTML van precedidos de un & (o ampersand), que indica el número de código correspondiente o el alias del caracter que queremos representar en la página.
Acontinuacion mostrare una tabla en la que se muestran solo algunos de los caracteres especiales que podemos encontrar asi mismo con su numero de codigo o el alias.


Como se puede observar en la tabla, no solo se puede colocar un caracter especial con el alias si no también con un numero de código seguido del ampersand este numero de código es el equivalente a el alias, ocea que da lo mismo si se coloca cualquiera de los dos.



Ejemplo: Si se quiere que se muestren la letras de la vocales con una coma o con dieresis el codigo sera el siguiente.


y el resultado sera el siguiente:



Enlaces O hipervinculos: Un hipervínculo es una conexión de una página a otro destino como, por ejemplo, otra página o una ubicación diferente en la misma página. El destino es con frecuencia otra página Web, pero también puede ser una imagen, una dirección de correo electrónico, un archivo.



Existen varios tipos de enlaces aqui se muestran los tipos

*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.

Para crear los enlaces se utilizara la etiqueta

Ejemplos:

Enlaces Locales

La etiqueta sera la siguiente


Enlaces externos de correo y hacia archivos

Enlaces remotos:colocamos en el atributo href de nuestra (a)la url con la que queremos enlasar.




Enlaces de direccion de correo


Dentro del atributo href del enlace anes de la direccion del correo escribimos mailto

Laetiqueta sera la siguiente



Concluciones:Bueno con la realizacion de esta pequeña pagina recorde cosas que en realidad ya no estaban del todo clara s en mi mente aunque en la actualidad es mas frecuente la utilizacion de programas para la realizacion de paginas web como el que utilizamos el periodo pasado (Front Page), creo que tambien es de mucha utilidad saberlo hacer en HTML.