Adobe Dreamweaver è uno strumento così potente per i web designer, perché ha così tante cose che puoi fare con esso. Naturalmente, tutte le cose che puoi fare rendono difficile imparare. Scopri alcune delle molte cose che Dreamweaver può fare, incluse le modifiche nell'ultima versione, CS5. E non dimenticare di dare un'occhiata a ciò che manca a Dreamweaver CS5.
Definizione di un sito
- Inizia un nuovo sito Web
- Crea un sito Web
- Imposta solo le parti del sito di cui hai bisogno, quando ne hai bisogno * Nuovo in CS5
- Configurazione di server remoti, QA e di test per flussi di lavoro più completi * Novità in CS5
- Crea e pubblica nuove directory
- Cambia il doctype
- Includi metadati nelle tue pagine
Mettere in diretta il tuo sito
- Definire un sito remoto
- File FTP sul server web
- Utilizzare un sistema di controllo della versione per controllare i file in entrata e in uscita
- Connettiti con Subversion per un controllo di versione più avanzato * Novità in CS5
- Lascia le note per i tuoi compagni di squadra
Creazione di pagine Web
- Scrivi una pagina in modalità WYSIWYG
- Scrivi una pagina in HTML
- Crea una nuova pagina da un modello
- Crea una nuova pagina da zero
- Crea un modello
- Salva i file nella directory del tuo sito
- Definire le proprietà della pagina
CSS
- Usa fogli di stile CSS
- Aggiunta di stili in linea
- Crea un foglio di stile esterno
- Allegare un foglio di stile esterno
- Crea selettori CSS di classe, ID, tag e composti
- Modifica le regole CSS esistenti
- Crea CSS per pagine stampabili
- Abilita e disabilita le proprietà di stile * Nuovo in CS5
- Ispeziona visivamente il modello di box CSS * Nuovo in CS5
Testo
- Modifica il testo
- Usa caratteri diversi
- Inserisci un'interruzione di riga
- Usa caratteri speciali
- Includi la data di oggi
- Scrivi commenti
- Applica tag HTML al testo
- Aggiungi attributi HTML ai tag
link
- Collega testo e immagini
- Controlla i collegamenti del sito
- Cambia i colori di collegamento predefiniti (link, visitato, passa il mouse, attivo)
- Creare suggerimenti sugli strumenti sui collegamenti
- Crea collegamenti mailto
- Creare ancore di pagine Web
immagini
- Aggiungi elementi grafici a una pagina
- Modifica le immagini
- Ridimensiona le immagini
- Aggiungi alt text alle immagini
- Aggiungi ulteriori opzioni di accessibilità alle immagini
- Allinea immagini e testo
- Crea un'immagine di rollover
- Usa mappe immagine
- Usa le immagini di tracciamento
- Utilizzare i segnaposti dell'immagine
- Inserisci HTML di Fireworks
- Inserisci i file di Photoshop
disposizione
- Usa i modelli gratuiti inclusi * Nuovi layout di avvio CSS in CS5
- Inserisci div per il layout
- Modifica i div nel pannello degli stili CSS
- Inserire elementi posizionati in modo assoluto
- Formattare gli elementi posizionati in modo assoluto nell'ispettore proprietà
- Usa righelli, griglie e guide
elenchi
- Aggiungi elenchi puntati e numerati
- Personalizza elenchi di punti elenco e numeri
tabelle
- Crea un tavolo
- Aggiungi righe e colonne di intestazione
- Usa immagini trasparenti per tenere aperte le celle della tabella
- Crea colonne a larghezza fissa e larghezza flessibile
- Cambia lo stile dei bordi delle tabelle
- Incorpora un tavolo all'interno di un tavolo
- Importa dati tabulari
Le forme
- Usa un modulo mailto
- Definire le azioni del modulo
- Aggiungi testo, radio, casella di controllo, file, immagine, caselle di selezione e campi modulo nascosti
- Rendi i tuoi moduli accessibili con campi fieldset e label
- Crea pulsanti di invio personalizzati
- Convalidare i moduli con JavaScript (Spry)
Database e script PHP
- Allega il tuo sito a un database
- Configura un sito PHP / mySQL
- Utilizzare gli elementi Spry per connettersi al database
- Inserisci oggetti dati nelle tue pagine
- Testare e aggiornare un'origine dati o display Spry
- Modifica siti dinamici complessi in visualizzazione struttura
- Scopri tutti i file correlati dinamicamente per assemblare siti PHP CMS (WordPress, Joomla e Drupal) * Novità in CS5
- Suggerimenti di classe personalizzati per il codice PHP, inclusi framework di terze parti come il framework Zend * Novità in CS5
montatura
- Costruisci un sito Web incorniciato
- Modifica il contenuto di noframes
- Formatta e disegna i tuoi fotogrammi
- Imposta i target di collegamento predefiniti tra i frame
Aggiungi interattività
- Costruisci un album fotografico (non più in CS5)
- Aggiungi suoni alle pagine web
- Crea un menu a discesa
- Utilizza i comportamenti di Dreamweaver per aprire finestre popup, creare menu di salto, riprodurre suoni, scambiare immagini e altro
- Aggiungi feed RSS a un sito
- Inserisci il testo Flash come un rollover
- Inserisci il testo CSS come rollover
- Inserisci altri plugin
- Aggiungi la barra dei menu Spry, i pannelli a schede, la fisarmonica, il suggerimento e il pannello pieghevole
- Usa il Widget Browser per trovare nuovi widget per il tuo sito, senza bisogno di conoscere JavaScript
Metti alla prova le tue pagine
- Metti alla prova le tue pagine in Live View per vedere le modifiche dovute a JavaScript e interattività * Novità in CS5
- Convalida il tuo HTML
- Visualizza in anteprima le tue pagine in diversi browser
- Usa BrowserLab per vedere in anteprima le tue pagine in altri sistemi operativi * Novità in CS5
- Usa Device Central per verificare come le pagine appaiono sui dispositivi mobili
- Controlla la compatibilità del browser
- Cambia le impostazioni per abbinare ciò che il tuo sito ha bisogno di lavorare con
- Controlla i collegamenti interni al sito
- Verifica l'accessibilità del tuo sito (non più in CS5)
- Convertire un documento di Word in HTML
Personalizza Dreamweaver
- Aggiungi estensioni
- Disabilitare le estensioni
- Personalizza Dreamweaver con scorciatoie
Aumenta la tua efficienza
- Utilizza le scorciatoie da tastiera integrate
- Utilizza frammenti di codice
- Crea e usa modelli
- Genera nuove pagine da modelli personalizzati
- Aggiorna i modelli
- Includi un file in un altro con la libreria di Dreamweaver
- Aggiorna gli elementi della libreria
- Includi un file in un altro usando SSI
- Usa la ricerca e sostituisci
