Indicaciones importantes.
Responda a las siguientes cuestiones de manera individual.
1. Describa los elementos que componen una URL. (10 puntos)
2. Explique que es un CGI. (10 puntos)
3. Describa las principales ventajas y desventajas de las dos diferentes técnicas de diseño para páginas Web. (10 puntos)
4. Mencione los tres formatos de imagenes más populares que se utilizan en Internet y describa brevemente sus características (10 puntos)
5. Indique 5 atributos de la etiqueta META y describa su función (10 puntos)
6. Dada la imagen "edificio.gif". Insertela dentro del documento HTML y,
7. Mencione las tres partes básicas que definen un hipervínculo en un documeto HTML, y describa los cuatro tipos de hipervínculo que se pueden incluir. (10 puntos)
Los tipos de hipervínculos son:
Rescate:
El URL(Uniform Resource Locator) se compone de 3 elementos principales:
Servicio: Que es el metodo al que se va a accesar. Ejm: ftp, http, gopher, etc.
Maquina.dominio: Indica el servidor o máquina que nos brindará el recurso.
Camino/archivo: Es la ruta dentro del servidor o máquina donde se encuentra el objeto.
Puerto: Este es opcional y no es necesario ponerlo, ya que se utiliza en caso de que se quiera restringir el acceso al recurso.
Al juntar estos elementos queda asi: Servicio://maquina.dominio:puerto/camino/archivo
Un ejemplo seria http://www.her.itesm.mx/academia/profesional/cursos/cb-00812/examen/edificio.gif
El Common Gateway Interface (Interfaz común de gateway) es una posibilidad de poner
a la disposición programas en internet que pueden ser llamados con ayuda de páginas HTML y que pueden generar
código HTML y enviarlos a un navegador.
Los CGI - son programas que se encuentran en un servidor en internet y que al ser ejecutados procesan determinados datos.
El procesamiento de datos ocurre en el servidor. La llamada interfaz o interface CGI debe ser apoyada por la software del servidor WWW.
Flexible:
-Ventajas:
a)El hecho de que una página web puede desplegarse en cualquier monitor.
b)El total de la pantalla se llena con elementos evitando así grandes espacios vacíos.
c)Es altamente funcional para un gran número de usuarios
-Desventajas:
a)En monitores muy grandes el texto se despliega en líneas muy largas lo que lo hace muy incómodo para la lectura.
b)En monitores muy grandes el flujo de los elementos puede dificultar el uso de la página.
c)El resultado de este estrategia de diseño es impredecible para los usuarios.
Fijo:
-Ventajas:
a)La página web se verá igual en todos los monitores.
b)Un ancho fijo otorga un mayor control sobre el largo de las líneas de texto y la distribución de los elementos en la página.
-Desventajas:
a)Si la ventana del navegador es muy pequeña se requerirá de scroll horizontal para ver la página completa,
lo cual se considera generalmente que va en contra de la facilidad de uso.
b)Es difícil controlar el tamaño de la fuente en los navegadores, lo que provocará desplazamientos impredecibles del resto de los elementos
c)Las características de la web están avocadas a la estrategia de diseño flexible lo que hace pensar que el diseño fijo está fuera de lugar.
GIF(Graphic Interchange Format): Son archivos indexados por color que utilizan una paleta de colores de 8 bits, lo que significa que
tiene un máximo de 256 colores. Por el tipo de compresión que realiza es más apropiado para imágenes con áreas de color uniforme.
JPEG o JPG(Joint Photographic Experts Group): Este formato contiene información de color de 24 bits, lo que significa millones de colores.
Es ideal para el proceso de imágenes fotográficas o con degradación de color pues ofrece excelente calidad de imagen en archivos muy pequeños.
PNG(Portable Network Graphic): Soporta 8 bits, escala de 16 grises de 16 bits o 24 en un esquema de compresión sin pérdida lo que significa alta
calidad de imagen en archivos a veces más pequeños que sus equivalentes en formato GIF.
1. Refresh: Este atributo permite redireccionar una pagina a otra en determinado tiempo.
2. Keywords: Permite crear una lista de palabras clave que utilizan los buscadores.
3. Description: Permite crear una descripción de la página igualmente para los buscadores.
4. Title: Permite ponerle título a la pagina para los buscadores.
5. Author: Permite colocar el nombre de la persona que hace el sitio.
a) Aumente proporcionalmente su tamaño en 100%.
b) Aumente proporcionalmente su tamaño en 50%.
c) Aumente la relación ancho:alto en 2:1 manteniendo el ancho que obtuvo en el inciso a.
(15 puntos)
Imagen Original
a)
b)
c)
Las tres partes básicas de un hipervínculo son:
a) Etiquetas de inicio y fin ...
b) Atributo HREF que especifica la URL del documento a cargar cuando se selecciona el hipervínculo.
c) El objeto (texto o imagen) que aparece en la pantalla como el vínculo activo.
a) Ruta absoluta: Es aquella ruta que describe a todos los subdirectorios que preceden a nuestro documento para llegar a él.
Ejm: <A
HREF="MacOS%20HD/PageMill_Resources/curso1.html">curso</A>
b) Ruta Relativa : Es aquella ruta en la que no se indica la precedencia de subdirectorios que tiene un documento HTML.
Ejm: <A HREF="curso1.html">Curso</A>
c) De correo: Nos permite mandar un correo a la dirección que tenga el hipervínculo.
Ejm: <A HREF=mailto:japedi@hotmail.com>Mi correo</A>
Mi correo
d) Referencia por palabras: Nos permite movernos dentro de una misma pagina.
Ejm: <A HREF="#Principio">Ir al principio de la pagina</A>
Ir al principio de la pagina
Mencione las formas que existen para organizar un sitio Web y ejemplifique cada una proporcionando un URL. (10 puntos)
1. Estructura árbol: Este formato acomoda la información jerárquicamente, iéndose de información general a información más específica.
Ejm: Pagina del Tec
2. Estructura lineal: En esta estructura una página le sigue a la otra, la cual le sigue a la siguiente y así como en línea recta.
Ejm: Vince Carter 4 life
3. Estructura aleatoria: Esta estructura no es nada más que falta de estructura. Las páginas están conectadas unas con otras, de manera aleatoria o al azar.
Ejm: Pagina de Acceso Aleatorio