PRACTICA 5 REINO ANIMAL

OBJETIVO: Dar a conocer el origen, el sonido, clasificacion, descripcion, nombre, y especie a la que pertenecen los animales del reino animal y dar a conocerlo aplicando lo aprendido en clase.

DESAROLLO: se desarrollara por medio de tablas y visualizacion de imagenes y las descarga de los documentos en donde se obtubo la informacion sobre cada uno de los animales al igual que los sonidos de cada uno de los animales .

Este es el codigo inicial en donde desarrollamos la tablas en donde bamos a ingresar los datos de cada animal , imagenes , sonido , visualizacion etc.

Esta es la visualizacion de la parte inicial de los animales que se nos pidio mostrar se puede ver claramente como es que cada una de las caracteristicas que se nos pido se ven .

La tabla que desarrollamos atraves de filas para poder poner toda la informacion de cada uno de los animales se muestra como la ingresasmos y ademas metemos las iagenes atraves de un codigo en especifico.

Este es el fin del codigo se muestra la imagen y las caracteristicas que establecemos son por que hay ciertas cosas que podemos hacer como son las tablas , las lineas , el body y el html.


Concluciones:En este programa se establecen las caracteristicas correspondientes ademas de que se realiza atraves de las tablas para desarrollar mas nuestras abilidades en el codigo html , estas carateristicas que se nos pidieron nos encerran que todo debe tener un orden y una sintaxis en la cual un error puede significar que nuestro pragrama bo funcione.Por lo cual como programadores en html debemos poner atencion en las etiquetas y sintaxis para evitar errores que puedan evitar nuestro retraso en la entrega de la practica en este caso.

PRACTICA 4 HORARIO ESCOLAR

OBJETIVO: El objetivo de esta practica en la cual tenemos que hacer el horario escolar de nuestras materias en las cuales cada una de nuestras materia tendra siertos atrivutos los cuales nos llevara por medio de un henlace a otra pagina las cual nos mostrara los datos perdonales del profesor y en otra el temario de la materia.

DESAROLLO:
Se muestra el codigo en el cual establecemos las etiquetas correspondientes para llevar acabo la pagina ,en la primera fila establecemos muchos enlaces los cuales nos llevaran respectiamente su enlace alas dos paginas anterior mente mencionadas en este menu de enlaces , a continuacion mostrare el menu del pregrama de horario tanto su codigo como el ya programa corrido e indicando en el codgo sus enlaces .

Para poder hacer los enlaces se esta blce la etiqueta y la direcciion y nobre de donde se encuentra la pagina ala cual queremos enlazanos , ademas de que podemos poner una imagen en el enlace o texto .

Programaremos por filas con la etiqueta correspon diente si dejar atras el alta de la etiqueta (table) que es la que permite que nosotros podamos programar en la tabla . A continuacion mostrare el codigo de la tabla que elaboramos en clase y enseguida la mostrare una vez ya corrida.

Al entra en el munu de Horario podemos apreciar el horrio programado del grupo 614 como se demuestra a continuacion.

Al dar clic en el enlace de "Datos personales de los Profesores" podemos apreciar la informacion con cada un de los maestros del grupo 614 y acontinuacion mostrare el codigo y la imagen del progrma y corrido para apreiar mas el programa.

CONCLUSIONES: Esta practica me gusto mucho por que aprendi a elaborar tablas y a utlizar las marquee ya que les dan una mejor presentacion a nuestros programas, me costo algo de trabajo lo que fue acomodar la tabla por que luego todo me salia de un lado y i no del otro pero pues ya mas o menos le agarre la onda y pue ya casi le entiendo bien y me e dado cuet de que no es tan dificl crear las tablas.

TABLAS

OBJETIVO: Conocer la forma en la cual se diseña las tablas y se modifican el formato de las mismas atra ves de HTML (diseño de pág Web)

DESARROLLO: Nota: Investigar como se inserta una imagen en HTML y como se inserta sonido. Etiquetas Tablas <>Columnas

Encabezados
FORMATO DE TABLAS Atributo Significado Posibles valores Width Ancho de la tabla un numero acompañado cuando se desea Height Altura de la tabla un numero acompañado cuando se desea Callpadding Espacios entre el contenido un numero Callspacing Espacios entre celdas Un numero Border Grosor del borde un numero Align Alineación de la tabla dentro left, right, center Bgcolor color de fondo hexadecimal Background Imagen de fondo Número hexadecimal Bordercolor color del borde Numero hexadecimal.

Align Alineación horizontal left, rigth, center Valign Alineacion Vertical baseline->linea de base Bottom->inferior Middle->medio Top->superior Bgcolor numero hexadecimal Backgraund numero hexadecimal Burdercolor numero hexadecimal Width ancho Heigth alto. NOTA: Estos atributos se pueden modificar en etiqueta OBJETIVO:Conocer como se inserta imagenes en HTML. DESARROLLO: Tipo de formas para Imagenes;como sin JPG, GIF Con la etiqueta < src = "leon.JPG"> PARA EL TAMAÑO DE LA IMAGEN Width-ancho Height-alto Align-alinear border top botton Trabajo en clase: Se desarrollara una tabla dentro de otra tabla y se mostrara el codigo y el resultado de esta.

Este es el codigo en el cual se pone una tabla dentro de otra tabla en la cual se muestra el ejemplo de como se progrma .
Este es el resultado de la tabal se muestra como esta la tabal dentro de una tabal con borde numero3 el ancho de los bordes del numero 10.

CONCLUCIONES: Las tablas cuentan con una gran funcion , por ellas podemos darle orden a ciertos documento a demas de que tambien tinen sus caracteristicas como toda etiqueta , ademas que tambien en clase vimos un repaso de como insertar una imagen y sus atributos corespondientes .

PRACTICA 3 DICCIONARIO

OBJETIVO:Mediante un Glosario que contiene las materias de Infotmatica, Matematicas e Historia, Daremos una breve explicación de algunos temas los cuales seran dependiendo de su respectivasMaterias.DESAROLLO: Esta practica fue elaborada con mi compañera Arzate Brito Arely Jacqueline del Grupo: 614.

Con este codigo muestro como fue como elaboramos nuestro indice mi compañera arely y yo indicando y seleccionando el color tamaño y tipo de letra y la imagen de fondo que estamos poniendo como tambien los enlaces a las Materias de Informatica, Matematicas e Historia.
Una Vez corrido nuestro programa con la imagen del codigo de nuestro indice , nos lo mostrara de la sigueinte manera ya corrido:

A continuación mostraremos nuestro codigo dando clic en Infrmatica, nos llevara a al menu de historia el cual tendra las definiciones de lo que es: Software, Hardware, Mindware, Bit, Byte, CPU, ROM, RAM, Cache, Periferico y Virus, este es nuestro codigo:

Una vez corrido nuestro progrma con el codigo mostrado se vera de la siguiente forma ya corrido:

A continuacion simulare por aqui que le estoy dando clic a software y me saldra su reespectiva información este es el codigo.

Una vez corrido nuestro progrma con el codigo mostrado se vera de la siguiente forma ya corrido:

A continuacion simulare por aqui que le estoy dando clic a Hardware y me saldra su reespectiva información este es el codigo:

Una vez corrido nuestro codigo de hardware se vera de la siguiente forma ya corrido:

A continuacion simulare por aqui que le estoy dando clic a Mindware y me saldra su reespectiva información, este es el codigo de mindware:

Una vez corrido nuestro codigo de mindware se vera de la siguiente forma una vez ya corrido:

A continuacion simulare por aqui que le estoy dando clic a Bit y me saldra su reespectiva información, este es el codigo de bit:

Una vez corrido nuestro codigo de Bit se vera de la siguiente forma una vez ya corrido:

A continuacion simulare por aqui que le estoy dando clic a Byte y me saldra su reespectiva información, este es el codigo de byte:

Una vez corrido nuestro codigo de Byte se vera de la siguiente forma una vez ya corrido:

A continuacion simulare por aqui que le estoy dando clic a CPU y me saldra su reespectiva información, este es el codigo de CPU:

Una vez corrido nuestro codigo de CPU se vera de la siguiente forma una vez ya corrido:

A continuacion simulare por aqui que le estoy dando clic a ROM y me saldra su reespectiva información, este es el codigo de ROM:

Una vez corrido nuestro codigo de ROM se vera de la siguiente forma una vez ya corrido:

A continuacion simulare por aqui que le estoy dando clic a RAM y me saldra su reespectiva información, este es el codigo de RAM:

Una vez corrido nuestro codigo de ROM se vera de la siguiente forma una vez ya corrido:

A continuación mostraremos nuestro codigo dando clic en Historia, nos llevara a al menu de historia el cual tendra las definiciones de lo que es: México Prehispanico, La Conquista, La independencia, La Revolución y México Contemporaneo este es nuestro codigo del indice de Historia:

A continuación mostrare el codigo de mi menu de historia una vez que este haya sido corrido:

A continuacion simulare por aqui que estoy seleccionando el tema dandole clic a México Prehispanico de Historia y me saldra su respectiva información , este es el codigo México Prehispanico:

A continuación mostrare el codigo de México Prehispanico una vez que este haya sido corrido:

A continuacion simulare por aqui que estoy seleccionando el tema dandole clic a La Conquista de Historia y me saldra su respectiva información , este es el codigo La Conquista:

A continuación mostrare el codigo de La Conquista una vez que este haya sido corrido:

A continuacion simulare por aqui que estoy seleccionando el tema dandole clic a La Independencia y me saldra su respectiva información , este es el codigo La Independencia :

A continuación mostrare el codigo de La Independencia una vez que este haya sido corrido:

A continuacion simulare por aqui que estoy seleccionando el tema dandole clic a La Revolución y me saldra su respectiva información , este es el codigo La Revolución :

A continuación mostrare el codigo de La Revolucion una vez que este haya sido corrido:

A continuación mostraremos nuestro codigo dando clic en Matematicas, nos llevara a al menu de Matematicas el cual tendra las definiciones de lo que es: Aritmetica, Algebra, Geometria, y Trigonometria este es nuestro codigo del indice de Matematicas:

A continuación mostrare el codigo de Matematicas una vez que este haya sido corrido:

A continuacion simulare por aqui que estoy seleccionando el tema dandole clic a Aritmetica y me saldra su respectiva información , este es el codigo de Aritmetica:

A continuación mostrare el codigo de Aritemtica una vez que este haya sido corrido:

A continuacion simulare por aqui que estoy seleccionando el tema dandole clic a Algebra y me saldra su respectiva información , este es el codigo de Algebra:

A continuación mostrare el codigo de Algebra una vez que este haya sido corrido:

CONCLUSIONES: Lo que aprendi en estra practica fua como hacer enlaces para poder pasar del menu inicio al las materias de Informatica, Matematicas e Historia ocupando el siguiente codigo que es: a href="Direccion de pag" Pienso que este programa sera eficaz ya que hasta podria apoyarnos en estas materias señaladas. A continuacion le made im url para que usted pueda checarlo. http://galeon.com/angelredes0800/diccionario.html