Tutorial

1 Elija Archivo > Nuevo de plantilla. Aparecerá un cuadro de diálogo con las plantillas disponibles para el sitio actual. Deberá crear plantillas antes de crear documentos basados en ellas (consulte Crear plantillas). Cuando crea un documento basado en una plantilla, algunas partes del documento quedan bloqueadas para que no puedan editarse. (El archivo de plantilla determina qué partes son editables y cuáles no.) Esto garantiza la coherencia en el uso de la plantilla en múltiples documentos de un mismo sitio.

2 Seleccione una plantilla y haga clic en Seleccionar. Se creará un nuevo documento basado en la plantilla. De forma predeterminada, las partes editables del nuevo documento quedan rodeadas por un borde azul. Todo el documento queda rodeado por un borde amarillo (de forma predeterminada) para recordarle que está basado en una plantilla y que, por tanto, algunas de sus partes están bloqueadas. (Para personalizar los colores de los bordes, consulte Definir preferencias de la plantilla.) Para modificar una parte editable de la plantilla, seleccione el contenido del marcador de posición en la región editable y sobrescríbalo. En algunos casos, no hay ningún contenido de marcador de posición en la región editable; en este caso, haga clic dentro de la región editable.

Para guardar un documento:

1 Seleccione Archivo > Guardar.

2 Proporcione un nombre para el archivo y vaya hasta el lugar en el que desea guardar el archivo.

Nota: Dreamweaver añade automáticamente .htm (Windows) o .html (Macintosh) al nombre del archivo cuando aparece el cuadro de diálogo. (Puede controlar la extensión de archivo que debe añadirse utilizando una opción de las preferencias generales.) Para guardar un archivo como texto normal en Windows, asígnele la extensión de nombre de archivo .txt. Para guardar un archivo como texto normal en Macintosh, sencillamente borre .html del nombre del archivo Macintosh. (Para que Dreamweaver vea el archivo como HTML de nuevo, guárdelo otra vez con la extensión .html o .htm.) Después de guardar un archivo como texto, Dreamweaver no interpreta ningún código HTML del archivo. Cuando guarde los documentos, evite utilizar espacios y caracteres especiales en los nombres de archivos y carpetas siempre que sea posible. En concreto, no utilice caracteres especiales (como é, ç o ¥) ni signos de puntuación (como dos puntos, barras inclinadas o puntos) en los nombres de archivos que desee colocar en un servidor remoto; muchos servidores cambian estos caracteres durante la carga, lo que provoca que se rompan los vínculos existentes con los archivos. Asimismo, no comience los nombres de los archivos con números.

3 Haga clic en el botón Guardar para guardar el archivo.

25 diciembre, 2014
dreamweaver

Crear un nuevo documento basado en una plantilla con DreamWeaver

1 Elija Archivo > Nuevo de plantilla. Aparecerá un cuadro de diálogo con las plantillas disponibles para el sitio actual. Deberá crear plantillas antes de crear […]
25 diciembre, 2014
dreamweaver

Automatizar tareas con DreamWeaver

Al crear documentos, es posible que desee realizar la misma tarea muchas veces. En esta sección se explica cómo utilizar el panel Historial para automatizar tareas […]
25 diciembre, 2014
dreamweaver

Repetir Pasos con DreamWeaver

Para repetir el último paso realizado, utilice el comando Edición > Repetir, o utilice el método abreviado de teclado Control+Y (Windows) o Comando+Y (Macintosh). El nombre […]
25 diciembre, 2014
dreamweaver

Copiar y pegar pasos entre documentos

Todos los documentos abiertos tienen su propio historial de pasos. Puede copiar los pasos de un documento y pegarlos en otro. Nota: Copiar pasos (un botón […]
25 diciembre, 2014
dreamweaver

Propiedades de la página en DreamWeaver

Utilice el cuadro de diálogo Propiedades de la página para especificar diversas opciones de la página. Para abrir el cuadro de diálogo Propiedades de la página, […]
25 diciembre, 2014
dreamweaver

Bases y Planificación de un Sitio Web

Pasos en el trabajo de desarrollo Web El trabajo de desarrollo de una página Web comienza con el proceso de definición de una estrategia y unos […]
25 diciembre, 2014
dreamweaver

Introducción a la disposición en DreamWeaver

La disposición de páginas es una parte fundamental del diseño Web. El término disposición de páginas hace referencia a la apariencia de las páginas en el […]
25 diciembre, 2014
dreamweaver

Uso del refresh en DreamWeaver

Con esta opción se podrá redirigir la página actual o simplemente actualizar el documento al transcurrir cierta cantidad de segundos, regularmente está opción se usa para […]
25 diciembre, 2014
dreamweaver

Estilos en Cascada (CSS) con DreamWeaver

Los Estilos en cascada, estilos css, nos permiten controlar los parámetros de estilo para todos los documentos que forman un sitio web. Esto es así cuando […]
25 diciembre, 2014
dreamweaver

Uso básico de las capas en DreamWeaver

Las capas no son más que unos recuadros, que pueden situarse en cualquier parte de la página, en los que podemos insertar contenido HTML. Dichas capas […]
25 diciembre, 2014
dreamweaver

Área de trabajo en DreamWeaver

Pantalla inicial de Dreamweaver El área de trabajo de Dreamweaver puede adaptarse a distintas formas de trabajar y a diversos niveles de experiencia. Cuando inicie Dreamweaver, […]
25 diciembre, 2014
dreamweaver

Las plantillas en DreamWeaver

Una plantilla es una estructura en la que hay partes no editables (que no se van a poder modificar) y otras que son modificables para llenarse […]
25 diciembre, 2014
dreamweaver

Introducción a la creación de formularios con DreamWeaver

Los formularios poseen campos que son enviados a una secuencia de comandos CGI que se encuentra en el servidor para su procesamiento. Los formularios nos permiten […]
25 diciembre, 2014
dreamweaver

Adaptar web a distintas resoluciones con DreamWeaver

Siempre que se crea una página web hay que tener en cuenta que va a ser vistada por usuarios con monitores de distintos tamaños y con […]
25 diciembre, 2014
dreamweaver

Tablas en DreamWeaver

Las tablas sirven para organizar datos e imágenes en un archivo HTML. Consisten de tres elementos básicos: filas, columnas y celdas (que surgen de la intersección […]
25 diciembre, 2014
dreamweaver

Línea de Tiempo en DreamWeaver

HTML dinámico se refiere ala capacidad de cambiar el estilo o propiedades de posicionamiento por medio de un lenguaje de script. Las líneas de tiempo utilizan […]
25 diciembre, 2014
dreamweaver

Trabajando con Capas en DreamWeaver

Es difícil definir qué es una capa. Una de las formas consistiría en imaginar que es una página web dentro de otra página web. En realidad […]
25 diciembre, 2014
dreamweaver

Notas en DreamWeaver

Es una herramienta de Dreamweaver muy útil cuando el sitio se construye entre varias personas o cuando queremos realizar alguna anotación que nos sirva para el […]
25 diciembre, 2014
dreamweaver

Los Colores en DreamWeaver

A estas alturas ya hemos empleado unas cuantas veces las paletas de color del Dreamweaver. Si ninguno de estos colores nos gusta, pulsando en podemos crear […]
25 diciembre, 2014
dreamweaver

Puntos de Fijación, Anclas o Anchors, en DreamWeaver

Para colocar un enlace a otro punto de la misma página debemos primero colocar un ancla en el punto de destino del vínculo. Para ello, ubicamos […]
25 diciembre, 2014
dreamweaver

Botones Flash con DreamWeaver

Los Botones Flash al igual que las imágenes de sustitución describen un comportamiento interactivo, este comportamiento se activa al pasar el cursor del mouse encima del […]
25 diciembre, 2014
dreamweaver

La ventana de documento en DreamWeaver

En la vista de Diseño, la ventana de documento muestra el documento actual aproximadamente igual a como aparecerá en un navegador Web. La barra de título […]