A cura di  Sanderson

Introduzione

In questa guida vi spiegherò passo passo la creazione di un sito internet,questa guida è rivolta a tutti coloro che voglio creare un sito (o anche a quelli che non sanno cosa

fare nel tempo libero)

Spero che con questa guida anche voi riuscirete a fare un buon sito.

BUONA FORTUNA

Programmi che ci serviranno



Praticamente, possiamo scrivere una pagina web anche con Microsoft Word (come sono scritte queste pagine per estrema pigrizia del webmaster : ), inserire immagini per bene.. scritte… ecc… e poi vedere il nostro sito in Internet.

Naturalmente, per alcuni accorgimenti, dovremo andare ad aggiungere qualcosa al codice Html delle pagine create con Word oppure con un altro editor WYSIWYG.

Un consiglio : non usate FrontPage, perché aggiunge nel codice Html un casino di roba inutile e fa pagine VERAMENTE PESANTI !

Ciò significa che caricare una delle vostre pesanti pagine per uno che ha un modem 56k, è un suicidio.

Anche Word fa pagine davvero pesanti.

Il metodo migliore, direi che è scriversi le pagine in Html col blocco note e salvando il file creato con estensione .htm

Però è lungo e per esperti, dunque lasciamo perdere.

Un buon editor è Macromedia Dreamweaver Mx, scaricabile in prova dal sito ufficiale Macromedia all’indirizzo (www.macromedia.com/it/software/dreamweaver)

“E’ carino, però mi scade dopo 30 giorni”

Altro editor per creare pagine visualmente è disponibile sul sito (www.nvu.com) Multipiattaforma, multilingua e gratuito. Direi perfetto.


Creazione di pagine web con Nvu (fase1)



Ebbene, un editor vale l’altro suppergiù, dunque fate come volete. Qui scaricheremo dall’indirizzo 3 righe più su citato Nvu assieme al language pack Italiano (sul sito c’è tutta la descrizione in Italiano) e creeremo innanzitutto la HomePage del nostro sito.

Andiamo su (http://www.mozillaitalia.org/nvu/) e rechiamoci nell’area “Download”. Qui potremo scaricare la Versione Windows Nvu 0.90 con dizionario italiano

Dopo averlo scaricato sul Desktop o da qualche parte, estraiamo con WinZip il pacchetto scaricato.

Estratto il tutto, ci accorgeremo che abbiamo estratto una cartella.

Andiamo nella cartella e clicchiamo due volte sul file “nvu.exe”

Ecco fatto!

Parte subito Nvu già in Italiano!


Creazione della Home Page del nostro sito (fase 2)



Iniziamo a creare ora con Nvu la pagina iniziale del nostro supremo sito.

Apriamo Nvu e aspettiamo che si carichi la finestra principale. Chiudiamo l’eventuale Suggerimento del Giorno e iniziamo a lavorare.

Dal menu “Formato”, cliccare su “Titolo e proprietà pagina”. Qui compare una finestra dove impostiamo il nome della pagina, l’autore, la descrizione, la lingua e addirittura il verso del testo (da sinistra a destra).

Il nome del nostro sito (quello che creeremo in questo Tutorial), sarà “Underground Zone” e parlerà dei supremi Metallica per iniziare.

Ora premiamo Ok.

La pagina è ancora bianca, è ora di riempirla con qualcosa.

Dal menu “Formato” scegliamo stavolta “Sfondo e colori pagina” e settiamo qualcosa di bello

Premiamo Ok e già la pagina ha un altro aspetto, anche se vuota : )

Dal menu “Formato” passiamo il mouse sopra la scritta “Allinea” e clicchiamo dal menu che appare su “Centrato”.

Comunque, fatevi altrimenti una scritta col Paint, o con cosa vi pare

Dunque, fatto il vostro stemma/scritta, in Nvu facciamo clic su “Inserisci” e poi “Immagine”. Dalla finestra che compare scegliamo il tasto “Sfoglia” e cerchiamo nel Pc l’immagine che abbiamo creato. Se vogliamo aggiungere un suggerimento che compaia quando l’utente posizioni il mouse sopra l’immagine, digitiamolo nella casella “tooltip”.

Nella casella “Testo Alternativo” digitiamo un testo che apparirà nel caso di visitatori con browser non visivi o nel caso che l’immagine non venga caricata.

Bene. Ma prima di premere OK, dovete guardare bene il campo “Indirizzo Immagine”: l’immagine segnata nel nostro screenshot, è collegata e trovata sul Desktop, dunque non verrà trovata una volta che il sito sarà messo in Internet, perché non tutti gli utenti hanno la stessa immagine sul Desktop : )

Dunque, salviamo la pagina web che stiamo creando prima di inserire l’immagine dal menu “File” e poi “Salva”.

Nella cartella dove l’abbiamo salvata, creiamo un'altra cartella con nome “Immagini” e lì mettiamo l’immagine che volevamo inserire nel documento.

Perfetto, ora possiamo riaprire il documento con Nvu e inserire l’immagine. Nel campo “Indirizzo”, infatti, ci sarà il seguente testo: “Immagini\uzone.gif” con il nome che avete dato all’immagine.

Premiamo finalmente Ok.

Ora aggiungiamo qualche cosa sotto, con qualche collegamento ad altre pagine.

Scriviamo qualche riga, ecc…. e scegliamo una parola che funzioni da collegamento ad un'altra pagina.

Per inserire un collegamento, selezionare una parola o una parte di testo e fare clic sul menu “Inserisci” e poi “Collegamento”, richiamabile anche premendo Ctrl + L.

Nella finestra selezioniamo la pagina alla quale vogliamo portare l’utente,oppure inseriamo un indirizzo come www.google.it per portare l’utente direttamente all’indirizzo Internet.

Altre cose inseribili sono le tabelle,barre orizzontali,moduli,Ancore e altra roba

La nostra pagina principale è completa =) Salviamola e conserviamola


Troviamo uno spazio in Internet (fase 3)


Molto bene.

Supponendo che abbiate fatto le vostre belle pagine tutte collegate tra loro e con altri siti e soprattutto TUTTI I FILE DEVONO STARE NELLA STESSA CARTELLA E LE IMMAGINI TUTTE COLLEGATE NELLA STESSA CARTELLA IN UNA CON NOME “Immagini” O ALTRO NOME ,

è giunta l’ora di trovarci uno spazietto in Internet dove mettere il nostro pensiero

Ora, io deciderei se fossi in voi di non pagare niente e di mettere il mio sito su un sito serio e GRATUITO!!!

E come?

Ecco come…

Uno dei migliori siti che sceglieremo, è www.altervista.org, dove si può creare un sito con un nome simile a www.pippo.altervista.org , dove la parte “pippo” è quella personalizzabile. Se invece vogliamo mettere tutto un nome nostro senza l’”altervista” in mezzo, prendiamo uno spazio in xoom.virgilio.com.

Comunque, qui creeremo uno spazio web con altervista, che mette a disposizione anche 5€ di credito iniziale del sito Internet appena creato e, se il nostro sito piace e raggiunge visitatori per 35 €, verremo contattati per farci spedire i soldi :)

Allora…

Andiamo su (www.altervista.org, e per prima cosa clicchiamo sul pulsante “Iscrizione”

Ci comparirà in questo modo una pagina di campi da riempire con il nostro nome, il nostro cognome, il Nickname (attenzione che il soprannome nick che vi darete sarà in verità il nome del sito: se io metto di Nickname “stupido"”, il mio sito sarà all’indirizzo www.stupido.altervista.org)

L’indirizzo e-mail datelo giusto, o createne uno anonimo con Libero o qualcun altro.. in modo che gli utenti del sito possano contattarvi per suggerimenti, proposte, problemi, ecc… ma ricordatevi di spuntare come nell’immagine la casella “Alias”: spuntandola, il vostro indirizzo come pippo@libero.it, sarà nascosto dall’indirizzo nomesito@altervista.org, inoltre tutte le e-mail che arriveranno a nomesito@altervista.org, arriveranno al vostro vero indirizzo indicato. Comodo no? Privacy con controllo : )

Premiamo su “Invia” e ci diranno che è stato tutto fatto. Una e-mail è stata inviata al nostro indirizzo e-mail (o arriverà nelle prossime ore più presto che può), con un collegamento da cliccare per confermare che vogliamo veramente fare un sito, e con i dati Ftp per uploadare i files del nostro sito


Riceviamo una mail con tutti i dati (fase 4)


Allora, il testo della mail è suppergiù così:

Ciao Utente, grazie per aver contribuito a farci crescere ;-)

###############- ATTENZIONE -###############

Prima di cominciare l'avventura devi attivare l'account seguendo il link:

http://www.altervista.org/join.php?id=undergroundzone_c02e823159240eff ß <--il link di attivazione

L'iscrizione è avvenuta il 20/02/05, ore 19:41

Con questi dati:

Nome: Pippo Topolino -> dati altamente falsati

E-mail: miaposta@libero.it

Indirizzo: via Garibaldi 12

Città: New York

Provincia: CO

Cap: 22604

Tel: N/D

Nickname: nostrosito <- questo Nickname è il nome del sito!

Password generata: keiqghj3554 <- la password per amministrare il sito

Alias: nostrosito@altervista.org -> l’indirizzo fittizio al quale inviare mail che poi arriveranno a voi

Host: host160-52.pool80316.interbusiness.it

Indirizzo IP: 81.126.156.17

Non appena avrai attivato l'account, potrai da subito accedere al pannello di

controllo tornando alla homepage http://www.altervista.org e inserendo il tuo

nickname e la tua password negli appositi campi in alto a destra.

È stato anche attivato un account FTP, ecco le impostazioni iniziali:

Server: undergroundzone.altervista.org -> nome del server

Username: nostrosito -> nome utente per il server

Password: keiq32kao1 -> password per il server

Tipo di connessione: PASV (modalità passiva)

Sarai raggiungibile agli indirizzi:

http://nostrosito.altervista.org -> l’indirizzo del sito

http://nostrosito.altervista.org/index.wml (con un cellulare WAP o GPRS). -> e l’indirizzo wap

Hai anche scelto di avere un alias, che sarà attivato nell'arco delle prossime -> spiega l’alias

24h: nostrosito@altervista.org, ogni messaggio che ti verrà inviato a

questo indirizzo sarà automaticamente reindirizzato alla tua attuale casella di

posta elettronica: tuacasella@hotmail.com, mentre i messaggi inviati dal

pannello di AlterVista potranno avere come provenienza, a tua discrezione,

tuacasella@libero.it oppure nostrosito@altervista.org

...ti è stato infine assegnato un bonus sugli incassi pubblicitari pari a 5,16 -> i soldi

Euro quindi... buona fortuna!

Ti ricordiamo alcuni punti fondamentali del regolamento:

1) È vietato inserire all'interno delle proprie pagine frasi che spingano -> tutte le regole

navigatori a cliccare sui banners pur non essendo interessati all'offerta

commerciale.

2) Non è consentito inserire banners differenti da quelli forniti da AlterVista,

puoi tuttavia ospitare banners di siti amici, classifiche o altro materiale

affine purchè esso non porti alcun tipo di remunerazione in denaro, buoni sconto

o beni materiali.

3) Non è consentito usare lo spazio gratuito messo a disposizione da AlterVista

come semplice deposito per il download veloce di files linkati da altri siti,

interni o esterni alla comunità, se possiedi un sito altrove puoi trasferirlo

su, saremmo lieti di predercene cura.

Ricorda di consultare la versione integrale e aggiornata del regolamento,

accessibile qui: http://www.altervista.org/regole.php

Se hai bisogno di aiuto o di qualche informazione in più visita:

- Le faq: http://www.altervista.org/faq.php

- Il forum: http://forum.altervista.org , usa il nickname e la password a te

assegnata per accedere.

-AlterVista-


Ecco qua.

I campi che ci interessano sono l’indirizzo del sito : www.nicknamecheabbiamodato.altervista.org , il nome utente (uguale al nick): undergroundzone nel nostro caso, e la password: keiqghj3554 nel nostro caso.

Allora ! Come mettiamo i files nel Server con nome “nickcheabbiamodato.altervista.org” ?

Le pagine web, per essere visibili, devono essere messe in un server

scriviamo

ftp://nostrosito.altervista.org/

ovviamente al posto di “nostrosito” dovrete mettere il nickname/nome del sito ricevuto nella e-mail.

Poi premiamo Invio…

Ora Internet Explorer cambierà un pochino aspetto e diverrà più simile ad una cartella normale.

Probabilmente ora otterremo un errore, se ciò non dovesse verificarsi, tranquilli e saltate qualche riga più sotto.

L’errore ci dice:

“Impossibile accedere alla cartella. Verificare le autorizzazioni, bla bla bla…”

Freghiamocene nella maniera più assoluta e premiamo Ok al messaggino.

Ora Internet Explorer ha l’aspetto di una cartella vuota

Clicchiamo con il tasto destro del mouse nell’area bianca (nel mezzo della cartella vuota) e dal menu che compare scegliamo “Accedi come…”

Ci compare una finestra che ci chiede un nome utente ed una password

Noi infatti, abbiamo un nome utente e una password: quelli fornitici da Altervista nella e-mail che abbiamo ricevuto.

Inseriamo dunque nome utente e password nei rispettivi campi e, se vogliamo che Internet Explorer memorizzi questi dati la prossima volta che torniamo ad aggiornare il sito, spuntiamo la casellina “Salva Password” in basso.

Quindi facciamo “Accedi”.

Se i dati sono esatti dunque, accederemo al server.

Internet Explorer, sotto forma di cartella, si riempirà dei files che sono presenti nel server.

Altervista di solito, per i nuovi siti, mette una pagina web con scritto “In costruzione” di nome “index.html”, una pagina per i cellulari wap “index.wml”, e una cartella con nome “Immagini” con dentro una o due immagini necessarie per la pagina web “Index.html”.

Ora, in questa cartella, possiamo comportarci come in una qualsiasi cartella di Windows ed utilizzare il menu che compare con il tasto destro del mouse per tagliare (Ctrl+x), copiare (Ctrl+c) e incollare (Ctrl+v), qualsiasi file

Per copiare le pagine web che avevamo fatto con nvu, allora andiamo nella cartella del nostro pc dove le abbiamo salvate e facciamo clic col tasto destro su di ognuna di esse e, una alla volta, facciamo “copia”, poi nella finestra di Internet Explorer, facciamo tasto destro e “Incolla”

Se il nome della pagina web esiste, ci verrà chiesto se vogliamo confermare. Clicchiamo “Sì”.

Naturalmente ricordiamoci che la prima pagina del nostro sito, quella che comparirà ad un utente che andrà su www.undergroundzone.altervista.org, dovrà necessariamente essere copiata nel server (nella cartella di Internet Explorer), con nome “index”, altrimenti il sito non avrà nessuna pagina iniziale

Copiate le pagine del sito, non ci resta che eventualmente cancellare i files inutili (tasto destro ed elimina), e poi semplicemente chiudere la finestra di Internet Explorer!

Ora il sito è aggiornato !

Per vedere le modifiche, andiamo sul sito, ma stavolta semplicemente scrivendo nella barra degli indirizzi, www.undergroundzone.altervista.org.

Ecco le nostre pagine create con Nvu in linea !

Se il sito avrà visitatori, potremmo anche incassare un po’ di quattrini con Altervista, che ci dà un bonus di 5€ all’inizio della creazione del sito Internet.

Man mano che viene gente, incassiamo quattrini.

Per informazioni, andiamo come ci hanno detto nella mail, sul sito di altervista e lì inseriamo nei campi “_user” e “_password” in alto a destra i nostri nome utente e password (gli stessi del server, per capirci).

Qui troveremo una serie di impostazioni del sito che potremo modificare a nostro piacimento.

Perfetto.

Avete creato un sito internet

COMPLIMENTI!!!!!!