"Disseny, edició i publicació de planes Web"
Unitat 5:
Proveïdors remots d'espai Web.
La publicació de la plana web amb WS_FTP.
Els proveïdors remots d'espai web
Normalment els Proveidors de Serveis d'Internet (PSI) gratuits solen oferir als seus usuaris, a més de l'accés telefònic a Internet, alguns serveis bàsics d'Internet, com ara espai web, correu electrònic, xats, etc. incloent en ells pancartes de publicitat. En canvi els PSI comercials de pagament ofereixen als seus clients molts serveis d'internet, lliures de publicitat. A més existeixen empreses, que sense proveir l'acces a Internet, cedixen espai als usuaris de forma gratuita o bé comercial per poder hostatjar les seves planes web.
A més, el PIE (Projecte d'Informàtica Educativa) de la Xarxa Telemàtica Educativa de Catalunya ofereix a tots els mestres i professors de Catalunya la possibilitat de tenir plana personal, per continguts educatius. Hi ha una limitació de 5 Mb, però es pot demanar més espai si és necessari. Per demanar espai web al PIE cal estar registrat com a usuari docent (tenir correu amb ells). S'ha d'omplir el formulari de paper i transmetre'l personalment o a través de l'escola. Després d'uns dies es rebrà per correu electrònic l'adreça web assignada i la forma d'accedir a ella.
A més, hi ha moltes altres empreses que ofereixen espai web gratuït. L'espai més conegut, major i capdavanter es Geocities. La idea de Geocities es crear una ciutat virtual on les planes estan agrupades en "districtes" segons el tema de la plana o els interessos dels autors. Es pot demanar un espai de fins a 11 Mb, només omplint el formulari que es pot trobar a la seva web. Després d'omplir-lo, l'empresa ens enviarà un correu amb la confirmació de l'adreça i les contrasenyes d'accés necessàries per publicar la plana al seu servidor remot. Si en el període de 15 dies no s'ha publicat la plana personal, es perden els drets sobre l'espai i aquest queda disponible per un altra sol·licitud. Geocities també ofereix multitud de tutorials i sistemes guiats per tal de poder crear i publicar fàcilment planes personals.
Podreu trobar una relació de recursos gratuïts per treballar i publicar a Internet a aquest Informe Monogràfic de Telépolis.
També hi ha la possibilitat, molt interessant, de configurar i usar Intranets locals.
Les intranets no són altra cosa que xarxes locals sobre les que es configuren alguns dels serveis habituals a Internet, com ara el servei web o el correo electrònic. Els serveis de la Intranet només són accessibles des de la xarxa local..
Per configurar una xarxa local com a Intranet cal disposar d'un o varios ordinadors que facin de servidors i altres que facin de clients (els llocs de treball dels usuaris). Els servidors de la Intranet poden utilitzar qualsevol dels sistemes operatius habituals al mercat. Encara que si es vol configurar el sistema amb certes garanties de seguretat cal usar Windows'NT, Windows'2000, Windows'XP o Linux.
Amb Windows'98 o 'ME cal instal.lar al servidor un programa com ara "Personal Web Server" (que es pot instal.lar des del CD de Windows) que ofereix una funcionalitat bàsica per tal de redireccionar l'accés a un directori concret del servidor quan alguna màquina sol.licita del servidor algun contingut Web.
En canvi als servidors que funcionen amb Windows'NT, '2000 o 'XP (professional) cal instal.lar el programa "Internet Information Server" (que es pot instal.lar bé a l'inici de la configuració del servidor, bé en qualsevol moment des del CD del sistema operatiu).
|
||
|
||
|
La instal.lació i la gestió d'un entorn d'Intranet requereix coneixements tècnics avançats i la disponibilitat d'una xarxa local ràpida i uns ordinadors servidors potents.
La publicació de la plana web amb WS_FTP segons les dades del formulari del PIE-XTEC
Suposem que, en la unitat anterior, hem creat el nostre primer projecte web amb Word, guardant-lo dins d'una carpeta personal del nostre disc dur local (a la unitat 4 havíem previst la carpeta c:\web1xxx).
En aquest moment el pas següent es aconseguir publicar la plana web des del nostre disc dur a un servidor remot accessible per tots els usuaris d'Internet. Per traslladar els fitxers que composen la nostra plana web al servidor remot necessitem disposar d'un programa de gestió de transferències de fitxers (FTP - File Transfer Protocol). Un dels programes FTP més àmpliament utilitzats és WS_FTP (podeu trobar aquest programa aquí)
|
|
| Després d'haver descarregat el programa, cal instal·lar-lo. Després, en obrir-lo apareixerà una pantalla semblant a l'anterior. En els passos següents aprendrem a configurar i a treballar amb el programa WS_FTP. | |
|
|
Si hem demanat l'espai web al PIE, després
de dues o tres setmanes, rebrem un correu electrònic on ens comuniquen
que l'adreça de la plana web personal es: www.xtec.es/~professo A més, ens informaran de tota la resta de paràmetres tècnics necessaris per a configurar l'accés del programa FTP al directori remot de publicació de la plana personal que és: /home/professo/html La plana principal sempre s'ha de dir index.htm A continuació caldrà que configurem el programa WS_FTP segons les indicacions del PIE. El procés és simple: primer es crea la fitxa d'accés i després es mouen els fitxers des del directori local al remot. |
|
|
| La primera vegada que vulguem accedir al
nostre lloc web remot des de WS_FTP caldrà que creem una fitxa del proveïdor
remot amb les dades del lloc i les contrasenyes corresponents.
En primer lloc premerem el botó New i complimentarem els camps del formulari (a la solapa General) segons les indicacions del document del PIE, tal com es pot veure i comparar a les dues figures anteriors. Haurem de recordar el nom que assignem a la fitxa del proveïdor remot (que ha de ser única per cada espai web), en el nostre cas la fitxa es diu "Pagina Personal Web". |
|
|
|
| Encara en el procés de creació de la fitxa
del proveïdor remot, triarem la solapa Startup
i escriurem els directoris remot
on estarà hostatjada la nostra web (al PIE, el directori remot sempre
té el format següent /home/professo/html,
però a altres proveïdors gratuïts no cal assignar directori remot per
defecte) i el directori local on s'ha emmagatzemat
el nostre projecte web (seguint les indicacions de la unitat 4, la nostra
carpeta local serà c:\web1xxx). Amb això ja haurem acabat de configurar la fitxa del proveïdor, identificada com a "Pagina Personal Web". En prémer el boto Aplicar es guardarà la fitxa i en prémer el botó Aceptar s'intentarà fer la connexió al proveïdor remot web... si tot és correcte haurem de començar a rebre missatges de connexió entre la nostra màquina i la remota. |
|
|
|
| Després d'haver creat la fitxa del proveïdor,
havent tingut èxit o no en la connexió, farem un parell de canvis en
la configuració del programa que afectaran a totes les fitxes de proveïdors
registrades al WS_FTP. Només caldrà fer-los una vegada. Prement el botó Options i triant la solapa Session (cont'd), deixarem en blanc les caselles que ens indica el document del PIE. |
|
|
|
| Després, dins de la mateixa finestra, triarem la solapa Session i activarem la casella que força que tots els noms de fitxer es transmetin en minúscules. | |
|
|
| Ara ja estem en condicions de fer la connexió
o d'aprofitar la connexió anterior. Si la connexió ha tingut èxit, el
botó Connect haurà estat
substituït pel botó Close.
Si la connexió no s'ha pogut efectuar encarà serà visible el boto Connect, el premerem i triarem la
fitxa "Pagina Personal Web"
i triarem Aceptar. Després d'uns instants la connexió haurà d'haver-se establert (en cas contrari, cal revisar la configuració de tots els paràmetres). Apareixeran dues grans zones a la pantalla:
|
|
|
|
| Per moure fitxers
des del nostre ordinador al remot, només cal seleccionar-los
a la finestra de l'esquerra (la local) amb el ratolí i prémer el botó
de la fletxa que senyala cap a la dreta. Aquesta senzilla acció publicarà
els fitxers especificats des del nostre directori local al remot. També es poden baixar fitxers des d'un directori remot al local seleccionant a la finestra de la dreta (la remota) els fitxers que volem portar al nostre ordinador i prement la fletxa que senyala a l'esquerra. Aquesta acció ens portarà fitxers des del servidor remot a la nostra màquina local. |
|
| Immediatament després d'haver publicat tots els fitxers que composen la plana web al servidor remot ja es pot posar en marxa el navegador i escriure l'adreça personal assignada: hauríem de veure el que acabem de publicar, tal com ha quedat al servidor remot. | |
Solicitud d'espai web a Geocities i publicació de continguts a través de la web de Geocities-Yahoo.
Des dels inicis del boom d'Internet en l'àmbit personal, l'empresa Geocities ha ofert espai web gratuitament. En els seus inicis era un servei novedós i capdavanter que s'ha mostrat molt rendible econòmicament.
El negoci és simple: Geocities ofereix espai web gratuït als usuaris, a canvi que en les planes d'aquests aparegui una mica de publicitat, relacionada amb els temes que el mateix usuari decideix. El negoci s'obté de la publicitat.
Anys després de la seva fundació, Geocities va ser comprada per Yahoo. Avui, té representants en la majoria de paisos i portals d'accés en moltes llengües.
En la pràctica següent aprendrem a sol.licitar espai web gratuït a Geocities i a publicar i gestionar els fitxers de la nostra web.
1.
Sol·licitarem l'espai web gratuït a Geocities. Farem servir el portal d'entrada en castellà que podrem trobar a les adreces:http://www.geocities.es o béhttp://es.geocities.yahoo.com. També es podria utitlitzar el portal estandar anglès a http://www.geocities.com. |
|
| 2. Alta i registre d'usuari: quan s'hagi carregat la plana inicial de yahoo-geocities, apareixerà al centre de la pantalla un requadre molt destacat on apareix l'enllaç "Cree su sitio web". Des d'aquest enllaç es posa en marxa el procés d'alta, imprescindible per que geocities reconegui a cada usuari i li cedeixi un espai web. El primer pas per registrar-se com a usuari de Geocities és omplir el formulari que apareix immediatament després... |
|
| 3. Omplir el formulari d'alta: Cal triar un identificador prou senzil i alhora prou significatiu i únic que descrigui el contingut de la nostra plana (s'ha de pensar que l'adreça del nostre espai de Geocities serà www.es.geocities.com/identificador). La resta de camps cal omplir-los acuradament, recordant la informació introduida a cadascun, especialment els camps de contrasenya. |
|
| 4. Comprovació de dades i registre manual de l'usuari: Una vegada tots els camps del formulari estiguin adequadament cumplimentats, cal premer el botó de transmetre la informació; Geocities comprovarà que no hi hagi un altre usuari que utilitzi el mateix identificador del formulari i que la resta de camps estiguin correctament plens. Si hi ha errors ens demanarà que els correguim en un formulari especial. Si no hi ha cap error ens presentarà una plana amb un nou formulari on es pregunta sobre quin tema volem que aparegui la publicitat en la nostra plana i on es demana a l'usuari que introdueixi un codi de confirmació manual (per evitar registres automàtics) |
|
| 5. Benvinguda a Yahoo Geocities: Uns instants després d'haver enviat aquest segon formulari apareix una taula amb les dades bàsiques de l'espai web que acabem de sol.licitar: identificador, adreça de correu electrònic de contacte i adreça URL de la plana personal. A més, apareix l'enllaç "Cree su página ahora". Cal recordar l'identificador i la contrasenya de l'espai donat que se'ns demanarà normalment per gestionar l'espai web remot. |
|
| 6. Creació de la plana
personal: Yahoo Geocities ens facilita el procés
de creació de la plana personal; es pot triar entre usar un dels assistents
de creació i publicació que la mateixa plana ofereix
o bé el sistema d'administració d'arxius
a través de web. A aquesta pantalla es pot accedir prement sobre l'enllaç "Cree su página ahora" o bé des de la plana inicial de Yahoo Geocities, introduint l'intificador i la contrasenya d'usuari que acabem de demanar. |
|
| 7. Ús dels assistents d'edició de Yahoo: El sistema ens ofereix varios models de planes web i, a través de sistemes de preguntes, va construïnt la plana personal a partir del model seleccionat. El sistema publica i actualitza automàticament la plana creada a través d'aquests assistents d'edició. L'assistent proposa diversos models de planes web i simplifica la creació i la publicació. |
|
| 8. Gestió manual de
fitxers des de l'administrador d'arxius: Una de
les fases finals de la producció de qualsevol contingut web és la publicació
dels fitxers que composen l'espai web des de l'ordinador local on s'han
editat i produit al servidor remot on residirian i des d'on el usuaris
podran consultar-los. Geocities ofereix un sistema de publicació i administració
d'arxius molt potent basat en web. Es pot arribar a aquest espai des de la plana principal. |
|
| 9. Les opcions de l'administrador
d'arxius són variades: es pot crear un nou document
HTML, modificar-ne un d'existent, copiar-lo, canviar-li el nom, moure'l
o eliminar-lo. Només cal seleccionar l'arxiu amb el que es vol actuar
al servidor remot (amb la caixa de selecció de l'esquerra) i premer
el botó de l'acció que es vol ver amb aquest fitxer (per exemple, per
esborrar un fitxer de l'espai remot, cal seleccionar-lo i premer el
botó "Eliminar"). A més, l'administrador d'arxius permet publicar fàcilment els fitxers des de l'ordinador local al remot amb el botó "Cargar - carga fácil" |
 |
| 10. Publicació d'arxius: per enviar els fitxers des de l'ordinador local al remot cal premer el botó "Cargar". Llavors apareix un formulari (que pot contenir fins a 25 camps) on es pot seleccionar quins fitxers del disc dur local es volen enviar al servidor remot de Geocities. Quan es tinguin tots els arxius seleccionats als camps es poden enviar prement el botó "Cargar archivos". |
|
| 11. Estat de la transacció: a la dreta d'aquesta pantalla el sistema informarà sobre la càrrega al servidor remot. |
|
| 12. El fitxer enviat apareix a la finestra de l'administrador d'arxius remot. A partir d'aquest moment el fitxer ja es visualitzable per qualsevol ordinador d'arreu del món, només amb al condició que l'usuari conegui l'adreça URL de l'espai web i el nom del fitxer. |
 |
El procés de creació d'una plana web
|
|
| Idea: |
El motiu que ens porta a iniciar una feina
creativa, però llarga i plena de petits detalls emprenyadors. La idea és l'objectiu que ens portarà a buscar continguts, a imaginar determinades interaccions, a crear certs mèdia.  |
| Estructura i planificació: |
En aquesta fase s'intenta concretar la idea.
En general es pot estructurar els continguts partint d'un punt de partida
principal (menú) que porta a cadascun dels apartats més concrets. Dins
de cadascun d'aquests apartats és pot establir la mateixa estructura,
fins arribar a una plana concreta (tindríem una estructura o un guió
complert). Una vegada els continguts estan estructurats cal planificar i temporalitzar la generació dels continguts (textos, gràfics, imatges reals, animacions, àudio...). |
| Edició dels continguts: |
Fonamentalment, cal crear els elements gràfics
(pantalles capturades, imatges vectorials...), les imatges reals i les
animacions, segons el que s'ha previst a l'estructura (el guió). Cal buscar els continguts textuals necessaris (fons documentals o bibliogràfiques). S'han de buscar també referències web per complementar els continguts textuals o gràfics. Tots aquests continguts es poden crear, editar o emmagatzemar per separat. No obstant, és una bona idea tenir creada una carpeta al disc dur local, on s'aniran posant tots els continguts creats abans de ser integrats. |
| Integració de continguts: |
Usant un programa d'edició de planes Web,
integrarem tots els mèdia aconseguits o creats en la fase anterior.
En primer lloc cal crear una carpeta local on poder guardar els document HTML i tots els fitxes complementaris (fotos, animacions...) Els documents HTML són fonamentalment textuals, donat que inclouen els textos que apareixen a la plana i les etiquetes HTML que determinen el funcionament de la plana web (hiperenllaços externs i interns, imatges que s'han de situar en un determinat lloc, codi de javascript...). Els altres elements com ara gràfics o àudios es guardaran apart, al mateix directori del document HTML. Cal crear els enllaços als mèdia complementaris (gràfics, fotos...) de forma relativa. S'ha d'evitar que un document HTML busqui, per exemple, un gràfic a C:\web1xxx donat que aquest directori només existeix al disc dur local; al servidor remot la plana web estarà hostatjada a una carpeta diferent. Per això cal que el document HTML busqui les imatges al mateix directori on esta el document o a un altre anidat a ell, però independent de la ruta anterior. |
| Prova local: |
La prova local consisteix en veure el document
HTML a través del navegador d'Internet, però llegint-lo directament
del disc dur local. Aquesta prova ens permetrà veure si el disseny de
la plana és el correcte i tot apareix aproximadament com teníem previst. |
| Publicació al servidor remot: |
Amb el programa WS_FTP configurat adequadament,
enviarem els fitxers que composen la nostra plana web al servidor remot. Cal tenir cura d'enviar tots els documents que formen part de la web, no només del documents HTML. S'han d'enviar també tots els .JPG, .GIF, etc. que formen part de la web y que el document HTML espera trobar a un determinat lloc. |
| Prova remota: |
Aquesta prova consisteix en cridar la plana
web des del servidor remot (a poder ser des d'un ordinador diferent
del que s'ha creat la plana) i ens permetrà comprovar la velocitat de
transmissió dels mèdia incorporats i el funcionament dels enllaços relatius
als mèdia. Una plana plena d'animacions o gràfics que de forma local es veu ràpidament, de forma molt espectacular, pot trigar mols minuts a poder ser vista quan arriba des del servidor remot. Si és així cal reduir el nombre de gràfics que arrelenteixen la càrrega. Si alguna de les imatges que havien d'aparèixer no es mostra correctament, es possible que el enllaç exterior al fitxer gràfic no sigui correcte (que apunti al disc dur local o a un altre directori diferent del servidor remot). |
| Alta als buscadors: |
Per a que la nostra plana web sigui visitada
per molta gent cal que sigui coneguda. Una bona manera de fer difusió
de la nostra plana es donar-la d'alta a alguns dels buscadors més utilitzats
(www.terra.es, www.yahoo.es)
|
Demana un espai personal a Geocities i entra a l'administrador de fitxers, tal com es descriu en aquesta unitat.
Mira de configurar el programa WS_FTP per a gestionar el compte de geocities demant. Consulta el sistema d'ajuda de la web de geocities per conèixer la configuració necessària.
Utilitza aquest espai de geocities per publicar el contingut de la teva carpeta web1xxx al servidor remot de geocities, inclosa la carpeta. Quina serà l'adreça web d'aquest document HTML posat dins d'una carpeta al servidor remot si l'adreça principal d'aquest espai de geocities és la que apareix a l'apartat anterior.
Com imagines que hauria de ser l'estructura de la plana web de l'escola per a que pugessin penjar d'ella els documents HTML dels professors? Faria falta que tots els documents HTML estiguessin al mateix servidor remot?
Si tens algun dubte o vols donar solucions a les propostes
de treball pots enviar-me un e-mail.
Informació sobre HTML i recursos per a crear i publicar planes web
