Entradas de Abril 2008
Las plantillas de las webs son las partes comunes que tienen. Teniendo en cuenta que la esencia de una plantilla es una tabla, el primer paso es la creación de esta tabla:
1.- Creación de la tabla (dentro de un archivo nuevo de Dreamweaver of course!).
2.- Guardar como plantilla, es decir, que acabe en .dwt
3.- Designar regiones editables (con el botón de la derecha/plantillas/nueva region editable): titulo y contenidos, luego guardamos
Debemos crear los estilos que usaremos en un futuro: los CSS dicho de una manera más profesioná: Cascading Style Sheets, CSS. Solo cambian pues eso: estilo, colores. No modifican la plantilla!!!!
Bueno, está clarito, clarito!
Categorías: Contenidos Taller Web IDEC
Etiquetado: editables, plantillas, regiones, tabla
En nuestro magnífico ejemplo de la imagen de la última “session” donde se representavan los 12 horoscopos, hemos establecido links. Siguiendo tres pasos conseguimos linkar una área de imagen (dentro de una imagen mayor) a un texto:
Bien, sin más dilación, ahí van los pasos a seguir:
1.- Insertar imagen en documento nuevo de Dreamweaver. Clicar encima de la imagen, después se establecen areas, nombres…
2.- Seguidament se establecen los “anclajes” para designar marcadores.
3.-Último paso pero no menos importante, clicar en GUARDAR, para poder visualizar esta confección de mapa de imagenes.
Si olvidamos Guardar lo que hemos hecho de nada servirán nuestros esfuerzos pues no seremos capaces de comprobar que caracter o como se comportará la imagen trabajada!!!!!
Pues lo dicho: a guardar!!!!
Categorías: Contenidos Taller Web IDEC
Etiquetado: Add new tag, horoscopo, horoscopos, imagenes, mapa
Pop-ups: los famosos mensajes que normalmente salen bloqueados según en que site entremos. Sí, cuándo nos piden permiso para desbloquear las pop-ups, pues bien hoy nos enseñaron a crear esas ventanitas en “sólo” 4 pasos!!!!!! Hasta parece “sencillo”!!
1.- Insertar una imagen en un archivo nuevo de Dreamweaver, teniendo en cuenta las medidas de la imagen original.
2.-La imagen original deve ser insertada en una nueva hoja (en paralelo) del Dreamweaver. Recuerda! Todos los márgenes 0.
3.- Debemos vincular la hoja 1 con la hoja 2(imagen original) poniendo el famoso “gato” mexicano # en el campo de vínculo. Con la imagen seleccionada Abrir “Ventana” y definir un comportamiento; poner “onclick” y sobre todo guardar antes de abrir la ventana del navegador.
El paso 4 es sólamente por si queremos que se cierre el pop-up al clicar en cima. En tal caso, hay que darle en comportamiento de “guardar” desde la hoja 2 y con previa selección de la imagen.
Ha quedado claro???? lo veremos en: “la verdad es hija del tiempo!!!!”
El resto ahorita os lo cuento…….
Categorías: Contenidos Taller Web IDEC
