[Tutorial HTML] Lezione 1

Admin Messaggi : 39 Data d'iscrizione : 30.05.11 Età : 33

Creazione pagine HTML

Passiamo alla prima lezione vera e propria, creare pagine html. Ci sono molti modi per creare una pagina html e molti ambienti per farlo.
Il metodo più semplice è usare blocco note.
Tutto quello che faremo d'ora in avanti necessita soltanto del comunissimo blocco note di Windows, certo nessuno vi vieta di usare qualche programma che vi semplifica la vita. Parlerò di detti programmi nella prossima lezione.
Dunque i passi per creare una pagina html sono solo 3:

Create un file di testo in una qualsiasi posizione del vostro computer.
Aprite il file e inserite il codice html della pagina che intendete creare.
Salvate il tutto e chiudete; a questo punto cambiate l'estensione del file da .txt a .htm.

Tratteremo meglio tutte le estensioni in un'altra lezione.

Esercitazione 1: {Prima di proporvi il testo, una piccola nota. Alla fine di ogni spiegazione vi proporrò un esercizio. Decidete voi se farlo o meno, se postarlo o meno e se chiedere che sia valutato o meno. La valutazione non consiste in un voto scolastico, bensì in un semplice "molto bene", "buono", "devi migliorare...". } Provate a creare una pagina html inserendo il seguente codice:

Codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Esercitazione 1</title>
</head>
<body>
<font color="green">Prima esercitazione riuscita!</font>
</body>
</html>

Adesso salvate e cambiare l'estensione. Apritela col vostro browser e guardate il risultato.

Per il momento non preoccupatevi di capire il codice sopra, limitatevi a testare.
Bene, fatto ciò, prima di proseguire nelle lezioni, devo spiegarvi un modo per postare le vostre pagine html su internet, un po' per far in modo che voi possiate provare, un po' per far vedere a me le vostre prove.

Registriamo quindi un dominio GRATUITO su altervista (se ne avete già uno o se avete un altro modo per postare le pagine potete saltare questo passaggio).

Andate su la home di altervista;
Nel centro vedrete una casella di testo che permette di registrare un dominio, mettete il nome che più vi piace (finchè non ne trovate uno disponibile );
Nella pagina successiva inserite i vostri dati e proseguite;
Andate nella casella email che avete indicato nella registrazione e cliccate sul link per attivare il vs. sito (NB: non cancellate la mail, contiente anche la password del vostro sito!!!)
Se l'attivazione ha esito positivo, tornate nella home di altervista;
Utilizzate le caselle di testo in alto a sinistra per fare il log in (le credenziali sono nella mail);
Una volta collegati cliccate in alto a sinistra su "accedi al pannello di controllo";
Rimettete le credenziali ed entrare.

Benissimo, siamo pronti a partire, se avete avuto problemi durante questa procedura scrivetemi il punto in cui vi siete bloccati.

Infine impariamo a mandare una pagina html sul nostro nuovo dominio.

Accedete al vostro pannello di controllo del sito altervista;
Cliccate su "Altersito" e poi su "Gestione files" dal menù in alto;
Adesso cliccate su invia files in alto a destra;
Cliccate sul bottoncino giallo con la scritta "Uploader classico";
Selezionate i files da inviare e inviateli;
Adesso tornerete nella pagina principale e vedrete i vostri files inviati, cliccate sulla lente di ingrandimento per visualizzarli;
Eventualmente copiate il link e postatelo qui per farmi vedere le esercitazioni.

So che questa procedura può sembrare lagnosa, ma una volta imparata la farete nel giro di qualche secondo.

Esercitazione 1b: Fate l'upload sul vostro dominio della pagina creata precedentemente e mandatemi il link.

Bene, questa lezione è finita, ancora di html non ne sapete nulla [Tutorial HTML] Lezione 1 819092939

però avete le basi per partire.

[Tutorial HTML] Lezione 1 3525291757

Nella prossima lezione:
- Utilizzare strumenti avanzati per creare pagine html: editor di altervista, webdeveloper, altri.
- Cenni sulle estensioni.
- I tag.

NB: tutto quello che non è espressamente quotato con fonte citata è stato scritto interamente da NetFox, pertanto è di sua proprietà, chiedere sempre il permesso per la divulgazione. Ogni abuso sarà punito. [Tutorial HTML] Lezione 1 1369397684

Titolo: ^_^ 14/6/2011, 10:02

Bello!!!!!!
Spero di aver fatto tutto giusto:
http://piermix94.altervista.org/Html_1.htm

Titolo: Re: [Tutorial HTML] Lezione 1 14/6/2011, 10:24

Molto interessante! [Tutorial HTML] Lezione 1 781748255

Ecco l'esercizio

Toshi Messaggi : 31 Data d'iscrizione : 14.06.11 Età : 28

fatto^^
http://tobari.altervista.org/Nuovo_documento_di_testo.htm

Admin Messaggi : 39 Data d'iscrizione : 30.05.11 Età : 33

direi molto bene per tutti e 3, in attesa che arrivino altre prove, preparo la prossima lezione.

Titolo: Re: [Tutorial HTML] Lezione 1 14/6/2011, 17:55

Evvai!! ^_^

Titolo: Re: [Tutorial HTML] Lezione 1 15/6/2011, 13:11

Ecco qua: http://gshadow.altervista.org/Nuovo_Documento_di_testo.htm

Titolo: Re: [Tutorial HTML] Lezione 1 16/6/2011, 22:25

Fatto anche io!!!! *_*

Kraysen Altervista

Spero solo che riuscirò a stare dietro alle prox lezioni, dato che sabato mi trasferisco Sad

Admin Messaggi : 39 Data d'iscrizione : 30.05.11 Età : 33

Bravissimi, stasera pubblico la seconda lezione, spero venitate a vederla!

Titolo: Re: [Tutorial HTML] Lezione 1 17/6/2011, 17:24

Spero che la pubblichi più presto possibile dato che più tardi sarò in viaggio ^^

Admin Messaggi : 39 Data d'iscrizione : 30.05.11 Età : 33

Ho perso 3 ore per preparare la lezione. Quando sono andato a inviarla ha dato errore.

3 ore di lavoro perse.

La prossima lezione è rimandata a data da definirsi.

Titolo: Re: [Tutorial HTML] Lezione 1 17/6/2011, 19:06

Noooooo!!!!!!!!!!!!!!!!!!!!!!!!! [Tutorial HTML] Lezione 1 5

Admin Messaggi : 39 Data d'iscrizione : 30.05.11 Età : 33

Ora guardo, magari per non rifare tutto il lavoro insieme la spezzo in 2.

Non avete idea di quando mi girano!

Titolo: Re: [Tutorial HTML] Lezione 1 18/6/2011, 00:05

net ecco la mia prova scusa il ritardo http://xxlightyagamixx.altervista.org/Nuovo_documento_di_testo.html

Titolo: Re: [Tutorial HTML] Lezione 1 2/7/2011, 21:16

A quando le prossime lezioni??

Admin Messaggi : 39 Data d'iscrizione : 30.05.11 Età : 33

La sto preparando giusto adesso Wink

» [Tutorial HTML] Lezione 3
» [Tutorial HTML] Lezione 2
» [Tutorial HTML] Cenni preliminari