Salve, visto che sto iniziando con la creazione di Skin, per puro svago, ho deciso di farvi una guida su come creare una skin basilare (Box, navbar, bottoni & vari form) con Web Page Maker , e le sue funzionalità.
Innanzitutto, scarichiamo Web Page Maker da
Bene, ora possiamo iniziare :lookno:
Ecco come si suddividerà la guida:
-Inserimento Background (sfondo)
Abbiamo 2 modi di inserire lo sfondo.
Possiamo fare in questo modo:
Clicchiamo sul documento col tasto destro del mouse -> Proprietà
Oppure, premete il tab nella barra strumenti, e vi si aprirà esplora risorse.
_________________________________________
-Inserimento box per logo
Innanzitutto, per creare un box di qualsiasi dimensione, dovete cliccare questo tab dalla barra strumenti, dove potete scegliere anche il tipo di box, se con angoli acuti, o arrotondati (consigliato) o un box a forma di cerchio.
Ora facciamo il box per il logo, ecco un esempio fatto da me:
Per modificarne le impostazioni, dobbiamo eseguire in questo modo:
Click tasto destro-> Proprietà-> Cliccate su Color-> e poi su Fill color
Successivamente mettere i colori che più vi si addicono
Bene, il Box per il logo l'ho abbiamo fatto.
_________________________________________
-Inserimento Box principale
Facciamo un box, un po più largo del box per il logo
Modifichiamolo come ci pare.
Ora, abbiamo creato anche il box principale, dove successivamente inseriremo altri box, per una maggiore organizzazione di ciò che vorremmo mettere.
_________________________________________
-Inserimento Box secondario o più
Aggiungiamo il box secondario, in questo modo
Modifichiamolo a nostro piacimenti. :look:
In questo box, inseriremo dei form, che successivamente vi mostrerò.
_________________________________________
-Inserimento testo
Per inserire il testo, esistono 2 modi, entrambi dalla barra degli strumenti.
1° modo:
Oppure sfruttare Word Art che ci fornisce il nostro programma:
Esempio inserimento testo:
_________________________________________
-Inserimento bottoni / Tab
Per bottoni o Tab, io intendo dei bottoni che indirizzano un link, meglio conosciuti come Hyperlink.
Vediamo come fare.
I bottoni, il nostro programma, li fornisce già, con una bella grafica anche, ma per chi non la piacesse, c'è sempre l'opzione di caricare una vostra immagine e sostituirla al bottone predefinito. :ragione:
Per inserire, basta andare qui:
Poi scegliere lo stile
Le modifiche principali che si vuol apportare
Esempio con bottoni:
Coi bottoni abbiamo finito :argh:
_________________________________________
-Inserimento di vari form (Scelte multiple (multiline), vari campi di scelta ecc..)
Nella barra strumenti, sulla voce "insert", possiamo trovare vari form da aggiungere a nostro piacimento.
Vediamo un po!
Metterò solo un form, come esempio, voi potrete aggiungere tutto ciò che volete.
Per esempio, seleziono il form, campo lista a scelta.
Inseriamola, apportando le eventuali modifiche:
E con i form, abbiamo finito.
_________________________________________
-Inserimento tabelle
L'inserimento delle tabelle è molto semplice.
Andiamo qui
Poi scegliere le colonne
Ed abbiamo concluso.
Esempio tabelle:
_________________________________________
Ora salviamo & chiudiamo. Quando salvi, si salveranno nella directory selezionata, le immagini, che equivalgono ai box, tabelle & bottoni, e l'index.html.
Per oggi è tutto :wosd:
Innanzitutto, scarichiamo Web Page Maker da
Perfavore,
Entra
oppure
Registrati
per vedere i Link!
.Bene, ora possiamo iniziare :lookno:
Ecco come si suddividerà la guida:
- Inserimento Background (sfondo)
- Inserimento box per logo
- Inserimeno Box principale
- Inserimento Box secondario o più
- Inserimento testo
- Inserimento bottoni / Tab
- Inserimento di vari form (Scelte multiple (multiline), vari campi di scelta ecc..)
- Inserimento tabelle
- Salva & Chiudi.
-Inserimento Background (sfondo)
Abbiamo 2 modi di inserire lo sfondo.
Possiamo fare in questo modo:
Clicchiamo sul documento col tasto destro del mouse -> Proprietà
Oppure, premete il tab nella barra strumenti, e vi si aprirà esplora risorse.
_________________________________________
-Inserimento box per logo
Innanzitutto, per creare un box di qualsiasi dimensione, dovete cliccare questo tab dalla barra strumenti, dove potete scegliere anche il tipo di box, se con angoli acuti, o arrotondati (consigliato) o un box a forma di cerchio.
Ora facciamo il box per il logo, ecco un esempio fatto da me:
Per modificarne le impostazioni, dobbiamo eseguire in questo modo:
Click tasto destro-> Proprietà-> Cliccate su Color-> e poi su Fill color
Successivamente mettere i colori che più vi si addicono
Bene, il Box per il logo l'ho abbiamo fatto.
_________________________________________
-Inserimento Box principale
Facciamo un box, un po più largo del box per il logo
Modifichiamolo come ci pare.
Ora, abbiamo creato anche il box principale, dove successivamente inseriremo altri box, per una maggiore organizzazione di ciò che vorremmo mettere.
_________________________________________
-Inserimento Box secondario o più
Aggiungiamo il box secondario, in questo modo
Modifichiamolo a nostro piacimenti. :look:
In questo box, inseriremo dei form, che successivamente vi mostrerò.
_________________________________________
-Inserimento testo
Per inserire il testo, esistono 2 modi, entrambi dalla barra degli strumenti.
1° modo:
Oppure sfruttare Word Art che ci fornisce il nostro programma:
Esempio inserimento testo:
_________________________________________
-Inserimento bottoni / Tab
Per bottoni o Tab, io intendo dei bottoni che indirizzano un link, meglio conosciuti come Hyperlink.
Vediamo come fare.
I bottoni, il nostro programma, li fornisce già, con una bella grafica anche, ma per chi non la piacesse, c'è sempre l'opzione di caricare una vostra immagine e sostituirla al bottone predefinito. :ragione:
Per inserire, basta andare qui:
Poi scegliere lo stile
Le modifiche principali che si vuol apportare
Esempio con bottoni:
Coi bottoni abbiamo finito :argh:
_________________________________________
-Inserimento di vari form (Scelte multiple (multiline), vari campi di scelta ecc..)
Nella barra strumenti, sulla voce "insert", possiamo trovare vari form da aggiungere a nostro piacimento.
Vediamo un po!
Metterò solo un form, come esempio, voi potrete aggiungere tutto ciò che volete.
Per esempio, seleziono il form, campo lista a scelta.
Inseriamola, apportando le eventuali modifiche:
E con i form, abbiamo finito.
_________________________________________
-Inserimento tabelle
L'inserimento delle tabelle è molto semplice.
Andiamo qui
Poi scegliere le colonne
Ed abbiamo concluso.
Esempio tabelle:
_________________________________________
Ora salviamo & chiudiamo. Quando salvi, si salveranno nella directory selezionata, le immagini, che equivalgono ai box, tabelle & bottoni, e l'index.html.
Per oggi è tutto :wosd:
FONTE: MIA
Spiegata bene e scritta con molta pazienza.
si:
