l'editing delle pagine web non è nella forma ma nella metodologia di costruzione e di pubblicazione.

Dimensione: px

Iniziare la visualizzazioe della pagina:

Download "l'editing delle pagine web non è nella forma ma nella metodologia di costruzione e di pubblicazione."

Sergio Salvi
8 anni fa
Visualizzazioni

1 CHE COS'È UNA WEB-UNIT? Web-unit è uno strumento per la costruzione di pagine web: la differenza con altri strumenti per l'editing delle pagine web non è nella forma ma nella metodologia di costruzione e di pubblicazione. Nelle pagine web la costruzione e la pubblicazione sono due fasi ben distinte: le pagine web sono costruite con programmi specifici in locale e poi vengono pubblicate (trasferite sul server che effettua il servizio di hosting) utilizzando applicazioni per il protocollo ftp. Nella web-unit le fasi di costruzione e pubblicazione non sono distinte: si costruisce e si pubblica in una sola fase utilizzando semplicemente un browser per internet (Internet Explorer, Mozilla Firefox, Opera, Konqueror...). Non servono applicazioni specifiche se non quelle installate sul host server. La consultazione delle web-units è del tutto analoga a quella delle pagine web. STRUTTURA DI UNA WEB-UNIT. La web-unit è formata da una o più pagine 1 collegate ovviamente fra loro. La pagina è suddivisa in zone 2 (1, 2,... ), la zona a sua volta è suddivisa in aree/colonne 3 (max. 4). 1. La pagina è l'intera videata, ciò che viene visualizzato sul display all'interno del browser; ogni pagina è suddivisa in zone. 2. La zona è un'area rettangolare con larghezza fissa ed altezza proporzionale agli elementi inseriti; ogni zona è suddivisa in aree/colonne. 3. L'area/colonna è l'elemento fondamentale di una pagina, lo spazio in cui inserire contenuti (testi, immagini, file, link,...). PAGINA ZONE A cura di Elio Montagna SCUOLA SECON. DI 1 GRADO GOLTIERI Pag.1/9

Nelle pagine web la costruzione e la pubblicazione sono due fasi ben distinte: le pagine web sono costruite con programmi specifici in locale e poi vengono pubblicate (trasferite sul server che

2 COME INSERIRE UNA NUOVA PAGINA IN UNA WEB-UNIT. La figura sottostante illustra una pagina vuota di una web-unit così come appare in consultazione. Per entrare in modalità editor seguire la seguente procedura: fare clic sull'icona indicata in figura appare una finestra in cui viene chiesto di inserire una password (ovviamente riservata) di editing se la password immessa è corretta appare una videata, scorrendo la quale si arriva al Pannello comandi di editazione e gestione delle pagine della UnitWeb (vedi figura) per creare una nuova pagina fare clic sulla apposita icona A cura di Elio Montagna SCUOLA SECON. DI 1 GRADO GOLTIERI Pag.2/9

password (ovviamente riservata) di editing se la password immessa è corretta appare una videata, scorrendo la quale si arriva al Pannello comandi di editazione

3 viene visualizzata quindi la seguente schermata dopo aver inserito nello spazio predefinito il numero della pagina, il titolo, l'eventuale descrizione ed i parametri di formattazione, confermare con un clic sul bottone CONFERMA DATI. COME INSERIRE LE ZONE IN NUOVA PAGINA. La zona è un'area rettangolare con larghezza fissa ed altezza proporzionale agli elementi inseriti. Fare clic sul pulsante INSERISCI ZONA IN QUESTA PAGINA A cura di Elio Montagna SCUOLA SECON. DI 1 GRADO GOLTIERI Pag.3/9

4 si accede alla schermata INSERIMENTO NUOVA ZONA A cura di Elio Montagna SCUOLA SECON. DI 1 GRADO GOLTIERI Pag.4/9

5 A questo punto è necessario fissare alcuni importanti parametri: 1. codice zona/sequenza per stabilire la posizione della zona nella pagina TIPOLOGIA 1 2. tipologia di zona per stabilire il numero di aree/colonne della zona stessa le possibili tipologie sono qui a fianco rappresentate TIPOLOGIA 2 TIPOLOGIA 2A 3. inserire in ogni area/colonna i contenuti desiderati fissando, se lo si desidera, le opzioni di formattazione TIPOLOGIA 2B TIPOLOGIA 3 TIPOLOGIA 3C TIPOLOGIA 4 CONTENUTI DELLE ARRE/COLONNE. In ogni area/colonna è possibile inserire: 1. un testo normale o html (digitandolo direttamente o con normali operazioni di copia/incolla) A cura di Elio Montagna SCUOLA SECON. DI 1 GRADO GOLTIERI Pag.5/9

inserire in ogni area/colonna i contenuti desiderati fissando, se lo si desidera, le opzioni di formattazione TIPOLOGIA 2B TIPOLOGIA 3 TIPOLOGIA 3C TIPOLOGIA 4 CONTENUTI DELLE

6 2. link ad un file (immagine, documento, filmato, altro... ): inserire il nome del file completo di estensione, aggiungere (è consigliato) un commento esplicativo; è possibile specificare un file che funga da icona di collegamento se non si desidera utilizzare l'icona standard 3. altra tipologia di link (ad un'altra UnitWeb o ad una mappa argomento o ad altra pagina della UnitWeb o ad un indirizzo Web): fare clic sulla freccina di riepilogo e selezionare il tipo di link, nell'apposito spazio inserire il codice (numero) della pagina o il codice della mappa o l'indirizzo web (avendo cura di omettere la parte iniziale o il numero di altra unitweb È sempre possibile specificare un file che funga da icona di collegamento se non si desidera utilizzare l'icona standard Al termine delle operazioni ricordarsi di confermare con un clic sul bottone CONFERMA DATI (se invece si vuole eliminare la zona, utilizzare il bottone corrispondente) Ovviamente i link ai file sono possibili solo se i file stessi sono presenti sul host server. A cura di Elio Montagna SCUOLA SECON. DI 1 GRADO GOLTIERI Pag.6/9

7 COME TRASFERIRE I FILE SUL SERVER (Uploading). Dal Pannello comandi di editazione e gestione delle pagine della UnitWeb fare clic sull'icona UPLOAD, si aprirà la finestra di dialogo (vedi figura) da qui sarà possibile scegliere i file presenti sul PC di lavoro e trasferirli (uno alla volta) al Server remoto. N.B. Alcuni importanti consigli per la gestione dei file da uploadare : non usare lettere maiuscole non lasciare spazi vuoti nel nome del file evitare accuratamente l'utilizzo (nel nome del file) di caratteri proibiti quali : ;. *? \ / curare le dimensioni dei file: più il file è voluminoso, più lenta sarà la visualizzazione delle pagine web sul computer dell'utente. A cura di Elio Montagna SCUOLA SECON. DI 1 GRADO GOLTIERI Pag.7/9

file presenti sul PC di lavoro e trasferirli (uno alla volta) al Server remoto. N.B.

8 In ogni pagina di una UnitWeb è anche possibile inserire delle zone menu: aree rettangolari in cui è possibile costruire bottoni (min.1 max.10) per collegamenti diretti ad altre UnitWeb, a mappe argomento, a indirizzi internet,... fare clic sull'icona completare il form INSERIMENTO NUOVA ZONA MENU Per la tipologia di link vedi a pag.6 di questi appunti L'item menu è semplicemente il testo che noi inseriamo e che verrà visualizzato all'interno del bottone. È consigliabile, oltre che possibile, utilizzare dei commenti (è sufficiente digitarli), da visualizzare a beneficio dell'utente quando il mouse passerà sul link. Nell'immagine sottostante è rappresentato un esempio di barra menu con 5 bottoni. A cura di Elio Montagna SCUOLA SECON. DI 1 GRADO GOLTIERI Pag.8/9

6 di questi appunti L'item menu è semplicemente il testo che noi inseriamo e che verrà visualizzato all'interno del bottone.

9 Le zone menu finora trattate sono zone a sviluppo orizzontale; è possibile utilizzare anche zone menu a sviluppo verticale inserendo nell'apposita area/colonna il listato html. Di seguito viene riportato un listato di esempio con quattro menu verticali per una zona di tipologia 3C: <table width=185 border=1 cellspacing=0 cellpadding=1 bordercolorlight=#ffffff bordercolordark=#cccccc> <tr><td height=30 bgcolor=#ffffcc> <center><a HREF='Javascript:GoPageUW("1")' TITLE='Vai a Pagina'> <font face='verdana' size=2 color=#800000> Vai a Pagina 1 </font></a></center></td></tr> <tr><td height=30 bgcolor=#ffffcc> <center><a HREF='Javascript:GoUW("ESEM1")' TITLE='Vai a Unitweb'> <font face='verdana' size=2 color=#800000> Vai UW ESEM1 </font></a></center></td></tr> <tr><td height=30 bgcolor=#ffffcc> <center><a HREF='Javascript:linksito(" TITLE='Vai a Sito'> <font face='verdana' size=2 color=#800000> Sito MAXWARE </font></a></center></td></tr> <tr><td height=30 bgcolor=#ffffcc> <center><a HREF='Javascript:linksito("pwpuw_file/-uw-puntoedu-cr149.rtf")' TITLE='Vai a File Allegato'> <font face='verdana' size=2 color=#800000> Circ_Reg-149 </font></a></center></td></tr> </table> A cura di Elio Montagna SCUOLA SECON. DI 1 GRADO GOLTIERI Pag.9/9

bordercolordark=#cccccc> <tr><td height=30 bgcolor=#ffffcc> <center><a HREF='Javascript:GoPageUW("1")' TITLE='Vai a Pagina'> <font face='verdana' size=2 color=#800000> Vai a Pagina 1

Documenti analoghi

INDICAZIONI UTILI ALL UTILIZZO NUOVA POSTA ELETTRONICA

INDICAZIONI UTILI ALL UTILIZZO NUOVA POSTA ELETTRONICA Accesso alla casella di posta Personale L accesso può avvenire o partendo dall area riservata del sito web (Intranet) selezionando Web Mail Fig. 1