Dreamweaver 4

¿Quiere poner su propia página Web en la red? ¿Tiene que ser un proyecto web completo?
¡No importa! Dreamweaver es la herramienta ideal para sus fines y espero que el presente cuadernos le ayude a llegar a su objetivo rápidamente.

ISBN: 2-912954-77-0
4.50 €

Índice

• Su página Web con Dreamweaver
• Iniciar Dreamweaver: el primer contacto
• Herramientas importantes y ajustes básicos
• Área de trabajo de Dreamweaver
• PARTE PRÁCTICA A: utilidades básicas de Dreamweaver
• ¿Todo HTML o no? ¡La primera página con Dreamweaver!
• Insertar, dar formato y estructurar texto
• Crear listas simples y avanzadas
• Encabezado del documento: título y conjunto de caracteres
• PARTE PRÁCTICA B: insertar y editar texto
• La etiqueta FONT: tipo de fuente, tamaño y color
• Vista de código fuente y función Historial
• La vista previa: visualizar el documento en el navegador
• PARTE PRÁCTICA C: tipo de fuente, historial y código fuente
• Preferencias importantes de Dreamweaver
• Galería de imágenes: insertar imágenes en la página
• ¿Izquierda o derecha? Coloque la imagen donde desee
• Asignar color e imagen de fondo
• PARTE PRÁCTICA D: preferencias básicas, imágenes, fondo
• Hipervínculos: referencias internas y externas
• Referencia abreviada de Dreamweaver
• Métodos abreviados para Dreamweaver
• Navegar mejor: vínculos y puntos de fijación internos
• Diversión al %u201Csaltar%u201D: consejos y trucos sobre hipervínculos
• Mapas de imágenes: imágenes interactivas
• PARTE PRÁCTICA E: trabajar con hipervínculos
• Conocimientos básicos: crear tablas con Dreamweaver
• Tablas para lograr un diseño exacto
• Funciones de diseño avanzadas en Dreamweaver
• PARTE PRÁCTICA F: trabajar con la función de tabla
• Definir etiquetas HTML con hojas de estilos
• Más libertades: crear clases de estilo
• Vincular hojas externas
• Reciba críticas con formularios
• PARTE PRÁCTICA G: ejercicios sobre CSS y formularios
• Marcos, ventanas móviles de los sitios Web
• PARTE PRÁCTICA H: ejercicios sobre marcos
• Multimedia: incluir vídeo y sonido
• JavaScript: gráficos rollover y lista de vínculos
• Crear animaciones: trabajar con el editor de líneas de tiempo
• Trabajar con las funciones de sitio de Dreamweaver
• Exclusivo en la versión 4
• Ponga sus conocimientos en práctica. Dreamweaver ayuda

Preguntas más frecuentes

P: Me gustaría saber cómo se realiza un enlace hacia una imagen y que ésta salga en una nueva ventana pero ajustada al tamaño de esta. ¿Se necesita codigo javascript o no es necesario?

R: No hay una manera directa de abrir una foto en una ventana del navegador. Existen pequeños trucos para redimensionar una ventana según su contenido, pero eso implica añadir código javascript en la misma ventana.

Puedes ver un ejemplo que funciona para navegadores DOM (Internet Explorer 5.x, Netscape 6.x, Mozilla) en http://www.pc-cuadernos.com/suplementos/dreamweaver/abrir_imagen_madre.htm. En ésta página encontrarás un enlace que llama a una función en javascript que abre una nueva ventana sin barras de menú, barra de estado ni barra de herramientas. Si miras el código de la página verás cómo funciona. Le pasas como parámetro la página que quieres abrir, y listos!

La segunda parte está en la ventana que se abre, en este caso http://www.pc-cuadernos.com/suplementos/dreamweaver/abrir_imagen.htm. Esta ventana tiene una imagen que puedes cambiar por la que quieras, SIEMPRE Y CUANDO LE PONGAS AL TAG DE LA IMAGEN LO SIGUIENTE: id=”miImagen” Este id identifica esta imagen y hace que la función init, que se ejecuta después de haberse cargado la página, pueda saber de qué tamaño es, y entonces redimensiona la ventana haciéndola un poco más grande para dejar un pequeño marco negro alrededor. Mira el código de la página para ver cómo funciona.