|
|
|
|
|
|
|
Creare siti web |
Giorgio Rossetti |
Sito web 2: Creazione in Wisiwig |
|
|
|
|
|
•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.
|
|