Para ello
accede a la ventana de sitio, puede acceder desde:
- Sitio / Nuevo sitio.
- desde el botón x situado en la esquina inferior derecha de la ventana.
Ahora
aparecerá una ventana en la que rellenar los datos del sitio
- En la casilla “Nombre del
sitio”, hay que poner el nombre que quieras poner para el sitio.
-En “Carpeta raíz local” hay
que poner la dirección local del sitio. Es decir, hay que hacer una carpeta
para el sitio y buscarla pulsando en el icono que pone una carpeta.
- En Dirección HTTP, hay que
poner la dirección del site en Internet. Puede dejarse en blanco.
- La casilla Caché debe
dejarse siempre activada, para que Dreamweaver pueda actualizar rápidamente los
vínculos al mover, cambiar el nombre o eliminar un archivo.
- Y por último le damos al
botón aceptar.
La ventana deSitio ya mostrará una lista de todas las
carpetas y archivos contenidos en el sitio local , en ella también actúa
podremoscopiar, pegar, eliminar, mover
y abrir archivos del mismo modo que en el escritorio del PC.
El programa Dreamweaver es una aplicación muy completa con un
gran número de funcionalidades muy potentes, pero a la vez está diseñada para
hacer más cómodo el trabajo al usuario.
Naturalmente
tener una aplicación con un gran número de funciones implica un gran número de
botones, menús, opciones y pulsar cientos de clicks, que a primera vista puede
resultar muy complicado VÍDEO
Como
insertar Flash en una Página Web en Dreaweaver
Los objetos flash, son archivos que poseen
la extensión .swf, son hechos para contenido y aplicaciones interactivas de uso
principalmente en la web, donde son reproducidos por los navegadores, pero es
posible perfectamente utilizarlos en cualquier otro ambiente mediante el
reproductor Flash player.
Cómo insertar los
objetos Flash en las páginas web?
La opción ideal es insertar en nuestras páginas objetos flash existentes en
nuestro sitio, por ejemplo un reloj, candelario, juego, animación o simples
adornos.
En este caso la primera preocupación será insertarlos de forma tal que sean
compatibles con los principales navegadores web, de manera que se muestren de
forma adecuada y que valide el código correctamente.
Aquí se muestra unos pocos ejemplos de cómo vincular de ese modo los objetos.
En primer lugar, tenemos que saber que este menú
está construido casi en su totalidad por capas, a las cuales les atribuiremos
unos comportamientos específicos para que aparezcan y desaparezcan a nuestro
gusto.
Otra cosa que debemos tener en cuenta es la
condición de capa absoluta o capa relativa, ya que a las capas absolutas se les
tiene que dar unas coordenadas de posicionamiento a raíz de la esquina superior
izquierda de nuestra web, coordenadas que no nos sirven para nada en el caso de
que nuestra página tenga los contenidos centrados, ya que la posición en la que
va a aparecer esta, dependerá de la configuración del monitor desde el que se
visualice dicha página.
El primer paso que tenemos que dar es
desarrollar mentalmente un esquema del menú que queremos realizar, o mejor,
sobre papel. Nosotros nos hemos decantado por hacer un menú principal compuesto
por 5 partes en posición horizontal, para lo cual crearemos una tabla con 5
celdas y les daremos a cada una de ellas un determinado el tamaño de píxel, en
nuestro caso 100px - 20px. A continuación haremos clic en el icono de capa y
dibujaremos una en cualquier lado, seguidamente arrastraremos el símbolo de
capa (que determina el lugar donde el programa introducirá la línea de código
HTML, que por defecto creará dentro de la etiqueta "Body") dentro una
de las celdas de la tabla que hemos generado y a continuación modificaremos en
la ventana propiedades, los campos "Iz" (izquierda) y "Sup"
(superior) dejándolos en blanco, al hacer esto el programa engancha la capa en
la esquina superior izquierda del recipiente en el que se encuentra, en este
caso, la celda en la que hemos introducido la capa. Después daremos un valor a
los campos de "An" (ancho) y "Al" (alto) En el ejemplo que
estamos creando serán 100px y 20px respectivamente, este paso lo tenemos que
repetir para cada una de las 5 celdas (en nuestro caso), de las que se compone
nuestro menú principal.
Una vez terminado con este paso procederemos a
crear otras capas dentro de las que ya hemos establecido, a estas capas
tendremos que darles unos valores de tamaño dependiendo de las distintas partes
que queramos introducir dependientes de cada menú (nosotros daremos 100px -
80px en el primer desplegable, 100px - 140px en el segundo, 100px - 100px en el
tercero, 100px - 80px en el cuarto y 100px - 140px en el quinto). Para colocar
una capa dentro de otra podemos hacerlo: 1º, arrastrando como hemos hecho
anteriormente esta nueva capa dentro de la anterior, o 2º, presionando la tecla
F2 nos aparecerá la ventana "capas" donde podremos ver un esquema de
las capas que tenemos en nuestra web, cogiendo una de las capas que aparecen y
arrastrándola encima de otra mientras que presionamos la tecla
"ctrl", introduciremos la capa arrastrada dentro de la que hayamos
seleccionado.
Estas subcapas que hemos creado, que dependen de
las principales, por defecto tienen la propiedad "default" que deja
la capa visible en todo momento y nos viene bien para trabajar, pero antes de
darles un comportamiento a estas, cuando tengamos terminado por completo la
estructura de nuestro menú, deberemos cambiar este tributo "default"
de las capas secundarias (las que se encuentran dentro de las 5 capas
principales) por "hidden", que las hace invisibles, dándonos la
posibilidad de trabajar con los comportamientos haciéndolas aparecer y
desaparecer a nuestro gusto.
Dentro de estas capas secundarias introduciremos
tablas con el numero de celdas que hayamos calculado con el tamaño de cada
capa. Una vez hecho esto en todas las capas deberíamos colocar las imágenes o
las palabras de nuestro menú para poder configurar los comportamientos, ya que
si no colocamos nada dentro de las capas, estas no se verán cuando aparecen o
desaparecen por ser transparentes. Otra solución es darles un color de fondo.
El último paso para terminar nuestro menú será
dar a cada capa un comportamiento. Para eso necesitamos la ventana
comportamiento que, si no la tenemos ya a la vista, presionando la tecla F3
aparecerá. Para poder jugar con los comportamientos de "mostrar u ocultar
capa" debemos trabajar con un vinculo (estos vínculos serán las imágenes
que hemos colocado dentro de las celdas y en su defecto las palabras, para
hacer este vinculo introduciremos en el espacio reservado para los vínculos de
la ventana propiedades el símbolo "#" creando así un vínculo en
blanco, a continuación presionaremos el vinculo creado (en la parte inferior de
la página principal aparecerá el símbolo de vínculo "<a>" en
negrita) después iremos a la ventana comportamiento y presionaremos el símbolo
"+" y pincharemos en "Mostrar - Ocultar capas" y nos
aparecerá una ventana con un listado de todas las capas que tenemos creadas, lo
que tenemos que hacer es presionar la capa que se tendría que desplegar cuando
pasásemos el ratón por encima del vinculo que estamos modificando y apretar el
botón "Mostrar" y las demás capas pincharlas y ocultarlas de la misma
forma que hemos hecho antes pero en este caso apretando el botón de
"Ocultar".
