Resumen Colores que ayudan a navegar. Hojas de estilo (CSS). Ayudan a navegar. 1. Colores que ayudan a navegar. Las pantallas de ordenador de los usuarios por lo comun soportan miles de es. Es extraño descubrir monitores con 256 es aunque aun tienen lugar algunos y va siendo usual descubrir monitores con millones de es. La seleccion de es basicos de vuestro site se debe mantener dentro del rango de 256 es. Podremos ampliar el rango en fundamentos no fundamentales (fotos ilustraciones etc) pero debemos asegurarnos que el 100% de la poblacion podra alcanzar a vuestro site sin dificultades. A la hora de seleccionar los es debemos identificar las fracciónes del site. A. Colores en la Barra de Navegacion. Lo mejor es tener dos es para identificar el fundamento activo de la barra de navegacion y para identificar los fundamentos apagados. Es mejor si el fundamento activo avanza sobre los demas fundamentos con lo que es calientes (rojo naranja) y saturados se presentaran mas cercanos al usuario frente a es frios (azul y verde) y escaso saturados. B. Colores en los enlaces. Es recomendable conservar los es estandar (azul subrayado). Si decides cambiarlo recuerda lo proximo Los links tienen 2 estados (sin pulsar y pulsado) por lo que tendras que escoger un saturado para el estado sin pulsar y otro menos saturado para el estado pulsado. Sin visitar (Link) Es el de un link antes de ser pulsado. El azul es el usual. Visitado (Vlink) Es el que muestra un link cuando ha sido pulsado. El violeta (#CC33CC) es el usual. Si decidimos cambiar el de los links procura que el sistema de que elijas sea parecida al estandar. Teniendo un brillante para el estado de no visitado y un mas oscuro para los enlaces visitados. Curiosidad Despues tiene lugar el Alink que es uno de los misterios del universo microsoft. He buscado inmaneracion sobre que es esto pero ni dentro de microsoft lo explican de manera clara. El ejemplo que presentan sobre como funciona en un explorer 5 en mac no funciona. Como laborar con Alinks msdn.microsoft.com/library/tools/htmlhelp/chm/htalink1.htm. Ejemplo de una pagina que usa el Alink msdn.microsoft.com/library/tools/htmlhelp/chm/HTalink4.htm. Sumario sobre asuntos relacionados con el Alink msdn.microsoft.com/library/tools/htmlhelp/chm/HTAlink.htm. C. El Color de Fondo. El texto corrido se lee mejor con fondo diáfano y texto oscuro. Lo mas recomendable es el fondo blanco (#FFFFFF) o el amarillo diáfano (#FFFFCC). Otros es diáfanos son menos comodos para leer pero si tu site no exige lecturas prolongadas puedes usarlos para llamar la vigilancia y obtener una lectura mas compulsiva. Para mensajes de alerta lo mejor es usar el fondo rojo (#FF0000) y el texto en blanco (#FFFFFF). El amarillo y negro es una combinacion que llamara la vigilancia pero tiene un significado mas estatico. Por ultimo no es recomendable la combinacion de rojo y negro. Enlaces de interes sobre los es y la vision humana. Respuestas a preguntas comunes sobre el .. 2. Hojas de estilo. Las hojas de estilo (CSS) tecnicamente son un documento que determina el estilo del site (tipografia y es basicamente). Al definir todo el estilo en un unico documento actualizaciones y mejoras en el apariencia del site se simplifican y aceleran. El documento se coloca en el servidor y se adjunta la llamada link rel=stylesheet MiHojaDeEstilo.css en todas las paginas web en la fracción del ead Normas escenciales Es mejor colocar los dimensiónes de las fuentes en tantos por ciento (%) que en absolutos. Es mejor unir la hoja de estilo por que asi el usuario solo se la bajara una vez. No borres el subrayado de los enlaces solo por que puedes realizarlo. Que tu estilo sea por una mejor navegacion del site. A continuacion vamos a comentar la hoja de estilo que usamos en este site. Vamos a comentar esta hoja de estilo por que es sencilla y muestra mas o menos todos los fundamentos tipicos. body { 100% #FFFFFF} td { 100%} Con estas dos primeras lineas se determina la fuente a utilizar en todo el site. Todo el texto que este en la pagina ira con el estilo definido en el body y todo el texto dentro de las tablas ira definido dentro del td. ahover { RED #FFFFCC} alink { BLUE} avisited { purple} En estas 3 lineas creamos el estilo de los enlaces. El ahover es el estilo de los enlaces cuando nos colocamos arriba de ellos. Esta alternativa solo funciona en Explorer pero es muy interesante incorporarlo. El alink es el estilo de los links cuando aun no han sido visitados y avisited es el estilo de los links cuando han sido visitados. Algunos emplean la alternativa de text-decoration none que es para quitarle el subayado a los enlaces. No es recomendable. .head { 160%} .head2 { 120%} En estas dos ultimas lineas hemos creado estilos especiales para la cabecera del producto y las cabeceras en los parrafo. Para introducir este estilo podemos colocar font class=head2. Como veis el dimension esta definido en % con lo que el usuario es abierta de crecer el dimension de las fuentes en su navegador pero el documento conservara las mismas proporciones.