Subtitles of the Movie

ÿþ [00:00:00.0] En este tutorial, vamos a explorar el elemento de enlace en más detalle. Hemos dicho hasta ahora que este elemento se usa para establecer un enlace [00:00:08.0] con un archivo CSS externo. Si vamos a la vista de código, aquí en la sección principal, vemos el contenido que [00:00:16.0] escribe DreamWeaver cada vez que usted se enlaza a un archivo CSS externo a través del panel de estilos CSS. 'href' quiere decir lo suficientemente directo. [00:00:25.0] Esto crea la referencia hacia la página que usted ha especificado. 'Rel' significa 'relación', y describe la relación entre el archivo CSS [00:00:33.0] y el documento de marca. Por defecto se aplica el valor "stylesheet" automáticamente. Sin embargo hay otra [00:00:44.0] opción que usted puede fijar. Esta es 'alternate stylesheet'. Alternate stylesheet le permite crear una hoja de estilo alternativa [00:00:51.0] la cual puede escoger el usuario desde su navegador Web. Mozilla, Opera 7 y Netscape 7 le dan soporte a esta operación, [00:01:00.0] como se puede ver si miramos la sección CSS en el sitio del W3. Para hacer esto en DreamWeaver MX, voy a copiar y pegar [00:01:10.0] el elemento de enlace existente. Voy a cambiar el nombre del archivo, y luego cambiaré la relación de 'stylesheet' a 'alternate stylesheet'. [00:01:20.0] Después, usando pistas codificadas, voy a agregar otro atributo. Ahora, si cargo la página en Mozilla, yo lo puedo seleccionar desde la lista de User Style Sheet. [00:01:37.0] Cuando trabaje en la vista de código, usted puede abrir un documento CSS haciendo clic sobre el nombre del archivo y luego abrir el documento [00:01:47.0] escogiendo esta opción en el menú de contexto. El atributo que vamos a ver a continuación es 'media'. Media hace parte de la especificación CSS 2, [00:02:00.0] y se usa para especificar un dispositivo de comunicación en particular. Por ejemplo, a lo largo de este capítulo nos hemos concentrado en producir una hoja de [00:02:08.0] estilo básica para la pantalla. Como veremos en el siguiente capítulo, hay varias clases de dispositivos que usted puede escoger. [00:02:14.0] Para mostrar como funciona el atributo Media, voy a reposicionar el cursor y ahora voy a presionar la barra espaciadora para mostrar las pistas codificadas. [00:02:23.0] Desde aquí voy a escoger Media, y luego en la lista de valores voy a seleccionar Screen y luego guardo el documento. [00:02:32.0] Cuando trabaje en la vista de diseño o en la vista de código, usted puede ver la lista de propiedades que están disponibles para el elemento de [00:02:40.0] enlace a través del inspector de propiedades. El inspector de propiedades incluye la opción para poder establecer la relación [00:02:47.0] reverse link'. aquí usted puede fijar valores tales como derechos de autor, sección, contenidos, sitios preferidos, etc. ID le permite [00:02:57.0] especificar un identificador único para el enlace. Usted puede aprender más acerca de estas opciones de atributos en la ayuda de DreamWeaver disponible en línea. [00:03:06.0] Si prefiere trabajar en la vista de diseño, para que pueda ver el inspector de propiedades de enlace, usted tiene que empezar mostrando [00:03:12.0] Head Content. Haciendo clic sobre cualquiera de los íconos de enlace hará que el inspector de propiedades de enlace aparezca. [00:03:19.0] [00:03:22.0]