Clicca sulle stelline per votare
Attualmente voti: 6 media: 7

Corso di HTML per siti web: gli argomenti

Di Daniele Vietri | Twitter @marlenek | Facebook danielevietri
18/09/2008 - in Corso di HTML - Commenti (9)
Questo post è stato letto 2033 volte in 1239 giorni.

Sto scrivendo la traccia di un corso di HTML, precisamente un punto di partenza per lo sviluppo di semplici siti web. Volevo provare a coinvolgervi nel tentativo di stilare un percorso il più possibile completo e naturale così che possa essere utilizzato anche da altri.

Le persone che seguiranno questo corso saranno amici, almeno nella prima fase, e in qualche modo faranno da tester per la qualità dei contenuti e l'interesse generale (senza filtro pensiero-bocca, eheh! L'idea è quella di proporlo poi in aula, una cosa semplice ed informale). Si tratta di persone che utilizzano il PC ed internet quotidianamente - chi più chi meno - ma che non lavorano necessariamente in rete. Insomma sanno navigare, ma hanno visto sempre e solo il "lato utente" delle cose. Ogni persona dispone già di un PC portatile.

Il mio obiettivo è quello di offrir loro un'infarinatura di massima sui tecnicismi e sui metodi, mettendoli in grado però di poter approfondire e continuare quest'avventura da soli, con gli strumenti/siti/possibilità che la rete offre. Qualche nozione, molta pratica, indicazioni su come e dove approfondire, massima interazione (poi vedremo se questa sarà una scelta vincente e dove ci porterà la discussione) e sopratutto la realizzazione di un sito completo con tutte le cose che vedremo durante gli incontri.

Sinteticamente gli obiettivi del corso saranno offrire le basi di HTML e CSS, un minimo di metodo e mostrare le principali logiche del web. Nella pratica vorrei arrivare a progettare e realizzare con loro un sito statico, risolvere i principali problemi, analizzare i risultati e migliorare i ritorni.

Ecco il percorso che vorrei proporre ad oggi, sul quale chiedo il vostro parere:

Tag HTML
- La pagina e il Tag
- Tag struttura (DTD, HTML, HEAD, BODY, ...)
- Tag testo (P, BR, H1-H6, ...)
- Tag ancore (A, ...)
- Tag immagini/oggetti (IMG, OBJECT, ...)
- Tag liste (UL, LI, OL, ...)
- Tag tabelle (TABLE, TR, TH, ...)
- Tag form (FORM, INPUT, ...)
- Tag frame (FRAMESET, IFRAME, ...)
- Tag meta (KEYWORD, ROBOTS, ...)
- Sfondi e colori
- Risorse e link di approfondimento
CSS
- Interno, esterno e inline
- Selettori, classi (pseudo) e identificatori
- Formattazione testo/font
- Classificazioni
- Posizionamento
- Margini, padding e bordi
- Boxmodel
- Layout a colonne con DIV
- Risorse e link di approfondimento
Progettazione
- L'iter di un sito
- Analisi
- I percorsi utente
- Struttura del Layout
- Template già pronti
- Organizzare le cartelle
- Risorse e link di approfondimento
Ottimizzazione
- Validazione HTML/CSS
- Cenni di usabilità
- Cenni di accessibilità
- Cenni di SEO
- Cenni di scrittura per il web
- Risorse e link di approfondimento
Gestione
- Il "webmaster"
- Sviluppo in locale
- Scegliere hosting/housing
- FTP
- Indicizzazione e PPC
- Statistiche

Ovviamente si tratta di una struttura di massima che dovrà adattarsi alle richieste ed alla via che prenderemo nel corso delle lezioni, insomma vorrei impostarlo più come una conversazione bidirezionale, quasi stile BarCamp.

Cosa ne pensate? Troppo lungo/corto (il numero di incontri è da definire)? Aggiungereste, togliereste, approfondireste qualcosa? Il metodo "nozione messa subito in pratica" vi sembra adatto al tema ed al profilo delle persone? Esperienze in merito? Altro?

Grazie fin da ora per i suggerimenti : - )

Questo articolo ti è piaciuto?

Se desideri stamparlo clicca qui oppure potresti essere interessato alla sottoscrizione del feed RSS per ricevere gratuitamente nel tuo aggregatore tutti gli aggiornamenti di questo blog.

< Vai al post precedente

Vai al post successivo >

Commenti

Secondo me ci stà, dimmi quando e dove e ci vengo ^_^
A parte questo da qualche parte dovrei avere delle slide usate anni fà per fare un corso a dei colleghi...se le ritrovo te le mando...ma non ci contare...è roba davvero antica eh eh eh

Di mago28 il 18/09/2008 @ 10:36:15

mago28: ahah va che poi ti faccio fare i compiti, eh! ; - )

ok se hai le slide ci do' volentieri un'occhiata... grazie

Di marlenekk il 18/09/2008 @ 20:21:38

Interessante come idea. Per me si farebbe tutto in una giornata, anche perchè se gli "studenti" sanno usare un po' il pc, alcuni passaggi forse li conoscono.
Io dovevo fare lezioni ai bambini delle elementari... poi hanno preferito lasciarli nell'ignoranza.

Di Gionni il 19/09/2008 @ 15:59:07

gionni: urca, dici che ci sta tutto in 8 ore? Io senza pensarci troppo ipotizzavo una 20ina, a pelle. Credo che 8 siano davvero poche, considera che poi ognuno deve provare sul suo PC, verificare gli errori, approfondire, etc... Per le elementari lezioni di cosa?

Di marlenekk il 19/09/2008 @ 19:45:34

Beh, se sono recettivi si... anche perchè penso si tratti di una infarinata.
Oppure spezzato in due giorni. Il primo gli illustri come si compone il sito, TAG e CSS, e il secondo giorno il resto.
Anche se io l'analisi del sito web la metterei come prima cosa, magari con un'analisi anche delle varie tipologie che esistono in rete.
E tra le due giornate, per spezzare metterne una di laboratorio per farli sperimentare.
Dovevo fare lezioni di avvicinamento al pc per le nuove generazioni, roba base per iniziare ad usare la scatola infernale. Roba da 10 ore in una settimana.
Peccato che stai lontano, sennò ti venivo a seguire.

Di Gionni il 20/09/2008 @ 12:20:34

gionni: grazie per i consigli, in 2 giorni full immersion probabilmente si riuscirebbe (anche se l'attenzione cala!). Vedremo, faccio un test con questi amici poi ti saprò dire. Mi e' capitato di tenere dei moduli come docente, mai un corso intero: sperimenterò sulla pelle degli amici. ; - )

Di marlenekk il 21/09/2008 @ 11:50:06

Ciao carissimo, mi sembra una bella iniziativa e lo scheletro non è male. Tra l'altro, con la mia struttura e alcuni amici, stiamo proprio pensando in questi giorni come creare una proposta del genere (loro da programmatori/sistemisti e io da sem); se ti interessa approfondiamo.

Di spacecozza il 22/09/2008 @ 13:52:40

spacecozza: ok ti contatto in privè : - )