m







 





Ô



 
 





 

 




 




@



m
@




@






@


@


Nos ofrece una vista del resultado final no editable. A

diferencia de la vista Diseño, que nos permite editar los
elementos, esta vista nos permite interactuar con ellos, tal
como lo haríamos con el navegador.

Ô
@




@


Esta vista se emplea conjuntamente con la Vista en vivo. Divide

la pantalla como la vista Dividir, pero sin que podamos editar
el código. Lo que hace es que al seleccionar partes de la web en
la Vista en vivo, se seleccione su correspondiente código
fuente.

ara a rir siti ya efi i ay e iri irse al
e ú Siti , a la ci i istrar siti s....
selecci ar el siti e la lista e siti s y lsar s re el
t ist .

Ta ié e s tilizar el a el rc iv s, scar y
selecci ar el siti a a rir e el e ú es le a le
rc iv s.
El panel Archivos
(men Ventana K
Archivos o tecla F8)
es uno de los paneles
más importantes de
Dreamweaver, ya que
nos da acceso a los
archivo del sito.
Este cuadro se puede abrir de tres modos diferentes:

VPulsar la combinación de teclas Ctrl + J.

VHacer clic sobre el men Modificar y elegir la opción Propiedades

de la página.

VHacer clic con el botón derecho del ratón sobre el fondo de la

página. Aparecerá al final del men contextual la opción Propiedades
de la página.
Podemos personalizarlos a través del botón de la parte superior de la paleta.

Los colores pueden asignarse a través de los

botones: 


!
"#$


!

!!





% 


 
 




Ön hiperenlace, hipervínculo, o vínculo, no es más que un enlace, que al
ser pulsado lleva de una página o archivo a otra página o archivo.

Cuando creemos un enlace, lo que realmente haremos será crear una

etiqueta <a></a> que es la que en H ML se encarga de definir los enlaces.
Esto podrás observarlo en la barra de estado:
:& 

' (

Conduce al sitio en el que se encuentra el documento utilizando la ruta completa del

archivo, incluyendo el protocolo http://. Por ejemplo, http://www.aulaclic.com, o
http://www.misitio.com/pagina/pagina1.html.

:& 

 


 
)
&*(

La ubicación del archivo enlazado se toma en relación con la ubicación del la página. Es
decir, partimos de la carpeta en la que se encuentra el documento. i queremos enlazar con
una página o archivo dentro de la misma carpeta, no tenemos más que utilizar su nombre.
Por ejemplo, pagina2.htm.

: & 

 




(

Conduce a un documento situado dentro del mismo sitio que el documento actual.
omando como origen la carpeta raíz del sitio.
Para indicar la ruta relativa al sitio, precedemos la ruta de enlace por la barra /.
Ë 




Ë# +
,



%  
Men Insertar, a la opción Imagen
Existen dos formas de modificar el tamaño:

Ò Öna de ellas es, una vez seleccionada la imagen, arrastrar con el puntero
alguno de los recuadros negros que aparecen alrededor de la imagen.

Ò La otra es a través de inspector de propiedades, cambiando los campos

Ancho o Alto. Estos campos aparecerán en el inspector cuando esté
seleccionada alguna imagen.
Men Insertar, a la opción abla.
Men Insertar, H ML, Marcos.
Ö a vez selecci a arc a través el a el arc s, e e esta lecerse
s s r ie a es a través el i s ect r e r ie a es.
Crear formularios a través del men Insertar K Formulario, opción
Formulario, o desde el panel Insertar.
Para validar un formulario hay que abrir el panel de Comportamientos. Este panel se
puede abrir a través del men Ventana, opción Comportamientos, o pulsando
May s + F4. Comportamientos forma parte del panel Inspector de etiquetas.

En este panel hay que desplegar el botón y pulsar sobre la opción Validar formulario,
deberás haber seleccionado el formulario previamente.
Las películas Flash pueden insertarse en una página a través del men
Insertar K Media, opción Flash, o pulsando Ctrl + Alt + F.

ambién pueden insertarse empleando el panel Insertar en la categoría

Com n, pulsando sobre la opción WF que aparece al desplegar el men
Media.
Para insertar un archivo de audio en un documento tienes que dirigirte al men
Insertar, Medía, opción Plug-in.
Pueden ocurrir dos cosas:

i tu navegador tiene instalado el plugin necesario para reproducir el

archivo, se mostrará un control similar a este (imagen de IE8):

En cambio, si el plugin necesario no está instalado, el navegador ofrecerá la

posibilidad de hacerlo, como en esta imagen de Firefox.
Para insertar un archivo de vídeo en un documento tienes que dirigirte al
men Insertar, Medía, opción Plug-in.

Los formatos de vídeo que suelen utilizarse en Internet son el AVI, el MPEG
y el MOV.
Öna forma de crear una plantilla desde cero es a través del panel Archivos,
pestaña Activos. La pestaña Activos se puede abrir a través del men
Ventana, opción Activos.
La opción más simple, consiste en elegir una Página de plantilla al crear un
Nuevo documento.
H ML también dispone de códigos especiales para representar caracteres
especiales como pueden ser letras con acentos o no pertenecientes al alfabeto
latino internacional, signos de puntuación o tipográficos y símbolos especiales
que presenten un problema en H ML como < ó >, que podrían malinterpretarse
por el inicio de una etiqueta.

Estos códigos pueden mostrarse como un código numérico o con un nombre de

entidad. Ambos métodos son igualmente aceptables, pero ambos deberán ir
encerrados entre los símbolos & y ;.

De este modo, < se escribirá como &lt; o &#60;

Puedes abrirla a través del men Edición, opción Buscar y reemplazar, o pulsando
Ctrl + F.
Las capas pueden insertarse en una página a través del men Insertar, opción
Objeto de diseño, donde encontramos Etiqueta Div (división simple) y Div PA
(Capa con Posición Absoluta). Para lo que vamos a comentar, nos quedamos con
la segunda opción.
Lo primero que hay que hacer es asignar un ID al que afectará el comportamiento. Esto lo
podemos hacer desde el inspector de propiedades.
Después seleccionamos el objeto que activa el comportamiento, como puede ser una
imagen, un fragmento de texto, etc.
 
 ( Los selectores se pueden agrupar separados por comas
para asignarles las mismas propiedades.

  
(
Podemos obligar que un estilo sólo se aplique sobre un
elemento que esté dentro de otro.

!'


'(
Podemos establecer estilos para etiquetas
con determinados atributos definidos.

@ 


'(
Podemos aplicar estilos a etiquetas que tengan
determinado valor en un atributo.
Ò°:
 que establece la separación entre las palabras de un texto.

Ò :
 para establecer la separación entre los caracteres del texto.

Ò
 :
 establece la alineación vertical del texto. Puede tomar los valores baseline,
sub, super, top, text-top, middle, bottom, text-bottom.

Ò
: 
  indica el alto de línea del texto, igual que el resto de propiedades puedes
establecer esta altura en píxeles, ems, puntos u otras unidades.

Ò-:
 establece la alineación horizontal del texto. us valores ya te deben ser familiares:
left, right, center y justify.

Ò-:
  indica el tamaño de sangrado (o sangría) del texto, es decir la separación de la
primera línea con el borde lado izquierdo. omará valores en puntos, píxeles o ems, como
prefieras.

Ò°
:,
esta propiedad es muy til para evitar que el ancho del navegador modifique el
ancho de las líneas del texto.
Ò '. :   se utiliza para indicar si la imagen de pantalla
es fija o se desplaza con el movimiento de las barras de desplazamiento. Esta
opción se usa sobre todo para las imágenes del body.

Ò'. : indica el modo de repetición de la imagen

establecida para el fondo.

Ò'. :
 establece una imagen de fondo para el elemento.

Ò'. :  permite establecer el color de fondo. Ötiliza los

mismos códigos hexadecimales o los nombres de color que vimos en la
propiedad color del texto.

Ò'. :



permite el posicionamiento de la imagen de fondo.
VLa primera es ':°
 que indica el ancho o grosor de un borde

V':/  muestra el borde del elemento de una forma

determinada.

V':  establece en forma hexadecimal o con nombre el color

del borde de un elemento.
Haz clic en el men itio y selecciona Administrar sitios.
Para realizar una sincronización haz clic derecho sobre cualquier zona en el
panel Archivos y selecciona la opción incronizar....
ÒHaz clic en itio y luego en Administrar sitios....
Ò elecciona el sitio que quieras modificar y pulsa Editar.
Ò e abrirá el cuadro de diálogo de Definición del sitio.
Ò elecciona la pestaña Avanzada y haz clic en la categoría ervidor de pruebas.