Introduzione
Il linguaggio HTML
Requisiti di Sistema
Tag HTML
Struttura pagina HTML
Paragrafi e interruzioni di riga
Titolo e Metatag
Elenchi puntati e numerati
Elenchi nidificati
Personalizzare elenchi puntati e numerati
Specificare inizio elenco numerato
Elenco di definizione
Inserire caratteri speciali
Filetto orizzontale
Colori nel Web
Applicare sfondo alla pagina
Applicare colore al testo
Definire immagine di sfondo
Collegamenti ipertestuali
Creazione collegamento ipertestuale
Link relativi e assoluti
Impostare finestra destinazione
Collegamento ad indirizzo email
Collegamento ad ancoraggio
Collegamento ad altri contenuti
Introduzione
Creazione di una regola CSS
Regole per Classe e regole per ID
Applicare uno stile ai collegamenti ipertestuali
Creare e collegare un foglio stile esterno
Impostare la famiglia di caratteri
Impostare le dimensioni del carattere
Impostare il colore del carattere
Applicare grassetto e corsivo
Testo barrato e sottolineato
Creare uno span inline
Spaziatura tra lettere e parole
Rientro dei paragrafi
Applicare un bordo ad un paragrafo
Spessore e colore del bordo
Allineamento orizzontale di un paragrafo
Impostare l'interlinea
I nuovi tag HTML5 per la formattazione del testo: em, strong, dfn e code
I nuovi tag HTML5 per la formattazione del testo: samp, kbd, var e cite
I nuovi tag HTML5 per la formattazione del testo: mark
I nuovi tag HTML5 per la formattazione del testo: time
I nuovi tag HTML5 per la formattazione del testo: wbr
Visualizzare le immagini
Formati grafici per Web
Inserire immagine in una pagina HTML
Modificare dimensioni delle immagini
Applicare margine ad immagine
Creare collegamento ipertestuale ad immagine
Utilizzare miniature immagine
Testo alternativo su immagine
Tag HTML5: figure
Creare Mappe Immagine
Effettuare refresh ad altro URL
Introduzione
Layout basati su Div: i tag semantici di HTML5
Layout basati su Div: Il tag Div
Layout basati su Div: applicazione di un tag semantico di HTML5
Layout basati su Div: impostare le dimensioni di un Div
Layout basati su Div: la proprietà float
Layout basati su Div: dimensioni e allineamento di un tag semantico
Spaziature esterne al div, la proprietà margin
Spaziature interne al div, la proprietà padding
Le tabelle: introduzione
Le tabelle: creazione di una tabella
Le tabelle: spessore del bordo delle tabelle
Le tabelle: Dimensioni della tabella
Le tabelle: Dimensioni delle colonne
Le tabelle: colore di sfondo di una tabella
Le tabelle: colore di sfondo delle celle di una tabella
Le tabelle: spaziatura interna delle celle
Le tabelle: spaziatura esterna delle celle
Le tabelle: allineamento orizzontale nelle celle
Le tabelle: allineamento verticale nelle celle
I form: introduzione
I form: tag form
I form: Le caselle di testo
I form: Altre caratteristiche delle caselle di testo
I form: I campi email e URL introdotti da HTML5
I form: Area di testo
I form: Testo predefinito e testo segnaposto di HTML5
I form: Caselle di controllo
I form: Pulsante di scelta
I form: Gli elenchi/menu
I form: I pulsanti Submit e Reset
Introduzione ai CMS - Funzionalità e caratteristiche
Introduzione al server locale (Xampp o Mamp)
Installazione
Login e primo accesso all'amministrazione
Strumenti per l'amministrazione
Prime configurazioni
Opzioni di scrittura e lettura
Scrivere un post per il blog
Assegnazione di categorie e tag al post
Gestione delle immagini
Gestione delle pagine
Gestione delle categorie
Gestione dei commenti
Configurazione e moderazione dei commenti
Gestione degli utenti
Struttura delle URL
Link esterni e link interni al sito
Installazione di un plugin
Gestione dei plug-in
I template
Widgets
Creare menù personalizzati
Personalizzare gli sfondi
Personalizzare la testata
Editor per la modifica da codice CSS
Introduzione
Introduzione
Considerazioni preliminari
Sicurezza dei pagamenti
Regole preliminari di progettazione
Scelta del tema grafico
Prime Operazioni
Installazione di WooCommerce
Aspetto della Bacheca dopo l'installazione
Verificare lo stato del Sistema
Il Pannello Impostazioni
Introduzione
La scheda Generale
La scheda Prodotti
La scheda Imposte
La scheda Cassa ‐ Impostazioni generali
La scheda Cassa ‐ Bonifico Bancario
La scheda Cassa ‐ Assegno e Contrassegno
La scheda Cassa ‐ PayPal
La scheda Cassa ‐ Aggiungere altri metodi di pagamento
La scheda Spedizione ‐ Impostazioni generali
La scheda Spedizione ‐ La Tariffa unica
La scheda Spedizione ‐ La Spedizione gratuita
La scheda Spedizione ‐ La Tariffa unica Internazionale
La scheda Spedizione ‐ La Spedizione Nazionale
La scheda Spedizione ‐ Ritiro in sede
La scheda Account
Le schede E‐mail e API
Configurare la struttura del Negozio
Introduzione
Creare Categorie e Sottocategorie
Le Classi di spedizione
I Tag
Gli attributi del prodotto
Inserire i valori degli attributi
Allestire il Catalogo
Introduzione
Inserire i prodotti ‐ Nome e descrizione
Inserire i prodotti ‐ Pannello Generale
Inserire i prodotti ‐ Pannello Inventario
Inserire i prodotti ‐ Pannello Spedizione
Inserire i prodotti ‐ Pannello Articoli collegati
Inserire i prodotti ‐ Pannello Attributi
Inserire i prodotti ‐ Configurare le Variazioni
Inserire i prodotti ‐ Pannello Avanzato
Inserire i prodotti ‐ Configurare altre tipologie di prodotto
Inserire i prodotti ‐ Ultimare la configurazione del prodotto
Inserire i prodotti ‐ Creare voci di menù per le categorie dei prodotti
Inserire i prodotti ‐ Uno sguardo al Carrello
Inserire i prodotti ‐ Correggere la configurazione delle Spedizioni
Inserire i prodotti ‐ Adeguare il Carrello alla normativa fiscale Italiana
Completare la configurazione del Negozio
La gestione degli Ordini
Gestire i codici promozionali
I report dal sito
Gestire la fatturazione dal sito
Come funzionano i motori
L'algoritmo di Google
La gara tra programmatori e Google
La risposta del motore
Acquistare un PageRank più alto?
Come funziona il mercato dei link
Come verificare se Google ci ha penalizzati
I meta tag
Pratiche utili di SEM (Search Engine Marketing)
Le cose da non fare
Indicizzare le immagini. Regole SEO
Indicizzare le immagini. Gli attributi del tag
Indicizzare i PDF
Il problema Flash
Un progetto basato su keyword
Controllare la densità delle parole chiave
Una pagina ottimizzata. Titolo e descrizione
Una pagina ottimizzata. Parole chiave
Una pagina ottimizzata. Semantica del contenuto
Url Rewrite. Possibili scenari
Come riscrivere dinamicamente un indirizzo
Uso dei sottodomini e delle sottocartelle
Ottimizzazione della pagina. Dove inserire le keyword
Ottimizzazione della pagina. Come inserire le keyword
La qualità del contenuto
Layout e design. Le tre domande
Layout e design. Ottimizzare il codice
Noframe e noscript. Validare il codice
Introduzione
Sitelink
Controllo degli errori di scansione
Robots.txt
Visualizza come Google e invia al motore
Stato dell'indicizzazione
Le parole chiave che portano al nostro sito
Link che rimandano al nostro sito
Introduzione alla Sitemap
Come creare una Sitemap
Miglioramenti Html
Pagespeed
Il motore di ricerca interno
Opzioni avanzate
Creare un account
La mia prima campagna
Le parole chiave
Ottimizzare le keywords
Collegare Analytics
Area di lavoro di Dreamweaver CC
Configurazione di un nuovo sito in Dreamweaver
Creare una nuova pagina html
Aprire le pagine html e navigare tra documenti aperti
Uno sguardo al codice: html e tag
Uno sguardo al codice: i tag head e body
Creare collegamenti ipertestuali
Creare link assoluti
Creare link ad un indirizzo e-mail
Uno sguardo al codice: il tag <a>
L'ancoraggio con nome
Inserire immagini in una pagina html
Modificare le dimensioni delle immagini
Inserire link sulle immagini
Testo alternativo e titolo delle immagini
Uno sguardo al codice: il tag <img>
Creare mappe sulle immagini
Inserire un'immagine in un blocco di testo
Il filetto orizzontale
Le tabelle: struttura base
Proprietà degli elementi interni delle tabelle: le cellette
Introduzione
Creazione di un foglio stile css
Collegare il foglio stile css alle pagine html
Tipologie di regole css
Uno sguardo al codice: Collegamento tra pagine html e css
Ricavare il tag degli elementi della pagine html
Il nuovo pannello Css Designer
Formattare i testi: la regola font-family
Formattare i testi: stile, spessore e dimensioni
Formattare i testi: colore, allineamenti e decorazioni
Formattare i testi: maiuscolo, interlinea e rientri
Uno sguardo al codice: la sintassi css
Formattare i link: Introduzione
Formattare i link: Configurazione
Formattare gli sfondi: la regola background-color
Formattare gli sfondi: la regola background-image
Formattare gli sfondi: la regola background-gradient
Formattare gli sfondi: la regola background-repeat
Formattare gli sfondi: la regola background-position
Formattare gli sfondi: gestire immagini di sfondo di grandi dimensioni
Formattare gli sfondi: la regola background-attachment
Formattare i bordi: la regola border-color
Formattare i bordi: la regola border-width
Formattare i bordi: la regola border-style
Formattare le liste: Introduzione
Uno sguardo al codice: le liste
Formattare le liste: la regola list-style-type
Formattare le liste: la regola list-style-image
Formattare le liste: la regola list-style-position
Le regole per classe
Regole per classe applicate ai testi
Le regole per ID
Introduzione
I div
Prime operazioni per impaginare
Tecniche di impaginazione: impaginare un layout semplice
Uno sguardo al codice: I vantaggi dell'impaginazione con i css
Introduzione
Impostare il progetto
Operazioni preliminari
Tecniche di impaginazione di un sito avanzato
Creare una barra di navigazione testuale con le liste
Personalizzare i link nel layout
Creare una barra di navigazione con le immagini di rollover
La regola overflow
Creare le pagine interne del sito
Finalizzare la struttura del sito
Introduzione
Configurazioni iniziali
Caricare pagine in automatico dentro l'iframe
Gestire gli sfondi
Caricare nell'iframe le pagine da link
Gestire contenuti lunghi
Inserimento in un layout reale
Introduzione
Aree editabili e creazione del modello
Creare pagine da modello
Applicare modifiche al sito da modello
Scollegare le pagine html dal modello
Introduzione
Prime operazioni per impaginare con tag semantici
Il tag header
Il tag nav
Personalizzare più tag dello stesso tipo
I tag article e section
I tag footer e aside
La regola border-radius
La regola box-shadow
La regola text-shadow
La regola cover
La regola font-face per inglobare i font nel sito
Il comportamento javascript "Apri finestra browser"
Il comportamento javascript "Controlla plugin"
Il tag video di html5
Il tag audio di html5
Inserire un file flv nella pagina html
Introduzione
Inserimento del modulo
Il campo di testo semplice
Il campo di testo e-mail
Il campo di testo url
Il campo di testo telefono
Il campo di testo password
L'area di testo
Il pulsante di scelta
La casella di controllo
Il menù a tendina
Creazione dell'informativa alla privacy
I pulsanti Invio e Reset
Allineare gli elementi del form con le tabelle
Formattare gli elementi del form con i css
I metatag keywords e description
Il tag title
Inserire un file flash SWF
Inserire contenuto alternativo ad SWF
Creare link per il download di files
Oggetti jQuery: Il pannello comprimibile
Oggetti jQuery: Il pannello a schede
Oggetti jQuery: La finestra di dialogo
Introduzione
Creazione e salvataggio della struttura
Uno sguardo al css
Inserimento di div fluidi
Tecniche di impaginazione
Nascondere div nella struttura
Cosa è Bootstrap
Configurazione dello strumento
Analisi della griglia
Inserimento del Container
Impaginare la griglia
Introduzione
Impostare i parametri ftp
Caricare e scaricare da remoto le pagine html
Il nuovo strumento Vista rapida elemento
Vista dal vivo potenziata e migliorata
Miglioramenti e implementazioni del pannello CSS Designer