Tutorial
de DreamWeaver (1)
Introducción:
En el trabajo
sobre este tutorial hemos utilizado las versiones de Dreamweaver 3 y 4
para que este tutorial sea compatible con ambas versiones. Ambas versiones
que tenemos están en inglés. Algunos de los nombres de los menús y objetos en
español los hemos obtenido del libro de Oscar Peña, para la versión 4 de
Dreamweaver supongo que los nombres no habían cambiado, pero para evitar confusiones,
cuando indiquemos algo propio para Dreamweaver 4
que no esté en Dreamweaver 3 pondremos los nombres originales en inglés
junto con nuestra traducción al castellano. En todo caso, como este
tutorial tendrá bastantes imágenes para apoyar el texto no tendrás problemas en
ubicar los menús
y objetos en tu versión de Dreamweaver en español.
No se puede
enseñar en un tutorial de pocas páginas todo lo que aprenderás de un
libro de 300 o más páginas pero después de seguir este tutorial
de Dreamweaver serás capaz de orientarte en su entorno, de diseñar
páginas sencillas y administrar tu sitio Web. Tampoco es la intención de
enseñar aquí temas avanzados como hojas de estilo, DHTML, JavaScript,
etc. Sobre este tema consulta tutoriales o libros correspondientes.
Tampoco hemos tocado el tema de las capas porque lo hemos tratado ya en el
tutorial específico:
Trabajo con capas en Dreamweaver
No se requiere
ninguna experiencia previa de Dreamweaver para seguir este tutorial pero
suponemos que sepas utilizar Windows y aplicaciones para Windows (Word o
Word Pefect por ejemplo), entiendas los términos como por ejemplo
"barra de tareas", "menú contextual", "teclas de
acceso directo", "barra de menús", "barra de
herramientas", y sepas como copiar, pegar, insertar objetos y guardar
tu trabajo.
Entorno
de trabajo en Dreamweaver y creación de una página Web:
Dreamweaver es
un editor del tipo WYSIWYG, es decir, un editor visual que permite
diseñar las páginas sin saber nada de HTML. Pero nunca está de más
tener el conocimiento de este lenguaje, los editores WYSIWYG no son
perfectos y pueden cometer errores o generar también bastante código
basura. Para esto Dreamweaver dispone también del editor HTML o permite
configurar un editor HTML externo si así lo deseamos. Para ver el código
HTML pulsamos F 10 y se abrirá la ventana del editor, en la misma ventana
tenemos el botón del editor externo para utilizar otro programa de
edición HTML.
En el
Dreamweaver 4 además podemos tener ambas vistas: código y diseño a la
vez, tienes esta opción en el menú "Ver" o puedes usar los
botones correspondientes de la barra de herramientas que están resaltados
en rojo en esta imagen:
Para crear una
nueva página utiliza el menú "Archivo" / "Nuevo".
Tienes las opciones para crear una nueva página o crear una página desde
una plantilla previa.
Para insertar
objetos ( por ejemplo, imágenes, tablas o animaciones Flash en tu página
puedes usar el menú Insertar o la ventana de objetos:
Si no la ves
utiliza el menú "Ventana" / "Objetos" o Ctr+F3.
Pulsa el link de
abajo para seguir:
Siguiente
|
