Tecnología

Inicio

Dreamweaver Tutorial para principiantes

Dreamweaver Tutorial para principiantes


Dreamweaver de Adobe es un editor de texto avanzado HyperText Markup Language (HTML) que permite crear sitios web, tanto en un sistema operativo Mac y Windows. Este programa le permite construir páginas incluso si usted no tiene experiencia en la codificación. Opciones, tales como plantillas de páginas confeccionadas y una lo que ves es lo que obtienes interfaz (WYSIWYG), le permiten agregar características a su página y ve su trabajo como usted lo está haciendo.

Instrucciones

1 Poner en marcha su programa de Dreamweaver, haciendo doble clic en este título. Dreamweaver se encuentra normalmente en la carpeta "Aplicaciones" del sistema de archivos de su ordenador.

2 Haga clic en "Nuevo" en el menú "Archivo" para crear una nueva página. Esta acción muestra la ventana "Nuevo documento" diálogo en el que se especifica qué tipo de página que está construyendo.

3 Elija la opción "Página en blanco", "Plantilla en blanco", "Página de plantilla", "Página de muestra" o "Otras opciones" para determinar qué tipo de documento que desea trabajar. Por ejemplo, si usted tiene una comprensión de HTML, seleccione la opción "Página en blanco" para trabajar con un documento en blanco. De lo contrario, seleccione "Página de plantilla" para comenzar con un archivo con formato, o elige la "Página de la Muestra" que contiene un diseño ya hecho completo con colores y gráficos.

4 Haga clic en la opción "Tipo de página" en la ventana de diálogo. Seleccione "HTML" si usted está construyendo una página web o elegir otras opciones como "JavaScript" o "XML" si desea crear un documento en el que el lenguaje de programación específico. Si ha seleccionado el tipo de página "HTML", recoger una ofrenda en la columna "Diseño" y ver la vista previa con la descripción a la derecha hasta que encuentre el diseño que desee. Haga clic en el botón "Crear" para generar el archivo.

5 Añadir contenido a la página haciendo doble clic en un área y escribiendo en el "diseño" vista de su espacio de trabajo. Dreamweaver presenta una visión "Código" que contiene todo el código de su archivo y una ventana "Diseño", que le permite editar la página para ver la apariencia del documento medida que lo modifica.

6 Seleccionar la opción "Insertar" en el menú desplegable "ventana" para que aparezca el menú "Insertar". Haga clic en un área en la vista de diseño en la que desea un elemento de página, como por ejemplo un enlace aparezca y haga clic en esta opción en la barra de "Insertar". Siga las instrucciones para añadir información como el texto y la dirección de su enlace. La función "Insertar" permite incluir elementos de página comunes como tablas, imágenes y formas.

7 Haga clic en la opción "Propiedades" en el menú "Ventana" para poner en marcha el inspector "Propiedades". Este inspector le permite asignar estilos a un área en su página. Haga clic y arrastre el puntero del ratón sobre una sección, tal como un encabezamiento de página y haga clic en un menú, como "fuente" o "Tamaño", elegir a estas características. Opcionalmente, haga clic en el botón "Propiedades de página" para seleccionar las opciones de formato, como la sombra de fondo y el color del texto, que afectan a la apariencia general de su página.

8 Haga clic en "Guardar como" en el menú "Archivo" y escriba un nombre para el archivo en el campo de texto correspondiente. Haga clic en el botón "Guardar" cuando haya terminado.