Sitio web en
Dreamweaver
 |
| http://bit.ly/1bS6Fjl |
¿Que un sitio web en Dreamweaver?
Es la forma
de administrar todos los archivos relacionados a un sitio Web, tales como
páginas (HTML, PHP, ASP .Net, JSP, etc.), scripts (como los archivos *.js),
imágenes, videos, audio, etc. Todo controlado desde este sitio permita la
actualización interna y automática de referencias y enlaces y otras cosillas más.
Configuración
de un sitio web en Dreamweaver
Cuando trabajamos con Dreamweaver el
sitio se puede configurar antes de empezar a trabajar o al final, en el momento
de subirlo a internet por FTP. También se puede usar otro programa de FTP para
subir el sitio (como el FileZilla) y en ese caso no hace falta configurarlo en el
Dreamweaver. De todas maneras conviene hacerlo y desde el comienzo, ya que
evita cometer errores en las rutas de los enlaces y de las imágenes o estilos.
Configurar el sitio permite además cambiar los nombres a los archivos,
organizarlos en carpetas, moverlos, sin que los vínculos se rompan ya que el
programa se ocupa de actualizarlos. Estos cambios conviene hacerlos con todos
los archivos .html cerrados.
Nota: Para definir
un sitio de Dreamweaver, sólo tiene que configurar una carpeta local. Sin
embargo, para transferir archivos a un servidor Web o desarrollar aplicaciones
Web, también debe añadir datos para un sitio remoto y un servidor de prueba.
Un sitio de
Dreamweaver consta de un máximo de tres partes o carpetas, según el entorno de
desarrollo y el tipo de sitio Web que se desarrolle:
Primero debes
crear tu carpeta (en realidad esto podría hacer durante la propia configuración
del sitio), y como solo hablamos de un sitio que se ejecuta en la misma PC del
visitante (del lado del cliente) podrá ir en cualquier lugar de tu disco. Para
este ejercicio, en “Mis documentos” tengo el directorio “primeraweb” (desde ya
habitúate a no usar caracteres especiales ni espacios en blanco en archivos ni
en carpetas).
Luego de
ejecutar Dreamweaver, nos vamos al menú Sitio, clic en Nuevo sitio…
 |
| http://bit.ly/MOJFwj |
En la parte
superior de este diálogo, tenemos dos pestañas o páginas, y por defecto
trabajaremos en la primera, nombrada “Básicas”, ingresa un nombre para
identificar el sitio, aunque no es necesario, le pondré el mismo nombre que la
carpeta, y ¿La dirección HTTP? Si lo tienes, ingresa la dirección de tu carpeta
raíz remota (algo así como http://misitio.com/ventas) o en caso contrario la dejamos en
blanco, clic en siguiente:
 |
| http://bit.ly/1k12Lg9 |
No usaremos
un servidor externo para interpretar nuestras páginas (lado del servidor), todo
será directamente interpretado en el navegador del usuario (lado del cliente),
dajamos marcada la opción “No”, clic en siguiente.
 |
| http://bit.ly/LpfBWi |
Dos cosas a
hacer:
1. Cómo trabajaremos con los archivos, de forma
local en nuestra PC o directamente editamos en nuestro servidor en la Web que
en este ejemplo no aplica, aún si tuviéramos un servidor Web en la mayoría de
los casos será mejor usar la primera opción.
2. El lugar en donde almacenaremos nuestros
archivos será la carpeta que previamente hemos creado para ese propósito (si no
hemos creado la carpeta, ahora es el momento).
Asegúrate que
en la ruta seleccionada se incluye el nombre de tu directorio, escríbelo si
fuese necesario, y siguiente.
No usaremos
servidor remoto, usamos “Ninguno” y siguiente:
Tendremos a
la vista un resumen de las opciones configuradas apuntando a tu carpeta, clic
en “Completado”.
Hasta aquí
hemos terminado de configurar el sitio, lo hallarás en el panel “Archivos”
pestaña “Archivos” (menú Ventana, opción Archivos, o usa la tecla F8), como la
carpeta está vacía tenemos un sitio vacío.
 |
| http://bit.ly/1cKQxUU |
Agregando Elementos
A nuestro
sitio podemos agregar distintos tipos de elementos, usando el “Explorador de
archivos” de Windows podríamos mover allí, o copiar (imágenes por ejemplo),
pero, para agregar archivos de texto, sobre tu carpeta de sitio abre el menú contextual
(botón derecho del mouse) y tienes entre otras opciones:
- Nuevo archivo
- Nueva carpeta
El nuevo
archivo o carpeta se llamará “untitled”, sencillamente escribe el nuevo nombre
(para los archivos no olvides la extensión) y pulsa “Intro”, para renombrar
primero seleccionas con un clic, luego le das otro clic (no es doble clic) y
escribe el nuevo nombre.
El botón con
forma de flecha girando en esta ventana te servirá para refrescar la vista de
contenido en tu sitio, con doble clic abres el archivo en el área de trabajo, y
para cargar tu trabajo en un navegador Web pulsas la tecla F12.
Editar
opciones de tu sitio web
En ocasiones
necesitaremos modificar algunas opciones de nuestro sitio, sea por que
cometimos un error (seleccionamos mal una carpeta, escribimos mal un nombre,
etc.) o por cambios en las circunstancias (contrate un servidor Web, cambio mi
dirección HTTP, etc.).
Para editar
un sitio, nos vamos al menú Sitio, clic en “Administrar sitios…”:
Tendremos a
la vista un listado de todos los sitios creados, selecciona el que necesites
modificar, clic en “Editar”:
Aspectos báscicos de la estructura de carpetas locales y remotas
Cuando desee
utilizar Dreamweaver para conectar con una carpeta remota, deberá especificar
la carpeta remota en la categoría Servidores del cuadro de diálogo
Configuración del sitio. La carpeta remota que especifique (también conocida
como “directorio del servidor”) deberá corresponder a la carpeta raíz local del
sitio de Dreamweaver. (La carpeta raíz local es la carpeta de nivel superior
del sitio de Dreamweaver.) Las carpetas remotas, al igual que las carpetas
locales, pueden tener cualquier nombre, aunque los proveedores de acceso a
Internet (ISP) suelen denominar las carpetas remotas de nivel superior para
cuentas de usuarios individuales public_html, pub_html o algo similar. Si es
usted el responsable de su propio servidor remoto y puede asignar a la carpeta
remota el nombre que desee, es recomendable que asigne el mismo nombre a la
carpeta raíz local y la carpeta remota.
El siguiente
ejemplo muestra una carpeta raíz local de ejemplo a la izquierda y una carpeta
remota de ejemplo a la derecha. La carpeta raíz local del equipo local está
asignada directamente a la carpeta remota del servidor Web, en lugar de a una
subcarpeta de la carpeta remota o a una carpeta que se encuentre por encima de
la carpeta remota en la estructura de directorios.
 |
| http://adobe.ly/1fmTKYQ |
Nota:
El ejemplo anterior muestra una
carpeta raíz local en el equipo local y una carpeta remota de nivel superior en
el servidor Web remoto. Sin embargo, si mantiene varios sitios de Dreamweaver
en su equipo local, necesitará el mismo número de carpetas remotas en el
servidor remoto. En este caso, el ejemplo anterior no resultaría aplicable, ya
que debería crear carpetas remotas diferentes dentro de la carpeta public_html
y luego las asignarlas a las correspondientes carpetas raíz locales del equipo
local.
Al establecer inicialmente una conexión
remota, la carpeta remota del servidor Web suele estar vacía. Posteriormente,
al utilizar Dreamweaver para cargar todos los archivos de la carpeta raíz
local, la carpeta remota se llena con todos los archivos Web. La estructura de
directorios de la carpeta remota y la carpeta raíz local siempre debe ser la
misma. (Es decir, siempre debe existir una correspondencia uno a uno entre los
archivos y carpetas de la carpeta raíz local y los archivos y carpetas de la
carpeta remota.) Si la estructura de la carpeta remota no coincide con la de la
carpeta raíz local, Dreamweaver cargará los archivos en un lugar incorrecto y los
visitantes del sitio no podrán verlos. Además, las rutas de imágenes y vínculos
pueden romperse fácilmente cuando las estructuras de carpetas y archivos no
están sincronizadas.
La carpeta
remota deberá haberse creado antes de que Dreamweaver intente conectar con
ella. Si no dispone de una carpeta designada como carpeta remota en el servidor
Web, créela o pida al administrador del servidor del ISP que la cree.
Bibliografía
No hay comentarios:
Publicar un comentario