miércoles, 28 de abril de 2010

lunes, 26 de abril de 2010

Practica 4 Horario

Objetivo: Mediante el codigo de html crear una pagina web con una tabla en la cual nos muestre un horario de clases nos indique el nombre de las amterias y la calificacion por parcial.

Desarrollo: En esta pracrica las etquetas clave para poder crear la pagina web seran

table: esto es para crear una tabla dentro de la pagina web
tr: seran para filas
td: columnas
th: encabezados

Imagen de una vista previa de la pagina web



Codigo de la pagina web




Conclusiones: En la practica trabaje con mi compañero Andrade Casanova Abdiel, esta practica es la primera que usamos una tabla y me di cuenta que no es tan complicado insertar una tabla y lo mas facil es darle un formato por ejemplo si la queremos alineada a la izquierda derecha o como queraqmos y dentro de sus celdas y columnas tambien podemos emplear un formato a el texto.

sábado, 24 de abril de 2010

Practica 3 Glosario



Objetivo: En esta practica el objetivo es crear un sitio el cual nos muestre un glosario de diferentes asignaturas.

Desarrollo: el primer glosario sera de matematicas en el cual nos hable de suma, resta, division, multiplicacion, algebra, geometria, trigonometria.

El siguiente sera de infrmatica el cual nos hable de software; hardware, bit, byte, cpu, rom , ram , virus infromaticos y finalmente un glosario de historia el cual consista de los siguientes temas: méxico prehispanico, conquista, independencia, y revolucion.

Imagenes de una vista previa de nustra pagina web.



MATEMATICAS



INFORMATICA





HISTORIA







Imagenes del codigo de las paginas.












Conclusiones: La practica la elabore con mi compañero Andrade Casanova Abdiel, en lo personal elaborar la pagina fue complicado es mucha informacion la que se ingresa y la dificultad esta en acomodarla y darle un buen formato.





viernes, 23 de abril de 2010

Practica 2 Republica

Objetivo: En esta practica ocuparemos diferentes etiquetas de html para poder crear una pagina web en la cual nos muestre el sigueinte formato listas ordenadas , listas desordenadas, tipo de funte arial 6, color de fuente yellow.

Ejecutar la lista de ordenada: Estados de la Republica Mexicana

a.-Norte

1.- Este

I.- Oeste

i.- Sur

Desarrollo: Para poder crear la pagina web trabaje con mi compañero abdiel andrade casanova el codigo de html lo tenemos que elaborar en un bloc de notas y posteriormente seleccionar la opcion abrin con y seleccionamos el buscador de internet preferido y las siguientes imagenes muestran una vista previa de la pagina.





las siguientes imagenes muestran como queda el codigo de la pagina:




Conclusiones: En la practica trabaje con mi compañero Andrade Casanova Abdiel en lo personal la practica es ineterante gracias a estos tipos de parcticas poedemos ir desarrollando cada dia mas y poner en practica lo aprendido en la clase la codificacion de paginas web en html.

miércoles, 21 de abril de 2010

Tablas



Objetivo: Conocer la forma en la cual se diseñan las tablas y se modifica el formato de los mismos atravez de html, en el diseño de paginas web

Desarrollo:

"table" y "/table"

  • Filas "tr" "/tr"
  • Columnas "td" "/td"
  • Encabezados "th" "/th"




Conclusiones: El formato de la tabla es muy importante para poder organizar nuestra informacion que sea introducida ya sea en una celda o en una columna ya que con las etiquetas correspondientes podemos hacer que nuestro parrafo o palabra colocado dentro de la tabla tenga un diseño ya sea que se le de la direccion puede ser centrado alineado a la derecha o a la izquierda. Gracias a ello podemos adquirir una mejor presentacion de nuestra(s) tablas dentro de nuestra(s) paginas web.

martes, 20 de abril de 2010

Enlaces (hipervinculos)

Objetivo: Conocer los diferentes hipervinculos y sus caracteristicas en html para el diseño de paginas web

Desarrollo: Para colocar un enlace utilizamos la etiqueta "a" "/a"
dentro de la etiqueta de cobertura debemos especificar el destino de enlace. Este destino en forma de atributo con el nombre "h ref" la sintaxis de un enlace tiene la forma "a href="destino""contenido"/a"


Los enlaces son agrupados del siguiente modo


  1. Enlaces Internos: Los que se dirijen a otras partes dentro de la misma pàgina.
  2. Enlaces Locales: Se dirigen a otras paginas del mismo sitio web enlaces.
  3. Enlace Remoto: Para crear un mensaje de correo dirigido a una direccion enlaces con archivos para que los usuarios puedan hacer download de archivos.

(a) (/a)

href

(a href="norte")estado norteños(/a)

  • Punto de fijacion (ancla)

( a name=#"norte ")Estados y Capitales(/a)

  • Otra pagina en la misma carpeta.

(a href="norte.html")Estados Norteños(/a)

(a href="estados/norte.html")Estados Norteños(/a)

(a href="f:/zona norte/norte.html")

(a href="mailto: amadof@yahoo.com " ) email amado(/a)

(a href"practica 5.doc")descargar(/a)

  • Target - Determina el destino
  1. _blank: Abre el documento en una nueva ventana (a href = http://yahoo.com.mx "target="_blank")yahoo(/a)
  2. _parent: Abre el documento en la ventana que contiene el vinculo.
  3. _self: Abre el documento en el mismo barco o ventana que el vinculo.
  4. _top: Abre el documento en la ventana completa del navegador.

Conclusiones: El tema de hipervinculos es necesario ya que gracias a estos enlaces podemos hacer que nuestras paginas esten unidas y asi poder acceder o retroceder de una pagina aunque pertenescan a un mismo sitio web.

jueves, 15 de abril de 2010

Caracteres Especiales

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

Desarrollo: Una pagina web se ha de ver en paises distintos que utilizan conjuntos de caracteres especiales. 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:


á--------"& a acute"
é--------"& e acute"
ì--------"& i acute"
Ä-------"& A acute"


ü------"& u uml"
ä------"& a uml "
ï------"& i uml"


&----- "& amp"
<----- "& it"
ß----- "& szlig"

Conclusiones: En el tema de caracteres especiales mi opinion al respecto es que es muy importante conocer los detalles y caracteres que debemos de utilizar dentro de una pagina web ya que los caracteres especiales nos pueden llegar a ser de gran utilidad en base a ello depende de una buena presentcion y organizacion de nuestro sitio web.