Dreamweaver M1 UD13 Administracion Sitio

7/31/2019 Dreamweaver M1 UD13 Administracion Sitio

1/10

Forinsur S.L. Centro de Formacin | Manual de Usuario

Adm in is t rac in de un s i t i o

Si t i o de Dream w eaver

Un sitio web es un conjunto de archivos y carpetas, relacionados entre s,con un diseo similar o un objetivo comn.

La forma habitual de crear un sitio consiste en crear una carpeta en el discolocal. Los documentos HTML normalmente se crean dentro de dicha carpeta,mientras que para contener las imgenes, las animaciones, las hojas deestilo, etc., se deben crear nuevas carpetas dentro de sta, con el objetivode tener una mejor organizacin de los archivos a la hora de trabajar. Estoes lo que se conoce como sitio local.

Despus se podrn copiar los archivos en un servidor web, en el denominadositio remoto, lo que equivale a publicar el sitio, de modo que la gente podrverlo en Internet.

La organizacin de los archivos en un sitio permite administrar y compartirarchivos, mantener los vnculos de forma automtica, utilizar FTP paracargar el sitio local en el servidor, etc.

Es conveniente que la pgina inicial del sitio tenga el nombre index.htm oindex.html, ya que los navegadores buscan una pgina con ese nombrecuando se intenta acceder a una URL genrica.

Una vez creadas las carpetas que formarn un sitio local, ya es posibledefinir el sitio en Dreamweaver.

Para ello hay que dirigirse al men Sitio, a la opcin Administrar sitios....

Recuerda que a travs del panel Archivos, pestaa Archivos, se puedeacceder a cada uno de los sitios creados y a la opcin Administrar sitio.


2/10

Tcnico Especialista en Diseo, Animacin y Programacin Web

En el caso de haber seleccionado la opcin Administrar sitios, aparece unaventana que contiene la lista de sitios locales definidos con anterioridad.

Por supuesto, pueden existir varios sitios locales en un mismo ordenador.

Tanto si se elige la opcin Nuevo..., como si se elige la opcin Editar..., semostrar la misma ventana en la que definir las caractersticas del sitio.

Def in i endo e l s i t i o remot o

Definir un sitio remoto significa establecer una configuracin de modo que

Dreamweaver sea capaz de comunicarse directamente con un servidor en

Internet (por eso se llama remoto) y as poder trabajar a la vez con tus


3/10


archivos en el sitio local, es decir, la copia que tienes en tu ordenador, y en

el sitio remoto, colgados en el servidor, en Internet.

El modo en el que veremos que e l p rog rama se comun ica con tu

se rv ido r ser FTP, ya que es prcticamente el ms utilizado y muy pocos

utilizan otras alternativas.

Ut i l i zando FTP de D ream w eaver

Muy bien, ahora veamos los pasos que tenemos que seguir para configurar

las opciones y que Dreamweaver se pueda conectar con nuestro servidor.

Para ello deberemos modificar que creamos anteriormente.

As que haz clic en Si t io y selecciona A d m i n i s t r a r s it i o s.

Selecciona el sitio con el que quieras establecer comunicacin remota (o

crea uno nuevo para el caso) y pulsa Edi tar .

Vers que se abre el cuadro de dilogo de Def in ic in de l S i t io .

Ahora podremos escoger entre trabajar en modo bsico o avanzado.

Vamos a seleccionar la pestaa Avanzado para poder ver con ms

detenimiento las opciones que se nos ofrecen.

Una vez ests en el nuevo modo, selecciona la Categora D at o s r e m o t o s

en el listado de la izquierda.

Ahora en el desplegable Acceso selecciona el mtodo de acceso que

deber utilizar Dreamweaver para conectarse con el servidor. Como ya

hemos dicho nosotros explicaremos la opcin FTP.

Se mostrarn las siguientes opciones:


4/10


Aqu debers rellenar los datos que te facilit el servicio de hosting que

contrataste. Si no recuerdas los datos o has perdido el correo electrnico

que seguramente te enviaron, pdeles de nuevo la informacin.

Los datos que necesitrs son los siguientes:

Serv id or FTP o host es la direccin a la que se dirigir Dreamweaver para

conectarse a tu servidor ser del tipo f t p . se rv ido r . com o tambin podrs

encontrar algunas que estn formadas en forma de direccin IP (como por

ejemplo, 192 .186 .1 .1 )

En el campo Di rec to r i o de l Se rv ido r podremos establecer una carpeta

contenida en el servidor donde queramos subir las pginas.

Imagina que dentro de la estructura de carpetas del servidor remoto tienes

una que se llama pg ina y dentro de esta otra que se llame pr inc ipa l .

Podramos indicar la ruta pg ina / p r i nc ipa l para que los archivos se

subiesen directamente a esa ubicacin.


5/10


En Usuar io y Cont rasea escribe el nombre de usuario y el password

para poder conectar con el servidor. Marca la casilla Guardar si quieres

que el programa recuerde la contrasea.

Una vez introducidos estos datos puedes pulsar el botn Probar para ver

si son correctos y Dreamweaver puede crear una conexin con el servidor

remoto.

Finalmente comentaremos la opcin P e r m i t i r d e s p r o t e g e r y p r o t e g e r

a rch i vo . Esta casilla es til cuando ms de una persona est utilizando el

mismo servidor y las mismas pginas. De esta forma (como veremos ms

adelante) podrs bloquear diversos archivos para evitar que se vean

modificados por otra persona (que tambin tenga acceso al servidor)mientras t trabajas con ellos.

Si seleccionas la opcin Cargar a rch i vos en e l se rv i do r

a u t o m t i c a m e n t e a l g u a r d a r forzars a que Deamweaver suba los

archivos cada vez que los guardes. Una opcin bastante til para no olvidar

subir pequeos retoques que se vayan haciendo en el tiempo. Aunque es

una opcin un poco peligrosa porque si modificas la versin en local y te

equivocas no podrs recuperar la versin anterior que estaba almacenada

en el remoto porque se habr sobreescrito. Esta opcin tampoco es

recomendable si no tienes conexin permanente y rpida a Internet.

Una vez hayas terminado Acep ta todas las pantallas hasta volver a la vista

de trabajo y estaremos listos.

Sinc ron i zando e l s i t i o rem oto y l ocal

Esta es una de las opciones ms tiles en cuanto a Sitios Remotos.

Esta opcin permite hacer un estudio de los archivos situados en el sitio

local y remoto y establecer el modo en el que se debern copiar, borrar y

sobreescribir los archivos para conseguir un objetivo: al final de la

sincronizacin, los archivos en el sitio remoto y el sitio local deben ser

iguales.

Para realizar una sincronizacin haz clic derecho sobre cualquier zona en el

panel Arch i vos y selecciona la opcin Sincron izar . . ..

Vers que aparece un cuadro de dilogo como este:


6/10


Este es el paso ms importante en la sincronizacin, pues decidiremos de

qu modo se va a realizar.

En el desplegable Sincron izar : seleccionaremos una de las dos opciones,

Arch ivos loca les se lecc ionados so lamente o Todo e l s i t io .Dependiendo de qu opcin elijas se copiarn slo unos archivos o todos

los que forman el sitio.

En el desplegable Di recc in: estableceremos las pautas que se deben

seguir durante la sincronizacin.

Si seleccionas Co loca r a rch i vos ms nuevos en remoto cuando se

comparen ambos sitios, se sobreescribirn aquellos en el sitio remoto que

tengan una fecha de modificacin menor a la que exista en el local. Deesta forma copiars en direccin Loca l a Rem oto .

Si seleccionas la opcin Obtener a rch i vos ms nuevos de remoto se

copiarn aquellos archivos que se encuentren en el sitio remoto que

tengan una fecha de modificacin mayor que la del local. En este caso

estaremos copiando en direccin Rem ot o a Loca l.

La ltima opcin, Obtener y co loca r a rch i vos ms nuevos , se refiere a

la sincronizacin como tal. Evala los archivos en el sitio remoto y local y

copia los ms nuevos en el que contiene los ms viejos. En este caso l a

Sincron izac in es B id i recc iona l .

Marca la opcin El im in a r a rch i vos rem otos no ex i s ten t es en l a un idad

loca l si quieres que los archivos que se encuentren en el remoto que no

estn en el local se borren.

Al pulsar Vis ta prev ia . . . aparece un listado con los cambios que se van a

realizar, slo nos quedar aceptarlo.


7/10


Debido a que no todos los servidores tienen acceso FTP y que no tienes

porqu tener acceso a un servidor remoto no realizaremos ningn ejercicio

sobre este tema. Si quieres establecer una conexin con tu servidor

remoto slo tendrs que seguir los pasos explicados en la teora.

Com proband o en laces

Es interesante comprobar los enlaces.

Pulsamos Arch i vo en la barra superior.

Y seleccionamos Comprobar pgina -> Comprobar vnculos.

Es importante comprobar realmente el resultado al visitar la pgina con un

navegador. El resultado final que se visualiza depende del navegador y

puede diferir del diseo mostrado por Dreamweaver durante la elaboracin.


8/10


Para compraba la vista en el Navegador, pulsamos sobre Archivo en la barra

superior, seleccionamos Vista previa en el Navegador y elegimos el

navegador (de entre los que tenemos instalados en nuestro ordenador) o

clic en la bola del mundo del panel Documento.

Actua l i zando en laces

Si alguna vez cambiamos de sitio algn documento o imagen, etc.

Dreamweaver nos preguntar si queremos actualizarlo. Esto significa que si

un documento html muestra una imagen y cambiamos esa imagen de

ubicacin, por ejemplo si la guardamos en una nueva carpeta o en una ya

existente, el documento html no encontrara esa imagen.

Para no tener estos problemas Dreamweaver detecta que documento(s)tiene una referencia a esa imagen (ocurre igual si son vnculos) y te muestra

una ventana de dialogo pregutando si queremos actualizar los vnculos.

De esta forma Dreamweaver cambia el codigo html para que el docuemnto

pueda encontrar esa imagen.

En este caso hemos cambiado de ubicacin un documento html nlazado

previamente e n e l i n d ex . h t m l .


9/10


Buscar y reem p laza r

Para emplear esta herramienta simplemente nos dirigiremos al men

principal del programa y seleccionaremos Edicin, seguidamente elegiremos

la opcin Buscar y Reemplazar (Ctrl+F). Rellenamos los campos del cuadro

de dialogo tal cual como se indica a continuacin.

Buscar en: Sitio local actual Completo

Buscar : Etiqueta especifica a Con a t r i bu to : name = [cualquier valor]

Con a t r i bu to : id = [cualquier valor]

Acc in: Quitar atributo name

Con esta herramienta hemos modificado todos los enlaces que posean el

atributo 'name' en menos de 2 minutos, todo el proceso fue automatizado.

Chequeando com pat i b i l i dad con navegadores


10/10


Ahora, si lo que deseas es comprobar cmo se comportar tu pgina en

distintos navegadores, puedes abrir el documento en Dreamweaver y pulsar

en el botn "Comprobar soporte de navegador" junto a la barra de ttulo

para chequear.

Luego, accede al resumen en el mismo botn bajo la opcin "mostrar todos

los errores". Vers como el panel inferior nuevamente aparece para mostrar

los problemas, identificndolos segn su nivel de gravedad y el navegador al

cual afecta.

Dreamweaver M1 UD13 Administracion Sitio

Documents

Transcript of Dreamweaver M1 UD13 Administracion Sitio