Web Designer

MRW Corsi
Online
  • MRW Corsi

119 
+IVA
Vuoi parlare del corso con un consulente?

Informazione importanti

  • Corso
  • Livello base
  • Online
  • Durata:
    Flessible
  • Quando:
    Da definire
  • Servizio di consultazione
  • Tutoraggio personalizzato
  • Lezioni virtuali
Descrizione

Emagister.it presenta il corso Web Designer, offerto da MRW Corsi e rivolto a qualunque figura professionale correlata al mondo del web e con qualsiasi livello di esperienza.

Il corso, della durata flessibile da svolgere in modalità online, ha come obiettivo quello di trasmettere le tecniche di base del design di pagine web, della creazione di layout, di menu e stilizzazione dei contenuti.

Il programma del corso introdurrà al mondo del web design con accenni ai vari software di sviluppo e ai linguaggi. Gli allievi potranno usufruire di una breve guida all’HMTL per collegamenti ipertestuali, gestione di immagini e tabelle e creazione di moduli per la racconta dati. Si studieranno inolte i folgi di stile CSS e le caratteristiche fondamentali del Javascript con un tutorial per creare layout tableless per un sito web. Infine ampio spazio agli speciali menù di navigazione, all’accessibilità e alle tecniche più avanzate del design grafico.

Informazione importanti
Sedi

Dove e quando

Inizio Luogo Orario
Da definire
Online

Domande più frequenti

· Quali sono gli obiettivi del corso?

Obiettivo del corso di Web Design è insegnare le tecniche base del design di pagine web, dalla creazione di layout, di menu, la stilizzazione dei contenuti e molto altro ancora.

· A chi è diretto?

Il corso è rivolto a qualsiasi figura professionale correlata al Web ed a tutti i livelli di esperienza.

· Requisiti

Nessuno.

· Quali saranno i passi successivi alla richiesta di informazioni?

Il corso è attivo 365 giorni all'anno, 24H su 24. Per maggiori informazioni e per conoscere eventuali promozioni: https://www.mrwcorsi.it/corsi/scheda/corso-web-design.asp

Cosa impari in questo corso?

Design di pagine web
Sviluppo html
Creazione di siti web
Disegno web
Grafica web
Realizzazione pagine web
Web design
Web designer
Architettura web
CSS
HTML
Javascript
Layout grafico
Disegno grafico
Interfaccia grafica

Professori

Luca Ruggiero
Luca Ruggiero
Ragioniere

Da oltre 15 anni è operativo in Rete con servizi editoriali propri e mediante una propria web agency offre consulenza ad aziende e privati. E' conosciuto per aver scritto centinaia di articoli tecnici su autorevole testate di settore come Mr.Webmnaster e HTML.it

Programma

  1. Introduzione al Webdesign
    • Introduzione al concetto del "disegnare per il Web"
    • I linguaggi del Web Design
    • Formati e risoluzioni delle immagini per il Web
    • Importanza e percezione psicologica dei colori
    • Tavolozza dei colori per il Web in esadecimale
    • Introduzione ai browser Web
    • Accenni sui software di sviluppo per Web Designer
  2. Breve guida all'HTML - Parte 1
    • Premessa
    • Regole e creazione un file HTML
    • Struttura di un file HTML e gestione delle intestazioni
    • Elementi di testo: titoli, paragrafi ed elenchi
    • Ritorno a capo nel testo
    • Stili in HTML: grassetto, corsivo e sottolineato
    • Collegamenti ipertestuali: i link
  3. Breve guida all'HTML - Parte 2
    • Gestione delle immagini
    • Le tabelle
    • Creazione di un modulo per la raccolta dei dati
    • Tutorial: impaginazione di un modulo HTML in una tabella
  4. Breve guida ai fogli di stile CSS - Parte 1
    • Premessa
    • Introduzione ai CSS e confronto con le stilizzazioni HTML
    • Stili in linea, interni ed esterni
    • Regole e sintassi CSS
    • Classi ed identificatori univoci
    • Stilizzare elementi di base: corpo della pagina
    • Stilizzare elementi di base: titoli e paragrafi
    • Stilizzare elementi di base: link
  5. Breve guida ai fogli di stile CSS - Parte 2
    • Stilizzare elementi di base: immagini cliccabili
    • Il Box Model: stilizzare box e tabelle
    • Questioni di compatibilità: fogli di stile condizionali per Explorer
    • Stilizzare un modulo HTML con i CSS
    • Tutorial: stilizzare coi i CSS un modulo HTML impaginato in una tabella
  6. Javascript: quello che un Web Designer deve sapere
    • Premessa
    • Cosa significa "programmare per il Web"
    • Il linguaggio Javascript: sintassi ed inserimento del codice
    • Variabili e costanti
    • Istruzioni di controllo: condizioni e cicli
    • Creazione di funzioni personalizzate
    • Javascript ed il Web Design: introduzione al DHTML ed al DOM
  7. Tutorial - Creare layout con le tabelle per un sito Web
    • Introduzione
    • Creare un layout a due colonne con le tabelle, fisso e centrato
    • Creare un layout a tre colonne con le tabelle, fisso e centrato
    • Creare un layout fluido a due colonne con le tabelle (a tutto schermo)
    • Creare un layout fluido a tre colonne con le tabelle (a tutto schermo)
  8. Tutorial - Creare layout tableless per un sito Web (senza tabelle)
    • Introduzione
    • Creare un layout tableless fisso a due colonne
    • Creare un layout tableless fisso a tre colonne
    • Creare un layout tableless fluido a due colonne (a tutto schermo)
    • Creare un layout tableless fluido a tre colonne (a tutto schermo)
    • Considerazioni finali
  9. Tutorial - Speciale menu di navigazione - Parte 1
    • Introduzione
    • Creare un menu verticale con un "div" ed effetto rollover
    • Creare un menu verticale con un elenco ed effetto rollover
    • Creare un menu orizzontale con le tabelle ed effetto rollover
    • Creare un menu orizzontale con i "div" con effetto rollover
    • Creare un menu orizzontale con un elenco ed effetto rollover
  10. Tutorial - Speciale menu di navigazione - Parte 2
    • Semplici "effetti speciali" sui menu
    • Menu dinamico verticale in DHTML
    • Menu dinamico orizzontale in DHTML
    • Creare un "footer menu"
  11. Tecniche avanzate, un po' di esempi pratici - Parte 1
    • Introduzione
    • Applicare uno sfondo alla pagina o ad un box
    • Applicare angoli arrotondati ai box
    • Box con effetto ombra
    • Box centrato rispetto alla risoluzione della pagina
  12. Tecniche avanzate, un po' di esempi pratici - Parte 2
    • Effetti "speciali" per i link
    • Personalizzare gli elenchi puntati con delle immagini
    • Rollover sulle immagini con i CSS
    • Effetto "loading" per le foto molto pesanti
    • Rendere leggibile un report di dati alternando i colori delle celle
  13. Design ed accessibilità
    • Concetti di usabilità ed accessibilità
    • Accessibilità di un menu di navigazione
    • Accessibilità di un modulo HTML
    • Testi ad alta leggibilità per soggetti ipovedenti o ipervedenti
    • Considerazioni finali