ENLACES EXPLICACIÓN

Son sin duda alguna la característica que más ha contribuido, junto con la implementación de las imágenes al espectacular desarrollo de la Web (links).

Siendo uno de los elementos más importantes del HTML, puesto que permiten "navegar" (desplazarse y/o moverse entre los diversos documentos que componen un sitio o incluso entre diferentes sitios web) a esto se le llama hipertexto.

Los enlaces son tan importantes que dan nombre al propio lenguaje HTML, Lenguaje de Marcas de HiperTexto.

Un enlace es una referencia a otro documento HTML o a cualquier otro objeto, expresada por un formato universalmente aceptado denominado URL (Universal Resource Locator).

Ejemplo (1):

   <a href="htpp://wwww.gmail.coml">

       ir al la página de inicio del manual

  </a>

Visualización:

ir al la página de inicio de gmail

En prácticamente todas las páginas web, los enlaces son fácilmente reconocibles a simple vista, puesto que suelen ir diferente color al texto, subrayados y cuando pasamos el ratán por encima el cursor cambia de forma que suele ser una mano con un dedo señalador.

Los enlaces se generan mediante la etiqueta <a>...</a> (a de anchor, ancla en inglés). Irán acompañados siempre por un atributo ya sea:

<a href="..."> o <a name="...">

La sintaxis general de un enlace es por tanto de la forma:

<a href="destino"> Referencia</a>

<a name="destino"> Referencia</a>

Pudiendo la referencia un texto o una imagen. El destino podrá ser un página web, una dirección de correo electrónico o incluso un archivo.

Ejemplo (2):

 <a href="http://www.elmundo.es"> el mundo</a>

 <a href="www.gmailcom"> Página inicio google</a>

 <a href="enlaces"> enlace interno</a>

    

Visualización:

el mundo

Página Inicial del manual

enlace interno

En función del destino podemos clasificar los enlaces :

Enlaces internos: permiten desplazarse dentro de la misma página.

Enlaces locales: permiten desplazarse a otras páginas del mismo sitio web.

Enlaces remotos: los dirigidos hacia páginas de otros sitios web.

Enlaces a direcciones de correo: para crear un mensaje de correo dirigido a una direccián de correo especifica.

Enlaces a archivos: permiten a los usuarios puedan hacer descargar de ficheros.

Enlaces Locales: A otra página que pertence al Sitio Web

En este caso la dirección de la página URL se pondrá de forma relativa. Por ejemplo si tenemos tres páginas en el mismo directorio: pagina1.html, pagina2.html y pagina3.html y queremos desplazarnos de la pagina1.html a la pagina3.html escribiremos en la pagina1.html:

<a href="pagina3.html">Ir a la página 3 </a>

Con esto es suficiente, no hay que crear ningún marcador a no ser que quieras ir a un sitio concreto de la pagina3.htm. En ese caso tendrías que poner en el sitio adonde quieres llegar de la pagina3.htm

Enlace remotos: A una dirección de Internet

Deberemos escribir la dirección (URL) debe darse forma absoluta, es decir como se ve en el navegador, en la barra de direcciones.

Vease el siguiente ejemplo:

       <a href="http://www.elmundo.es">

             Ir al el periódico el mundo

       </a>

 Este enlace no llevará a la página principal de el periódico "el mundo".

Ir al el periódico el mundo

Enlace a una dirección de correo

Para realizar un enlace dirigido hacia una dirección de correo electrónico deberemos usar la instrucción mailto: en el atributo href del enlace, seguido de la dirección de correo a la que se debe dirigir el enlace.

        <a href="mailto: jorge_ferrer@gmail.com">

                   jorge_ferrer@gmail.com

        </a>

jorge_ferrer@gmail.es

Pulsando sobre el enlace se abrirá el programa de correo que tengas configurado, con esta dirección de correo como destinatario.

Enlace para descargar un fichero

Tendremos que poner la dirección (URL) la ruta donde está el fichero. Por ejemplo, para descargar un fichero de nombre manual_html.zip se deberá escribir el siguiente código:

       <a href="../manuales/manual_html.zip">

              manual_html.zip

        </a>

que se verá lo siguiente manual_html.zip. Al pinchar sobre este enlace se abrirá una ventana avisándote de una descarga de archivos y preguntándote qué deseas hacer. 

ACTIVIDAD

CREA UNA PAGINA WEB DONDE INCLUYAS MINIMO 5 ENLACES ADEMAS DE LAS ETIQUETAS VISTAS ANTERIORMENTE, COMO COLOR DE FONDO, TEXTO ETC.

CONTROLADORES O DRIVES

Controlador de dispositivo

Un controlador de dispositivo (llamado normalmente controlador, o, en inglés, driver) es un programa informático que permite al sistema operativo interactuar con un periférico, haciendo unaabstracción del hardware y proporcionando una interfaz -posiblemente estandarizada- para usarlo. Se puede esquematizar como un manual de instrucciones que le indica cómo debe controlar y comunicarse con un dispositivo en particular. Por tanto, es una pieza esencial, sin la cual no se podría usar el hardware.

Existen tantos tipos de controladores como tipos de periféricos, y es común encontrar más de un controlador posible para el mismo dispositivo, cada uno ofreciendo un nivel distinto de funcionalidades. Por ejemplo, aparte de los oficiales (normalmente disponibles en la página web del fabricante), se pueden encontrar también los proporcionados por el sistema operativo, o también versiones no oficiales hechas por terceros.Tipos de controladores

Creación de controladores

Normalmente son los fabricantes del hardware quienes escriben sus controladores, ya que conocen mejor el funcionamiento interno de cada aparato, pero también se encuentran controladores libres, por ejemplo en los sistemas operativos libres. En este caso, los creadores no son de la empresa fabricante, aunque a veces hay una cooperación con ellos, cosa que facilita el desarrollo. Si no la hay, el procedimiento necesita de ingeniería inversa y otros métodos difíciles o con riesgos legales.

Fallos de controladores

Al ser una parte crítica del sistema operativo, el fallo de un controlador puede ser más grave que otros errores de software, pudiendo bloquear el ordenador o incluso dañar el hardware.

Debido a que el hardware es (necesariamente) indeterminista, encontrar y solucionar un fallo en un controlador es una tarea complicada ya que no sólo hay que monitorear el programa, sino también el propio dispositivo.

ACTIVIDAD:

INVESTIGA EL PROCESO PARA DETERMINAR CUALES SON LOS CONTROLADORES DE UN COMPUTADOR.

INVESTIGA EL PROCESO PARA ACTUALIZAR O INSTALAR UN CONTROLADOR EN UNA COMPUTADORA.

COMO PUEDO GUARDAR LOS DRIVES O CONTROLADORES DE MI COMPUTADORA?

ATRIBUTOS DE UNA TABLA

El conocimiento de los atributos de una tabla puede considerarse como esencial para la correcta utilización de las tablas:

border="n" Crea un borde alrededor de la tabla de grosor especificado por el valor "n", tomando como unidad el píxel. Teniendo cero como valor por defecto. Cuando comenzamos la realización de una tabla es aconsejable usarlo para ir comprobando que todo funciona como hemos pensado. 

Width="n" el valor "n" indica la anchura de la tabla en pixels (200) o porcentaje (20%). También se puede utilizar este atributo con las celdas <td>

height ="n" el valor "n", asigna la altura de la tabla en pixels o porcentaje.

Align="right / left / center" Alinea horizontalmente la tabla con respecto a su entorno.

Background="nombre_imagen.extension_del formato" Nos permite colocar un fondo para la tabla a partir de un enlace a una imagen.

bgcolor="#ffaabb" indica el color de fondo de la tabla o celda.

bordercolor="#ffffff",define el color del borde.

cellpadding="n",define el espacio, en pixels, entre los bordes de la celda y el contenido de la misma. Por defecto, y si no se especifica, tiene un valor de 1.

cellspacing="x", define el espacio ,en pixels, entre el borde cada una de las celdas y el borde de la tabla. De no especificarse, tiene un valor por defecto de 2.:

Los atributos que modifican a una celda tienen prioridad respecto a los que modifican a una tabla. Por ejemplo podemos aplicar un color azul a una tabla y amarillo para una celda.

Ejemplo (1):

 <table border="1">
   <tr>
     <td > Antonio Perez</td>
     <td> Zaragoza </td>
   </tr>
 </table>
 

se visualizará:

Antonio Perez

Zaragoza

Ejemplo (2):

 <table border="10">
   <tr>
     <td > Antonio Perez</td>
     <td> Zaragoza </td>
   </tr>
 </table>
 

se visualizará:

Antonio Perez

Zaragoza

Ejemplo (3):

 <table border="1" width="100%">
   <tr>
     <td > Antonio Perez</td>
     <td> Zaragoza </td>
   </tr>
 </table>
 

se visualizará:

Antonio Perez

Zaragoza

Ejemplo (4):

 <table border="1" width="200" bgcolor="red">
   <tr>
     <td bgcolor=”yellow”> Antonio Perez</td>
     <td> Zaragoza </td>
   </tr>
   <tr>
    <td> Texto  </td>
     <td> Texto </td>
   </tr>

 </table>
 

se visualizará:

Antonio Perez	Zaragoza
Texto	Texto

Atributos de las celdas

Estos atributos modifican el formato de las filas y/o celdas dependiendo si están en un <tr bgcolor="red"> afectaría a toda la fila o se encuentra en <td bgcolor="yellow"> donde solamente afectaría a la celda. Estos atributos son: bgcolor ="nombre del color / número hexadecimal". Define el color de la celda o fila. bordercolor="nombre del color / número hexadecimal". Define el color del borde de la celda. align="top / middle / bottom". Elegimos el lugar en cual el texto es colocado. Top (arriba),middle(centro) y bottom(abajo) valign="left / center / right". Alineación del texto izquierda (left), centro(center), o derecha (right) Los siguientes atributos sólo pueden ser aplicados a una celda y no al conjunto de celdas que forman una fila. colspan="n". Expande el una celda horizontalmente tantas celdas como el valor asignado a n rowspan="n". Expande una celda verticalmente tanta celdas como el valor asignado a n width="n". El valor n indica la anchura de la tabla en pixels (200) o porcentaje (20%). Este atributo también se puede aplicar a la celdas <td>. height ="n". El valor n, define la altura de la celda en pixels o porcentaje. Ejemplos aplicando lo anterior: Ejemplo (1) : <table border="1"> <tr> <td bgcolor="lime" width="250">Diseño de páginas</td> <td> las tablas </td> </tr> </table> se visualizará: Diseño de páginas las tablas Ejemplo (2): <table border="1"> <tr> <td colspan="3" > Diseño de páginas</td> </tr> <tr> <td> Atributos </td> <td> Celdas </td>< td> las tablas </td> </tr> </table> se visualizará: Diseño de páginas Atributos Celdas las tablas Ejemplo (3): <table border="1"> <tr> <td> Diseño de páginas</td> </tr> <tr> <td rowspan="2"> Atributos </td> <td> Celdas </td> <td> las tablas </td> </tr> <tr> <td> A </td><td> B </td> </tr> </table> Se visualizará: Diseño de páginas Atributos Celdas las tablas A B

COMO DOMINAR EL MANEJO DEL TECLADO