Lectura Bloque II

Aquí les encargo la siguiente lectura y su correspondiente ejercicio de la receta, la cual deberán entregarla en ésta misma semana, a má tardar el día Sábado (todo el día) en una carpeta comprimida con su nombre a mi correo.

Lectura Bloque II

Dreamweaver

Recuerda que puedes comprimir una carpeta con archivos, utilizando un compresor como el winrar.

Saludos y nos vemos pronto.

Lectura Bloque I

Aquí un resumen de lo visto en el Bloque I:

Lectura Bloque I

Saludos

Direcciones Absolutas y Relativas

En una página web es casi imprescindible referenciar a otros archivos, ya sea al utilizar una imagen, al enlazar con otra web.

Nota: Es importante diferenciar entre mayúsculas y minúsculas, y respetar los nombres de los archivos. Por ejemplo, si intentamos mostrar la imagen.gif y escribimos imagen.GIF, se mostrará correctamente en nuestro equipo, si trabajamos en Windows. 

Pero si subimos la página a un servidor y éste utiliza Linux, no se mostrará la imagen. 

Por eso, para evitar errores, aconsejamos escribir los nombres de archivo siempre en minúsculas.


Una dirección absoluta es aquella que incluye toda la ruta hasta el archivo, incluido el protocolo http. Por ejemplo http://www.animate53blogspot.mx/illustratorcs3/graficos/ej_homer_final.gif, o http://www.animate53blogspot.mx/index.htm.

Esta dirección es válida siempre que no cambie la ubicación del archivo que referenciemos.

Utilizaremos direcciones absolutas siempre que queramos referenciar archivos que no estén en nuestro sitio.

Una dirección relativa es aquella que se expresa a partir de una ubicación conocida, dentro de un mismo sitio.

 Direcciones relativas a un archivo:

Por ejemplo, imaginemos que tenemos una página, en www.misitio.es/webs/pagina1.htm. Para referenciar a la página www.misitio.es/webs/pagina2.htm basta con escribir sólo pagina2.htm, ya que si no ponemos otra cosa, quiere decir que buscamos en la misma carpeta.

Si de la misma página, queremos referenciar al archivo www.misitio.es/webs/imagenes/imagen1.gif, escribimos la dirección a partir de la carpeta en la que nos encontramos, es decir, solo escribiríamos imagenes/imagen1.gif.

Si lo que queremos referenciar está en una carpeta de nivel superior, por ejemplo el archivo www.misitio.es/fondo.gif, utilizamos .. para subir de nivel. Por lo tanto escribiríamos ../fondo.gif.

Podemos combinar las dos formas para referenciar por ejemplo al archivo www.misitio.es/graficos/imagen1.gif, escribiendo ../graficos/imagen1.gif.

Direcciones relativas al sitio:

Otra opción es establecer una referencia relativa al sitio. Para hacerlo, comenzamos la referencia al archivo con el signo /, que indica que se empieza a buscar en la carpeta raíz del sitio.

Así, para referenciar al archivo www.misitio.es/webs/pagina1.htm, podemos emplear /webs/pagina1.htm. Y esto sería válido tanto si referenciamos el archivo desde la página www.misitio.es/webs/pagina2.htm como si lo hacemos desde www.misitio.es/paginas/personal/ventas/inicio.htm o de cualquier otra página dentro del sitio.

Un inconveniente de este tipo de direcciones relativas es que sólo funcionan si vemos la página utilizando un servidor, ya que si abrimos un archivo local, tomará como raíz del sitio la raíz de la unidad.

Las ventajas de las direcciones o referencias relativas son dos, la primera es que son más cortas y la segunda es que si cambiamos las páginas a otro dominio no hará falta modificarlas. Por ejemplo, si actualmente tienes un dominio compartido gratuito y te han asignado el subdomnio http://www.webgratis.com/badillo547, tus páginas tendrán la dirección http://www.webgratis.com/badillo547/aguilas_america.html, pero puedes usar referencias relativas y escribir sólo aguilas_america.html, si más adelante compras un dominio propio, por ejemplo, www.fieras.es, sólo tendrías que colocar tu página en el nuevo dominio (servidor) y tus enlaces funcionarían correctamente apuntando a http://www.fieras.es/aguilar_america.html.

Ejercicio de Links entre documentos .html

index.html

En éste documento publicas un menú que te enlace a dos temas

pagina1.html

Contiene la opción del enlace #1

pagina2.html

Contiene la opción del enlace #2

Guardar los 3 documentos en una carpeta llamada menu.

Ejemplo:

                                     Matematicas

 Calculo diferencial                             Calculo integral

Cuando ingrese al documento que contendrá mi Menú (index.html), puedo seleccionar una de las dos opciones, en éste caso selecciono Calculo diferencial y se abrirá el documento que desarrolla ese tema (pagina1.html) y me mostrará al final un link que me devuelva al menú (index.html), al seleccionar la segunda opción que es Calculo integral, se abrirá el documento que muestre el tema de calculo integral (pagina2.html) y también me mostrará al final un link que me devuelva al menú (index.html).

Los tres documentos html, deberán ser guardados en una misma carpeta llamada menu.

Nota: Mañana reviso el portafolio de evidencias digital.

Saludos.

Links

link permite determinar el color de los enlaces sin visitar (enlace que no ha sido pulsado ninguna vez).

alink permite determinar el color del enlace activo (enlace que acaba de ser pulsado).

vlink permite determinar el color de los enlaces visitados (enlaces que ya han sido pulsados)

<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">

      <a href="http://web53vasco.blogspot.mx/">Visita El blog oficial</a>

Con HTML definimos el color de los enlaces en la etiqueta <body>, con lo atributos link, vlink y alink. Esto nos permite cambiar el color de los enlaces para todo el documento, pero ¿Y si queremos cambiar el color de un enlace en concreto, para que tenga otro color que el definido en la etiqueta <body>?

Para hacer esto utilizaremos el atributo style dentro del enlace:

<a href="mienlace.html" style="color:red">

Así saldrá el enlace en color rojo, independientemente de lo definido para todo el documento.

Realizar un documento html nuevo que nos enlace a 3 diferentes páginas web.

Caracteres especiales

Caracteres Especiales