Introducción Web_Yulisa Chávez: Como Elaborar un Sitio Web con Dreamveaver

1. Abre Dreamweaver y crear un nuevo archivo .html. Haz clic en cualquier lugar de la página en blanco, a continuación, en la parte inferior de la pantalla, haz clic en "Propiedades de página", a continuación, cambia el color de fondo de la página.

2. Haz clic en la opción "Capa" en el "Diseño de Objetos" del menú archivo. Esto creará una capa de diseño nuevo. Arrastra la capa para crear el contorno de la barra de navegación.

3. Selecciona los límites de la nueva capa. A continuación, haz clic en el botón que se parece a un pequeño lápiz en la parte derecha de la pantalla. Esto abrirá el menú de opciones de CSS. Aquí puedes elegir un color de fondo y el borde de la capa. Elige los colores que funcionan bien con tu color de fondo.

4. Haz doble clic en la capa y escribe todos los botones de navegación de tu sitio web. Una vez hecho esto, selecciona cada uno, a continuación, escribe el .html que se vinculará en la caja de "Link" en la parte inferior de la página.

5. Crea una nueva capa para el texto, logotipo y la caja de autor, y utiliza el mismo proceso de creación de capa, bordes y relleno para diseñarlos.

6. Guarda el archivo como "template.html" una vez que has insertado el logotipo e hiciste una barra de derechos de autor. Utiliza este archivo para crear todas las otras páginas del sitio web. Inserta imágenes y texto en el cuadro de contenido que desees para cada página diferente.

Crear sitios web en Dreamweaver - Creación del sitio base

Este tutorial introductorio abarca los sitios webs de tipo relativo y su gestión orientado a los archivos y no a la carpeta raíz del sitio, esto es con una carpeta raíz relativa (que no es fija).

Cuando creamos un sitio web con un programa como Dreamweaver, no podemos hacerlo como se nos ocurra, hay un proceso que permite no equivocarnos y facilita el trabajo.

Crear un nuevo sitio en cuanto a Dreamweaver permite que gestionemos diversos sitios web al mismo tiempo y además permite actualizar en tiempo real el contenido de nuestra web en línea mediante FTP o de manera pasiva.

Para crear un sitio Web basta conque elijamos o creemos una carpeta en el sitio que crea conveniente.

Por ejemplo, Yo he creado un sitio en c:\misitio y además otra carpeta dentro llamada c:\misitio\imagenes, donde almacenaré las imágenes usadas en la plantilla.

Abrimos Dreamweaver y en el menú Sitio pulsamos en la opción Nuevo Sitio...:

Ahora en la ventana que se abre (Definición de sitio) nos vamos a la ficha Avanzada, seleccionamos Datos locales:

En la Categoría de Datos locales agregamos:

Nombre del sitio por el que será mostrado en la lista de Administrar Sitios.
Si pulsan en el ícono de la carpetita, al lado de Carpeta raíz local podrán ubicar la carpeta donde almacenaran su nuevo sitio. o escribiendo directamente la dirección en la entrada de texto.

Ahora definan la Carpeta predeterminada de imágenes, esta carpeta, dentro de la carpeta raíz, les permite enlazar a una imagen externa a la carpeta raíz local, que se copiará automáticamente a la misma, sin tener que mover ningún archivo.

En el apartado inferior están "Vínculos relativos a:" que deben estar en modoDocumento.

Regrasamos a Categorias y pulsamos en Datos remotos:
Mediante la opción Acceso podremos usar las capacidades de gestión en tiempo real de la versión web que trabajamos en nuestra PC y la que está publicada en línea (si tienen un sitio en línea). Dreamweaver tiene opciones de Gestoría FTP o superior, por lo que podremos subir o bajar archivos o actualizar sólo los archivos que tiene alguna modificación.
Los datos de FTP, Local\Red, WebDAV, sin aquellos que le da su proveedor de hosting, de momento sólo tendremos presente esta opción, por lo que la dejaremos enNinguno:

Por último, de Categorías elegimos, Servidor de prueba; este es muy importante, pues permite que usemos aplicaciones del lado del servidor como Apache directamente en el PC.

Necesario para probar webs programadas bajo lenguajes dinámicos de manera local, evitando subir archivos que pueden ser inseguros a nuestro servidor en línea.

Si instalamos un servidor en nuestra PC con Apache

Si elegimos en Modelo de servidor: PHP MySQL debido a que disponemos de un servidor instalado en nuetra PC, en Acceso seleccionen Local/Red.

Deberemos dar la dirección del servidor (Carpeta del Servidor) dentro del disco donde se guardan los sitios creados dinámicamente, si usáramos Appserv, la carpeta del servidor debería estar en C:\AppServ\www o sea; C:\AppServ\www\misitio, por lo que el Prefijo de URL sería: http://localhost/misitio/

Recordemos que salvo que se indique lo contrario el prefijo que simula un servidor como apache se realiza en la dirección interna http://localhost/ o http://127.0.0.1/ que es equivalente a la carpeta www o raíz.

Cuando se diseñe un sitio en PHP por ejemplo podremos ver contenido del lado de servidor que sólo es posible ver si tenemos instalado un Servidor Web como Apache en nuestras PC y tambiñen abriremos sesiones directamente desde el navegador al pulsarF12.

Si usted no ha entendido nada de esto último, es que de momento no lo necesita, al igual que en Datos remotos, lo dejamos como Ninguno. Sólo tome en cuente ambas opciones y úselas según su nivel de conocimientos. Las demás opciones de la listaCategoría son excluibles.

Pulse en aceptar para terminar de guardar el nuevo sitio,si ya tenia un sitio y lo agregó a la lista, se generará la cache del sitio con todos sus archivos y plantillas (si las tuviera) operando.

Ahora nos vamos a las pleca Archivos (Menú Ventana - Archivos) y en la lista veremos todos los sitios que tengamos creados

Los iconos de izquierda a derecha que controlan la ficha de Archivos son:

Conectar: Se conecta con el sitio remoto por FTP u otra ruta

Actualizar: Actualizar la vista de los archivos.

Obtener archivo: Descarga un archivo del servidor remoro

Colocar archivo: Sube un archivo al servidor remoto

Proteger archivo: Bloquea un archivo o recurso, evitando su edición.

Desproteger: Desbloquee un archivo o recurso

Sincronizar: Sincroniza versiones viejas con las de más reciente modificación en el servidor remoto.

Expandir: Muestra el contenido del servidor remoto y el local

Si damos clic derecho en cualquier carpeta del organigrama, podremos crear un carpeta nueva o archivo dentro del destino seleccionado.

Toda cambio, por ejemplo; el jalar una carpeta u archivo de posición, si está enlazado por otro documento, el programa automáticamente pedirá actualizar las páginas afectadas, evitando errores al mover archivos y que estos no encuentren los recursos que enlazan (Pulsen actualizar en tal caso):