Está en la página 1de 19

V Dreamweaver CS4 es un software fácil de usar que permite crear páginas

web profesionales.
V Las funciones de edición visual de Dreamweaver CS4 permiten agregar
rápidamente diseño y funcionalidad a las páginas, sin la necesidad de
programar manualmente el código HTML.
V Se puede crear tablas, editar marcos, trabajar con capas, insertar
comportamientos Java Script, etc.., de una forma muy sencilla y visual.
V Además incluye un software de cliente FTP completo, permitiendo entre
otras cosas trabajar con mapas visuales de los sitios web, actualizando el
sitio web en el servidor sin salir del programa.
V Para seguir este curso te puedes descargar la versión gratuita de
Dreamweaver desde la página de adobe, la versión caduca al cabo de 30
días, pero seguro que te dará tiempo a entenderlo y decidir si quieres
adquirir la versión completa de este fantástico programa.
V Los logotipos de Dreamweaver son propiedad de Adobe, así como las
marcas registradas Dreamweaver y Adobe. aula Clic no tiene ninguna
relación con Adobe.
V PRIMERO TIENES QUE IR A INICIO, LUAGO A TODOS LOS PROGRAMAS,
LUEGO A MACROMEDIA, LUEGO A DREAMWEAVER

V ICONO DE DREAMWEAVER
—  
Permite seleccionar un formato de párrafo ya definido para HTML

 

r   

       ^ ^ O 


 


 r O  


^ ^ O 

  



Estos botones permiten crear listas con viñetas o listas numeradas. Veremos
qué son las listas en el siguiente apartado

  
Estos dos botones permiten sangrar el texto y anular la sangría. La sangría es una
especie de margen que se establece a ambos lados del texto. En este caso los
botones se refieren a sangría a la izquierda del texto.
V Un 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.
V Es posible asignar un vínculo a un texto, a una imagen,
o a parte de una imagen.
V Cuando creemos un enlace, lo que realmente haremos
será crear una etiqueta <a></a> que es la que en
HTML se encarga de definir los enlaces. Esto podrás
observarlo en la barra de estado:
V Las imágenes son un aspecto muy importante de la
web. Ya sea como complementos a la información o
parte del diseño, la hacen mucho más atractiva a ojos
del visitante. No obstante, no conviene abusar, ya que
aumentarán mucho el tamaño final de la web.
V Existen una serie de formatos de imagen más
recomendables que otros para ser introducidos en una
página web
V Para insertar una imagen hay que dirigirse al menú
Insertar, a la opción Imagen. Después de esto, ya es
posible seleccionar una imagen a través de la nueva
ventana. Cuando te acostumbres, te será más cómodo
acceder con la combinación de teclas Ctrl + Alt + I.
[  
       

O O
   

O
  
 

 

      


 


En ese caso, la imagen que aparecerá en el navegador será


similar a ésta:
V Para insertar una tabla hay que dirigirse al menú
Insertar, a la opción Tabla
V Los marcos o  sirven para distribuir mejor los
datos de las páginas, ya que permiten mantener fijas
algunas partes, como pueden ser el logotipo y la barra
de navegación, mientras que otras sí pueden cambiar.
Además de mejorar la funcionalidad, pueden mejorar
también la apariencia.
V Las películas Flash son animaciones, cuyo archivo
tiene la extensión SWF. Es frecuente verlas en las
páginas iníciales de los sitios web, a modo de
presentación hacia los usuarios, como banners
publicitarios, como botones... Flash es el elemento
multimedia más empleado en las páginas web.
 ›  —    

     
 
    O — O  C

 

   



          
 
  O  
  
—   
  

  
V Etiquetas:
Las etiquetas consisten en poner un mismo comando entre los símbolos
< y u. La primera etiqueta indica inicio, y la segunda, que incluye el
símbolo /, indica final y se suele denominar etiqueta de cierre.
Las etiquetas disponen de atributos que permiten definir características
del elemento sobre el que actúan, incluyendo cierto código dentro de la
etiqueta.
Por ejemplo, un párrafo se inserta entre las etiquetas <p> y </p>, pero
es posible cambiar sus características predeterminadas, como puede ser
asignarle una clase de estilo CSS. Para ello, a la etiqueta de apertura
anterior habría que añadir el atributo y su valor, quedando <p
class="miclase"> y </p>.
V Las marquesinas son texto, imágenes, o una
mezcla entre texto e imágenes, que pueden
desplazarse de un lado a otro de la ventana en
forma de línea.

V Aquí vemos los códigos de una marquesina:

<marquee behavior="alternate">
Bienvenid@s a PerrosGatos <img
src="imagenes/logo_animales.gif"
alt="PerrosGatos" /> </marquee>