|
Revisió i tramesa del lloc web
|
|
|
|
Verificació del lloc web
|
|
|
|
Com s'ha vist a la pràctica anterior, el lloc web és el conjunt
de pàgines html i tots els arxius que contenen.
El lloc web que heu creat a la pràctica 4 conté els elements següents:
|
|
|
|
|
|
|
|
Verificació de vincles |
|
|
|
Entre aquests arxius, ja hem establert vinculacions i enllaços. El Dreamweaver ofereix algunes opcions de verificacions sobre la web que es comenten a continuació.
Feu clic sobre el menú Sitio I Comprobar vínculos en todo el sitio. Es desplegarà la finestra Resultados, pestanya Verificador de vínculos.
Si feu clic sobre la fletxa verda situada a la part superior dreta de la finestra Resultados, podreu triar si la verificació és del document actual, de tot el lloc web o dels arxius i les carpetes prèviament seleccionats. Aquesta revisió indica si hi ha un vincle que fa una crida a una pàgina inexistent (Vínculos rotos) i si hi ha alguna pàgina sense vincle (Archivos huérfanos). Podeu anar seleccionant quina verificació es fa desplegant el camp Ver.
En cas que alguna pàgina tingui un vincle trencat, el mostrarà a la finestra de resultats de l'anàlisi i permetrà accedir-hi ràpidament per corregir l'error.
|
|
|
|
Premeu l'opció Ver I Vínculos rotos i Comprobar vínculos de todo el sitio i veureu aquesta pantalla: |
|
|
|
|
|
|
|
Ara seleccioneu Ver I Archivos huérfanos. Us trobareu amb la informació següent: |
|
|
|
|
|
|
|
Amb un doble clic, es pot accedir directament a les pàgines òrfenes per situar quines són i decidir si són correctes. En el cas actual, efectivament, és correcte que la pàgina inicial index.htm sigui òrfena, ja que és la pàgina principal i no conté cap tipus de vincle ni enllaç.
|
|
|
|
Revisió dels navegadors de destinació i validació |
|
|
|
La mateixa finestra Resultados presenta altres funcions de comprovació molt útils abans de posar les pàgines al servidor. Aquestes funcions són les de Revisión del navegador de destino i Validación.
El Dreamweaver permet la creació de pàgines web amb elements que admeten tots els navegadors (per exemple, imatges i text), i també elements que només són admesos per navegadors més recents (per exemple, estils CSS).
La funció Revisión del navegador de destino prova el codi dels documents per veure si les etiquetes, els atributs, les propietats CSS o els valors CSS del navegador o navegadors de destinació no són acceptades. Aquesta comprovació no altera el document. La informació apareix sobre tres nivells conflictius potencials: errades, advertències i missatges informatius. Fent clic sobre la icona us apareixerà una pàgina amb tota la informació.
Per la seva banda, la funció Validación us indicarà si hi ha algun tipus de problema amb les etiquetes o la sintaxi del codi de les pàgines que entrin en conflicte amb el llenguatge HTML.
Si feu aquesta comprovació amb el lloc web que heu creat, veureu el següent: |
|
|
|
|
|
|
|
Al mòdul 8 del curs trobareu més informació sobre aquestes funcions i les seves aplicacions a conceptes com són la usabilitat i l'accessibilitat.
Un cop verificat el lloc web, és el moment d'enviar-ho via FTP al servidor. |
|
|
|
Configuració de l'FTP
|
|
|
|
El Dreamweaver disposa d'una utilitat pròpia que permet fer la
transferència dels fitxers (FTP) del nostre disc al servidor sense necessitat d'un programa extern.
Per configurar l'FTP s'ha d'anar a la finestra del lloc web. Per fer-ho,
només cal seleccionar l'opció Sitio | Administrar sitios..., seleccionar el lloc cursd98 i fer clic sobre el botó Editar.
Un cop oberta la finestra d'edició del lloc
web, seleccioneu l'opció Datos remotos. A la part dreta de la finestra, al camp Acceso, hi ha una llista desplegable que en aquests moments mostra la paraula Ninguno; obriu la llista desplegable i seleccioneu FTP. |
|
|
|
|
|
|
|
Una vegada activada l'opció FTP, ompliu les dades tal com mostra la pantalla i finalment feu clic sobre el botó Aceptar: |
|
|
|
|
|
|
|
A continuació, us comentem algunes de les opcions d'aquesta finestra.
Servidor FTP |
S'ha d'omplir aquesta opció,
que permet indicar el servidor FTP. Escriviu www.xtec.net. |
Directorio
del servidor |
És el directori on es vol col·locar
el lloc web. Escriviu html o simplement / . |
Usuario |
Aquesta casella permet indicar el
nom de l'usuari/ària que connecta via FTP. Escriviu actxxxx. |
Contraseña (Guardar) |
Contrasenya de l'usuari/ària que connecta via FTP. Escriviu ctxxxx.
L'opció donarà
permís per modificar i esborrar qualsevol persona que treballi
amb el Dreamweaver a l'ordinador que s'està fent servir en
aquells moments.
|
Utilizar FTP pasivo
|
L'opció Utilizar FTP pasivo cal que estigui activada en el cas que disposeu del sistema operatiu Windows XP i del programa antivirus Panda Titanium 2005.
|
Desproteger/proteger (Permitir desproteger
y proteger archivo) |
Aquesta opció dóna permís
al Dreamweaver per protegir i desprotegir arxius del servidor. No
ha d'estar activada i normalment no convé canviar els drets
dels arxius que s'enviïn al servidor (tots desprotegits; és
a dir, tal com estan normalment). |
|
|
|
|
Recordeu que el nom d'usuari i la contrasenya són
els que us han donat per a la realització d''aquest curs.
Un cop fet això, ja es pot acceptar la configuració: l'FTP està a punt per actuar. |
|
|
|
Realització de l'FTP
|
|
|
|
La realització de l'FTP vol dir la tramesa
des de l'ordinador local (el que esteu fent servir) fins a l'ordinador
remot (el servidor FTP on es pensa posar els arxius) del conjunt d'arxius
que componen el lloc web.
Cliqueu al botó Expandir/contraer de la finestra Archivos. A continuació, feu clic sobre el botó Conectar al servidor remoto. Si totes les dades que heu introduit són correctes, es farà la connexió i apareixerà a la zona esquerra de la pantalla la configuració inicial del vostre lloc com a alumnes al servidor de la XTEC. |
|
|
|
|
|
|
|
La part esquerra de la pantalla mostra el lloc remot; és a dir,
les carpetes i els arxius del servidor.
En aquests moments, només visualitzareu la carpeta html. Si hi feu doble clic, veureu el fitxer index.htm
que ja existeix al servidor i que serveix com a pàgina inicial
del vostre espai web.
|
|
|
|
|
|
|
|
Recordeu que totes les pàgines que es posen
al servidor han d'estar situades a l'interior de la carpeta anomenada html.
Si no, no es veuran a la web. |
|
|
|
Inicieu la transferènca. Seleccioneu tots els elements situats a l'interior de la carpeta cursd98
de la zona local i arrossegueu-los a l'interior de la carpeta html de la zona remota.
|
|
|
|
|
|
|
|
Abans d'iniciar realment la transferència, probablement us apareixerà un avís preguntant-vos si voleu incloure els Archivos dependientes, és a dir, tots els arxius relacionats, siguin imatges, arxius de qualsevol tipus (so, vídeo) o fins i tot les pàgines html que estiguin relacionades per enllaços amb les seleccionades. Convé dir que no. Marqueu la casella No volver a preguntar i premeu el botó No.
Aquesta recomanació és important. Dir que sí a aquesta pregunta us pot ocasionar més d'un mal de cap a l'hora de posar els arxius al servidor alentint la transferència.
Un cop dieu que no, la transferència comença i en uns instants (en funció del tipus de connexió) les pàgines ja són al servidor.
|
|
|
|
|
|
|
|
Per tal de fer una primera comprovació de la transferència, feu doble clic sobre la carpeta m1 per veure si els arxius que havíeu elaborat estan també al servidor. |
|
|
|
|
|
|
|
Si voleu comprovar el resultat directament a Internet, ho podeu fer accedint a l'adreça:
http://www.xtec.net/~actxxxx/
Observeu que l'adreça http://www.xtec.net/~actxxxx/ mostra la pàgina index.htm que hi ha al servidor per omissió en els llocs ftp nous. Aquesta pàgina index.htm és la pàgina principal del vostre espai web.
Feta la comprovació, feu clic sobre el botó Conectar al servidor remoto per tancar la connexió FTP. |
|
|
|
|
|
|
|
|