StudioLine.net  >  Workshop  >  Invito "Diamanti"  >  2. Seconda parte

Tornare alla prima parte del workshop: Create un invito cartaceo

In StudioLine Web create un nuovo sito selezionando "Nuovo" dal menu "File / Sito". Nel pannello che appare selezionate "Pagina vuota" e cliccate su "Continuare" per proseguire con la procedura guidata. Alla fine si apre una pagina con sfondo bianco.

Selezionate "Sfondo" dal menu "Pagina". Per impostare il nero come colore di sfondo, cliccate sul campo "Colore unico" presente in basso nel pannello "Sfondo".

Le informazioni relative alla dimensione della pagina sono molto utili per impostare correttamente il layout. Selezionate quindi "Margini" dal menu "Vista".

Per centrare la pagina sia in orizzontale che in verticale, usate gli appositi bottoni di allineamento presenti sulla barra degli strumenti.

Selezionate l'opzione "Usare immagine come sfondo" e cliccate sul bottone "Sfogliare". Individuate l'immagine che desiderate inserire come sfondo. Quest'ultima verrà automaticamente caricata dentro il pannello.

Inserite un altro pannello aggiuntivo con il bordo nero di spessore 10 pixel.

Cliccando sul nuovo pannello con il tasto destro del mouse, aprite il pannello "Allineamento". Impostate un valore pari a 10 pixel per tutti i margini e deselezionate l'opzione "Distribuzione automatica elementi".

Selezionate i due pannelli (gatti ed immagine di sfondo). Utilizzate i bottoni "Allineamento oggetti", presenti nella barra degli strumenti, per disporre correttamente i pannelli, sia in verticale che in orizzontale.

È necessario creare un bottone "Seguente" per collegare la pagina successiva.

Inserite quindi nella pagina un nuovo pannello con lo sfondo bianco ed angoli arrotondati.

Aggiungete un nuovo oggetto di testo all'interno dell'ultimo pannello creato. Selezionate l'oggetto di testo e aprite il pannello relativo alla funzione "Link" dal menu "Strumenti".

Dal menu a tendina presente in questo pannello, selezionate "Link a sito o pagina". Cliccate sul bottone "Cercare". Potete quindi scegliere una pagina già esistente verso la quale destinare il link. In alternativa, potete sfruttare l'opzione "Creare una nuova pagina per il link".

La homepage è pronta.

Visualizzate in Internet l'invito cartaceo completo.

Nella prossima parte del workshop, imparerete come impostare l'immagine delle fiamme presente nella seconda pagina dell'invito web.

> seguente


Consiglio:
Grazie al menu "Pubblicare" potete trasferire le vostre pagine in Internet e gestirle direttamente da StudioLine Web, senza dover usare altri programmi esterni.

Per i clienti registrati mettiamo gratuitamente a disposizione 50MB di spazio web, dove potrete pubblicare i vostri contenuti!

Cliccate con il tasto destro del mouse sullo sfondo della pagina e selezionate "Inserire / Nuovo pannello" dal menu a scelta rapida che appare. Posizionate il nuovo pannello ed impostate correttamente la relativa dimensione, in modo tale che il pannello stesso rientri all'interno dello spazio definito dai margini della pagina.

Cliccate sul nuovo pannello con il tasto destro del mouse e selezionate "Impostazioni pannello". Arrotondate l'angolo in alto a sinistra e quello in basso a destra definendo un raggio pari a 33 pixel.

Salvate la pagina cliccando sull'icona a forma di floppy disc, presente sulla barra degli strumenti e aprite la pagina di stampa relativa all'invito cartaceo (es.:. potete fari riferimento anche alla lista delle ultime 10 pagine utilizzate posta sotto la barra degli strumenti).

Nella pagina di stampa selezionate tutti gli elementi presenti premendo contemporaneamente i tasti "Ctrl+A" (le immagini dei gatti, gli occhi, gli oggetti di testo) e copiateli (potete usare la combinazione di tasti "Ctrl+C"). Aprite nuovamente la pagina web ed incollate gli elementi premendo contemporaneamente i tasti "Ctrl+V".

Tenendo premuto il tasto sinistro del mouse, trascinate gli elementi incollati sul secondo pannello precedentemente creato. Verificate il corretto posizionamento degli elementi.