default-logo


06.97.60.13.05
info@archimedeinformatica.it

Corso Progettista Web: Web Design + Php e-commerce

  • Il Progettista Web è il top dei corsi che il nostro istituto propone. E' l'unione di due corsi: Web Design e Programmazione php ed E-commerce. Grazie a questo Master sarete in grado di proporre una soluzione completa di supporto nell'ottica di risolvere problematiche e di proporre soluzioni alternative per realizzare piattaforme professionali di supporto ai servizi web. Saprete cosi realizzare un sito Web completo sia dal punto di vista grafico che dal punto di vista della programmazione. Un corso per lo sviluppo di siti web,completo a 360 gradi. Se vuoi risparmiare, questo corso è disponibile anche in versione online! Clicca qui per info e per acquistarlo Per completare il percorso formativo si consiglia di frequentare anche il corso "SEO e Web Marketing"
  • 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 è Php. Se vuoi risparmiare, questo corso è disponibile anche in versione online! Clicca qui per info e per acquistarlo Per completare il percorso formativo si consiglia di frequentare anche il corso "SEO e Web Marketing"
  • Prenota ora! Segui online!

Programma

Concetti generali – XHTML e HTML 5

  • 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

 

CSS 2 e CSS 3

    • 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
        • Tipologie e caratteristiche dei media
        • Fogli di stile per la stampa
        • Media queries 

 

WordPress

  • Introduzione a WordPress.
  • Installazione di WordPress
  • WordPress Opzioni (wordpress config) e WordPress Opzioni tema (tema config)
  • Creazione di pagine e post
  • La Bacheca di WordPress
  • Installare Temi
  • i Plugin e i widget
  • Creazione di menu (menu a discesa, genitore e voci di menu per bambini)
  • Ottimizzazione SEO – permalink
  • Categorie e tag
  • Gestione di immagini e contenuti
  • Barre laterali e le zone Widget
  • Plugins / Installazione (moduli di contatto, gestione dei contenuti e SEO plugin)
  • Account utente e Privilegi Account
  • Esaminare della struttura dei file di WordPress
  • Formattazione Html
  • Personalizzazione dei temi con l’editor CSS
  • WordPress Tags
  • Modifica del Layout e Personalizzazione
  • Interpretazione del Codice Html

 

Adobe Photoshop 

Photoshop è uno dei più potenti programmi per il fotoritocco e  la progettazione e realizzazione di elementi grafici sia per la produzione cartacea che per il Web. In quest’ultimo ambito, esso permette di modificare le immagini, ottimizzarle, esportale, di creare un logo, dei menù, pulsanti per effetti di rollover. Una soluzione pressoché completa per la realizzazione grafica del sito Web.

  • Introduzione alla grafica per il Web
  • I formati grafici, grafica pittorica (Raster) e grafica vettoriale
  • Il pannello degli strumenti di Photoshop, l’interfaccia del software
  • Modifica di oggetti bitmap
  • Le selezioni, gestione e modifica, le selezioni sfumate
  • La finestra dei livelli
  • Riempimenti e sfumature
  • Copia, taglia, incolla
  • Modifica e ridimensionamento dell’immagine
  • Semplici ritocchi alle immagine (luminosità, contrasti, colori)
  • Il testo e sua formattazione
  • Integrazione del testo con gli altri elementi grafici
  • Gli effetti di livello
  • Esportazione delle immagini nei formati per il Web e loro caratteristiche
  • La finestra di Photoshop “Salva per il web”
  • Realizzazione di pulsanti, icone ed altri elementi grafici
  • Creazione di una gallery fotografica, preparazione delle foto
  • Creazione dell’intestazione grafica di un sito
  • Preparazione di un layout web

 

Adobe Dreamweaver 
Dreamweaver è uno dei più potenti software per editare HTML, ma al tempo stesso è estremamente facile da utilizzare, ed altamente professionale. Esso è uno dei software più usati dai Web Design professionisti, permette infatti di realizzare pagine Web complete in tempi brevissimi con il metodo conosciuto col nome WYSIWYG (in inglese “what you see is what you get”).

  • L’interfaccia grafica di Dreamweaver
  • Definizione del sito
  • L’importanza della “definizione sito” per un corretto lavoro sul Web
  • Definizione del sito, l’FTP e lo spazio Web
  • Creazione e salvataggio di una pagina Web, i modelli di pagina di Dreamweaver
  • Anteprima nel browser, impostare i diversi browser
  • Visualizzazione codice e visualizzazione grafica, inserire i commenti
  • La gestione del testo e formattazione veloce
  • Intestazioni, Titoli ed elenchi puntati e numerati
  • Gestione della pagina Web, margini e colori
  • Inserimento di immagini e gestione nel progetto
  • Immagini di sfondo
  • I collegamenti ipertestuale, i Link e loro tipologie (interni, esterni, email, file scaricabili, immagini)
  • Le modalità di creazione dei Link in Dreamweaver
  • Il Link ancora

 

Php e MySql base

  • Introduzione a PHP
  • Installare e configurare l’ambiente di sviluppo su un server locale
  • La sintassi del linguaggio e i commenti
  • Comprensione e soluzione degli errori
  • Variabili, Costanti e Valori booleani
  • Valorizzazione delle variabili
  • Operazioni sulle variabili
  • Variabili Server
  • Variabili Superglobali
  • Le stringhe
  • Manipolazione delle stringhe
  • Gli array
  • Capire gli array
  • Uso e pratica con gli array
  • Le funzioni
  • Capire le funzioni, utilizzo e sintassi
  • Le funzioni più comuni
  • Logica condizionale
  • Operatori logici
  • Funzioni condizionali
  • I cicli
  • Ciclo For
  • Ciclo Foreach
  • Ciclo While
  • Integrazione di PHP con HTML e CSS
  • Il modulo HTML
  • I metodi POST e GET
  • Passaggio di dati attraverso POST e GET
  • Realizzazione di controlli con HTML e PHP
  • Manipolazione di HTML e CSS con PHP
  • L’attributo HTML Action
  • Introduzione alla programmazione orientata agli oggetti (OOP)
  • Capire cos’è un oggetto
  • Introduzione alle classi
  • Sintassi e operatori delle classi
  • I metodi
  • Creazione delle classi
  • Utilizzo dei metodi creati dagli studenti
  • Differenza di accesso tra le funzioni native di PHP e quelle create dagli studenti
  • Ereditarietà delle classi
  • Introduzione al Database Mysql
  • Capire cos’è un Database
  • Capire cos’è un Database Relazionale
  • Creazione di un Database usando phpMyAdmin
  • I campi e loro attributi
  • Introduzione al linguaggio SQL
  • Sintassi e struttura del linguaggio SQL
  • Le parole chiave
  • Accedere ad un Database con PHP
  • Creazione di funzioni per accedere al Database
  • Leggere i records
  • Inserire nuovi records
  • Aggiornare records
  • Eliminare records
  • Importazione ed esportazione di dati
  • Realizzazione di un sito mettendo in pratica le lezioni del corso

 

Php e MySql avanzato

  • Gli operatori di confronto
  • Le funzioni per la gestione delle stringhe
  • Concatenamento di stringhe per la gestione dei testi
  • Gli array
  • Creazione ed utilizzo di array multidimensionali
  • Le funzioni dedicate agli array
  • Funzioni ricorsive per gli array
  • Uso e pratica con gli array
  • Costruire un menu con funzioni ricorsive sugli array
  • Operazioni su files e cartelle
  • Lettura e scrittura di cartelle
  • Lettura e scrittura di files
  • Modificare i permessi di accesso a files e cartelle
  • Codificare e decodificare dati (encrypt, decrypt)
  • Scrittura e lettura di cookie
  • Cenni sulle espressioni regolari
  • Funzioni per date e ore
  • Comprensione e utilizzo delle sessioni
  • Upload di files
  • Le classi
  • Concetto di istanza
  • Definizioni di variabili e costanti
  • Visibilità delle variabili e metodi di classe
  • Accedere alle variabili e metodi di classe
  • Le proprietà e metodi statici
  • I metodi “magici”
  • Utilizzo di una classe per la validazione di un modulo
  • Estensione ed uso della classe Exceptions
  • Gestione degli errori con “try” e “catch”
  • Creazione di una classe OOP “Carrello”
  • Concetti avanzati per mySQL
  • Tipologia dei campi
  • Leggere più tabelle contemporaneamente (JOIN)
  • Inserimento multiplo di records
  • Dichiarazioni SELECT annidate
  • Funzioni avanzate per Stringhe, Numeri e Date
  • Uso di keyword CASE, IF, COALESCE ecc.
  • Funzioni di raggruppamento
  • GROUP, HAVING
  • Concatenazione di colonne
  • Uso di TRANSACTION
  • COMMIT e ROLLBACK
  • Integrità referenziale
  • Comprendere e utilizzare l’integrità referenziale
  • Applicare i concetti imparati in un sito e-commerce
  • I concetti di “front-office” e “back-office”
  • Esempio di gestione “back-office”
  • Invio di posta
  • Utilizzo del file Htaccess
  • Modulo registrazione utenti
    b. Convalida campi form
    i. Espressioni regolari
    c. Aumentare la sicurezza
    d. Gestione della Password
    i. md5
    e. Registrazione nel database
    f. Invio mail per la verifica dell’indirizzo
    i. Attivazione account
    g. Gestire la registrazione col paradigma OO
  • Modulo login utente
    b. Verificare i dati inseriti
    c. Mantenere i dati di login con i cookie
    d. Mantenere i dati di login con le sessioni
    e. Gestione aree-riservate
    f. Modulo logout
    g. Gestire il login col paradigma OO
  • Carrello della spesa
    i. Classe carrello
    b. Aggiungere prodotti acquistati
    c. Visualizzare prodotti acquistati
    d. Rimuovere prodotti acquistati
    e. Svuotare il carello
    f. Presentazione dei carrelli più famosi
  • Realizzare sito e-commerce
    b. Interagire con Paypal
    c. Sandbox Paypal
    i. Account personal
    ii. Account business
    d. Concetti di IPN e PDT
    i. Listener PDT
    ii. Salvare i log
    e. Verifica e registrazione transazione
    f. Pagamenti avanzati: carrelli integrati

 

 

Dettagli sul corso

Inizio Corso: tra il 16/10/2017 e il 30/10/2017 martedì, giovedì 11 - 13 (Web Design) e martedì e giovedì 15 - 18 (PHP)
oppure Se vuoi risparmiare, questo corso è disponibile anche in versione online! Clicca qui per info e per acquistarlo -
Durata corso di gruppo ( 2 - 4 persone): 120 ORE -
Durata corso di gruppo ( 5 - 8 persone): 140 ORE -
Prerequisiti: Conoscenze di informatica di base
Costo corso collettivo : € 1495 (invece di € 1750) OFFERTA VALIDA PER LE ISCRIZIONI ENTRO IL 30/09/2017 -
+ gratis connessione piattaforma E-learning per riascoltare tutte le lezioni - POSSIBILITA' DI ACQUISTARE A PREZZI AGEVOLATI, E SOSTENERE IN SEDE GLI ESAMI DI CERTIFICAZIONE UFFICIALI ADOBE DREAMWEAVER E PHP ON MYSQL - ESAMI IN SEDE
PAGAMENTO RATEALE SENZA INTERESSI: al momento dell'iscrizione euro 299 poi 4 rate mensili da euro 299 .
Se porti un amico, sconto del 10% se iscritti allo stesso corso
Prima di passare in segreteria è consigliabile fissare un appuntamento -
Per completare il percorso formativo si consiglia di frequentare anche il corso "Javascript"
Ad ogni alunno sarà fornita una Username ed una password per accedere all'area riservata del sito dell’ Archimede informatica dove è possibile seguire i video tutorial delle lezioni svolte in classe, in modo da poter risentire a piacimento la lezione o recuperarla in caso di assenza. Inoltre è presente materiale didattico in continuo aggiornamento (es. test di autovalutazione) e un forum sul quale poter contattare il docente per chiarire dubbi e fare domande dal quale si avrà una risposta entro 24 ore lavorative. Su questa piattaforma on line saranno quindi disponibili: • Videolezioni (ripetizione delle lezioni svolte in classe) • Manuali, file .pdf • Esercitazioni • Quiz auto valutativi • Servizio di Tutoraggio
Sconti per due o più iscritti contemporaneamente allo stesso corso
torna su
Importante
Archimede informatica si riserva il diritto di posticipare le date di inizio dei corsi qualora non si raggiunga il numero minimo necessario per far partire il corso collettivo