Paso 1
Abre Dreamweaver. Inicia un nuevo documento en blanco seleccionando la
opción "HTML" en la "Nueva" pantalla de bienvenida de
introducción.
Paso 2
Elige "Insertar" en el menú, luego "Media" y luego
"Botón Flash" para que aparezca el cuadro de diálogo "Insertar
botón Flash".
Paso 3
Selecciona un estilo predefinido de las selecciones de "estilo"
del botón. Este será un estilo predefinido que estará hecho para ti. En este
punto, puedes personalizarlo con tu propio texto y colores.
Paso 4
Escribe el texto para el botón en "Texto del botón", establece la
fuente del menú "Fuentes" y cambia el tamaño de la fuente en
"tamaño".
Paso 5
Establece el enlace tecleando la dirección URL o navegando para encontrar
una página web en el cuadro de diálogo "Enlace". Establece cómo
deseas que se abran los enlaces en "Objetivo".
Paso 6
Selecciona un color para el fondo del botón en "Color de fondo".
Paso 7
Guarda el botón utilizando la opción "Guardar como" y selecciona
el botón "Aceptar" para crear tu botón de flash.
Insertar imagen
- Si no tienes abierto
Dreamweaver, ábrelo para realizar el ejercicio.
- Si no aparece el panel Archivos, ábrelo a través del
menú Ventana,
opción Archivos.
- Selecciona el sitio Cocina en
el panel Archivos.
- Haz doble clic sobre el
documento menu.htm, que aparece en el panel Archivos.
- Se abrirá el documento en
Dreamweaver.
- Crea un párrafo antes de la
lista.
- Haz clic sobre el menú Insertar.
- Elige la opción Imagen.
- Selecciona la imagen logotipo.gif,
que se encuentra dentro de la carpeta imagenes del
sitio.
- En Relativa a: selecciona la opción Documento.
- Haz clic sobre el botón Aceptar.
- En el Inspector de
propiedades, escribe Cocina en el
campo Alt.
- Pulsa fuera de la imagen para
que deje de estar seleccionada y se apliquen todos los cambios.
- Selecciona la etiqueta <body> en la barra de estado.
- En el Inspector de
propiedades CSS, en el
desplegable Regla de destino elige <Nuevo estilo en línea>
- Pulsa el botón Centrar
. - Pulsa Vista en vivo para cómo sería el
resultado.
- Haz clic sobre el botón Guardar
de la barra de
herramientas.
Insertar
vídeo HTML5
2. Seleccione Insertar > HTML > HTML5 Video. El elemento de
vídeo HTML5 se inserta en la ubicación especificada.
3.
En el panel Propiedades,
especifique los valores para las diversas opciones.
Origen / Origen alt. 1 / Origen alt. 2: En Origen, introduzca la
ubicación del archivo de vídeo. Como alternativa, haga clic en el icono de
carpeta para seleccionar un archivo de vídeo del sistema de archivos local. La
compatibilidad con formatos de vídeo varía en función del navegador. Si el
formato de vídeo de Origen no
es compatible con un navegador, se utiliza el formato de vídeo especificado
en Origen alt. 1 u Origen alt. 2. El navegador
selecciona el primer formato reconocido para mostrar el vídeo.
Especificación de propiedades de vídeo HTML5
Nota:
Para añadir vídeos rápidamente a los tres campos,
utilice selección múltiple. Al elegir tres formatos de vídeo para el mismo
vídeo de una carpeta, se usa como Origen el primer formato de la lista. Los
siguientes formatos de la lista se usan para rellenar automáticamente Origen alt. 1 y Origen alt. 2.
Consulte la tabla que aparece a
continuación para obtener más información sobre navegadores y formatos de vídeo
compatibles. Para obtener la información más reciente, consulte HTML5
- Browser Support (HTML5: Compatibilidad con
navegadores).
|
MP4
|
WebM
|
Ogg
|
|
|
Internet
Explorer 9
|
SÍ
|
NO
|
NO
|
|
Firefox
4.0
|
NO
|
SÍ
|
SÍ
|
|
Google
Chrome 6
|
SÍ
|
SÍ
|
SÍ
|
|
Apple
Safari 5
|
SÍ
|
NO
|
NO
|
|
Opera
10.6
|
NO
|
SÍ
|
SÍ
|
·
Anchura (W):
Introduzca la anchura del vídeo en píxeles.
·
Altura (H):
Introduzca la altura del vídeo en píxeles.
·
Controls (Controles):
Seleccione esta opción si desea mostrar en la página HTML controles de vídeo
como Reproducir, Pausa y Silencio.
·
Autoplay (Reproducción
automática): Seleccione esta opción si desea que el vídeo empiece a
reproducirse en cuanto se cargue en la página web.
·
Poster (Póster):
Introduzca la ubicación de la imagen que desea que se muestre hasta que el
vídeo termine de descargarse o hasta que el usuario haga clic en Reproducir. Los valores de
Anchura y Altura (W y H) se rellenan automáticamente al insertar la imagen.
·
Loop (Bucle):
Seleccione esta opción si desea que el vídeo se reproduzca continuamente hasta
que el usuario deje de reproducir la película.
·
Muted (Silenciado):
Seleccione esta opción si desea silenciar la parte de audio del vídeo.
·
Flash Video:
Seleccione un archivo SWF para los navegadores no compatibles con vídeo HTML5.
·
Texto adicional:
Proporcione el texto que se mostrará si el navegador no es compatible con
HTML5.
·
Preload (Precargar):
Especifica las preferencias del autor acerca de cómo debe cargarse el vídeo
cuando se cargue la página. La selección de Auto carga el vídeo completo al descargarse
la página. La selección de Metadata(Metadatos) solo descarga los metadatos
después de que haya terminado la descarga de la página.
1.
Menú Modificar>Propiedades de la página
2. En
la misma Paleta Propiedades podemos escoger el color que
queremos aplicar al fondo.
Pulsar al lado del cuadrado de color gris y, en el rectángulo escribir un código (por ejemplo: #3333FF que representa al color azul, o el #CCFFCC que es el verde claro que es el que tiene esta página de fondo en este momento) y pulsar Intro. Para ver el resultado, pulsar Aplicar, o hacer clic en cualquier otra parte de la página.
Pulsar al lado del cuadrado de color gris y, en el rectángulo escribir un código (por ejemplo: #3333FF que representa al color azul, o el #CCFFCC que es el verde claro que es el que tiene esta página de fondo en este momento) y pulsar Intro. Para ver el resultado, pulsar Aplicar, o hacer clic en cualquier otra parte de la página.
También
se puede hacer clic sobre el cuadrado, y con el gotero seleccionar
el color directamente de la paleta que se ha desplegado.
Observar como, según pasa el gotero en la parte de abajo en un rectángulo va apareciendo el color seleccionado y el número correspondiente.
Observar como, según pasa el gotero en la parte de abajo en un rectángulo va apareciendo el color seleccionado y el número correspondiente.
No hay comentarios:
Publicar un comentario