Dreamweaver CC For Dummies Cheat Sheet - dummies

Di Janine Warner

Puoi utilizzare Adobe Dreamweaver CC per creare nuovi siti Web o riprogettare quelli esistenti. In Dreamweaver CC, che sta per Creative Cloud, trovi la pagina di benvenuto familiare più nuovi strumenti per la gestione di Cascading Style Sheets (CSS) e caratteri web. Migliora Dreamweaver installando i plug-in o perfeziona il tuo sito web sfogliando un elenco di link per i web designer.

La schermata di benvenuto di Dreamweaver CC

L'intuitiva interfaccia grafica di Dreamweaver e un potente elenco di funzionalità la rendono una scelta popolare tra i web designer professionisti e gli appassionati. Con ogni nuova versione, Dreamweaver offre nuove funzionalità, ma troverai comunque la familiare schermata di benvenuto per aiutarti a iniziare.

La schermata di benvenuto di Dreamweaver CC offre collegamenti a file aperti di recente, nuovi tipi di file e video sulle principali funzionalità.

Come installare estensioni in Dreamweaver CC

Anche con tutte le fantastiche funzionalità di Dreamweaver CC, è possibile eseguire azioni che Dreamweaver non è in grado di eseguire con le funzionalità fornite con il programma. Fortunatamente, i programmatori che hanno creato Dreamweaver hanno reso possibile agli altri programmatori l'aggiunta di funzionalità con Extension Manager. È possibile aggiungere nuove funzionalità aggiungendo estensioni da una varietà di fonti di terze parti disponibili dal sito Adobe Extension, mostrato nella figura seguente.

Visitare il sito di estensione Adobe per aggiungere le estensioni di Dreamweaver.

Puoi trovare estensioni che fanno di tutto, dall'aggiunta di menu a discesa e a tendina altamente personalizzabili alla creazione di sistemi di carrelli degli acquisti completi. Tieni presente, tuttavia, che non tutte le estensioni sono ben supportate e che poche sono dotate di buone istruzioni. Non sono nemmeno tutti gratuiti. Alcuni costano centinaia di dollari, ma la maggior parte è compresa tra $ 20 e $ 50. Quando visiti il ​​sito di Dreamweaver Exchange, troverai recensioni e classifiche per aiutarti a scegliere le migliori opzioni.

Nei passaggi seguenti, vedrai come trovi, scarica e installa un'estensione gratuita di Dreamweaver. Sebbene le modalità di funzionamento delle estensioni dopo l'installazione possano differire notevolmente, il processo di base per aggiungerle a Dreamweaver è quasi lo stesso.

1. Visita il sito di scambio Dreamweaver.

   Effettuare una delle seguenti operazioni per raggiungere il sito di Dreamweaver Exchange:

   • Selezionare Ottieni altri comportamenti dalla parte inferiore dell'elenco a discesa Aggiungi comportamento nel pannello Comportamenti.

   • Visita www. adobe. com / exchange e segui il link alla sezione Dreamweaver.

   • Fare clic sul collegamento in basso a destra nella schermata di benvenuto di Dreamweaver.

   Nota: Se si avvia Dreamweaver e si trova un collegamento per scaricare un aggiornamento per Dreamweaver anziché il collegamento al sito di Exchange, è necessario scaricare e installare prima l'aggiornamento. Al termine, il link di aggiornamento viene sostituito dal collegamento al sito di Exchange.

2. Ordina tra le numerose estensioni disponibili.

   Troverai una vasta gamma di estensioni sul sito di Dreamweaver Exchange. Puoi cercare tra estensioni per categoria, parola chiave e opzioni di classifica. Molte estensioni presenti sul sito di Exchange includono link ai siti dei loro creatori, dove troverai spesso anche più estensioni.

3. Seleziona un'estensione e controlla le sue caratteristiche.

   Quando si fa clic su un collegamento a un'estensione nel sito di Exchange, si trovano ulteriori informazioni sull'estensione, compresi i requisiti di sistema e la versione di Dreamweaver per la quale è stata progettata l'estensione. In generale, è possibile utilizzare estensioni progettate per versioni precedenti di Dreamweaver in versioni più recenti. Tenere presente, tuttavia, che le estensioni progettate per le versioni successive di Dreamweaver in genere non funzionano nelle versioni precedenti del programma e alcune estensioni funzionano solo sulla piattaforma Windows.

   Prima di lasciare la pagina dell'estensione, prenditi il ​​tempo di leggere le istruzioni speciali al centro della pagina. Alcune estensioni includono informazioni importanti, ad esempio la posizione in cui si trova la nuova funzionalità nell'interfaccia di Dreamweaver dopo l'installazione e gli avvertimenti che alcune funzioni di un'estensione funzioneranno solo se visualizzate in anteprima su un server Web in tempo reale (questo è vero per l'estensione casuale dell'immagine, per esempio).

4. Per scaricare un'estensione, fare clic sul pulsante Scarica (per le estensioni gratuite) o sul pulsante Acquista accanto al nome dell'estensione e salvare l'estensione sul disco rigido.

   A seconda di come l'estensione è ospitata sullo scambio, potresti essere reindirizzato a un'altra pagina in cui devi fare nuovamente clic su Scarica per scaricare l'estensione.

5. Scegli Aiuto → Gestisci estensioni per aprire la finestra di dialogo dell'installazione.

   La maggior parte delle estensioni richiede che si chiuda Dreamweaver prima dell'installazione e la maggior parte si installa con il clic di un pulsante. Extension Manager di Dreamweaver si avvia automaticamente per installare la maggior parte delle estensioni.

6. Nella finestra di dialogo Gestore estensioni, selezionare File → Installa estensione, quindi selezionare l'unità per selezionare il file dell'estensione scaricato.

   Al termine dell'installazione, Dreamweaver visualizza le istruzioni per l'utilizzo dell'estensione. Queste istruzioni sono generalmente uguali a quelle incluse nel mezzo della pagina sul sito di Exchange.

   Presta particolare attenzione alla parte delle istruzioni che ti dice dove troverai le estensioni appena installate. Le estensioni possono essere aggiunte ai menu, alle finestre di dialogo e ad altre parti di Dreamweaver in base alle loro funzionalità e al modo in cui il programmatore le ha configurate. Trovarli può essere difficile se non sai dove cercare.

7. Avvia Dreamweaver e trova la nuova opzione di menu, pulsante o altra funzione dell'interfaccia che controlla la tua nuova estensione.

   In molti casi, tutto ciò che dovete fare è aprire una pagina esistente o creare una nuova pagina in Dreamweaver e quindi aprire la finestra di dialogo appena aggiunta o selezionare la nuova opzione da un menu.

Adobe aggiorna costantemente il sito di Exchange, che è disponibile facendo clic sul collegamento Dreamweaver su www. adobe. com / scambio. Visitalo regolarmente per trovare nuove estensioni che puoi scaricare e installare per migliorare il set di funzionalità di Dreamweaver.

24 Siti Web e risorse per Web designer

Anche i web designer esperti fanno riferimento alle risorse online per tenere il passo con le loro competenze e aggiungere funzionalità speciali ai loro siti web. I seguenti siti Web ti renderanno più facile trovare alcune risorse che possono aiutarti con i tuoi progetti di web design.

• Servizi di analisi del traffico e di analisi del traffico:

  • Google Analytics

  • Yahoo! Web Analytics

  • HubSpot

• Servizi di hosting audio e video hosting:

  • YouTube

  • Vimeo

  • SoundCloud

• Browser web popolari:

  • Apple Safari

  • Google Chrome

  • Microsoft Internet Explorer

  • Mozilla Firefox

  • Opera

• Servizi di condivisione dei social media

  • Aggiungi

  • Lockerz Condividi

• Servizi di test del browser Web:

  • BrowserShots

  • Test del browser incrociato

  • Xenocode Browser Sandbox

• Servizi font Web:

  • Adobe Typekit

  • Font Squirrel

  • Google Web Fonts

• Informazioni su Dreamweaver, SEO e web design:

  • Adobe Dreamweaver Developer Center

  • Formazione sul Web design da parte di Janine Warner presso DigitalFamily. com

  • SearchEngineLand

  • SearchEngineWatch

  • Rivista del sito Web