- Il
Diario
- Gio 10 Gen
- Inizio del Corso "Tecniche per la Realizzazone di Siti Web".
Insegnante: Massimo Mocilnick. Dodici i partecipanti. Presentazioni, informazioni sui
diversi browser, cosa sono e come interpretano il linguaggio Html, accenno sui diversi motori
di ricerca. Elementi hardware di un computer e il sitema operativo. Informazioni e
nozioni di base su Windows10, usato nei computer del Corso.
- Ven 11 Gen
- E-mail e Chat come nuovi mezzi di comunicazione. Informazioni, conoscenza
ed esercizi pratici con le e-mail. Creazione di un gruppo con i partecipanti al corso
nell'account gmail.
- Mar 15 Gen
- Gestione di file e cartelle. Esercitazione e creazione di cartelle e
sotto-cartelle. Foto e Immagini. Tipi di immagne, loro grandezza e riceca mirata con
Google. Siti dedicati alla gestione di immagini.
- Gio 17 Gen
- Tipologie di file e loro estensione. HTML, linguaggio di marcatura (HyperText Markup Language).
Conoscenza
ed esercitazione pratica con i "tag" di titoli e
paragrafi.
- Menù Ristorante
- Ven 18 Gen
- Elenchi puntati (non ordinati) e numerati (ordinati). Esercitazione
pratica e creazione di un file html
complesso con testo contenente diversi livelli di "titoli", paragrafi ed elenchi.
- Ripasso
- Computer
- Mar 22 Gen
- Immagini. Tag "img" e suoi attributi.
Inserimento di immagini in file html. Esercitazione e creazione di elenchi non ordinati
con inserimento di paragrafi. Creazione di una home (le
quattro stagioni) con voci di menù che aprono altre pagine Web. Inserimento di
link che aprono pagine interne ad un piccolo sito internet.
- Ricetta Torta
- Le
4 Stagioni
- Gio 24 Gen
- Link a pagine web esterne. Esercitazione con creazione di un elenco non
ordinato (quotidiani e giornali) con le voci che aprono pagine web.
- Quotidiani
e
Giornali
- Ven 25 Gen
- Mar 29 Gen
- Indici interni in una pagina web. Uso del tag "id".
Si prende visione dei tag relativi alle "liste di definizioni" con un breve
esercizio sul "Glossario".
- Elenco
Ricette
- Gio 31 Gen
- Ven 1 Feb
- Utilizzo dei tag relativi alla formattazione del testo. Introduzione al tag "div" (contenitore) e ai tag di una tabella
con la definizione di righe, colonne e celle. Esercitazione con la creazione di una serie di
tabelle.
- Creazione
di Tabelle
- Esercizio
con Tabella
- Mar 5 Feb
- Ripasso e approfondimento sui tag relativi alla "lista di definizioni".
Come unire più celle o più righe in una tabella. Introduzione al "form" e ai
diversi tipi di pulsante (pulsanti radio e caselle di controllo).
- Uso del tag Form
- Gio 7 Feb
- Come creare una presentazione personale efficace. Lezione dedicata alla
creazione di una presentazione personale con HTML con la presenza di un'insegnante
specializzata.
- Presentazione
Personale
- Ven 8 Feb
- Approfondimento con i vari tipi di caselle di controllo ed esercitazione
con il loro inserimento in un form dedicato.
- Caselle
di Controllo
- Mar 12 Feb
- Introduzione ai CSS, fogli di stile (Cascading
Style Sheets),
per
la formattazione di file di testo, grafica e uso degli sfondi nelle pagine web. Tag in-line, uso
dei colori con Html e vari tipi di rappresentazione del colore con Html (testo,
esadecimale e RGB).
- CSS
Colori Testo
- Grafica e Sfondi
- Gio 14 Feb
- Esercitazioni con i CSS interni e con
varie tipologie di sfondi, colorati, con gradienti e
con immagini.
- Esercitazione
Sfondi
- Ven 15 Feb
- Creazione di un primo abbozzo di sito internet.
Ogni allievo crea una pagina web centenente una ricetta senza nessun tipo di formattazione. Le
varie pagine vengono poi riunite e collegate ad una unica pagina "indice" che diventerà la "Home Page". Tutte le pagine saranno poi formattate (testo,
immagini e sfondi) attraaverso un unico file CSS esterno.
- Sito
internet
Ricette
- Mar 19 Feb
- Come il browser interpreta il codice Html e
interpreti le priorità dei fogli di stile.
- Lo stile
inserito nel singolo tag all'interno del codice html hanno la priorità assoluta.
- Regole
si stile interne. Sono regole CSS inserite all'interno di una singola pagina html
nella sezione "head" racchiuse tra il tag "style".
- Foglio
di stile esterno. È un file CSS collegato esternamente a più pagine Html.
- Senza alcuna regola lo stile viene letto dal browser
secondo le sue impostazioni.
- Creazione di un un foglio di stile esterno collegato a più pagine html. Prove
con lo sfondo della pagina, colore, un'immagine di sfondo, gradienti. Regole sul testo,
colori, font, dimensioni. Regolare la dimensione della foto, aggiunto di diversi tipo di
borso. Prove ed esercizioni (Ricettario).
- Gio 21 Feb
- Pianificare
azioni di ricerca attiva del lavoro
- Lezione tenuta dalla psicologa Katia Paljavec.
In particolare si è parlato su come organizzare il "curriculum",
varie
metodologie di invio e consegna, come fare specifici currulicum orientati in particolare alla
specifica richiesta di lavoro e la sua gestione del dopo, nello specifico le non risposte.
Il colloquio di lavoro inviduale visto anche dalla
parte del datore di lavoro, e i colloqui di lavoro di gruppo.
Esercitazione con un colloquio di gruppo ed infine la simulazione di un colloqui individuale.
In una prossima lezione, assieme all'insegnante di informatica, faremo un curriculum
europeo in formato Html.
- Ven 22 Feb
- Gestione dei CSS esterni. Gestioni
della classi di stile "class" e degli identificatori "id",
formato del testo, grafica e sfondi, formato delle foto e dei link. Creazione di menù
verticali e accenno sui orizzontali a tendina. La lezione si è conclusa con prove sulle
animazioni.
- Ricette
- Font di Testo
- Mar 26 Feb
- Esercitazione di grupppo. Si dovrà creare la presentazione di un hotel
non di lusso.
Si immagina un sito orientato alla gestione interna. Si decide di creare un piccolo sito
internet dove ognuno scriverà con il linguaggio html una o più pagine in base alle proprie
competenze. Presentazione, parte amministrativa, lato delle manutenzioni, marketing e
pubblicità, ristorante, camere, ecc.. Tutti gli elaborati, assieme alle foto, saranno
organizzati in un piccolo sito internet.
- Gestione Hotel
- Gio 28 Feb
- Dinamiche
di gruppo nel contesto lavorativo
- Attività di gruppo con la professoressa
Katia Paljavec. Dinamiche aziendali e di gruppo. Risposte dei singoli inseriti in gruppi di
lavoro (colleghi) rispetto a problemi inaspettati. Consigli utili su come redigere il proprio
curriculum.
- Ven 1 Mar
- Lezione tecnica sui "box-model"
(tag div).
Esercitazione e compilazione di un file contenente foto e testo inseriti in un tag div,
gestione dei bordi (padding),
dei margini (border) e di altre
particolarità attraverso un CSS esterno.
- Box-Model
- Mar 5 Mar
- Lezione dedicata ai box-model,
importanti strumenti per la creazione di pagine web professionali.
- Gio 7 Mar
- Curriculum Vitae. Lezione dedicata alla
creazione materiale di un "Curriculum Vitae" in base a modello Europass. Presenti alla lezione
sia Massimo che Katia che hanno dato suggerimenti sulle modalità tecniche e formali di
compilazione.
- Curriculum Vitae
(pdf)
- Ven 8 Mar
- Si introduce il vasto e complesso tema dei "posizionamenti".
Ci
si esercita con un file html collegato ad un CSS esterno e si apprendono visivamente gli
effetti delle varie proprietà.
- Esercizio
Posizionamenti
- Mar 12 Mar
- Esercitazione sui posizionamenti.
Ripasso generale sugli effetti grafici in una pagina Html. I comandi CSS per manipolare,
spostare, modificare e abbellire sfondi, titoli, foto e testo.
- Gio 14 Mar
- Lezione con la dottoressa Katia. Si lavora in
particolare sul curriculum vitae, creazione di una presentazione di se stessi efficace in soli
250 caratteri.
- Presentazione
Breve (pdf)
- Ven 15 Mar
- Lezione con la dottoressa Katia. Ultimazione del
curriculum vitae personale, ultimi ritocchi. Si crea una presentazione di se stessi efficace
da inviare via e-mail ad un'ipotetica azienda a cui ci si propone per un lavoro.
- Presentazione
E-mail (pdf)
- Mar 19 Mar
- Layout di pagina. Si a prendere visione
con un CSS già predisposto e si analizzano i vari tag DIV
che delimitano una pagina WEB. Si fanno prove con sfondi e scritte per capire bene con quali
DIV e con quali spazi della pagina si interagisce.
- Esercizio
Layout
- Gio 21 Mar
- Spazio WEB (hosting).
Ogni sito internet ha bisogno di un indirizzo e di un spazio WEB (database
fisico). Tutti servizi che ci vengono offerti da società specializzate del settore. È
necessario quindi avere il nome del sito che sarà unico e univoco, e il database in cui sono
contenuti fisicamente tutti i files necessari al funzionamento del nostro sito internet (spazio hosting).
File Transfer Protocol. Per trasferire i files dal
nostro computer allo spazio hosting si utilizza il protocollo
FTP (File Transfer Protocol). Installiamo nel nostro computer il "File
Zilla", un programma gratuito che ci offre questo servizio. Allo stesso tempo ad
ognuno degli studenti del corso viene messo a disposizione un piccolo spazio hosting nel quale
si dovrà costruire il nostro primo sito internet pubblico.
Home Page. Durante la lezione si crea la home page (index.html)
che, dopo dopo aver configurato il file Zilla, carichiamo fisicamente nel nostro hosting
personale. Salvo diversa indicazione e configurazione del sito, per default il file di nome "index.html" è quello che viene letto per primo dal
browser quando si viene indirizzati ad un sito internet.
- Mio primo Sito
- Ven 22 Mar
- Creazione di un layout (aspetto grafico
di una pagina Web). Durante la lezione si crea una pagina html e un CSS per fare un layout
personalizzato con un'intestazione (<header>),
un menù verticale a tentina (<nav>), un corpo
centrale (<main>),
una colonna a destra (<aside>),
e un piè di pagina (<footer>).
Istruzioni per creare un menù a tendina con i CSS. Con
Html5 vengono codificati con nomi particolari i <div>
che identificano le varie parti di un layout di pagina, ma è possibile usare anche <div>
personalizzati o <div> generici.
Nella creazione di un aspetto grafico di una pagina web è importante tener presente i
contenuti che si dovranno inserire, la funzionalità e la leggibilità, per il resto spazio alla
fantasia e alla creatività.
- Primo Layout
- Mar 26 Mar
- Lezione improntata all'installazione di WordPress,
una piataforma per la creazione di siti internet professionali.
In particolare WordPress è una piattaforma software
di "blog" e content management system (CMS)
open source ovvero un programma che, girando lato server, consente la creazione e
distribuzione di un sito Internet formato da contenuti testuali o multimediali, facilmente
gestibili ed aggiornabili in maniera dinamica. Inizialmente fu creato da Matt Mullenweg e
distribuito con la licenza GNU General Public License. È sviluppato in PHP
con appoggio al gestore di database MySQL.
- Primo WordPress
- Gio 28 Mar
- Spiegazioni pratiche sulle principali funzionalità di WordPress.
Si inizia a conoscere quelli che sono i comandi e la struttura di massima con un layout scelto
tra quelli gratuiti proposti da WordPress.
- Ven 29 Mar
- WordPress. Layout, scelta e
installazione di un layout semplice per il nostro sito internet. Si scrive un primo articolo
di esempio.
- Mar 2 Apr
- WordPress. Articoli, categorie e
sottocategorie. Si fanno prove sui commenti agli articoli.
- Gio 4 Apr
- WordPress. Ripasso sui principali
argomenti riguardanti WordPress. Temi, Categorie, Tag, Articoli, Pagine, Menù, Commenti.
- Ven 5 Apr
- WordPress. Installazione dei plugin. Si
installa e si prova un plugin per per un form di contatti. Integrare oggetti nel sito come
mappe Google, video e player musicali.
- Mar 9 Apr
- WordPress. Immagini e slides show. Si
installa e si prova un plugin per la gestione di immagini e slides show. I vari ruoli degli
utenti. Sottoscrittore, Collaboratore, Autore, Editore, SEO Editor, SEO Manager,
Amministratore.
- Gio 11 Apr
- WordPress. Interazione con Google
Analytics. Plugin SEO per la valutazione e la leggibilità del sito, degli articoli e delle
pagine, con statistiche sulle visite al sito.
- Ven 12 Apr
- WordPress. Attivazione di un tema
figlio. Serve a salvare le personalizzazioni e i dati del sito internet in caso volessimo
cambiare il tema, o il layout, o anche in caso di errori ed eventi non prevedibili. La
personalizzazione del sito attraverso il CSS aggiuntivo.
- Mar 16 Apr
- Gio 18 Apr
- Ven 19 Apr
|