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, 25 de mayo de 2010

practica # 6

OBJETIVO: el alumno realizara una prectica en donde muestre como hizo una pagina web con frames.

DESARROLLO:

1.-Lo primero que vamos hacer es ir poniendo el codigo que va a tener nuestro frame





RESULTADO




CONCLUCIONES: Bueno esta pagina me costo trabajo porque yo la queria hacer con un diseño diferente en los frames pero no sabia como y perdi mucho tiempo intentandolo a final la hice como todos.

miércoles, 19 de mayo de 2010

practica #5

OBJETIVO: el alumno realizar un formulario que tenga todo lo que emos visto en clase.
teniendo en cuenta que nuestro formulario llevara

*nombre
*apellidos
*sexo
*entidad federativa
*descripcion
*tiene que enviar informacion de algo
*contraseña
*y agregaremos botones que envien informacion al correo y una mas que limpie elformulario

DESSARROLLO:
1)empesaremos por introducir el codigo de html en nuestro formulario

martes, 18 de mayo de 2010

.: FORMULARIOS :.

OBJETIVO: Conocer para que sirven los formularios y la utilidad que tienen dentro de una pagina siguindo todos los pasos de el diseño de paginas web en HTML

DESARROLLO: Nos reunimos en el salon de clases haciendo equipos de tres personas para contestar las siguientes preguntas en base a la tarea realizada.

1.-¿Què es un formulario?
R= es una herramienta que nos permite recopilar informacion y que se puede mostrar en nuestra pagina.

2.-¿Que eriquetas se utilizan en los formularios?
R=



3.-para que sirven los atributos:


*action:
El atributo “action” indica el tipo de acción que va a realizar el formulario;
envio de datos mediante correo electronico
*method
Mediante este atributo le indicamos al formulario la forma en la que el formulario será enviado.
Existen dos posibles valores : "get y post"
“get” indica que los datos enviados se adjuntarán en la barra de direcciones del cliente, al final de la url correspondiente y después de un signo de interrogación de cierre. Si se envía más de un dato, éstos irán separados por el símbolo &.

Un ejemplo de un formulario enviado por el method=“get” sería el siguiente:
http://www............/?nombre1=valor1&nombre2=valor2

El valor "post" indica que el método de envío no se hará a través de la url, sino formando parte del cuerpo de la petición.

*enctype
Mediante este atributo indicaremos la forma en la que viajará la información que se mande a través del formulario.

Ejemplo:


4.-¿Que es un campo de texto en un formulario y como se especifica?
Los campos de entrada de los formularios se definen mediante el tag input y sus diferentes valores. Estos valores nos permiten utilizar varios tipos de cajas y de formas.


5.-¿Que es un texto corto y como se especifica?
R= linea simple del texto cuya longitud se especifica con el atributi zise

6.-¿Para que sirven los atributos size, maxlength y value?

R=size: mediante el atributo size podemos definir el tamaño de la caja. Es decir, la apariencia de la misma. Si el texto que vamos a escribir no cabe en la caja, éste se desplazará pero sin que la caja varíe su tamaño. El texto irá desapareciendo por la izquierda.


maxlength: Este atributo nos sirve para definir la cantidad máxima de letras que se pueden escribir en la caja. No se podrán escribir en la caja más caracteres que los indicados por el maxlength.


value: Define si queremos que en la ventana haya un texto ya preescrito. Este texto puede ayudar al usuario a saber cúal es el tipo de dato que te piden en ese campo


7.-¿Como se especifica un texto oculto y como se especifica un texto largo?

.:texto oculto:.

En muchos formularios se piden datos personales que el usuario no quiere que se lean a su alrededor: contraseñas, etc. Para ello debemos crear una caja que no muestre los datos que se escriben en ella y que los codifique.



.:texto largo:.

Un "textarea" es como una caja de texto sencilla, tipo “text”, pero en la que dejamos al usuario espacio de sobra para poder escribir un texto largo. Son útiles para que el usuario contacte con nosotros, plantee sus dudas o sugerencias, etc.

Ejemplo



.:atributos:.

rows = casilla de texto
cols = define el tamaño de la casilla de texto

8.-¿Como se definen las listas de opciones y sus atributos?
Las listas de opciones son de gran ayuda para los formularios en los que queremos saber la opinión de un aspecto concreto en nuestra Web, dentro de diferentes opciones planteadas previamente por nosotros. Las listas de selección u opciones se escriben gracias a la etiqueta y a su cierre.

.:atributos:.

name, multiple,
atiqutas: selec, option

Ejemplo:





9.-¿Como se definen los botones radio y sus atributos?

Estos botones se escriben mediente la etiqueta type=”radio”.
atributos: option, selec, value

Ejemplo:






10.- cajas de validacion
Estas listas de opciones son muy parecidas a las vistas anteriormente salvo por dos detalles que vamos a mostrarte a continuación.



El primero de ellos y fundamental es que las cajas son de un tipo diferente y se escriben, por tanto, de forma diferente.


Las cajas se escriben mediante type=“checkbox”.
Otra diferencia es que así como las listas de botones tipo “radio” sólo permitiían elegir una opción (siempre y cuando los nombres de las opciones fueran los mismos), las listas de cajas permiten seleccionar una o varias opciones.



Ejemplo






CONCLUCIONES: Bueno en esta sesion aprendi a usar los formularios ya que en realidad no sabia hacerlo lo que mas me gusto fua como hacer un formulario para encertar usuario y pasword

sábado, 15 de mayo de 2010

Ppactica # 4 "Tabla de Animales"

OBJETIVO: el alumno realizara una pagina web que contenga la informacion de 12 animales en en cuanto a sus caracteristicas incluyendo Casificacion por especie, nombre, una imagen del animal, el sonido que emite y se devera colocar un hiervinculo por cada animal que nos lleve a una pagina independiente en donde se muestre informacion mas detallada sobre este animal asi como tambien esta paina podra descargar el archivo de cada uno de ellos.

Todo esto se realizara dentro de una tabla

DESARROLLO:



La codigo anterior te muestra la siguiente pagina






El siguiente codigo te muestra los hipervinculos que te llevan a la descarga de los archivos






y posteriormente empezaremos a presentar las paginas que contienen la informacion de cada animal

informacion del LEON

macion de la CEBRA




informacion del COCODRILO





informacion del cocodrilo




informacion del ÑU

informacion del CONEJILLO DE INDIAS




informacion del HIPOPOTAMO





informacion de la MANBA NEGRA



informacion de los OSOS PANDAS




informacion de LA PIRAÑA


informacion de la SURICATA





informacion de la PITON





Al hacer clic en el hipervinculo DESCARGAR CARACTERISTICAS te aparecera un recuaro como el siguiente para confirmar que deceas descargar la informacion




DESCARGA DE LEON


DESCARGA DE CEBRA


DESCARGA DE COCODRILO


DESCARGA DE ÑU


DESCARGA DE HIPOPOTAMO

De la misma forma sera con el resto de los animales.

CONCLUCIONES: Bueno esta practica me gusto pero en realidad si fue algo un poco complucado aprendi cosas nuevas que no habia visto antes como el agragar sonido pero bueno lo importante es el aprendizaje nuevo.


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