Come creare un sito WEB
 



Finalmente dopo svariate E-Mail ricevute di come si crea un sito...eccovi accontentati

NB: tutte le indicazioni sono esclusivamente funzionali con il programma DREAMWEAVER,se possedete la versione inglese dovete tradurre in base alle indicazioni qui riportate.

Lezione 1

Procurarsi Dreamweaver un programma molto affidabile per creare siti. Aprire il Programma e cliccare nella barra in alto (NUOVO SITO)nominare il sito a vostro piacimento,quindi aprite una pagina nuova. Nella pagina nuova cliccate su ELABORA,continuate premendo PROPIETA'DI PAGINA,vi si aprirà una finestra. La prima dicitura è TITOLO,quindi scrivete INDEX,questo fa riferimento alla prima pagina che sarà visualizzata all'apertura del sito.

Sotto troverete IMMAGINE DI SFONDO,cliccare su sfoglia,quindi scegliete l'immagine che farà da sfondo alla vostra prima pagina. Potete anche scegliere uno sfondo pieno cliccando sulla finestra dove vi compare un quadratino bianco,poi li scegliete il colore. Fatto questo cliccate su OK.

Adesso cominciamo a creare. Vi consiglio vivamente di usare sempre un LIVELLO per immagini e parole,vediamo come procedere: Scegliete dalla voce INSERISCI Livello,a questo punto vi comparirà un rettangolo con un quadratino bianco alla vostra sinistra,poi scegliete un immagine da inserirli al suo interno. Per fare ciò non dimenticate che dentro al livello deve sempre comparire il cursore che lampeggia,altrimenti qualsiasi cosa si posizionerà al di fuori. Quando inseriamo l'immagine possiamo spostarla a nostro piacimento tenendo premuto nel quadratino bianco del livello.

Inseriamo un altro LIVELLO per le scritte,poi scegliamo ELABORA e spuntiamo PROPIETA'DI SELEZIONE,avremo a disposizione una piccola barra per il testo. A noi per adesso interessa le Dimensioni IL Carattere Il Colore.

Per prima cosa scriviamo qualcosa,poi selezionando la parola scegliamo il colore premendo nel quadratino a fianco delle Dimensioni,e scegliamo il Colore,poi le dimensioni facendo scorrere la barra dove riporta NESS.,e per ultima cosa il carattere,nella scritta CARATTERE PREDEFINITO. Per inserire altri tipi di caratteri,selezionare MODIFICA ELENCHO CARATTERI. Adesso andiamo a salvare il nostro lavoro: Cliccare su File e scegliere SALVA CON NOME,a quel punto scrivete INDEX.HTML e date ok. La prima pagina è salvata,ed è già possibile visualizzarla in EXPLORER,scegliendo dal menu FILE VISUALIZZA ANTEPRIMA NEL BROWSER,a seguito scegliete IEXPLORER,in quel momento visualizzate la pagina come si presenterà in INTERNET.

Pulsante ENTRA:

Scegliamo un pulsante da inserire nella nostra pagina,sempre prima il livello e poi scegliamo inserisci immagine. Si possono usare pulsanti standard o pulsanti in formato GIF,quindi in movimento. Chiudiamo la pagina INDEX senza dimenticarsi di salvarla anche quando fate dei piccolissimi cambiamenti.

LEZIONE 2

Creiamo una cartella dal menu principale di DREAMWEAVER chiamiamo questa cartella Gatto (solo esempio se uno vuol creare un sito sui Gatti). A questo punto passiamo a creare una pagina nuova. Ricordiamoci che tutto quello che inserite di immagini nella pag (che chiameremo pag.2 per praticità)deve assolutamente essere salvato dentro la cartella GATTO. Stesso procedimento ma con una differenza che dobbiamo creare un collegamento alla pagina INDEX e viceversa. Ritorniamo alla pag INDEX e facciamo un clic dove si trova il pulsante da voi scelto precedentemente,in automatico comparirà la barra dei collegamenti con alla sinistra l'immagine che avete scelto per fare il collegamento (in questo caso il pulsante).

Vi accorgerete che nella dicitura COLLEGAM. non vi è scritto nulla,ma a fianco compare una piccola cartella,apritela e vi sarà mostrata la cartella GATTO,apritela e dentro troverete il FILE pag2.HTML,si riconosce benissimo perché deve essere l'unico che ha il simbolo della (E)di Explorer. Fatto questo cliccate su seleziona,ed il gioco è fatto,salvate questo collegamento nella pagina INDEX.

LEZIONE 3

Fate lo stesso procedimento con la pag2,a differenza che dobbiamo collegare la pagina INDEX.

Poi proviamo se funziona con il sistema ANTEPRIMA. Praticamente andate avanti sempre con questa procedura tenendo presente di creare una cartella per ogni argomento diverso che trattate,ed ogni cartella deve contenere tutto quello che avete in quella pagina es: Immagini,filmati,pulsanti,ecc questo vi permetterà di non impazzire per trovare dove sono gli elementi che compongono la pagina.

UN CONSIGLIO:

La pagina index ed i suoi elementi lasciatela libera e non dentro la cartella perché usando lo stesso bottone per salire con le pagine o scendere utilizzerete sempre lo stesso bottone per tutti i collegamenti,questo vi evita di duplicare in continuazione lo stesso bottone per ogni pagina,e di evitare di inserirlo in tutte le cartelle. Quindi utilizzate un bottone standard per tutti i collegamenti fra pagina e pagina. Ricordate che i collegamenti possono essere fatti con IMMAGINI,PAROLE.

Lezione 4

Configurazione del programma FTP,per trasferire i dati in internet.

Per prima cosa abilitate con il vostro server lo spazio a disposizione (di solito 20 mb per quelli gratuiti) questo vi servirà a spedire tutte le pagine e le immagini da voi create.

Procediamo dopo che avrete scaricato(inizio pagina)il programma FTP,a capire il funzionamento.

 


 


Clicchiamo due volte sopra l'icona del programma e vedremo visualizzata questa finestra

Nel primo spazio possiamo inserire qualsiasi parola o nome (tanto è facoltativo)

Nel secondo il nome del nostro server dove abbiamo abilitato lo spazio web

Il terzo spazio lasciamolo così

Il quarto inseriamo la nostra User ID

Il quinto la PW

Il sesto niente

Il settimo (facoltativo)


 


Passiamo sempre nella stessa finestra alla sezione Startup.

Scrivete solo il nome del vostro sito es: /Il mio gatto ricordate assolutamente di inserire lo slesh all'inizio del nome.

Le altre opzioni non toccatele ( ADVANCED-FIREWALL)



L'ultima finestra da capire è questa.

Individuate dove sta la cartella del vostro sito es (C)fate due clic sopra l'unità,vi verrà mostrato tutto quello che avete in C compresa la cartella.

NB: Non spedite la cartella intera .

Fate clic sopra la cartella ,quindi vi veranno visualizzate tutte la cartelle che voi avete creato,cliccate sopra una cartella,senza aprirla e inviatela utilizzando la freccia di destra che compare nella finestra del programma.

Per capire meglio,la parte sinistra è tutto quello che risiede nel vostro PC,mentre quella destra è tutto quello che risiede nel server,di conseguenza dovete fare in modo che nella parte del server risulti come una fotocopia assolutamente identica al contenuto di quello che spedite,se cosi non fosse certamente avrete dei problemi a visualizzare il sito.

Dopo aver inviato la cartella attendete che quello che avete inviato vi compaia alla vostra destra,quindi l'operazione è conclusa.

Dovete ripetere sempre la stessa operazione per tutto quello che dovete inviare.

IMPORTANTE : La pagina INDEX (quella iniziale)non deve risultare dentro a nessuna cartella,perchè il server si prende questa pagina e nome come interuttore per l'avvio del sito.

Se desiderate cancellare qualcosa dal sito,cliccate quello che volete eliminare nella parte destra e scegliete DELETE.

Lezione 5

Aggiornamenti o modifica pagine:

Quando una pagina dovete modificarla o aggiornarla ricordate di fare tutto ciò ma non pensate mai di modificare il nome originario della pagina,perchè tutto quello che avete spedito è collegato a quel nome che voi avete dato in origine,se la aggiornate con immagini ricordate di salvarle dentro la cartella corrispondente e inviarla esattamente come l'avete salvata nel vostro PC.

Se per disgrazia cancellate una pagina ho avete problemi del tipo Hard Disk dove perdete tutti i dati.......non disperate perchè dovete pensare che avendo spedito tutti i dati al vostro server è come avere due PC,quindi potete scaricarveli direttamente da lui senza problemi.

Ritornando brevemente al programma FTP, per vedere se tutto procede per il meglio aprite l'FTP e l'EXPLORER così in tempo reale potete controllare se tutto funziona per il meglio.

PS: ricordate che dopo aver spedito un aggiornamento per vedere se è andato a buon fine cliccate su AGGIORNA della pagina di EXPLORER.

Spero di esservi stato d'aiuto, in caso contrario sappiate che sono sempre a vostra disposizione.

 


 


  Templates Gratis