PROYECTO FINAL ALASKA

OBJETIVO: Mostrar los mejores lugares de Alaska, tanto Parques, Museos, Ciudades, Bibliotecas, Geografia, Historia, Poblacion, Transporte, Cultura, Alimentos y Educacio. Dado estos datos el objetivo realmente es dar a conocer a Alaska y mostrarlo desde los puntos mencionados para que la gente o el usuario se de una linda idea de que es ALASKA!
DESAROLLO:
Aqui mostrare el codigo de inicio de mi proyecto el cual hice con mi compañera Jimenez Salgado Blanca Aremi.

A continuacion les mostrare el codigo para el menu que creamos de Alska indicando las siguiente areas que son: Parques, Museos, Ciudades, Bibliotecas, Geografia, Historia, Poblacion, Transporte, Cultura, Alimentos y Educacio.

A continuacion mostrare el programa una vez ya corrido aplicando el codigo que se ve en la parte superior de arriba.

A continuacion simulare que le di clic en el hipervinculo de biblioteca, para que nos lleve a biblioteca, en donde mostrare su codigo del area de la biblioteca.

Una vez ya corrido el Programa se vera de la sguiente manera.

En este caso esto se puede realizar en las 12 Areas creadas y para regresar al menu de listas aplicamos mi compañera y yo este codigo : (p)(a href="E:\ALASKA\PRES.html")(font color="red")(font size="5")REGRESAR AL MENU(/font)(/font(/div)

CONCLUSION: Buno esta practica me gusto por que Alaska es un lugar muy lindo no lo cnosco de verdad pero este programa me ayudo a ver las cosas lindas de Alaska y cuale son las mas recomendadas, lo que si me costo trabajo es el enlace al subirlo a internet, no entien por que no se enlace si se supone que yo lo subi con sus respectivas ligas.

FRAMES

OBJETIVO:Conocer la importacia y las caracteristicas de los frames ene le diseño de pagina web en HTML.

DESARROLLO:
¿Que es un frame? se define como un marco en cual nos proporciona la division de una pagina web.

¿cuantos frames puede haber en una pagina? solamente uno por pagina

¿cual es la etiqueta par los frames y sus atributos?
<>
<>
esta ultima etiqueta es `para los navegadores que no aguantan los frames.

para los frames se utiliza los ROWS: este nos permite modificar el tamaño de cada frame horizontal.

COLS:Este es todo lo opuesto osea vertivar.
entre ellos tambien se encuentra los TARGET: este nos permite poner el destino de una pagina osea para una URL, o DOC. donde queramos dentro de una pagina.

Los frames SRC:Este carga la pagina indicada en frames correspondiente.

FRAMEBORDER:Define si los marcos tendran borde si o no
BORDERCOLOR:Define el color del borde
BORDE:define el glosor del borde
FRAMESPACIN:Define el espacio entre los marcos

otro atributos

TARJET: etiqueta en la cual se define la manera de como se ba a cargar la pagina web.

el target tiene diferentes atributos:

TOP: hace que la paginase carge en la en la ventana completa del navegador
SELF: hace que la pagina se carge en la misma ventana que el frame
PARENT:hace que la pagina se carge en el frame "padre" del que deciende el actual
BLANK:hace que la pagina se carge en una nueva pagina
NOMBRE:en este atributo nos permite ponerle cualquier nombre al cada uno de los frames ahciendo haci que se carge en el frame con el nombre que se escribio.

CONCLUSION:Los frames no siempre puden considerar paginas en su totalidad ya que ,yo las tomo como una plantilla en la cual tu desides como se divide y que informacion va a conter.Los frames se estructura no utilizan el body por lo cual lo tomo como si no fueran paginas, ademas de que si queieres ingresar informacion esta deberas crar las maginas web muy aparte de la que es el frame. Hay muchas atributo que podes utilizar en los frames uno de ellos es el target este nos permite desidir en donde queremos que se habla la pagina web que se ba a cargar.

Los frames son muy necesarios par un buen diseño y estructura de una pagina web en la cual queremos dar una mejor presentacion, en mi opinion esta clase de los frames me gusto mucho por que me encanta darle una mejor presentacion y los frames nos permite darsela ala pagina web.

FORMULARIO

OBJETIVO: CONOCER LOS FORMULARIOS SUS ETIQUETAS Y ATRIBUTOS EN EL DISEÑO DE PAGINAS WEB
DESARROLLO: Los formularios son plantillas que permiten la creación de documentos HTML con peticiones de datos. La principal utilidad de los formularios es la posibilidad de crear cuestionarios, encuestas, páginas de comentarios o cualquier documento en la que se desee una interacción por parte del usuario.

DESSARROLLO:¿Con que etiquetas se genera un formulario?< / FORM > ¿Que atributos utiliza el formulario en sus etiquetas? ACTION: Indica el programa que se encargará de tratar los datos del formulario. METHOD: El usar uno o otro método vendrá determinado por como son tratados los parámetros en el formulario en el (CGI-BIN). El método de uso más normal será POST. TYPE:El atributo TYPE se usa para determinar el tipo de recuadro de dialogo de entrada que se está definiendo, a continuación se explicarán por separado cada una de las opciones. ¿Elemtos del formulario?< INPUT TYPE = TEXT.. .> Texto cortoSe utiliza para la entrada de cadenas de texto corto, como por ejemplo nombre de personas, números, fechas o diversos datos que se puedan expresar en una línea de texto. TEXTOS OTROS SON:texto cortoocultolargo La etiqueta <> no necesita el cierre< type =" TEXT" name = "variable" value = "valor inicial" size = "tamaño" maxlength =" longitud máxima"> El tamaño de la ventana de introducción de texto se fija con el atributo SIZE, que indica el tamaño de la ventana en caracteres. Aquí solo se define la parte visible, pero el usuario podrá introducir más texto si lo desea. Para indicar el máximo número de caracteres que se permiten en la entrada usaremos: MAXLENGTH. El atributo NAME indica el nombre de la variable que toma el valor de la entrada y VALUE especifica el valor de inicialización del campo. De todos los atributos solo será obligatorio NAME, siendo el resto opcionales. A continuación se mostrara en breve un programa que elaboramos en el laboratorio ocupando elementos del formulario sus etiquetas y atributos en el diseño de Pagina Web.

Con el codigo que se acaba de demostrar estoy indicando el fondo, el tipo de letra que es Arial en este caso el fondo sera de color de Oliva y las letras las deje por defaul en negro a continucion mostrare como se ve el programa ya corrido en base a este codigo .

Aqui podemos ver que con la etiqueta select name damos la indicacion de seleccionar en este caso el pais de donse se provenga, una vez corrido se ver de la siguiente manera.

Aqui lo que hice con este coigo (input type ="checkbox" name) es para que los que visiten esta pagina puedan enviar sus comentarios y sugrencias a la pagina con un manejo facil y eficaz y todos los mesajes llegaran al correo deseado utilizando este codigo( form action ="mailto )

CONCLUCION: Los formularios son una herramienta clave que podemos utilizar en nuestras paginas web para establecer parámetros ,como seria un registro de un nuevo cliente en nuestra pagina para eso se utilizan los formularios por su estructura que uno puede diseñar atreves de cada una de sus etiquetas poniendo haci que estas se mas libremente para quien la visite o quiera suscribirse. en esta practica de los formulario, todo lo que se le pide a la ora de enviar este necesitas estar configura para que pueda enviar los datos al correo electrónico especificado las etiquetas y atributos en HTML son un poco mas desarrollados por que debes poner cuantos caracteres quieres que aparezcan y el diseño q uno quiera.

FRAMES Y FORMULARIO

OBJETIVO:El alumno devera de vera realizar los mapas en los cuales me hables des sus formas, caracteristicas,etc.

CONCLUSIONES: 1.- Los formularios son plantillas que permiten la creación de documentos HTML con peticiones de datos. La principal utilidad de los formularios es la posibilidad de crear cuestionarios, encuestas, páginas de comentarios o cualquier documento en la que se desee una interacción.

Concluciones:2.-los frames esto permite crear nuevos tipos de documentos, en los que por ejemplo se mantendrá una región estática (lista de enlaces, barra de botones, formulario) y otra zona dinámica en la que se mostrará el resultado. De esta forma una de las principales utilidades de las frames es la creación de páginas con un índice (por ejemplo un manual) o una cabecera estática, consiguiendo así una mejora de la navegación al poder acceder al índice de una manera más rapida y efectiva.

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 .