Dreamweaver

FlepStudio ha creato altri 5 fantastici video di Dreamweaver.
Ecco gli argomenti trattati :

• Video 16: Vista codice con Dreamweaver. Vista codice e relative modifiche, Vista dal vivo, Codice dal Vivo, Esamina Codice.
• Video 17: Operazioni avanzate con Dreamweaver. Modifiche attraverso il codice, Trova/sostituisci ed espressioni regolari.
• Video 18: Migrare da GoLive a Dreamweaver. Installare le Extension, Migrare il Sito GoLive, Gestire il sito GoLive, Varie sulle Extension.
• Video 19: Usare Dreamweaver con altre applicazioni della Creative Suite. Dreamweaver e Fireworks, Dreamweaver e Photoshop, Dreamweaver e Flash.
• Video 20: In Pratica: un progetto completo. Creare un progetto completo con Dreamweaver.

Dopo il grande successo dei video corsi Flash Actionscript 3.0 di FlepStudio, a grande richiesta degli utenti di FlepStudio, abbiamo creato dei video corsi Adobe Dreamweaver.
Adobe Dreamweaver l’editor HTML più usato al mondo.
Puoi
progettare, sviluppare e gestire siti web e applicazioni standard.
Consente a progettisti e sviluppatori web di creare siti standard in tutta sicurezza.
Progettare in maniera grafica o direttamente nel codice, sviluppare pagine con i sistemi di gestione dei contenuti ed effettuare test di compatibilità su più browser in maniera accurata grazie all’integrazione con Adobe BrowserLab, uno dei nuovi servizi online targati Adobe CS Live.
**
I servizi CS Live sono gratuiti per un periodo limitato.

Le video lezioni Dreamweaver di FlepStudio sono assolutamente professionali e partono dalle prime basi fino alla gestione avanzata di Dreamweaver.
Sono a disposizione i primi 15 video ed altri sono in costruzione ( verranno pubblicati molto presto ).

Cosa aspetti ?
E’ l’occasione giusta !

In Dreamweaver CS5, come nelle versioni precedenti, appare la predefinita Schermata di Benvenuto nello spazio di lavoro quando si avvia il programma.
La schermata vi permette di aprire i file esistenti da una lista di nove documenti più recenti, creare nuovi file per tipo di file (ad esempio HTML, CSS o PHP), passare direttamente alla finestra di dialogo Definizione del sito per gestire un nuovo
sito e avviare un browser per vedere i video di Adobe.com.
Se non vedi la schermata iniziale quando si avvia il programma, è possibile abilitarla andando nelle preferenze generali e attivando l’opzione "Mostra la finestra di benvenuto".
Quando la schermata di benvenuto è visibile, il modo più veloce per creare un nuovo documento vuoto è quello di scegliere uno dei tipi di file nella colonna Crea Nuovo.
Fare clic sul collegamento HTML, per esempio e si apre una nuova finestra del documento senza titolo, completo di codice HTML strutturale di base e pronto per l’aggiunta di contenuti e di salvataggio con un nome ed una estensione.

Per creare un nuovo documento, seguire i seguneti passi:

1. Scegliere File->New per aprire la finestra Nuovo Documento
   Questa finestra di dialogo è suddivisa in varie colonne per aiutarvi con la selezione del tipo di file desiderato, ad esempio una pagina vuota o una pagina di template.
2. Nella colonna a sinistra, selezionare il tipo di documento che si desidera creare
   Il tipo di documento predefinito è impostato su Pagina vuota.
3. Nella colonna Tipo di pagina, selezionare il tipo di documento desiderato, come HTML o CSS
   Prendetevi del tempo per esplorare le diverse opzioni di layout, quando applicabile, in ogni categoria. Dreamweaver fornisce un bel gruppo di documenti vuoti e file di esempio di design da utilizzare come punto di partenza per la vostro progetto. Ad esempio, la categoria Pagina vuota per la pagina HTML ha diverse opzioni di layout predefinita da scegliere.
   Troverete anche diversi schemi di colori CSS del foglio di stile CSS nella cartella della categoria Pagina di esempio, colori preimpostati con font e dimensioni.
   I principianti possono selezionare una delle opzioni di layout predefinite che comprendono predefiniti layouts HTML e CSS come punto di partenza per la personalizzazione del codice. Poi, successivamente, come si ottiene una maggiore familiarità con Dreamweaver, sarà più facile creare pagine HTML in bianco e personalizzare il nostro CSS.
4. (Facoltativo) Per impostare le preferenze di documento predefinito per tutti i nuovi documenti (Come il tipo di documento, estensione del file e la codifica) clicca sul pulsante Preferenze nella parte inferiore della finestra Nuovo documento.
   Al termine, fare clic su OK per chiudere la finestra delle preferenze e continuare l’impostazione delle opzioni per il vostro nuovo documento.
   Il contenuto "Get More link" nella parte inferiore della finestra di dialogo Nuovo documento porta al sito di Adobe Exchange Web in cui, dopo la registrazione, è possibile scaricare i file di progettazione e plug-in per migliorare la tua copia di Dreamweaver.
5. Selezionare un’opzione dal (DTD) DocType elenco a discesa
   Il tipo di documento predefinito è attualmente in XHTML 1.0 Transitional, ma è anche possibile scegliere una qualsiasi delle altre opzioni disponibili nell’elenco del menu a discesa tra cui la DTD HTML 4.01 Transitional.
   Quando un DTD è specificato, Dreamweaver scrive automaticamente il codice DTD all’inizio del nuovo documento al di sopra dell’apertura del tag <html> e, a volte può aggiungere il tag <html> stesso, come questo:

   <DOCTYPE HTML PUBLIC "- / / W3C / / DTD XHTML 1.0 Transitional / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">xmlns="http://www.w3.org/1999/xhtml">
   

6. Dopo aver effettuato tutte le selezioni dalla finestra Nuovo documento,
   fare clic sul pulsante Create
   Il nuovo file viene aperto nella finestra del documento.

Poichè si crea un nuovo sito gestito per ogni progetto se si lavora in Dreamweaver, tenere traccia di tutti i siti è relativamente facile. È possibile visualizzare un elenco di tutti i siti gestiti come segue:

• Pannello File: il pannello File elenca i file da un sito gestito selezionato. Per modificare la visualizzazione da un file da un sito ad un file di un altro sito, selezionare il sito desiderato, scegliendo dall’elenco dei siti gestiti.
• Finestra di dialogo Gestione Siti: Scegli Sito ➪ Gestisci siti per aprire la finestra di dialogo Gestione Siti. Seleziona il tuo sito desiderato dalla lista e fai clic sul pulsante OK per passare al sito selezionato e vedere i file di quel sito elencato nel pannello file. Si può vedere in breve l’apertura delle finestre di dialogo Opening Site e Uploading Site Cache appena Dreamweaver apre il sito selezionato.

Duplicare siti

Crea il duplicato esatto di copie di qualsiasi sito esistente, definite facendo clic sul pulsante Duplica nella finestra di dialogo Gestione Siti. Dreamweaver copia tutte le impostazioni e crea il nuovo sito con lo stesso nome file allegato con la
parola “copy”.
Ad esempio, se duplicate un sito chiamato Società ABC, il nome del nuovo sito gestito duplicato sarebbe Società ABC copy fino a che lo rinominiamo.
Questo non copia i file effettivi. Crea semplicemente un nuovo sito all’interno di Dreamweaver, che sarà poi possibile modificare. Spesso, dovrete anche duplicare la cartella locale e tutti i suoi file in modo da avere una nuova copia per lavorare in Dreamweaver.

Esportazione ed importazione di siti

Dreamweaver consente di salvare e riaprire siti come file XML utilizzando il tool Import Export. In altre parole, potrai esportare un sito con tutte le sue impostazioni in un file XML e quindi importare il sito con le stesse impostazioni più tardi, sia sulla stessa macchina o su un’altra macchina. Questo metodo è utile per ottenere un nuovo computer installato e funzionante con tutti i siti che stai gestendo.

Esportazione dei siti

Per salvare un sito come un file XML, attenersi alla seguente procedura:

1. Scegli sito ➪ Gestione siti per aprire la finestra di dialogo Gestione siti.
2. Seleziona uno o più siti e fai clic sul pulsante Esporta. Usare Ctrl + clic (Windows) oppure Mela + clic (Mac) per selezionare più file.
3. Individuare, selezionare e salvare la posizione per l’esportazione di ciascun sito. Il file esportato viene salvato come file XML con estensione .ste.

Importazione di siti

Per importare i file XML precedentemente esportati in Dreamweaver, seguire questi passaggi:

1. Scegli sito ➪ Gestione siti per aprire la finestra di dialogo Gestione siti.
2. Fare clic sul pulsante Importa.
3. Sfogliare e selezionare uno o più siti con l’estensione .ste. Usare Ctrl + clic (Windows) oppure Mela + clic (Mac) per selezionare più file.
4. Fare clic su Apri per avviare il processo di importazione. La finestra di dialogo Gestisci siti elenca il nome del sito quando il processo di importazione è stato completato.

Cancellare un sito dalla lista Gestione siti

Quando si rimuovono siti, tenete a mente che i siti elencati nella finestra di dialogo Gestione siti sono solo i puntatori alla posizione dei file sul computer specificato e non i file e le cartelle effettivi.
Pertanto, la rimozionedi un sito dall’elenco dei siti gestiti rimuove solo le informazioni di localizzazione di cui Dreamweaver ha bisogno per lavorare sui file nel sito specificato.
Come un backup, prima di rimuovere un sito gestito, si può esportare il sito utilizzando la procedura di esportazione come già descritto sopra. Avrete così una copia a portata di mano nel caso avreste mai bisogno di importare in Dreamweaver.
Per rimuovere il sito da Dreamweaver, selezionare il sito dalla finestra di dialogo Gestione Siti e fare clic sul pulsante Rimuovi. Dreamweaver visualizza “ Non è possibile annullare questa azione”e. Non disperiamo, se accidentalmente eliminiamo un sito gestito dalla lista, si può semplicemente ri-creare.

Se sei un designer esperto, probabilmente vorrai usare la scheda avanzata della finestra di dialogo Definizione del sito per specificare le impostazioni gestite in locale.

Per iniziare il lavoro in modo rapido, è possibile impostare solo la cartella locale per ora, è possibile tornare alla finestra di dialogo Definizione del sito in qualsiasi momento per aggiungere cartelle remote e di prova.

Detto questo, se avete già tutte le informazioni necessarie per il vostro sito, inserendo tutto in una volta può essere più semplice.

Tecnicamente, è solo necessario compilare la categoria Informazioni locali e la categoria Informazioni su remoto anche se si intende utilizzare Dreamweaver per caricare il sito su un server remoto.

Potete completare le restanti categorie, se necessario.

Per ottenere il tuo sito attivo e funzionante a livello locale, procedere come segue:

1. Sito Scegli ➪ nuovo sito.

   La finestra di dialogo Definizione del sito si apre.

2. Selezionare la scheda Avanzate.

   La scheda Avanzate della finestra di dialogo Definizione del sito, come mostrato nella seguente figura
   

3. Nel campo Nome sito, immettere il nome del tuo sito. Scegliere un nome che corrisponde al nome del cliente o che indica lo scopo del sito è la cosa migliore, come ABC Company o mio blog.
4. Verificare che il campo Local Root Folder abbia il corretto url alla cartella della root sul web server

   Per mantenere i vostri file organizzati, aggiungere la cartella myblog (\ MyBlog \), per esempio, alla fine della root del vostro Web in modo che tutti i file relativi a questo sito siano in una cartella web accessibile. Ciò non è necessario, ma

   evita di tenere troppi files non collegati nella vostra web root.

5. Lasciare il campo Default Images Folder vuoto.

   Poiché si tratta di un nuovo sito, non vi è alcuna cartella ancora creata per archiviare tutte le immagini all’interno. È possibile creare tale cartella ora, o aggiungendone una dopo dopo che il sito è stato gestito. La maggior parte delle immagini vanno in cartelle chiamate immagini o img.

6. Seleziona il documento come Collegamenti relativi al setting.

   Questa opzione crea dei links nel vostro sito che si riferiscono ad altri files utilizzando le loro posizioni relative al file attivo. Questo consente di spostare con facilità il vostro sito in una directory diversa.

7. Nel campo Indirizzo HTTP , inserire http://localhost/directoryname, dove directoryname è la directory locale nella tua directory principale Web inserita nella Fase 5.

   Per esempio, se si sta utilizzando la ricetta sotto la directory Web principale, inserire http://localhost/myblog.

8. Lasciare il controllo link link Case-Sensitive Controllo. Questa opzione dice a Dreamweaver di non preoccuparti per il case di nomi nei links.
9. Lasciare la casella di controllo Abilita cache selezionata. Questa opzione consente di aumentare l’utilizzo di files in Dreamweaver.
10. Fare clic su OK nella finestra di dialogo Definizione del sito.
11. Fare clic sul pulsante Fine della finestra di dialogo Gestisci siti. Il tuo sito si apre, visualizzando tutti i files esistenti (se presenti) nella cartella principale nel pannello File.

Le sezioni seguenti descrivono le altre categorie

Informazioni remote

Dopo aver specificato la cartella locale, inserire le informazioni Remote. La cartella remota è il posto per memorizzare i file per la collaborazione, il controllo, produzione e distribuzione.

Se il server Web è in esecuzione sul computer locale, non è necessario impostare la cartella remota, sempre che la cartella locale specificata punti allo stesso file.

Testare il server

Nella categoria Testing Server, specificare il percorso in cui volete che le pagine dinamiche vengano processate. In altre parole, questa cartella è un percorso alternativo dove è possibile verificare i file su un server con un database con identiche configurazioni, senza dover distribuire i files sul sito live mentre sono ancora in fase di sviluppo. Il server di prova può essere sul vostro computer locale o su un server di produzione.

Controllo versione

Questa categoria è il controllo della versione in cui è possibile l’accesso remoto al setup di un server che esegue il software Subversion al cui interno del sito può essere visto, in confronto, e tornare a versioni precedenti del sito. Se non si sta utilizzando un software per il controllo delle versioni Subversion, ignorare questa impostazione.

Cloaking

Il cloaking previene che specifici files o cartelle specificato i file e le cartelle siano incluse in varie operazioni del sito, come la sincronizzazione dei file tra locale e del server remoto. Ad esempio, potreste voler un cloak di pesanti video di grandi dimensioni o grosse cartelle di design senza che ogni volta che si aggiorna il file del sito venga aggiornato il server remoto.

Note design

Dreamweaver consente di creare e condividere le Design Notes sui files del sito, che vengono poi memorizzate in una posizione separata. Attivare questa funzione quando si comunica all’interno di un team di progettazione o gruppo di lavoro su un sito comune gestito. E’ possibile allegare Design Notes ai documenti, modelli, immagini, filmati Flash, controlli ActiveX e applet.

File view columns

Nel pannello Files espanso, Dreamweaver visualizza dettagli di file e cartelle in colonne accanto al nome del file. È possibile personalizzare tali files e cartelle apportando modifiche alla categoria File View Colonne.

Ad esempio, si può nascondere e visualizzare, aggiungere ed eliminare, riordinare, condividere e rinominare le impostazioni delle colonne.

Contribute

Quando si crea un sito per l’utilizzo con il software Adobe Contribute, è Contribute che deve abilitare la compatibilità prima di passare il sito in Dreamweaver. La categoria Contribute consente di immettere impostazioni di amministrazione.

Templates

Per impostazione predefinita, l’opzione di aggiornamento Template è impostata su non riscrivere i percorsi relativi del documento. Per disattivare questa funzione, deselezionare la casella di controllo.

Spry

Se si desidera, è possibile specificare il percorso della cartella per gli assets Spry. Tuttavia, una cartella denominata SpryAssets è predisposta per essere creata nella cartella principale locale. Non modificare questa opzione a meno che sapete davvero cosa state facendo.