L’obiettivo del corso è la formazione di una figura in grado di realizzare portali e siti web di alta qualità tramite la creazione di pagine dinamiche. Lo sviluppo di interfacciamenti a database, elementi flash, form … sono solo alcuni degli aspetti che riguardano l’ingegnerizzazione di un sito web, la cui realizzazione è possibile grazie alla diffusione e all’utilizzo delle tecnologie di Script Lato Server. Una tra le più diffuse e sicuramente la più conosciuta è ASP.

Principali temi trattati

  • Concetti generali – XHTML e HTML 5
  • CSS 2 e CSS 3

Programma del corso

Introduzione al browser
Introduzione a HTML
Struttura di una pagina HTML
Doctype
Codifica dei caratteri
Sintassi di HTML
Maiuscole o minuscole
Commenti
Entità (&, #)
I <tag>
Cosa sono i <tag>
Sintassi dei <tag>
Annidamento dei <tag>
<tag> contenitori e non contenitori (o vuoti)
Informazioni sul documento HTML, il tag <head> e suoi elementi (<title>, <link>, <style>, <meta>, …)
Il tag <body>
Formattazione dei <tag> (<strong>, <em>, < pre>, <sub>, <sup> ….)
Proprietà
Cosa sono le proprietà
Attributi
Cosa sono gli attributi
Layout
Come dare aspetti diversi alle pagine web
Il tag <div>
Intestazioni, paragrafi, links
Elementi di blocco (<h1>, <p>, <ul>, <div>, <table>)
Elementi in-line (<b>, <span>)
Links interni ed esterni (<a>, mailto:), gli Url e loro attributi (_target)
I moduli (form)
Struttura, proprietà ed attributi
Gli elementi di <input>, loro proprietà ed attributi (text, password, email, checkbox, radio, select …)
I tag <textarea>, <fieldset>
I pulsanti (submit, reset)
Aspetto grafico
Immagini e formati di immagine per il Web
Colori del testo, colori di sfondo, immagini di sfondo
Allineamento di testi, immagini
Tabelle
Intestazioni, righe, colonne (<thead>, <tfoot>, <tbody>, <caption>, …)
Raggruppare celle con rowspan e colspan
Liste
Liste ordinate e non ordinate (<ul>, <ol>, <li>)
Liste di definizione (<dl>, <dt> e <dd>)
Stile delle pagine HTML con i CSS di base
Tecniche e trucchi
Nuovi elementi semantici di HTML5
<header>
<hgroup>
<time>
<nav>
<section>
<article>
<aside>
<footer>
Nuovi elementi pratici di HTML5
<figure> e <figcaption>
<progress>
<color>
<meter>
<mark>
<details> e <summary>
<draggable>
<hidden>
<speelcheck>
Nuovi tipi e attributi per campi <input>
Inserire e validare numeri di telefono, email, date e url
Impostare la lingua del documento
Approfondimento del tag <meta>
Campi di <input> per date e ore, colori,
Moduli (form)
Liste e datalist
Pattern: validare i campi di un modulo con le espressioni regolari
Campi numerici: number, range
Il tag <file>
Tabelle
Tabelle annidate
Tabelle affiancate
Scaricare files: pdf, zip…
Immagini, i tag <figure> e <figcaption>
I pulsanti (button, image)
Video e audio
Nuovi tag, attributi e controlli per il player integrato
Le mappe di immagine, mappe cliccabili e interattive
Stile delle pagine HTML con i CSS avanzati
Tecniche e trucchi
Il tag <object>: Includere un file Flash
Drag & drop con HTML5 e Javascript: trascinare e spostare elementi in una pagina web
Canvas con HTML5 e Javascript: disegnare illustrazioni o composizioni con Canvas API

Introduzione ai fogli di stile (CSS)
Differenze di interpretazione tra browser
Sintassi e regole di sintassi
Commenti
Ordine e precedenza
Selettori
Selettori universali
Selettori di tipo
Selettori di classe
Selettori di ID
Selettori discendenti
Pseudo-classi
Pseudo-classi degli stati degli elementi (enabled, disabled, checked)
Colori per testi, sfondi
Immagini
Immagini di sfondo multiple
Trasparenza
Impostare i valori di default del browser
Margini interni (padding) ed esterni (margin)
Stili per i link
I bordi
Bordi squadrati, arrotondati, cerchi
Immagini per i bordi
Ombreggiature
Manipolazione base testi con Css
Il carattere tipografico (font)
Dimensioni dei font e unità di misura
Interlinea
Allineamento e indentazione
Decorazione e ombreggiatura
Modificare il cursore del mouse
Nascondere e mostrare elementi
Testo intorno alle immagini
Testo sopra un’immagine
Didascalia su un’immagine
Dare stili ai moduli (form)
Personalizzare campi di input
Personalizzare checkbox e radio
Personalizzare pulsanti
Dare stili alle tabelle
Righe o colonne alternate
Evidenziare righe al passaggio del mouse
Box (riquadri)
Orientamento dei box
Direzione e ordine dei box
Allineamento
Box flessibili
Layout della pagina HTML con i CSS
Posizionare il footer a fondo pagina (sticky footer)
Altezza variabile della pagina
Centrare orizzontalmente e verticalmente i div Realizzare semplici menù orizzontali o verticali
Selettori
Selettori di attributo
Selettori combinatori o di relazione
Pseudo-classi strutturali
Classi padri e figli (first-child, first-of-type, …)
Altre pseudo-classi (target, not,…)
Pseudo-classi per la validazione (enabled, checked, valid, …)
Pseudo-elementi
Aumentare la scelta di fonts con @font-face
Effetti tipografici
Word-wrap
Text-shadow
Text-overflow
Testo in colonne
Maiuscoletto, indentazione, spazi nel testo
Colori e sfondi
Sfondi multipli
Opacità
Gradienti
Dimensioni degli sfondi
Menù avanzati realizzati con fogli di stile
Realizzare un pannello a schede (tab)
Personalizzare la barra di scorrimento (scrollbar)
Effetti grafici avanzati
Transizioni
Trasformazioni
Animazioni
Media queries
Tipologie e caratteristiche dei media
Fogli di stile per la stampa

Inizio Corso: 15 Maggio 2017
Fine Corso: 29 Giugno 2017
Numero partecipanti: 5 – 8
Durata corso: 28 ore
Frequenza: due volte a settimana (lunedì dalle ore 19:00 alle ore 21:00 ; giovedì dalle ore 19:00 alle ore 21:00)
Prerequisiti: conoscenza sistema operativo Windows 10
Costo corso: € 1.000 OFFERTA VALIDA PER LE ISCRIZIONI FINO AD ESAURIMENTO POSTI (pagamento in tre rate da € 350 all’iscrizione, € 350 alla decima ora e € 300 alla ventesima ora)

Nel prezzo del corso è incluso un personal computer portatile di ultima generazione, con 2 anni di garanzia. Prima di passare in segreteria è consigliabile fissare un appuntamento – Sconto 10% per due o più iscritti contemporaneamente allo stesso corso.

Compila il seguente modulo e sarai ricontattato al più presto dal nostro staff: