Sito web realizzato esclusivamente con l'uso di MAGIX Web Designer e non con altri software o strumenti di grafica.
6) Salvare & Pubblicare
Quando selezioni File -> Salva il tuo sito web viene salvato come un file .web di Web Designer. Questo è il
formato di lavoro di Web Designer. Per salvare i file HTML per visualizzarli in un browser devi scegliere
l'opzione di menu File -> Esporta sito web. Verrà creato un file HTML per ogni pagina del tuo sito web e
tutti i file correlati saranno posti in una cartella accanto a questa.
Publishing
Con questa versione di Web Designer abbiamo facilitato ancora di più la pubblicazione del tuo sito online.
Abbiamo incluso 500 Mbyte di spazio web (sufficiente per un sito molto grande o per più siti) grazie al
servizio hosting di MAGIX Online World. Creare un account su M.O.W. è facilissimo!
Per pubblicare il tuo sito seleziona semplicemente "File" -> "Pubblica il sito web...", oppure clicca su
questa icona sulla barra in alto:
Se preferisci, invece del servizio hosting Magix Online World, puoi pubblicare il tuo sito con qualsiasi altro
provider. Esistono centinaia di aziende che offrono questo servizio di hosting. Il processo di trasferimento
del tuo sito dall'hard disk al server web del provider che hai scelto è chiamato FTP upload (file transfer
protocol). È necessario avere i seguenti dati: il nome dell'host FTP, username e password. Una volta
impostati questi dati, puoi usare l'opzione Pubblica.
Congratulazioni! Il tuo sito è online e visibile in tutto il mondo.
Noterai poi che una volta pubblicato il sito, effettuare modifiche sarà facilissimo e veloce grazie alla
funzione di ottimizzata di pubblicazione offerta da Web Designer: verranno pubblicate infatti solo le parti
modificate e non tutti i file che compongono il tuo sito.
--- Fine ---
Nelle sezioni seguenti vengono descritte altre funzioni:
Pop-ups
Creare pop-up con Web Designer è molto semplice. Si tratta di finestre che si aprono
automaticamente quando si clicca oppure quando si passa semplicemente con il
mouse sopra link, un pulsante o su una foto.
Per aggiungere un effetto di pop-up ad una foto semplice, clicca con il tasto destro del
mouse e seleziona la voce Proprietà Web, quindi seleziona la scheda Immagine e spunta la casella "pop-
up".
But pop-ups can be a lot more complex than that. Here are some examples. In the web browser preview of
this page, move the mouse pointer over the peacock picture, or questa pagina, il puntatore del mouse si
muove sopra la foto del pavone o sul testo oppure sul pulsante.
Questo esempio è abbastanza complesso poiché comprende pop-up multipli con sfondi sfumati, ma ti
mostra cosa è possibile fare usando il layer con effetto di transizione sfumata.
Questi 5 pulsanti lungo la barra degli strumenti in alto permettono l'accesso alle principali funzioni di
MAGIX Web Designer. Due di questi dispongono di altri comandi nel menu a comparsa. Passando con il
mouse sui vari elementi vengono visualizzate informazioni a riguardo.
La foto del pavone è impostata per respingere gli oggetti (se lo trascini attraverso la pagina in Web
Designer il testo "scodinzola" tra gli oggetti). Questo usa anche un altro effetto pop-up e quindi se passi il
mouse sopra l'immagine viene visualizzato un altro layer con un effetto di fade-in e fade-out.
Barre di navigazione
Web Designer è dotato probabilmente della migliore barra di navigazione di ogni altro programma di
authoring. In alto in questa pagina ne trovi un semplice esempio e qui ancora un altro con sottomenu
(effettua un'anteprima della pagina web per provarli)
La creazione di una barra di navigazione di qualità come questa era prerogativa di abili grafici. La cosa che
rende speciale questo strumento è la facilità con cui è possibile elaborare le etichette e la modifica
automatica di tutta la grafica. La cosa che rende speciale questo strumento è la facilità con cui è possibile
elaborare le etichette e la modifica automatica di tutta la grafica. Basterà trascinare e rilasciare il design
per la barra di navigazione scelto dalla Galleria Design su una barra esistente per sostituirlo. Puoi anche
incorporare menu a comparsa con diversi effetti di animazioni e trasparenza.
La prossima pagina descrive alcune funzioni avanzate come l'integrazione di video, la ripetizione degli
oggetti su tutte le pagine e altre funzioni.
Anteprima
Link
Proprietà web
Esporta & Pubblica
Anteprima della pagina corrente
Anteprima dell'intero sito
I due pulsanti di Anteprima aprono un Browser Web che ti
consente di visualizzare esattamente l'aspetto finale del tuo
sito. Il primo pulsante apre l'anteprima solo della pagina
corrente, mentre il secondo apre quella tutte le pagine del
sito.
Se hai già esportato il tuo sito sull'hard disk con questi
pulsanti è possibile esportarlo di nuovo nello stesso
percorso.
Il pulsante link permette di impostare tutti i tipi di
collegamento di un'area di un testo, oggetti grafici o foto.
Per prima cosa seleziona l'oggetto a cui desideri
assegnare un link e poi clicca questo pulsante.
Puoi collegare siti esterni, puoi fare in modo che con il
link si apra un pop-up con una foto ingrandita (sevi
esempio a pagina 1), o aggiungere un punto di
ancoraggio nella pagina stessa o ancora creare un link
per il download di un file PDF.
Sito web
Pagina
Immagine
MouseOver
Segnaposto
FTP
Barre di navigazione
Il tasto Proprietà Web apre la finestra principale per
impostare le proprietà del sito, della pagina, immagine,
azioni di mouseover, FTP o barra di navigazione. Per
esempio, la scheda delle Proprietà Web è quella in cui
puoi impostare le parole chiave, i Google analytics
(tracking dei visitatori) e altro.
La scheda Proprietà Immagine ti consente di controllare i
pop-up delle miniature e l'ottimizzazione delle immagini.
L'icona del mouse controlla gli effetti mouse over degli
oggetti (come vedi qui).
L'ultimo pulsante apre il dialogo della barra di
navigazione per costruire e controllare le barre di
navigazione come quelle che vedi in cima ad ogni pagina
di questo sito.
Pubblica
Salva HTML
Salva JPG
Salva PNG
Questo pulsante controlla le opzioni di esportazione e
pubblicazione. Il primo pubblica il sito sul web. Il
secondo salva il sito HTML il sito sul disco locale. Gli
ultimi due servono per esportare gli oggetti
selezionati come grafiche JPG o PNG.
Questo è un layer pop-up che può contenere
ogni tipo di testo, grafica o foto. Con la
scheda Mouse Over della finestra Proprietà
Web puoi attivare un link ad un pop-up su
ogni oggetto come nell'esempio, con una
serie di animazioni e transizioni.