Cómo crear una página web en Dreamweaver 8 Tutorial

by admin

Cómo crear una página web en Dreamweaver 8 Tutorial

Dreamweaver realiza gran parte de la complejidad y el conocimiento técnico de creación de sitios web. El uso de este software, puede tener un sitio web funcional en marcha y funcionando en cuestión de minutos. Todos los sitios web son una colección de archivos, y pueden incluir archivos multimedia como imágenes y música y páginas web HTML para el texto, el formato y el diseño. HTML es un lenguaje especial que se utiliza para crear páginas web, pero no es necesario tener conocimientos de HTML para crear una página web en Dreamweaver. Dreamweaver puede producir el código HTML de la manipulación del usuario de elementos del sitio web, y lo guarda como un archivo HTML para la carga.

Instrucciones

La creación de una nueva página web

1 Dreamweaver abierto 8. En la pantalla de inicio, haga clic en "Crear nueva HTML" para hacer una página web en blanco. Dreamweaver creará código esqueleto para una página web en blanco.

2 Ir a la parte superior de la pantalla y darle a su sitio web un título, como "Mi primer sitio web en DW8." Guardar la página web actual utilizando "Archivo" -> "Guardar como". Dar el archivo HTML un nombre como "index.html" y haga clic en "Guardar".

3 Haga clic en la pestaña Diseño junto al título para entrar en el modo de diseño. Este modo no tiene código HTML; representa lo que su sitio web se verá así.

4 Elige el color de su sitio web. Haga clic en la ficha Propiedades en la parte inferior de la pantalla y seleccionar "Propiedades de la página." Haga clic en el cuadro de "color de fondo" y seleccione un color para el fondo.

Creando un diseño

5 Seleccione "Insertar -> Tabla" poner un "1" en la entrada de filas, "1" en la entrada de las columnas, y "800" en la entrada "fila de la anchura" para crear una amplia mesa con una fila y una columna (un simple caja de texto). Este es el bloque de título para el sitio web. Haga clic fuera para anular su selección.

6 Insertar otra tabla. Esta vez, poner un "1" en la pestaña de filas y un "4" en la pestaña de columnas. Esto hace que un bloque de menú justo debajo del bloque de título. Haga clic fuera para anular la selección.

7 Insertar otra tabla idéntica a la que en el Paso 1. Esto crea un bloque de texto debajo del bloque de menú.

Adición de contenido

8 Añadir el encabezado de su página web. Haga clic en el bloque de título y escriba el título de su página web, por ejemplo, "Mi primera página web DW8." Resalta las palabras, y en la pestaña Propiedades de abajo para cambiar el formato "Encabezado 2." Haga clic en el botón que representa el texto centrado para centrar el título de la tabla.

9 Añadir un poco de texto a su sitio web. Haga clic en el bloque de texto e introduzca algún texto de la página, como "Bienvenido a mi página web!"

10 Añadir algunas opciones de menú para su página web. Haga clic dentro de la primera celda del bloque de menú y el tipo "primera página". A continuación, haga clic dentro de la segunda celda y tipo "segunda página", y así sucesivamente.

11 Cree una segunda página. Ir a "Archivo" -> "Nuevo". Pick "básico Page" y "HTML" de la ficha General. A continuación, haga clic en "Crear". Guarde la nueva página web como "link1.html" en la misma carpeta como "index.html".

12 Crear un hipervínculo de "índice para" vínculo1. "Tab sobre la espalda a" index.html ". Resaltar las palabras" primera página. "A continuación, haga clic en la cadena para insertar un enlace a" link1.html ".

13 Poner un enlace a "index.html" en la página "link1.html". Abrir "link1.html" y haga clic en la cadena para insertar otro enlace. Poner en "Volver a la Página Principal" en el campo de texto y "index.html" en el campo de enlace.

Consejos y advertencias

  • Con un diseño de tabla, cambiar el formato de una tabla en particular (color de fondo, etc.) sin cambiar la propia tabla. Haga clic en la tabla y vaya a la pestaña Propiedades, haga clic en "Propiedades de la tabla."
  • En cualquier momento, haga clic en el icono del globo por encima de la página de vista previa de la página web en su navegador preferido.
ETIQUETA: