Intestazione

Corso Web

Computer
Computer




Ultimo Aggiornamento: Ven 20 Ago 2021

Diario

  • 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.
        1. Lo stile inserito nel singolo tag all'interno del codice html hanno la priorità assoluta.
        2. Regole si stile interne. Sono regole CSS inserite all'interno di una singola pagina html nella sezione "head" racchiuse tra il tag "style".
        3. Foglio di stile esterno. È un file CSS collegato esternamente a più pagine Html.
        4. 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
      • WordPress
    • Gio 18 Apr
    • Ven 19 Apr

Maris Davis
Personal Web
Blog
Pagina Facebook
La Perla Nera
Negozio on line
Foundation
Sito Internet
Friends of Africa
Niger Delta
Campagne Informative
News dall'Africa
Siti Amici
Africa
Chantal
Florindo
Queenet
Note per una Sinfonia