Més val una imatge que mil paraules.
Tots ho hem sentit dir alguna vegada. Aquesta és la filosofia màxima de les pàgines web: multimèdia. La informació ens arriba per diferents sentits i fa que sigui més agradable i entenedora per als usuaris. ![]() L'aspecte visual d'una pàgina representa l'esforç del seu creador per facilitar la tramesa d'informació cap a l'usuari. Hem de fer que estigui còmode, i "vegi", més que llegeixi, la informació que li subministrem. Les imatges ens ajuden a fer que el missatge s'entengui més ràpidament. Però, hem d'anar en compte! No hem d'oblidar mai que el més important de la pàgina és la informació que transmet i no els "efectes especials". Per tant, s'ha de tenir bon gust en l'elecció d'aquests efectes i pensar sempre que són un complement de la informació i mai l'objectiu de la pàgina. En aquest mòdul analitzarem el tractament de les imatges i els altres elements que introdueixen dinamisme a la pàgina web. A la pràctica 1 veurem com podem manipular les imatges des de JavaScript, efectuar substitucions i precàrregues. A la pràctica 2 s'introduiran els estils aplicats a capes, veurem com podem canviar propietats de les capes, facilitant la disposició d'objectes dins l'àrea disponible a la pàgina web i, a la vegada, manipular-los des de JavaScript. A la pràctica 3 es mostrarà com podem canviar les propietats dels objectes situats sobre la pàgina i fer animacions, moviments iniciats automàticament o a petició de l'usuari que serviran per estructurar les dades sobre el document. A la pràctica 4 crearem una de les aplicacions més preuades pels programadors Web: Els menús, amb rollover's, animats i situats en capes. Veurem, també, que el treball amb els objectes del navegador i les propietats CSS són la principal font d'incompatibilitat amb els diferents navegadors. Si un efecte es considera prou útil per a la majoria d'usuaris, no hem de menysprear-lo, pel fet de no ser totalment compatible. El millor és detectar el navegador, i si s'escau, oferir la informació mitjançant un efecte alternatiu per a cada navegador, o com a mínim, mostrar un text informatiu de la incompatibilitat. El que hem d'evitar sempre és deixar "penjat" l'usuari amb un error del navegador que desconcerta i fa pensar que la pàgina no està prou ben dissenyada. |
|
En aquest mòdul: | |
![]() |
|
![]() |
Per fer les pràctiques, obrim el Dreamweaver i ens situem a la "Vista de código", al mig de la secció <body> que, normalment, és a la línia 8. Allí hem d'inserir el codi dels exercicis. Si no tenim activada la numeració de línies, anem al menú Ver - Opciones de vista de Código - Números de líneas i l'activem. |