HOME DREAMWEAVER
SITE'S MAP  
   
   
   
 
Llocs WEB (site- sitio) amb el Dreamweaver. --- +++

http://www.xtec.es/~jjordan/index.htm o

Entendrem com a Lloc Web, aquell espai web on podem trobar pàgines, imatges, so, o tot tipus de fitxers habituals a internet. Per exemple:

http://www.iesronda.org/professor/jjordan/ o
http://www.iesronda.org/alumne/lrizos/

Aquest espai està situat en un servidor web, dins una carpeta especial que l’administrador ens haurà reservat. No us preocupeu les dades correctes de la localització ens les facilitaran, així com els passos que haurem de fer servir per a transmetré les dades a aquest espai. ( Recordeu el que teníeu a http://www.xtec.es/~jjordan/tic/curstic/6sesf.htm)

Per exemple jjordan. Dins d’ella trobareu altra carpeta que es diu public_html (en el cas de no trobar-la l’haureu de crear). És el contingut d’aquesta carpeta el que es visualitzarà a internet, sempre que la primera plana (l’arxiu inicial el vostre espai) s’anomeni index.html

A l’IES Ronda de Lleida aquest espai el trobareu a la carpeta personal que us ha reservat l’administrador.
A l’IES Ronda, quan us connecteu per xarxa al vostre espai personal (disc dur de l’ordinador central, a la vostra carpeta personal –per exemple jjordan- només us caldrà traspassar les pàgines i tots els fitxers adjunts a ells a l’espai public_html. És clar, haureu de parar compte amb els links i altres fitxers associats amb les planes, podriue deixar enllaços orfes... el que provocaria una mala vissió de la vostra plana a internet. A més a més, no sempre estareu connectats en xarxa amb el servidor de pàgines web, us caldrà altra eina.
Aquest és l’espai que haureu de gestionar, per tal de publicar les vostres planes a internet. Per fer-ho podeu optar per dos camins:
Parlem del FTP o File Transfrer Protocol. Alguns programes han implementat eines FTP, Dreamweaver és un d’ells però amb el concepte SITE ens ofereix quelcom més.
 
  • Definir la carpeta que contindrà tots els arxius que componen la web
  • Definir quin és l'arxiu inicial de la web

Com he dit abans, l'arxiu inicial s'haurà de dir-se index.html si publiqueu a l’IES Ronda, però si ho feu a altra lloc podria dir-se d’altra forma, dependrà del servidor, index.html, default.htm, default.html o de qualsevol altra forma que us indiquin.

Quan definim un lloc web, haurem de introduir varis paràmetres, però els més importants, són:
  • Quan activarem la finestra Activos podrem visualitzar tots els arxius, enllaços, imatges, colors i altres objectes que ja s'han fet servir a la web.
  • Gràcies a una eina especifica de Dreamweaver podrem verificar els enllaços de forma automàtica a tota la web.
  • Tanmateix podrem veure tot el mapa de la web (que és una imatge en forma d'arbre que ens permetrà navegar-hi per totes i cada una de les pàgines que componen la web).
  • Tindrem la possibilitat de posar adreces relatives de forma automàtica entre pàgines i als noms de les imatges.
  • Des del Site podrem canviar el nom d’un fitxer i tots els enllaços relatius s’actualitzaran automàticament.
El millor que podem fer sempre que treballem amb el Dreamweaver és crear un lloc web, ja que com he dit abans ens facilitarà moltes altres coses. Com quines?

Activitat

Primer de tot anirem al nostre espai en la xarxa. Tot seguit dins d’ell crearem una carpeta que es dirà webronda (recordeu 8 caràcters com a màxim, sense majúscules ni cap altra element tipogràfic...)
Dins d’aquesta carpeta crearem un fitxer que s’haurà de dir index.html
Crearem també una carpeta que es dirà imatges, altra doc i finalment altra que és dirà TREBALL ( aquesta sí que la posem en majúscules, ja que contindrà fitxers de treball i si mai per error, la passéssim a l’espai web, doncs no passaria res ja que no es visualitzaria). En aquesta darrera carpeta desarem els fitxers de treball –docs, imatges a tractar, etc.- Creeu en ella tantes subcarpetes com us facin falta.

Aquesta estructura de carpetes es facilitarà entre altres que la descarrega de pàgines web a internet sigui més ràpida –l’explicació la podeu trobar a http://www.xtec.es/~jjordan/porta/tic.htm - cosa que agrairà el visitant del nostre espai web...

Bé anem doncs a crear un lloc web.

Ara podrem anar al Dreamweaver i triar el menú Sitio.

Seleccionarem el menú Sitio>Sitio nuevo. Una altre camí per fer el mateix és: menú Sitio>Definir sitios i tot seguit cliceu el botó Nuevo.

La primera la categoria correspon a Datos locales. A la casella Nombre del sitio escriureu un nom pel lloc ( quelcom que indentifiqueu de manera rapida, en aquest cas posem Pàgina Personal a l'IES Ronda, però podrieu dir-li WEBRONDA, etc.).

A la casella Carpeta raíz local indicareu el nom de la carpeta on teniu els arxius de la vostra pàgina personal ( indiqueu la carpeta on teniu la imatge real del que voleu tenir al Servidor WEB, a l'exemple la carpeta es diu webronda ).

A la casella Dirección HTTP: escriureu el que podeu observar a la imatge. ( En el cas de que fos la pàgina d'un alumne possarieu, http://www.iesronda.org/alumne/jsentis/ ).

Tot seguit situeu-vos a la categoria Datos remotos i seleccioneu el tipus d'accès ( Acceso ) FTP

Seguidament es desplegaran altres caselles que haureu d'omplir. A la casella Servidor FTP: posareu el que teniu a la imatge.

A la casella Directorio del Servidor: escriureu /public_html/

Aquesta és la carpeta que contindrà la vostra pàgina WEB a www.iesronda.org. ( Recordeu el primer cop que us connecteu si no teniu creada aquesta carpeta us haureu de connectar posant només una /, tot seguit creareu la carpeta i us desconnectareu i seguireu el pas indicat anteriorment).

A la casella Conectar heu d'escriure el vostre identificador (la vostra adreça electrònica sense @iesronda.org). Noteu que la casella Contraseña: esta buida, deixeu-la així i cada cop que us connectareu l'haureu d'escriure. Absurd? El que sembla un absurd (una mica de feina extra) haurà augmentat la seguretat. Difícilment algú podrà trobar una contrasenya que el sistema mai a enregistrat.

Deixeu la resta de caselles buides i feu clic en Aceptar. Apareixerà la següent finestra.

El Sitio ja està configurat.

Per connectar-se, haureu d'anar al menú Sitio >Conectar o prémer el botó Conecta al Servidor remoto de la barra d'eines.
Ja podem passar fitxer des de la Carpeta local al Sitio Remoto (Servidor WEB de la nostra pàgina personal). No més cal pitjar el botó del sentit de la transferència.
Un cop iniciem la transferència d’arxius ens apareixerà el següent avís, seleccionem si amb molta cura, si el que volem és transmetre amb el fitxer seleccionat tots els adjunts (imatges, sons, etc...)
Per poder treballar amb el mapa del Lloc Web, haurem de definir primer una pàgina inicial. Ho podreu fer al següent menú. Sí no ho fem ens definirà un error
  Activitat
El programa Dreamweaver ens permetrà crear carpetes al lloc local i al remot, prement amb el botó dret sobre una carpeta ja existent (per exemple la carpeta webronda).

Creeu l’estructura de la imatge. Una carpeta html pels documents web que creareu, altre imatges per les imatges, altre doc pels documents de recolzament emprats en l’elaboració de la vostra activitat, altra TREBALL pels documents, imatges, sons, que cercareu a internet, etc.

Ara ja esteu preparat per començar a treballar amb el Dreamweaver.

  --- +++
  by Jordi Jordan
 
DownLoad Plug-in     JordianWeb ® © ™ Optimized Web for: IE 6.0. 1024x768 32bits.Since 19/03/2003- DownLoad Plug-in