Corso di Web Design - Programma

Corsi di informatica
Via Achillini, 3
40137 Bologna
PARTITA I.V.A. 02805581200
Tel: 051 188 99 318
mail: [email protected]
Web: in-segno.it
Corso di Web Design - Programma
1. HTML
1.1
Basilari





1.2
Imparare l'HTML
Scegliere un editor
Esplorare la sintassi di base dell'HTML
Devo imparare l'HTML 5?
Referenze
Struttura base di una pagina







1.3
Esplorare un documento HTML
Dichiarazioni doctype
Esaminare l'head di un documento
Il body
Aggiungere la struttura di un documento
Codificare una pagina basica (1)
Codificare una pagina basica (2)
Formattare i contenuti di una pagina











Come viene formattato il testo?
Aggiungere headings
Formattare i paragrafi
Interruzioni di linea
Elenchi
Enfatizzare testo
Caratteri speciali
Spazi bianchi
Immagini
Controllare il contenuto di una pagina (1)
Controllare il contenuto di una pagina (2)
inSegno – Via Achillini 3, 40137 Bologna – [email protected] – tel. 051 188 99 318 – P.IVA 02805581200
Pag. 1 di 6
Studio SBS
programma
1.4
Corso di formazione
Link






Collegare una pagina nel sito
Collegare pagine esterne
Collegare risorse scaricabili
Collegare zone della pagina
Creare link (1)
Creare link (2)
2. CSS
2.1
Basilari








2.2
Cosa sono i CSS
Stili di default dei browser
Sintassi
Tipi di selettori
CSS e struttura dell'HTML
Authoring
Come i browser applicano gli stili
Browser rendering
Specifiche CSS





2.3
Una breve storia
Lo stato dell'arte
Esplorare le specifiche
Leggere le specifiche
Controllare il supporto dei browser
Concetti comuni















Lavorare con i font
Formattare testo
Model box
Margin e padding
Bordi
Sfondi
Colori
Unità di misura comuni
Posizionamento degli elementi
Float
Concetti basici del layout
Tipi di media
Co'è il CSS3?
Prefissi
CSS reset
inSegno – Via Achillini 3, 40137 Bologna – [email protected] – tel. 051 188 99 318 – P.IVA 02805581200
Pag. 2 di 6
Studio SBS
programma
Corso di formazione
3. Reti e Internet
3.1
Server
3.2
Ipertesto
























Risoluzione indirizzi Internet
DNS
IP
HTTP
Connessioni FTP
Client FTP
Hosting
Database
Backup, migrazione DB
Ottimizzazione DB
Reseller
Backup, etc.
Servizio ai clienti
Concetti commerciali
Funzionamento motori di ricerca (crawlers, etc.)
Cenni sull'indicizzazione su google
Google strumenti per i webmaster
Cloud hosting
Server LAMP
Server dedicati
Hosting condiviso
Server virtuali
Virtualizzazione
Funzionamento delle reti di elaboratori
4. Joomla!
4.1
Installare Joomla





4.2
Il processo di installazione
Fare girare Joomla in locale o su un hosting web
Panoramica degli hosting web per Joomla
Installare Joomla!
Ripristinare il sito da un backup
Panoramica generale di Joomla!




Una rapida occhiata all'interfaccia
Modificare le configurazioni globali
Media Manager
Creare contenuti -
inSegno – Via Achillini 3, 40137 Bologna – [email protected] – tel. 051 188 99 318 – P.IVA 02805581200
Pag. 3 di 6
Studio SBS
programma
4.3
Creare categorie










4.4
Creare categorie per un sito
Modificare le categorie
Creare articoli e formattazione di base
Creare articoli individuali
Formattare articoli
Aggiungere link esterni
Aggiungere immaginni
Usare il leggi tutto
Aggiungere articoli in evidenza
Cancellare e ripristinare articoli
Creare menu per il sito












4.5
Capire il funzionamento dei menu
Collegare un articolo al meno
Parent/Child
Configurare le categorie blog
Categorie blog avanzate
Liste categorie
Liste categorie avanzate
Articoli in evidenza
Formattare la homepage
Eliminare voci di menu
Configurare i sottomenu
Creare nuovi menu e mostrarli sul sito
Formattazione avanzata degli articoli








4.6
Installare il JCE
Aggiungere link interni
Collegare un documento PDF
Interruzioni di pagina (leggi tutto)
Limitare i tag HTML utilizzabili
Configurare il JCE per gruppi specifici
Aggiungere un video YouTube ad un articolo
Usare immagini per link
Opzioni di visualizzazione






4.7
Corso di formazione
Opzioni globali e specifiche
Opzioni di menu
Opzioni individuali degli articoli
Intestazioni, titoli e titoli delle pagine del browser
Disattivare l'intestazione in home page
Configurare le opzioni individuali dei contenuti
Moduli
 Configurare moduli
inSegno – Via Achillini 3, 40137 Bologna – [email protected] – tel. 051 188 99 318 – P.IVA 02805581200
Pag. 4 di 6
Studio SBS
programma







4.8
Corso di formazione
Creare un modulo HTML personalizzato
Assegnare i moduli
Breadcrumb
Immagine casuale
Newsflash
Twitter feed
Inserire un modulo in un articolo
Componenti







4.9
Componente content
Componente contatti
Modulo con CAPTHA
Lista di contatti
Web links
Componente redirect
Ricerca in Joomla!
Template






4.10
Cambiare l'aspetto di un sito tramite i template
Template di default e stili del template
Creare un nuovo stile per il template
Modifichare gli schemi del template tramite un editor HTML/CSS
Cambiare il template amministrativo
Template per Joomla! di terze parti
Multilingua













4.11
Panoramica
Scaricare e installare il language pack inglese
Creare la lingua inglese
La struttura delle categorie nel multilingua
Creare categorie e articoli in inglese
Creare il menu in italian e la homepage universale
Creare menu in inglese
Cambiare i moduli menu nel sito
Creare stili template per la lingua italiana e per la lingua inglese
Modulo selettore lingua
Language filter plugin
Associazioni degli oggetti di menu
Gli override delle lingue
Estensioni per Joomla!





La Joomla! Estensions Directory
Akeeba Backup
installazione
Akeeba Backup
creare backup
inSegno – Via Achillini 3, 40137 Bologna – [email protected] – tel. 051 188 99 318 – P.IVA 02805581200
Pag. 5 di 6
Studio SBS
programma
Corso di formazione
 Xmap e le mappe del sito
4.12
Pubblicare il sito e altro






Pubblicare il sito
Creare una versione mobile del sito
Mettere il sito offline e cambiare l'immagine offline
Manutenzione del sito e editing front-end
Notifiche Joomla! update
Ulteriori risorse
5. Grafica per il web
5.1
Concetti fondamentali









5.2
Design per lo schermo
Dimensioni dello schermo e risoluzione
Il flusso di lavoro: da Illustrator all'HTML
Configurare Illustrator per lavorare con il web
Creare un nuovo documento per il web
Creare un nuovo documento per il mobile
Layout responsive
Creare newsletter
Pixel preview e anti-aliasing
Lavorare con i livelli
 Il pannello Livelli
 Rinominare e raggruppare i livelli
inSegno – Via Achillini 3, 40137 Bologna – [email protected] – tel. 051 188 99 318 – P.IVA 02805581200
Pag. 6 di 6