| Introduzione |
| |
Definizione di Web Master
La storia di Internet
Il linguaggio HTML
La struttura base di un documento
I Tag principali |
| |
| L'interfaccia grafica
di Dreamweaver |
 |
La barra della pulsantiera
La barra degli strumenti
Menù di scelta rapida
Il pannello oggetti
Finestra ispezioni proprietà
Pannelli mobili agganciabili
Le viste:
• codice
• codice struttura
• struttura
|
| |
| Concetti base |
| |
Definizione del sito
Inserimento del testo
Formattazione carattere
• Formato
• Carattere predefinito
• Dimensione
• Colore
La tavola dei colori WebSafe
Gli esadecimali
• Elenchi puntati e numerati
• I caratteri speciali
• I caratteri compatibili
Creazione e salvataggio di una pagina HTML
|
| |
| Le proprietà
della pagina |
| |
• Titolo
•
Sfondo
• Testo
Link relativi e assoluti
Collegare le pagine di un sito |
| |
| Inserire immagini e video |
| |
Inserimento di un'immagine
Tipologie:
• immagine
• immagini rollover
Inserimento di un'immagine come sfondo
• immagine di ricalco
Mappe immagine
Inserire un'animazione Flash
Inserire un video |
| |
| I link |
| |
Collegamenti ipertestuali
Collegamenti a file pdf - word - zip
Destinazione:
• _blank
• _parent
• _self
Ancoraggi |
| |
| Le tabelle |
| |
Creazione
Modifica
Tipologie:
• normali
• estese
Impaginazione con tabelle |
| |
| Il Sito web |
| |
Definizione di sito locale
Gerarchia di un sito web
Modifica di un sito esistente |
| |
| I modelli di Dreamweaver |
| |
Vantaggi nell'utilizzo dei modelli
Creare un Modello
Definire le aree modificabili
Salvare e associare modelli alle pagine
Staccare le pagine dal modello |
| |
| I frame |
| |
Utilizzo e funzionamento
Creazione di pagine basate sui frame
Salvataggio
IFRAME
Utilizzo di IFRAME di terze parti (es. Mappe Google, plug-in Facebook) |
| |
| I DIV |
| |
DIV relativi e assoluti (PA) |
| |
| Il linguaggio CSS |
| |
Concetto di foglio di stile
Fogli di stile interni - esterni
Css per classe, per ID, per tag e avanzati
Impaginazione tramite fogli di stile |
| |
| Le form |
| |
Definizione
Creazione
I CGI
Gli oggetti form:
• campo di testo
• pulsante
• casella di controllo
• pulsante di scelta
•
elenco/menù
• campo nascosto |
| |
| Introduzione a Java e Javascript |
| |
Definizione di Applet Java
Modifica e inserimento
Definizione di Javascript
Modifica e inserimento
Comportamenti Javascript di Dreamweaver (es. messaggi pop-up)
Creare una barra di navigazione
Spray widgets |
| |
| Applicazioni correlate |
| |
Photoshop
• Ridimensionare
un'immagine
• Ottimizzare un'immagine
• Creare un'immagine
rollover
• Creare e modificare gif animate |
| |
| I meta tag |
| |
Inserimento
Tipologie:
• parole chiave
• descrizione
• refresh |
| |
| Pubblicazione e gestione del sito web |
| |
Gli spazi web:
•
Spazio gratuito
• Spazio a pagamento
• Servizio
di Hosting
• Servizio di Housing
Il protocollo FTP
Verifica
• funzionalità
• compatibilità
con i browser
• dimensioni
• tempi di scaricamento
Anteprima nel browser
Impostazione dei parametri FTP
Pubblicazione
Gestione del sito
Aggiornamenti
Inserimento dell'URL sui pricipali motori di ricerca per indicizzazione |
| |
| HTML 5 |
| |
Cos'è HTML 5
L'impostazione di base della pagina
Cenni alle funzionalità del nuovo linguaggio |
| |
