mapa conceptual de los Frames y Formularios

Objetivo:Realizar mapas conceptuales mediante el programa c-maps en donde contendra la informacion de los respectivos Frames y Formularios.

Desarrollo:

Formularios


Concepto:
Los formularios son herramientas enlas que uno puede progrmar la pagina web mejor establece mas caracteristicas en como podemos difinir la.






Conclucion:Los frame se utilizan para dividir la pantalla y ademas los nobra de diferente manera a pada una para no hacer que se rebuelvan los enlasces , esto nos va alludar mucho pero habla que tener mucha pasiencia para poderles entender al 100%

Reino animal(Practica#5)

Objetivo:se desarrollara por medio de tablas en las cuales deberan de contener la siguiente informacion :

Desarrollo:
Caracteristicas
Imagen
Sonido
Descarga


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

Ya que se nos anpedido loq ue debe llevar nuestra pagina enpecesaremos a progrmarla en codigo html ,ademas establecemos los colores ,y ele tamaño de la imagen con atributos..

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 podes poner toda la informacion de cada uno de los animales en filas ademas que cada uno de las filas tienes su codigo en especial para poner loq eu se nos solicito.




Esta imagen es la continuacion de la inicial mostramos como se desarrollla el programa atraves de la filas este proceso es tardado pero tien sus bentajas de establcer todas las caractristicas de cada animal





Continuacion de el desarrollo de la pagina en interne se muestra los habances que emos llebado atraves de los dias .





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.

todas estas etiquetas debemos cerralar para poder dar por terninado el programas.



este es el porgrama compreto se mestra como esta asta el ultimo de los animales .

Concluciones :Integrantes del equipo:Monica Espinosa Morales , Oscar Hernandez Morales En mis concluciones al desarrollar esta practica fue ala ves algo pesada pero ala ves no por que ya aviamos visto y aplicado cada una de los atributos y etiquetas en los cuales aprendimos a utilizar cada uno de estos.

Horario (Practica#4)

Objetivo:Se realizar la siguiente practica aplicando lo visto en clase sobre las tablas realizando las caractiristicas que se nos pidan ,poniendo a prueva la sintaxis de la construccion de las tablas:

Desarrollo:

Escribimos el inicio de la sintaxis dando inicio al codigo para establecer las tablas,estableceremos los enlaces correspondientes en donde nos enlazaran a otras paginas que tendran informacion en especifico.

Para poder hacer los enlaces se establece 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 .

Este es el resultado ala hora de correr la pagina se muestra como los enlaces estan de solor azul por defaul pero estos de pueden modificar con el codigo correspoente al igual que el color de fondo y el color del borde de la tabla.

Se mustra clara mente el contenido que emos ingresado que es el horario de clases del grupo:614 y el se unica ademas tambien con una tabla de calificaciones .


Este es el codigo de enlace ala pagina en el cual estan los datos personales del profesor dependiendo de la materia correspondiente ,en este caso nuestro enlace es sobre la materia de biologia.
caracteristicas:
*foto
*datos de estudio
*datos de edad
*datos de titulos
*boton para regresar

Se muestra cual es el resultado de la pagina de los dato personales de la materia y del profesor en curso,la foto se puede modificar el tamaño dependiendo de como lo quiera uno se puede hacer mas larga o mas ancha la imagen,las carcteristicas que se nos pidieron se muestran claramanete.


Concluciones:Esta practica fue realizada por Monica espinosa Morales y Oscar Hernandez Morales ;
Al realizar la practica numero 4 aprendimos a utilizar lo que son las tablas se pude programar las tablas en forma de columna o en ilera como uno dese puede desarrollar las tablas,y ademas unimos la forma de enlasar una pagina a otra otra .

Tablas

Objetivo:Conocer la forma en la cual se diseñan las tablas y se modifica el formato de las mismas atrabes de html en el diseño de paginas web

Desarrollo

La etiqueta "table" es el inicio para enpesar y desarrollar las tablas en html

filas= "tr" "/tr"
columnas="td" "/td"
encabezado="th" "/th"

una tabla esta conformada por filas y columnas

Atributo	Significado	Posibles valores
width	ancho de la tabla	un numero acompañado del %
heigh	altura de la tabla	un numero acompañado del %
cellpadding	Espasio entre las tablas	un numero acompañado del %
cellpacing	espacio entre celdas y borde	un numero acompañado del %
borde	glosor del borde	un numero acompañado del %
align	aliniacion de la tabla	left,right,center
bgcolor	color de fondo	un numero hexadecimal
background	imagen de fondo	numero hexadecimal
bordecolor	color del borde	un numero hexadecimal

Formato de celda

Atributo	Significado	Posibles valores
width	ancho de la tabla	un numero acompañado del %
heigh	altura de la tabla	un numero acompañado del %
align	aliniacion de la tabla	left,right,center
valign	aliniacion vertical de la tabla	baseline,botton,middle,top
bgcolor	color de fondo	un numero hexadecimal
background	imagen de fondo	numero hexadecimal
bordecolor	color del borde	un numero hexadecimal

Obgetivo:Conocer como se inserta images en html

Desarrollo

para poder insertar el codigo de ina imagen debera conter los siguiente :

img src="nombre del archico"

debera conter < >


para poderle dar tamaño ala imagen utilizamos los siguientes atributos:

width=le da ancho ala imagen
height=le da la altura ala imagen

esto debe ser puesto despues de los " para poder especificar las caracteristicas de la imagen


Sonido

Objetivo:conocer como insertar un sonido en html

Desarrollo:

hay varias formas de inserta un sonido
*sonido de fondo
body bssound src="nombre del archivo"
con < >

*Sonido ala hora de dar clic

sin definir un
etc.


Trabajo en clase .

Objetivo:se creara una tabal dentro de otra tabla ´para ver como se podria codificar

Desarrollo:

Crearemos una tabal dentro de ota tabla :


El codigo en el cual mostramos el ejemplode como una tabla esta dentro de ota tabla



Resultado al final del cofigo.



Concluciones;

Al desarrollar estos temas aprendemos o mejor diccho repasamo la forma de crear paginas web atraves del codigo fuente aprendemos sus caracteristicas que cambios se le puden hacer y cual es su resultado al final , esto nos demustra que to las paginas se pueden hacer pero todo lleva un tiempo para poder realizar las .

ademas repasamos en la clase como insertar una imagen y un sonido con el codigo correspodiente.

Caracteres especiales

OBJETIVO:Conocer los diferentes caracteres especiales que se utilizan en html, para diseñar paginas web.





Desarollo:

En una pagina web se establecen en lugares diferentes en donde se utilizan conjuntos de caracteres diferentes.Pero en el lenjuage html se establece un mecanismo en los cuales podemos estar seguros que una serie de ordenadores independientes de sus caracteres.El conjunto serian los caracteres especiales en donde se tiene que dar una codicacion en epecifico para establecer estor caracteres especiales para las paginas web.


Estos serian unos ejemplos de caracteres especiales:

En los teclado de las computadoras de E.U. no existe la letra Ñ,por lo cual se creo un caracter en el codigo asqui en el cual tecreando los comando corres pondientes se podria acceder ala letra que uno quisiera.
ejemplo:
Alt+65=ñ

Para poner acentos en el codigo html es necesario poner las letras y el codigo que a comtinuacion se muestra.
ejemplo:
á->”&a acute”
é->”&e acute”
í->”&i acute”
En el caso de que desemos las letras en mayusculas la letra que queremos acentuar solamente vera ser puesta en mayuscula y el codigo correspondiente como se muestra:
ejemplo
Á->”&A acute”
ÁRBOL<-“Á”RBOL



Estos serian otros tipos de de caracteres especiales que se pueden utilizar para crear paginas web.
ejemplo:
Tipo de diéresis
Pingüino
Ü->ü
Ä->ä
Ï->ä
&-->&aup
< ->&it
B->ß
¿->¿.


Enlaces (hinpervinculos)
OBJETIVO:Conocer los diferentes hinpervinculos y sus caracteristicas en html, para el diseño de paginas web.



Desarrollo:
Para colocar un enlace utilizamos utilizaremos la etiqueta de apertura en donde especificaremos la direccion del enlace.

Este destino sera introducido en forma de atributo con el nombre de "a href" ya direccion del enlace.


Tipos de enlaces:Los enlaces se agrupan del sigiente modo.

• Enaces internos:Los que se dirigen a otras partes dentro de la pagina.
  
• Enlaces locales:Los que se dirigen a otra pagina del mismo sitio web.
  
• Enlaces remotos:Los dirigidos a otra pagina web.
  
  
  
• Enlaces con direcciones de correo:Para crear un mensaje de correo .
  
  
• Enalces con archivos :Para que los usuarios puedan hacer Download de
  archivos(ficheros).
  

Cocluciones:Este tema que se nosdio nos demuestra los carateres espicificos que se pueden utilizar en codigo html, los caracteres especificos cumplen algo en especifico en el cual las utilizaremos para programar,ademas de que se nos explica como se debe de escribir el codigo y ademas nos muestra los tipos de enlaces que podes programar en html dandole haci ala pagina mas caracteristicas en nuestras paginas web .

esta clase nos mostrara muchas cosas sobre la programacion en html que son muy ecenciales de conocer y ademas las practicaremos en nuestra practica numero 2.

Programa de Diccionario(practica 3)

Objetivo: Se realizara la practica numero 2 con requisitos correspondientes y este se realizara en codigo HTML poniendo en practica los temas que anterior mente se bienro en clase .


DESARROLLO:




Este es la pantalla de inicio que se programo en codigo HTML en la cual utilizamos las litas ordenas y los enlaces .
Las caracteristicas que nos pidio son las sig;se creara un grosario de informacion en la cual se mostrar la informacion de los siguientes temas :
1.-Informatica
2.-Matematicas
3.-Historia



Este es el codigo inicial por el cual se empeso a programar los enlaces y los tipos de villetas que utilizamos




El codigo que se muestra en pantalla muestra como seda el enlace y sus caracteristicas y ademas establecemos el color de un enlace cuando es activado :esta es una de las caracteristicas que se pidio que es que el enlace se muestre de color amarillo cuando se activado.



Se muestra craramente como esta activado el enlace por que cambia de color amarillo.Ademas que se puede enlazar las paginas con imagenes en las cuales es el mismo caso con el codigo.



GLOSARIO DE INFORMATICA


Se muestra el codigo desarrollado para enlazar palabras que uno desea y que esten en otra parte del documento.


Sedesarrolla el contenido en el cual esta establecido nuestra informacion dentro del pprograma en html , este se muestra las caracteristicas de
(dt) y (dd) en las cuales e marcan uno como un titulo y el otro como
el contenido de ese titulo.








Esta es la pantalla cuando se a corrido el codigo en html y se muestra como se desarrolla la imagen




Se puede observar claramente el contenido del programa y este esta establecido atraves del codigo html claor sindejar en mente que si uno quiere puede regresar al menu principal para seleccionar otra opbcion.



GLOSARIO DE MATEMATICAS

Se muestra como en el glosario contine las mismas caracteristicas que el glosario de informatica por que se establecio mas mismas caracteristicas en las cuales nos enlasamos .



Se muestra el contenido del glosario.






Establecemos


GLOSARIO DE HISTORIA


Se muestra como vamos desarrollando las caracteristicas establecidas por el profesor toda la informacion requerida sobre el tema.



Seguimos desarrollando los temas con las etiquetas desarrolladas que nos ensellaron el clase esto debe ser establecido por las caracteristicas de cada uno de los elementos necesarios que requiera el tema.


Como se muestra el contenido de la informacion :
caratula se muestra el titulo y los componentes que se pedieron de color amarillo


mas adelante se observa como continuamos el desarrollo de la practica
todo el contenudo de la informacion se muestra en cada una de las pantalas.


Concluciones:Integrantes del equipo Monica Espinosa Morales y Oscar Hernandez Morales .Esta practica consta de realizar la pagina web con los requisitos que el profesor nos dio.ponemos en practica las estiquetas y el desarrollo de los codigos que sean necesarios .estapractica nos servira de mucha ayuda en las siguientes practicas que se nos pidan

Practica #2 Republica

OBJETIVO:establecer los comandos o etiquetas aplendidos en la clase sobre el codigo HTML en donde establecemos las caracteristicas que nos pidio el profesor.
desarrollo:

En la primera imagen establecemos el codigo correpondiente ala lo que nos pidio el profesor.
*un margen de 5 x 5
*letras color amarillo
*fuente arial
*el tipo de viñeta que pidio




Se muestra la continuacion del codigo en HTML estableciendo las caracteristicas que nos pidio el profeso con las viñetas.
*primero establecemos y buscamos los etados de la republica mexicana
*los dividimos :
-norte
-sur
-este
-oste




Tambien establecemos las delegacion por la misma direcion que el de los estados de la reublica mexicana .



Semuestra claramente las caracteristicas que nos pidio el profesor
establecer los tipos de viletas.


Tanbien se muestra las delegaciones con sus respectivas viñetas en donde cada una de la delegaciones orientas al norte,sur ,este ,oste tienes diferesntes biñetas.

Esta imagen muestra como tanbien cambia las viñetas de las delgaciones del D.F.

concluciones: el desarrollo de este tema muestra como cada a aprendido el maejo del codifo HTML en donde hay que desarrollar mas y evitar quivocarse en el codigo.