IkkiTousen Italia
Benvenuto Visitatore!
Utilizza i tasti sottostanti per effettuare la Connessione o per Registrarti al forum.
Se vuoi accedere come Ospite clicca su 'Non esporre più'.


Tutto su IkkiTousen e il mondo dell'ecchi: Queen's Blade, Tenjho Tenge e molto altro ancora. In più tutti i manga e anime più famosi (Bleach, Naruto, One Piece...) e una vasta sezione giochi / off-topic.
 
IndiceFAQCercaCalendarioLista UtentiGruppiRegistratiAccedi

Condividi | 
 

 [Tutorial HTML] Lezione 1

Andare in basso 
AutoreMessaggio
NetFox
Admin
Admin
avatar

Messaggi : 39
Data d'iscrizione : 30.05.11
Età : 28

MessaggioTitolo: [Tutorial HTML] Lezione 1   6/6/2011, 17:02

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:
  1. Create un file di testo in una qualsiasi posizione del vostro computer.
  2. Aprite il file e inserite il codice html della pagina che intendete creare.
  3. 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).
  1. Andate su la home di altervista;
  2. 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 bounce );
  3. Nella pagina successiva inserite i vostri dati e proseguite;
  4. 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!!!)
  5. Se l'attivazione ha esito positivo, tornate nella home di altervista;
  6. Utilizzate le caselle di testo in alto a sinistra per fare il log in (le credenziali sono nella mail);
  7. Una volta collegati cliccate in alto a sinistra su "accedi al pannello di controllo";
  8. 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.
  1. Accedete al vostro pannello di controllo del sito altervista;
  2. Cliccate su "Altersito" e poi su "Gestione files" dal menù in alto;
  3. Adesso cliccate su invia files in alto a destra;
  4. Cliccate sul bottoncino giallo con la scritta "Uploader classico";
  5. Selezionate i files da inviare e inviateli;
  6. Adesso tornerete nella pagina principale e vedrete i vostri files inviati, cliccate sulla lente di ingrandimento per visualizzarli;
  7. 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 però avete le basi per partire.

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.

_________________






Torna in alto Andare in basso
Visualizza il profilo http://www.hollow.it
Piermix94
Spammer +
Spammer +
avatar

Messaggi : 155
Data d'iscrizione : 14.06.11
Età : 24
Località : Soul Society

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

Bello!!!!!!
Spero di aver fatto tutto giusto:
http://piermix94.altervista.org/Html_1.htm
Torna in alto Andare in basso
Visualizza il profilo
Cardino96
Spammer +
Spammer +
avatar

Messaggi : 35
Data d'iscrizione : 14.06.11
Età : 22
Località : StoCazzoLandia

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

Molto interessante!
Ecco l'esercizio

_________________
Torna in alto Andare in basso
Visualizza il profilo http://mircocardino.blogspot.com/
tobari
Toshi
Toshi
avatar

Messaggi : 31
Data d'iscrizione : 14.06.11
Età : 22

MessaggioTitolo: Re: [Tutorial HTML] Lezione 1   14/6/2011, 12:33

fatto^^
http://tobari.altervista.org/Nuovo_documento_di_testo.htm
Torna in alto Andare in basso
Visualizza il profilo
NetFox
Admin
Admin
avatar

Messaggi : 39
Data d'iscrizione : 30.05.11
Età : 28

MessaggioTitolo: Re: [Tutorial HTML] Lezione 1   14/6/2011, 17:07

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

_________________






Torna in alto Andare in basso
Visualizza il profilo http://www.hollow.it
Piermix94
Spammer +
Spammer +
avatar

Messaggi : 155
Data d'iscrizione : 14.06.11
Età : 24
Località : Soul Society

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

Evvai!! ^_^
Torna in alto Andare in basso
Visualizza il profilo
Gshadow
Spammer +
Spammer +
avatar

Messaggi : 60
Data d'iscrizione : 14.06.11
Età : 25
Località : Vicenza

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

Ecco qua: http://gshadow.altervista.org/Nuovo_Documento_di_testo.htm
Torna in alto Andare in basso
Visualizza il profilo
Kraysen
Spammer +
Spammer +
avatar

Messaggi : 71
Data d'iscrizione : 16.06.11
Età : 28
Località : Palermo

MessaggioTitolo: 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

_________________






__________________________________________________________________________________________________

Torna in alto Andare in basso
Visualizza il profilo
NetFox
Admin
Admin
avatar

Messaggi : 39
Data d'iscrizione : 30.05.11
Età : 28

MessaggioTitolo: Re: [Tutorial HTML] Lezione 1   17/6/2011, 16:58

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

_________________






Torna in alto Andare in basso
Visualizza il profilo http://www.hollow.it
Cardino96
Spammer +
Spammer +
avatar

Messaggi : 35
Data d'iscrizione : 14.06.11
Età : 22
Località : StoCazzoLandia

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

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

_________________
Torna in alto Andare in basso
Visualizza il profilo http://mircocardino.blogspot.com/
NetFox
Admin
Admin
avatar

Messaggi : 39
Data d'iscrizione : 30.05.11
Età : 28

MessaggioTitolo: Re: [Tutorial HTML] Lezione 1   17/6/2011, 18:59

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.


_________________






Torna in alto Andare in basso
Visualizza il profilo http://www.hollow.it
Piermix94
Spammer +
Spammer +
avatar

Messaggi : 155
Data d'iscrizione : 14.06.11
Età : 24
Località : Soul Society

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

Noooooo!!!!!!!!!!!!!!!!!!!!!!!!!
Torna in alto Andare in basso
Visualizza il profilo
NetFox
Admin
Admin
avatar

Messaggi : 39
Data d'iscrizione : 30.05.11
Età : 28

MessaggioTitolo: Re: [Tutorial HTML] Lezione 1   17/6/2011, 19:14

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

Non avete idea di quando mi girano!

_________________






Torna in alto Andare in basso
Visualizza il profilo http://www.hollow.it
XxLightYagamixX
Utente
Utente
avatar

Messaggi : 41
Data d'iscrizione : 14.06.11
Età : 22

MessaggioTitolo: 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
Torna in alto Andare in basso
Visualizza il profilo http://www.mine254.forumfree.it
Piermix94
Spammer +
Spammer +
avatar

Messaggi : 155
Data d'iscrizione : 14.06.11
Età : 24
Località : Soul Society

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

A quando le prossime lezioni??
Torna in alto Andare in basso
Visualizza il profilo
NetFox
Admin
Admin
avatar

Messaggi : 39
Data d'iscrizione : 30.05.11
Età : 28

MessaggioTitolo: Re: [Tutorial HTML] Lezione 1   5/7/2011, 06:08

La sto preparando giusto adesso Wink

_________________






Torna in alto Andare in basso
Visualizza il profilo http://www.hollow.it
Contenuto sponsorizzato




MessaggioTitolo: Re: [Tutorial HTML] Lezione 1   

Torna in alto Andare in basso
 
[Tutorial HTML] Lezione 1
Torna in alto 
Pagina 1 di 1
 Argomenti simili
-
» Amigurumi, come imparare - Tutorial primi passi
» Ricamo - Tutorial punti
» Piccolo Tutorial sulla tornitura
» tutorial e pubblicità-pay with a tweet
» Pagliaccio in fimo con tutorial

Permessi di questa sezione del forum:Non puoi rispondere agli argomenti in questo forum
IkkiTousen Italia :: Off-Topic :: Grafica :: Guide-
Vai verso:  
Tutto i contenuti del forum sono Copyright© by Ikkitousen Italia

Powered by NetFox
Crea il tuo forum RPG | © phpBB | Forum gratis di aiuto | Contatto | Segnala un abuso | Creare un blog gratuito