CREAZIONE DI UNA PAGINA DI FRONT PAGE
SVOLGIMENTO
in questo tutorial intendo creare una pagina che possa diventare una pagina del sito
Per avere un esempio davanti, vai a questo link e guarda questa pagina, la cui grafica, sarà la seconda lezione del corso di animazione
http://angelacampanella.altervista.org/arlecchino/arlecchino.htm
PREPARAZIONE
Sotto la cartella DOCUMENTI di ogni pc, c'è una cartella che si chiama WEB
In questa cartella devi creare una sottocartella che si chiama ARLECCHINO;
dentro la cartella devi mettere tutto quello che ti servirà per creare la pagina, deve stare tutto lì; per questa pagina, scarica QUI ;
Apri FRONT PAGE e clicca su pagina nuova; a destra si apriranno degli esempi che potrai scegliere: cancella la videata degli esepi premendo la X, così guadagni spazio e visuale per il tuo lavoro
Vai sotto FILE, SALVA CON NOME: scegli il percorso per arrivare a [.......]documenti/web/arlecchino e nominala pagina1 ; il tipo di file sarà il primo che ti appare: estensione .htm
Dalla barra degli strumenti, scegli l'icona di INSERISCI IMMAGINE DA FILE oppure segui il percorso dal menu a tendina; dal menu che ti appare, vai a cercare la cartella [.......]documenti/web/arlecchino e metti il cursore sulla grafica di Arlecchino, quella incorniciata; poi premi INSERISCI e ti trovi l'immagine nello sfondo, esattamente come fai per il programma Word o Outlook Express.
L'immagine viene inserita in alto a sinistra: scegli l'opzione di centrare l'immagine dalla barra degli strumenti.
Ora devi dare a questa pagina lo sfondo, la musica, il colore del testo:
clicca sul vuoto della pagina col tasto destro: ti apparirà un menu da cui devi scegliere PROPRIETA' PAGINA
Nella prima schermata, GENERALE, scegli il nome della pagina e poi vai su SUONO; qui scegli di ripeterlo continuamente e SFOGLIA per andare a trovare tutto il percorso dove hai messo il file midi: [.......]documenti/web/arlecchino/beatlesheyjude.mid; fatto, ora la pagina ha un nome ed una musica di sottofondo. Ricorda che Front Page accetta file sonori sia midi che wav
Passa alla seconda schermata FORMATTAZIONE. L'immagine che sto usando l'ho estrapolata dal tutorial Top Cuccioli, perciò vedrai la scelta di determinati colori che non sono quelli che ti servono per questa pagina: i colori devi sceglierli tu.
Essendo la scermata per il tutorial Top Cuccioli, è spuntata la casella di Immagine di Sfondo, ma questo è utile, così vedi già come fare se dovessi scegliere una trama per il tuo sfondo; non doversti fare altro che andare a cercare lo sfondo pronto, che avrai già messo nella cartellina [.......]documenti/web/arlecchino; per questa pagina ho scelto di mettere solo il colore, così impari a sceglierli.
da questa maschera puoi dare un colore di sfondo e segui lo screen. Prima premi sulla linguetta; ti apparirà la maschera e tu premi su ALTRI COLORI
Da questa maschera, devi selezionare il CONTAGOCCE; questo è uno strumento che prende una goccia di colore dalla superficie dove lo poggi e ne estrapola il CODICE ESADECIMALE del colore. Quindi non devi fare altro che cliccare col mouse sul contagocce e posizionarlo sull'arancione della cornice dell'Arlecchino.
Osserva bene il comportamento del contagocce dopo averlo cliccato: solo passando sui vari colori delle immagini, fa cambiare colore dove ti indico NUOVO e sul VALORE ESADECIMALE; purtroppo non posso farne lo screen, perchè non viene catturata come immagine questo procedimento, ma, se hai eseguito alla lettera le indicazioni, non hai problemi.
Quando hai scelto il colore, premi OK e ti ritrovi sulla maschera di partenza
Guarda come è cambiata: alla indicazione del COLORE DI SFONDO è apparso l'arancione della cornice; ora premi col mouse sulla freccia del testo e scegli ALTRI COLORI per dare un colore personalizzato al testo
Puoi scegliere il colore che vuoi, su tutti i colori che vedi nell'immagine della grafica; scegli il colore che preferisci e che sia ben visibile con lo sfondo arancione e premi OK
A questo punto, le indicazioni dello sfondo e del testo, ci sono. Premi di nuovo OK e non fare altro.
Vai sull'immagine del floppy disk della barra degli strumenti, e clicca per salvare, oppure vai su FILE e scegli SALVA
Della nostra pagina abbiamo quindi l'immagine centrale ed il suono, il colore di sfondo e di testo; il programma dà da default il carattere Times New Roma; per cambiarlo devi andare sul menu FORMATO, CARATTERE e scegliere quello di tuo gusto. Con lo stesso procedimento con cui lavori su Word o Outlook Express, scrivi il testo di una poesia e decoralo con l'animazione che ho allegato nello zip, a tuo gusto o seguendo la mia pagina, di cui ti ho lasciato il link.
Dopo la poesia, metti la tua firma e inserisci l'immagine piccola come piè di pagina.
Sotto il piè di pagina ci va la scritta SOMMARIO, che verrà collegata al resto del sito, ma questo lo vedremo in seguito.
La pagina di front page è pronta per andare sul sito; manca solo il collegamento al SOMMARIO ed è fatta.
¥¥¥
¥¥¥ 12 gennaio 2008 ©Angela Campanella ¥¥¥
¥¥¥
creato per il gruppo WordsAndTagGroup ¥¥¥
¥¥¥ qualsiasi somiglianza ad altri tutorial è del tutto casuale ¥¥¥
¥¥¥ Non copiate,
non salvate e non fate passare come vostri i miei lavori ¥¥¥
¥¥¥ RISPETTATE IL MIO LAVORO E IL MIO IMPEGNO ¥¥¥
Angela Campanella
