Corso Web Design, Roma

IL CORSO IN BREVE:

Lo scopo del nostro Corso Web Design e' quello di far acquisire al Corsista la perfetta padronanza di tutte le fasi che portano alla realizzazione di un sito web professionale: si parte dalla realizzazione grafica con Adobe Photoshop, allo sviluppo del codice in HTML5 e i CSS 3, alla crezione dei contenuti fino alla pubblicazione in rete.

Da quando molte delle nostre attivita' quotidiane si stanno spostando in rete (e in Italia e' un fenomeno appena cominciato), la figura professionale del Webdesigner e' divenuta una delle piu' richieste.
Non solo da parte dalle aziende del settore, grandi e piccole, ma anche da parte di chiunque abbia bisogno di visibilita' sul web.

Ecco perchè un Corso Web Design pratico è la scelta migliore da fare, per sfruttare le nuove opportunità del mercato del lavoro.

  • Partenza prossima sessione:

    Stato:
  • Già incluso nei seguenti Corsi ↯
    Master Web e Grafica Certificato
    Corso Grafica e Web
    Corso Progettista Web
  • Unica Sede: Roma
  • Vuoi capire cosa realizzerai?
    Guarda ↯
  • Durata: 3 mesi /70 ore
  • Frequenza:
    2 giorni a settimana, con 3 ore per lezione.
  • Classificazione unità Professionale Nazionale:
    3.1.2.2.0 - Grafico impaginatore web
  • Orari disponibili:
    AM ❯ dalle 10.00 alle 13.00.
    PM ❯ dalle 16.00 alle 19.00.
  • Posti disponibili:
    Numero chiuso, massimo 8 partecipanti.
    Ci sono ancora posti?
  • Requisiti per l'accesso: Nessuno.
  • Tipo di Corso: in aula
  • Tipo di lezioni: PRATICHE
  • Possibilità di recuperare le lezioni perse: SI
    O di partecipare in remoto, tramite piattaforma Skype.
  • Certificazioni ufficiali con valore internazionale rilasciate IN OMAGGIO:
    Il rilascio del diploma valevole per i C.F.U. è GRATUITO ma subordinato alla consegna di tutti i Briefing Didattici da parte del Corsista.
  • Materiale didattico incluso:
    - Chiavetta USB con Software e il materiale didattico.
    - Rilascio del Diploma.
    - Borsa porta-notebook.
    - Blocco.
    - Penna.
    - Matita.
    - Dispense formative.
  • Postazioni disponibili: 1 personal computer per Corsista, con S.O. Win o Mac.
  • Docenti: Adobe Certified Instructor
  • Costo Corso di gruppo:
    TOT: 697 +iva.


    COSTO RATEIZZATO:
    - 4 rate: € 160
    + acconto di € 210 all'iscrizione.
    ↗ tutto iva compresa.
    Pagherai 1 rata al mese, senza finanziamenti, senza interessi e a partire dal primo mese di frequenza del Corso.

Fino a non molto tempo fa, uno dei principali problemi di chi si occupava della realizzazione delle interfacce Web era il cosidetto "Cross Browsing", ovvero il comportamento di un sito web sui vari browser web o piattaforme. Con l'avvento delle tecniche responsive questo problema è stato superato; con l'uso sapiente di Adobe Muse la creazione di layout responsive è immediata.

  • Le aree di lavoro di Muse: Pianificazione, Progettazione, Anteprima, Pubblica.
  • Personalizzare l’area di lavoro di Muse.
  • Il pannello degli Strumenti.
  • Il pannello di Controllo.
  • La finestra del documento.
  • I menu dei pannelli.
  • Layout fluido.
  • Creare e gestire Pagine mastro.
  • Creare e gestire elementi Mastro (Intestazione, Menu di navigazione, Footer).
  • Le Proprietà di pagina e i Metadati.
  • Applicare le Pagine Mastro.
  • Le Opzioni pagina.
  • Le cornici di testo.
  • Inserimento e formattazione del testo.
  • Creazione e uso di Stili di Paragrafo e di Carattere.
  • Uso di font web.
  • Strumenti di disegno.
  • Uso della Traccia Riempimento Campioni colore e sfumature.
  • Uso di Effetti e Trasparenze.
  • Creazione ed uso degli Stili grafici.
  • Inserire le immagini.
  • Modificare e trasformare le immagini.
  • Immagini contornate dal testo.
  • Utilizzo del pannello Risorse per gestire le immagini del sito.
  • Operazioni di copia e incolla delle risorse.
  • Proprietà immagine: descrizione e testo alternativo.
  • Link.
  • Uso dei pulsanti: creazione, stati, gestione.
  • Uso dei Widget.
  • Il pannello livelli.
  • Creare nuovi livelli.
  • Impostare le opzioni dei livelli.
  • Aggiungere oggetti ai livelli.
  • Selezionare, spostare e copiare oggetti sui livelli.
  • Eliminare i livelli.
  • Esportare le pagine come HTML.

L'Hyper Text Markup Language, o meglio conosciuto come linguaggio HTML, è il linguaggio utilizzato per creare le pagine web. Il documento HTML è semplicemente un testo ASCII con al suo internoi diversi comandi che vengono visualizzati dai nostri browser. L'HTML 5 è il linguaggio di marcatura che viene usato dai documenti ipertestuali, i più diffusi, contenenti al loro interni vari altri documenti di natura anche differente. La conoscenza dell'HTML 5 e' fondamentale per poter capire le nozioni avanzate delle tecnologie per il Web 2.0 e per la realizzazione di siti ed applicazioni. La sinergia tra l'HTML 5 ed i fogli di stile (CSS 3) permette il pieno controllo degli aspetti grafici e degli effetti animati nelle pagine web.

HTML5:

  • Cos'è Word Wide Web.
  • Cosa significa di ipertesto e le sue funzioni.
  • L'Hyper Text Markup Language.
  • Strumenti di navigazione: browser e le principali piattaforme.
  • Struttura, definizione e navigabilità di un sito web.
  • Caratteristiche di un documento HTML5.
  • Compatibilita' con Internet Explorer ed ottimizzazione (utilizzo dei polyfiller).
  • Studio dei TAG e delle loro funzionalità.
  • Inserire immagini di sfondo.
  • Inserire colori di sfondo.
  • Collegamenti ipertestuali (link).
  • Struttura di base.
  • Dichiarazione del "DOCTYPE".
  • Elementi di impaginazione: i "Div".
  • Creazione ed utilizzo dei paragrafi "p".
  • Creazione ed utilizzo degli elenchi non ordinati "ul".
  • Creazione ed utilizzo degli elenchi ordinati "ol".
  • Creazione ed utilizzo delle voci elenco "li".
  • Creazione ed utilizzo dell'elemento "span".
  • Creazione ed utilizzo dei titoli "h1", "h2", "h3", "h4", "h5" e "h6".
  • L'attributo "strong".
  • L'attributo "em".
  • Comprensione degli lementi semantici di un layout web:
    • "header"
    • "nav"
    • "section"
    • "article"
    • "aside"
    • "footer"
  • Il TAG "video" ed i controlli di riproduzione.
  • Il TAG "audio" ed i controlli di riproduzione.
  • Studio degli attributi HTML5 dei Form:
    • "placeholder"
    • "required"
    • "autocomplete"
  • Creazione ed uso dei TAG HTML5 di "input":
    • "date"
    • "email"
    • "number"
    • "tel"
    • "search"

CSS3:

  • Studio della sintassi.
  • Uso dei selettori: Tag, Classi e Identificatori.
  • Uso dei selettori aggiuntivi: le Pseudoclassi e gli Pseudoelementi.
  • Regole in cascata:
    • Impiego selettori di discendenza.
    • Impiego selettori figli.
    • Impiego selettori fratelli.
  • Come gestire gli sfondi e riempimenti:
    • Immagini di sfondo.
    • Gli sfondi con gradienti: lineari, radiali, obliqui e ripetuti.
    • Dimensione delle immagini sfondo.
    • Uso delle immagini di sfondo multiple.
  • Formattare il testo:
    • font-size.
    • font-style.
    • font-family.
    • font-weight.
  • Effetti e filtri sui testi.
  • Utilizzo di caratteri personalizzati.
  • Modificare le dimensioni degli elementi.
  • Modificare la posizione degli elementi:
    • Posizioni "assolute".
    • Posizioni "relative".
    • Posizioni "fisse".
    • Posizioni "statiche".
  • Uso del valore z-index.
  • Gestione dell'allineamento degli elementi.
  • Bordi, i margini interni e i margini esterni degli elementi.
  • Uso del float.
  • I filtri.

Come si acquista un dominio? Che tipo di Hosting devo scegliere? Con così tante offerte simili perchè i prezzi sono così differenti? Come si può mettere on-line un sito e vederlo subito nella pagina dei risultati dei motori di ricerca? Questi sono solo alcuni dei tantissimi quesiti che un Webmaster deve affrontare. In questa parte del Corso di Webmaster sveleremo i mille trucchi necessari per una buona pubblicazione.

  • Guida all'acquisto di un dominio.
  • Studio dei costi di un preventivo.
  • Criteri per la scelta di un Provider.
  • Provider italiano o straniero?
  • Quali e quante estensioni scegliere?
  • Documenti necessari per l'acquisto di un dominio.
  • Differenza tra Hosting e Redirect.
  • Hosting Linux, Hosting Windows o Hosting Ibrido: quale scegliere?
  • Cosa si intende per "Spazio web illimitato".
  • Che cos'è il servizio "Whois Privacy"?
  • Domini di Primo, Secondo, Terzo, ecc: i Livelli nei Domini.
  • Differenza tra Banda Garantita e Banda "best-effort".
  • Come scegliere le caratteristiche del Dominio in linea con le esigenze del Cliente.
  • Differnza tra "Spazio condiviso" e "Server dedicato".
  • La pubblicazione in rete: utilizzo dell'FTP.
  • I file principali ed i file correlati.
  • Come mettere il sito in modalità "Mantenimento" mentre si stanno aggiornando i contenuti.
  • Come nascondere alcuni tipi di file ai visitatori.
  • Come impedire l'Hotlinking delle immagini di un sito.
  • Come far scaricare automaticamente alcuni tipi di file da un sito.
  • Utilizzo degli "Strumenti per i Webmaster di Google".
  • Tool per la creazione di Site Map: quali i migliori?
  • Site Map Web.
  • Site Map Immagini.
  • Site Map Cellulari.
  • Sfruttare il tool "Visualizza come Google".

Adobe Photoshop è la soluzione ottimale per la creazione di immagini eccellenti con lo standard professionale, ma non solo. Questo software ridefinisce l'elaborazione digitale delle immagini grazie a nuovi ed efficienti strumenti e a funzionalità innovative per realizzare sofisticate interfacce (UI Designer), effetti pittorici realistici e ritocchi intelligenti. Adobe Photoshop permette di ottenere l'aspetto desiderato dei propri elaborati in tempi più rapidi che mai, e verrà illustrato approfonditamente il metodo per la creazione di layout Web professionali.

  • L’area di lavoro di Photoshop.
  • Nascondere o mostrare tutti i pannelli.
  • Gestire le preferenze.
  • Le scelte rapide da tastiera.
  • Come selezionare e visualizzare gli strumenti.
  • Importazione dei file.
  • Gestione dei righelli.
  • Gestione delle guide.
  • Lavorare con il colore e con le immagini:
    • Ridimensionare un'immagine.
    • Le immagini bitmap.
    • La grafica vettoriale.
    • Combinare immagini vettoriali e le immagini bitmap.
    • Dimensioni e risoluzione dell’immagine.
    • Determinare la risoluzione consigliata per un’immagine.
    • Ricampionamento.
    • Cambiare le dimensioni in pixel di un’immagine.
    • Modificare la modalità dello schermo.
    • Utilizzo di Zoom in o Zoom out.
    • Come ingrandire un’area specifica.
    • Come adattare un’immagine allo schermo.
    • I pannelli Colore e Campioni.
  • Lavorare con i Livelli:
    • I livelli.
    • Utilizzo del pannello Livelli.
    • Duplicare i livelli.
    • Rinominare un livello.
    • Modificare la trasparenza di un livello.
  • Scrivere:
    • Formattazione del testo.
    • Formattazione di un paragrafo.
    • L'interlinea.
    • Le Font.
    • Modifica del testo:
      • Creare del testo lungo un tracciato.
      • Convertire il testo in forma.
      • Aggiungere al testo un’ombra esterna.
      • Il testo segnaposto "Lorem ipsum".
  • Salvataggio ed esportazione delle immagini.
  • I formati di file.
  • Impostare le opzioni di output.
  • Gestione della grafica web:
    • Ottimizzazione delle immagini per il Web ed i dispositivi.
    • Tipi di salvataggio.
    • Esportazione automatica delle risorse.
    • Formati immagine per la grafica Web: JPEG, GIF, PNG–8 e PNG-24.

Copyright © 1999-2018 | www.accademia-anja.com | Tutti i diritti riservati | P. IVA 0722671005
Google «» Trovaci su Google+