Vous êtes sur la page 1sur 10

El entorno de Dreamweaver

Los elementos basicos de Dreamweaver , la pantalla, las barras,


los paneles, etc.
Aprenderemos como se llaman, donde estan y para que sirven.
Tambien veremos como obtener ayuda, por si en algun momento
no sabemos como seguir trabajando. Cuando conozcamos todo
esto estaremos en disposicion de empezar a crear paginas web.

La pantalla inicial
Al arrancar Dreamweaver aparece una pantalla inicial como esta,
vamos a ver sus componentes fundamentales.
La pantalla que se muestra a continuacion , puede no coincidir
exactamente con la que ves en tu ordenador, ya que cada usuario
puede decidir que elementos quiere que se vean en cada
momento y donde.

1.

Las barras

1.La barra de la aplicacin.

La barra la aplicacion es una novedad en Dreamweaver CS4. Si


tenemos la ventana maximizada veremos todos los elementos de
la barra ocupando una sola linea, si no, ocuparan dos lineas,
como en la imagen
superior.

Los botones propios de la aplicacion,cambiar entre la vista de


diseno o codigo, acceder a las extensiones que se pueden anadir,
o al administrador
de sitios, que ya veremos.

Los mens, estn agrupados en categoras.

Al hacer clic en Insertar, por ejemplo, veremos las operaciones


relacionadas con los diferentes elementos que se pueden insertar
en Dreamweaver.

Las pestanas de documento.

La barra de estado.

Barras de herramientas.

La barra de herramientas estandar.

La barra de herramientas de documento.

La barra de herramientas de documento contiene iconos que nos


permiten cambiar entre las distintas vistas de edicion y la vista
en vivo, acceder comodamente al titulo de la pagina, o realizar
las distintas opciones de
validacion que nos ofrece el programa.

La barra de representacion de estilos.

Configurar un sitio local


En este tema vamos a ver que es un sitio web, como crearlos y
gestionarlos, y como modificar las propiedades de los
documentos, como puede ser el color de fondo.
Un sitio web es un conjunto de archivos y carpetas, relacionados
entre si, con un diseno similar o un objetivo
comun. Es necesario disenar y planificar el sitio web antes de
crear las paginas que va a contener.

Crear o editar un sitio web sin conexion a Internet

Para ello hay que dirigirse al menu Sitio, a la opcion Administrar


sitios... o directamente a Nuevo sitio.

Tanto si se elige la opcion Nuevo..., como si se elige la opcion


Editar..., se mostrara la misma ventana en la que definir o
modificar las caracteristicas del sitio.
Las opciones del sitio se agrupan en diferentes categorias que aparecen
en la parte izquierda.
Para visualizar las caracteristicas de una categoria basta con seleccionarla
de la

Abrir un sitio
Para abrir un sitio ya definido hay que dirigirse al menu Sitio, a la
opcion Administrar sitios.... seleccionar el sitio de la lista de sitios
y pulsar sobre el boton Listo.

Tambien podemos utilizar el panel Archivos, buscar y seleccionar


el sitio a abrir en el men desplegable Archivos.

Al modificar algun objeto que es referenciado por algun otro


documento, se muestra una ventana similar a esta, que indica los
documentos que hacen referencia a dicho objeto, y que pueden
ser actualizados para que no se produzcan los problemas antes
mencionados.

Comenzamos viendo las propiedades HTML

Formato:
Permite seleccionar un formato de parrafo ya definido para HTML,
que puede ser encabezado, parrafo o formato predeterminado.

Estilo:
El boton B encierra el texto en una etiqueta , que por defecto se
muestra en negrita.

Lista:
Estos botones permiten crear listas con vinetas o listas
numeradas. Veremos que son las listas en el siguiente apartado.

Sangria:
HiperenlacesVamos a ver que son los hiperenlaces, para que
sirven y como crearlos.

Tipos de referencia

Otra forma de crear un enlace es a traves del menu Insertar,


opcion Hipervinculo.

Texto: es el texto que mostrara el enlace. Si teniamos un texto


seleccionado, aparecera ahi.
Vinculo: es la pagina a la que ira redirigida el enlace, si se trata
de un enlace externo deberas escribirla dentro del sitio.

Destino : la ventana donde se abrira la pagina, este campo se


explica en el siguiente apartado.

Titulo: Se trata de la ayuda contextual del vinculo, que


aparecera al mantener un instante el cursor sobre el enlace.
Tecla de acceso: Atributo que facilita la accesibilidad a las
paginas, habilita el acceso al enlace mediante la pulsacion de la
tecla Alt mas la tecla de acceso indicada.

Indice de tabulador: Como habras podido observar puedes


saltar a traves de los enlaces pulsando la tecla Tabulador.

Imgenes
En este tema vamos a ver como insertar imagenes en un
documento.

Introduccion
Las imagenes son un aspecto muy importante de la web.

Insertar una imagen


Para insertar una imagen hay que dirigirse al menu Insertar, a la
opcion Imagen.