Practica 5 Reino Animal

Objetivo:

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.

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.

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.

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.

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.

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.

Formato de la pagina web

Objetivo: Conocer los fomatos necesarios de pagina web con html.

HTML

Objetivo: Conocer las caracteristicas del lenguaje HTML asi como su campo de aplicacion en el diseño de paginas web.

En que medida Html es Importante En el diseño de paginas web!!

Es el lenguaje de marcado predominante para la construccion de paginas web. Es usado para describir la estructura y el contenido en forma de texto,así como para complementar el texto con objetos tales como imagenes.


Es importante por que es una de las bases de la programacion para lacreación y en su caso el diseño de la misma.

Campos para usar HTML

• Mercadotecnia
• Base de datos
• Agencia de viajes
• Investigacion

En HTML existen etiquetas para llevar acabo la programacion y diseño de paginas web.

Ejemplo:

hoy es un buen dia para empezar

b= bold

Estructura para un programa en HTML

Historia de la web

Objetivo: Conocer el origen de como empezo a existr la web su origen y su objetivo de el por que su creacion.

Es una historia que empezo a principios de 1990 la web es una idea que se construyo sobre la internet. Lasc onexiones fisicas son sobre la internet, pero introduce una serie de ideas nuevas heredando las ya existentes.

Empezo en Suiza en el centro de investigacion CERN (centros de estudios para la investigacion nuclear) y la idea fue para añadir y mantener referencias como funcionaba los ordenadores del CERN.

Antes de la web; la manera de obtener los datos por la internet era caotica: habia un sin fin de maneras posibles y con ello habia que conocer multiples programas y sistemas operativos. La web introduce un concepto fundamental: la posibilidad de lectura universal que consiste en que una vez que la informacion este disponible, se pueda acceder a ella desde cualquier ordenador, desde cualquier pais, por cualquiera persona autorizada, usando un unico y simple programa. Para que esto fuese posible se utilizan una serie de conceptos, el mas conocido es el hipertexto

Con web los usuarios novatos podrian tener tremendo poder para hallar y tener acceso a la riqueza de informacion localizada en sistemas de computos en todo el mundo.

World Wide Web

Es básicamente un medio de comunicación de texto, gráficos y otros objetos multimedia a través de internet , es decir, la web es un sistema de hipertexto que utiliza Internet como su mecanismo de transporte o desde otro punto de vista, una forma gráfica de explorar Internet.

La web fué creada en 1989 en un instituto de investigación de Suiza , la web se basa en buscadores y el protocolo de transporte de hipertexto (hypertext transport protocol (http). La mayoría de los documentos de la web se crean utilizando lenguaje HTML (hypertext markup language).

Es importante saber que web o www no son sinónimo de Internet, la web es un subconjunto de Internet que consiste en páginas a las que se puede acceder usando un navegador. Internet es la red de redes donde reside toda la información. Tanto el correo electrónico, como FTPs, juegos, etc. son parte de Internet, pero no de la Web.

Paginas Web

Objetivo: Conocer los conceptos básicos de paginas web atravez de la discucion en equiipos para mificar criterios.

Que es una pagina web?

Tambien conocida como pagina de internet, es un documento adaptado para la web. Su principal caracteristica son los hiperenlaces a otras paginas, siendo esto el fundamento de la web.

Una pagina web esta compuesta principlamente por informacion (texto, multimedia) e hiperenlaces, ademas puede contener o asociar datos de estilo para especificar como debe vizualizarce o aplicaciones embebidas para hacerla interactiva. Son escritos en el lenguaje que provea la capacidad de insertar hiperenlaces generalmente HTML.

• Contenido predeterminado = Pagina web estatica = No se actualiza
• Vizualizar o Solicitar a un servidor web = Pagina web Dinamica = Constante actualizacion

Que es un portal?

Es un sitio web cuyo objetivo es ofrecer al usuario de forma facil e integrada, al acceso a una serie de recursos y de servicios entre los que pueden encontrarse buscadores, foros, documentos, aplicaciones; compras electronicas.

Mas conocido como puerta grande y precisamente su nombre hace referencia a su funcion y objetivo, es por lo general el punto de partida de un usuario que desea entrar y realizar busquedas en la web u obtener informacion importante de el.

Se puede decir que un portal ofrece servicios para la navegacion en el internet, logrando incrementar la intensidad de trafico.

Que es HTTP?

Hypertext Transfer Protocol o Protocolo de transferencia de hipertexto

Es un conjunto de reglas a seguir en un lenguaje comun como por ejemplo HTML para publicar paginas web

Que es un link?

Se refiere a un hiperenlace es un elemento de un documento electronico que hace referencia a otro recurso.

Combinado con una red de datos y un protocolo de acceso, un hiperenlace permite acceder al recurso referenciado en diferentes formas, como visitarlo con un agente de navegacion mostrarlo como parte del documento refernciado o guardarlo localmente

Los hiperenlaces son parte fundamental de la aqrquitectura de la world wide web

Existen 2 tipos de link

• Link interno : atras y adelante
• Link externo: Otra pagina web

Cual es el objetivo de una pagina web?

Ofrecer al usuario el tipo de informacion necesaria que puede contener:

• texto
• imagen
• sonido
• videos
• mundos en 3-D
• animacion

Conclusion: En este tema comprendi que sin las paginas web no existiria la informacion no existirian los portales los cuales gracias a ellos hay infinidad de pag que nos brindan facilmente informacion de una manera comoda, rapida y es muy sencillo navegar por la web.