Home page
 
 
Blupoint Help
Mappa sito
Avvertenze
Partners
 

Lezioni CAD

Esercizi CAD

Multimedia

Powerpoint

Siti Web

Modellistica

Tecnologie TIC

Didattica

 
Collaboratori
Links utili
Links CAD

Download

Lavoro
Gallerie

Help!

 

 

      Creare siti web

 

Giorgio Rossetti

 

 Sito web 2: Creazione in Wisiwig

 

 

n

 

 

I programmi WISIWYG (What You See Is What You Get) come Dreamweaver o Frontpage sono di grande aiuto per realizzare la struttura delle pagine Web e successivamente sono l’ideale per prendersi cura dell’intera struttura del sito e dei collegamenti tra le varie sezioni.

In pratica si crea sul disco fisso un duplicato del sito e, quando arriva il momento di pubblicarlo in Rete, è sufficiente copiare i file e le cartelle sullo spazio Web prescelto senza modificare nomi e riferimenti.

Iniziamo a lavorare con Dreamweaver aprendo il menu Sito. Scegliamo la voce Nuovo sito e compiliamo i campi proposti inserendo il nome del sito, la cartella del disco fisso in cui salvare i file e quella in cui l’applicazione deve cercare le immagini. Spostiamoci nel menu Layout mappa del sito e inseriamo il nome index.html per la pagina principale. Il file ancora non esiste e l’applicazione chiede quindi se vogliamo crearne uno nuovo.

Da questo momento possiamo gestire le pagine dal menu nella parte destra dello schermo. È prevista la visualizzazione dei file tramite una “struttura ad albero” o attraverso una “mappa grafica” molto comoda per stabilire i collegamenti tra le pagine. La pagina principale, cioè l’ homepage , viene ricercata automaticamente dall’applicazione che gestisce lo spazio Web sul quale pubblichiamo il sito. Per questa ragione, a meno di impegnative modifiche al programma di gestione, assegniamo sempre il nome standard index.html alla pagina in questione. Siano invece liberi di scegliere per gli altri documenti il nome che preferiamo. Tuttavia sono sempre consigliabili nomi brevi e poco complicati, senza spazi bianchi, con riferimenti diretti ai contenuti corrispondenti.

 

 

 

Struttura, tabelle e livelli:

Ogni pagina è da considerare inizialmente come un foglio bianco che ha bisogno di uno “scheletro” per sostenere e tenere in ordine gli elementi di grafica e testo. Il metodo più efficace per ideare questa struttura è ricorrere a una precisa intelaiatura di tabelle. Si tratta di oggetti che, all’interno delle pagine, consentono di sistemare facilmente l’impaginazione. La flessibilità è enorme: possiamo incastonare numerose tabelle l’una dentro l’altra e stabilire le dimensioni di una singola cella.

In pochi passaggi le fondamenta della pagina prendono forma per accogliere le immagini e i contenuti. I documenti successivi ereditano gli elementi comuni del sistema di navigazione scelto e variano solo i contenuti nel corpo della pagina.

I Livelli sono elementi speciali molto utili che, pur facendo parte della pagina Web, sono esenti dalle regole di impaginazione stabilite. Essi sono, infatti, “strutture” (che possono contenere immagini e testi tridimensionabili a piacere) non dipendenti dagli elementi sottostanti. Con Dreamweaver si possono creare facilmente nuovi livelli tramite il menu Inserisci. L’uso dei livelli è molto efficace e versatile, però può creare qualche problema a seconda del browser in uso. Il medesimo documento visualizzato con varie  versioni di browser può, infatti, sistemare i livelli in posizioni diverse da quelle previste.

 

 

 

I testi:

Capita spesso di visitare un sito leggendone solo i titoli e le introduzioni. Ecco perché un’attenta distribuzione di titoli, sottotitoli, caratteri in neretto e spazi bianchi è importante. Inseriamo sempre un titolo chiaro per ogni paragrafo. Se necessario prevediamo un sottotitolo ed evidenziamo le parole principali col neretto o il corsivo.

Le pagine con un tema comune devono avere lo stesso carattere di scrittura ed una struttura uniforme, senza cadere, ovviamente, nella piattezza.

I testi devono essere brevi, chiari e sintetici, perché la lettura sul video è più lenta e difficoltosa rispetto alle pagine stampate.

 

 

 

I collegamenti:

La brevità dei testi delle pagine Web può apparire un ostacolo per esplorare con precisione tutti i dettagli di un argomento. Risulta però compensata dalla più utile caratteristica della comunicazione attraverso Internet: i collegamenti o link inseriti negli ipertesti. I link permettono di superare i limiti della comunicazione affidata alla carta stampata sfruttando le potenzialità di un discorso che si sviluppa lungo un percorso guidato su più livelli. Un ipertesto è un documento “ragionato”, in cui chi scrive tenta di costruire il miglior percorso possibile di lettura per una ragione ben precisa.

I termini devono essere di facile comprensione e allo stesso tempo incisivi per fornire un’idea chiara di cosa contiene la pagina collegata. Un utile accorgimento per trovare lo stile di scrittura ideale è esercitare una navigazione “critica”, ovvero analizzare i nostri siti preferiti tramite domande attive sul messaggio e sul percorso utilizzato.

 

 

 

Con FrontPage:  

 

 

Lanciato Frontpage, inizialmente viene visualizzata solo una pagina bianca e una barra degli strumenti. Per iniziare a realizzare una pubblicazione per il Web dovete innanzitutto creare un Web.

Con l’aiuto del Wizard di Frontpage si può creare l’insieme delle strutture di base. Selezionare nell’ordine i comandi File> Nuovo >Web . Nella successiva finestra di dialogo si possono scegliere diverse pre impostazioni di siti web, le scelte effettuabili sono molteplici e dipendono dalle varie esigenze. Indipendentemente dalla scelta effettuata, il Wizard del programma, permetterà, con pochi passaggi ed entro un tempo relativamente limitato, di elaborare tutte le pagine del sito vivacizzandole poi nella maniera preferite.

Uno dei punti di forza di Frontpage è rappresentato dalle diverse modalità con cui si può mantenere, comunque, una chiara visione d’insieme anche delle creazioni per il Web più ricche ed elaborate.

Nella modalità di visualizzazione Page si possono elaborare le singole pagine, con quella denominata Folder vengono segnalati i contenuti delle cartelle, nella modalità Report invece viene fornita tutta una serie di informazioni inerenti il numero, la tipologia e le dimensioni di ciascun file utilizzato dal vostro sito web. Navigation consente invece di prende revisione della mappa di navigablità del vostro sito. Con Hyperlinks si controllano e verificano i link tra le varie pagine.  L’opzione Task consente, infine, di visualizzare l’elenco attività necessario per eseguire il completamento e la manutenzione del sito.

Le opzioni appena viste possono comunque essere raggiunte in modo alternativo dal menu View.

 
 

 

Creare i testi:

Creare dei testi per le vostre pubblicazioni sul web è molto semplice: si possono copiare i contenuti sulle pagine attraverso gli appunti oppure creare direttamente il testo in Frontpage. Questo testo può essere formattato nella maniera più opportuna, ma comunque è bene non utilizzare caratteri particolari, perché i visitatori del vostro sito potrebbero non averli a disposizione sul loro computer.

Per quanto riguarda la grandezza del carattere essa può essere modificata per gradi, infatti, in Frontpage la dimensione non viene espressa in punti, come accade per con Word, ma attraverso una serie definita di livelli: il primo corrisponde a 8 e il settimo a 36 punti.

Per far sì che i testi richiamino l’attenzione del lettore si può ricorrere ad alcuni stratagemmi. Si può, ad esempio, creare una scritta scorrevole: comandi Insert>Componente Marque ed inserire nella successiva finestra di dialogo una testo a scelta.

Un’altra possibilità è quella di formattare il testo con delle proprietà dinamiche: andando a selezionare la voce Dinamic Html Effect del menu Format, Frontpage mette a disposizione un’apposita serie di funzioni aggiuntive.

 
 

 

Le immagini:

Le immagini sono fondamentali per conquistarsi l’attenzione dei navigatori, ma non bisogna esagerare, perché altrimenti si rischia l’effetto opposto. Per quanto riguarda il loro concreto inserimento nelle pagine, si può procedere in diversi modi e, ove già realizzate in precedenza, basta selezionare il comando Insert > Picture .

Per inserire i file d’immagine già salvati si deve però prima di tutto visualizzare, col comando View > Reports > All Files, una finestra in cui vengono elencati tutti i componenti del sito. Con l’aiuto di Gestione Risorse, si individuano le immagini memorizzate sul disco fisso e si trascinano con il mouse nella finestra di riepilogo che avete preparato in precedenza, rilasciandole nella cartella Images. A questo punto, per inserire le immagini nelle pagine basta selezionare il menu Insert > Pictures.

 
 

 

Collegamenti e link:

I link rappresentano il cuore di una moderna homepage. Si possono utilizzare per saltare da una parte all’altra della pagina attiva, per passare ad un’altra pagina oppure anche per raggiungere un altro sito sul Web.

Per inserire un link basta usare il comando Insert > Hyperlink o utilizzare la combinazione [Ctrl + K]: in questo si inserisce un segnalibro e Frontpage permette di indicare direttamente l’indirizzo Web cui collegarsi o di andare a cercare direttamente la pagina sulla Rete. Come segnaposto del link si può usare anche di un’immagine: basta selezionarla, fare un clic su di essa con il tasto destro del mouse e, nel menù contestuale, scegliere il comando Hyperlink, inserendo poi l’indirizzo. Per raggiungere la destinazione sul Web in seguito basta selezionare la pagina su cui si trova l’immagine link e fare clic su quest’ultima.

Con la modalità di visualizzazione Hyperlink si può creare una sorta di riepilogo in cui visualizzare tutti i link di ogni singola pagina; da qui sarà sufficiente clickare su uno di questi per essere portati direttamente là dove si vuole. E’ possibile mantenere sempre una visione generale del sito anche in presenza di numerosi link.

 

 

 

Le tabelle:

Come detto, le tabelle vengono utilizzate molto spesso, poiché permettono di strutturare in maniera più razionale il contenuto delle pagine Web. Selezionando i comandi Table > Insert Table  viene visualizzata un’apposita barra di tasti funzione che permette di creare una tabella dotata delle caratteristiche desiderate. Basta disegnare il bordo e inserite poi le colonne e le righe che occorrono, in modo da adattare la tabella alle esigenze; nelle singole celle si introce, quindi, il testo, le immagini e i link desiderati.

 

 

 

Qualche consiglio:

Usare anche l’ H.T.M.L. :

Nel caso in cui si conosca il linguaggio HTML, in Frontpage si possono inserirne i comandi direttamente da tastiera. Per visualizzare la struttura in HTML basta, infatti, selezionare la scheda posta sul bordo inferiore dello schermo. Sarà, così, possibile personalizzare ulteriormente le varie pagine.

 
Ottimizzare la home page:

Attenzione anche a non esagerare con le immagini, per non allungare eccessivamente (e senza alcun motivo) i tempi necessari per caricare il sito.

Tenere sotto controllo le attività:

Nel lavorare ad un progetto di Web, e bene tenere a mente quali sono i singoli compiti che devono essere ancora portati a termine. Nella barra degli strumenti basta selezionate la voce View>Task, per vedere, modificare o aggiungere le attività. Per farlo si apre il menu Edit > Task > Add Task, e si inserisce nell’elenco il compito nuovo che deve essere ancora realizzato. Si possono stabilire anche delle priorità. Quando parte o l'intero progetto sono terminati, si conferma il suo completamento selezionando Edit > Task > Mark as Completed .

 

 

 

 

 
Home - © - Copyright 2008 Blupoint Help by Giorgio Rossetti - Tutti i diritti riservati.