Practica Final Pagina web

Objetivo: Con base a todo lo que aprendimos en el curso de paginas web, se realizara una con varias caracteristicas en html.

Desarrollo: En equipos de 3 personas realizamos la practica, la creacion de una pagina web en html.

Equipo:
* Andrade Casanova Abdiel
*Mejia Morales Jonatan
*Salinas Haro Gilberto Uriel

Introduccion:

Esta pagina web esta diseñada para aquellas personas que tienen un problema con el alcoholismo, brinda informacion de todos los centros que se encuentran en la delegacion tlalpan.

URL:

http://practica3parcial.webcindario.com/inicio.html

Conclusiones: Con esta practica queda demostrado lo que llegamos aprender en este curso de paginas web.

Frame

Objetivo: Conocer la importancia y las caracteristicas de los frames, en el diseño de paginas web con html.

Desarrollo: Con base a la informacion que el profesor nos dejo investigar, realizamos lo siguiente en el salon de clases.

¿Que es un frame?

Es un marco o recuadro independiente en el cual se puede cargar una pagina web, la cual se puede dividir en diferentes ventanas, cada una con sus bordes y barras de desplazamiento.

¿Cuantos frames puede aver por pagina?
¿Cual es la etiqueta de los frames y sus atributos?
frameset y /frameset

Atributos: scrolling, noresize, frame border, cols, rows, etc.

TABLAS

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

Desarrollo:

Etiquetas: table y /table
Filas: tr y /tr
Columnas: td y /td
Encabezados: th y /th

Formato de tablas

Atributo: width
Significado: Ancho de la tabla
posibles valores: numero acompañado de porcentaje cuando se dece en ese formato.

Atributo: Height
Significado: Altura de la tabla
Posibles valores: numero acompañado de porcentaje cuando se dece en ese formato.

Atributo: Cellpadding
Significado: Espacio entre el contenido de las celdas y el borde
Posibles valores: un numero

Atributo: Cellspacing
Significado: Espacio entre celdas
Posibles valores: un numero

Atributo: Border
Significado: Grosor del borde
Posibles valores: un numero

Atributo: Align
Significado: Alineacion de la tabla dentro de la pagina
Posibles valores: left, right, center

Atributo: bgcolor
Significado: color de fondo
Posibles valores: numero hexadecimal

Atributo: background
Significado: imagen de fondo
Posibles valores: numero hexadecimal

Atributo: bordercolor
Significado: color del borde
Posibles valores: numero hexadecimal

Formato de celdas

Atributo: width
Significado: Ancho de la celda
posibles valores: numero acompañado de porcentaje cuando se dece en ese formato.

Atributo: Height
Significado: Altura de la celda
Posibles valores: numero acompañado de porcentaje cuando se dece en ese formato.

Atributo: Align
Significado: Alineacion horizontal
Posibles valores: left, right, center

Atributo: valign
Significado: alineacin vertical
Posibles valores: baseline, bottom, middlen y top

Conclusiones: Con toda esta informacion sabemos como crear las tablas en html con los codigos ya mostrados anterioemente.

Horario Escolar practica 4

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

Desarrollo: En equipos de dos, se realizo la siguiente practica :

* Mejia Morales Jonatan
* Salinas Haro Gilberto Uriel

Veremos las imagenes del codigo y como se visualiza en un navegador web:















Conclusiones: con este codigo aprendimos la forma en como se crea una tabla en html,
con sus caracteristias.

Glosario practica 3

Objetivo: Conocer los atributos que modifican las caracteristicas de una pagina web.

Desarrollo:En parejas realizamos la siguiente practica en html, la cual por medio de imagenes se mostrara acontinuacion:

* Mejia Morales Jonatan
* Salinas Haro Gilberto Uriel

En esta pagina lo que se quiere mostrar es un glosario de matematicas, informatica e Historia, con una pagina prinsipal donde nos muestre los tres glosarios ya mencionados, que cuando le demos un clic en cada hipervinculo nos mande a otra pagina diferente, donde se muestra la informacion de cada uno.

Por medio de imagenes se mostrara la practica realizada:













Conclusiones: Con base a esta practica utilizamos diferentes atributos, como son los tipos de listas, el color de la letra, etc.

Caracteres Especiales

Objetivo: Conocer los diferentes caracteres especiales que se utilizan en html, para el diseño de paginas web.

Desarrollo: En el salon de clases el profesor nos explico el tema del que se esta hablando.

Una pagina web se a de ver en paises distintos, que utilizan un conjunto de caracteres diferentes. El lenguaje html nos ofrece un mecanismo por el que podemos estar seguros que una serie de caracteres raros se van a ver bien en todos los ordenadores, independientemente de su juego de caracteres.

Este conjunto son los caracteres especiales.

á ------- "&aacute" ü ------- "&uuml" < ------- "&lt" é ------- "&eacute" ä ------- "&auml" B ------ "&szlig" í ------- "&iacute" ï ------- "&iuml" ¿ ------ "&iquest" Á------- "&Aacute" & ------ "&amp" Conclusiones: Enlaces (Hipervinculos) Objetivo: Conocer los diferentes hipervinculos y sus caracteristicas en html, para el diseño de paginas web. Para colocar un enlace utilizamos la etiqueta y . Dentro de la etiqueta de apertura debemos especificar el destino del enlace. Este destino sera introducido en forma de atributo con el nombre href.

La sintaxis de un enlace tiene la forma contenido

Los enlaces son agrupados del siguiente mosdo:

1. Enlaces internos: los que se dirigen a otras partes dentro de la misma pagina.

2. Enlaces locales: las que se dirigen a otras paginas del mismo sitio web.

3. Enlaces remotos: los dirigidos hacia paginas de otros sitios web.

4. Enlaces con direcciones de correo: para crear un mensaje de correo dirigido a una direccion.

5. Enlaces con archivos: para que los usuarios puedan hacer download de ficheros.

Conclusiones: Aprendimos los diferentes caracteres que se pueden utilizar en html para la creacion de paginas web.