Toccando Risparmio tempo Suggerimenti di Dreamweaver - manichini

Anche i migliori programmi migliorano quando sai come sfruttarli al meglio. Prenditi un momento per controllare questi suggerimenti e risparmiare un sacco di tempo nello sviluppo del tuo sito web. La maggior parte di questi suggerimenti si applica a utenti Macintosh e Windows. Quando si applicano solo a uno o l'altro, il testo ti dirà se il suggerimento si applica a Windows o alla versione Mac.

Cancellare la confusione

I numerosi pannelli di Dreamweaver (chiamati palette nelle versioni precedenti) forniscono un rapido accesso alle sue funzionalità più popolari, ma possono ingombrare l'area del disegno. Per toglierli di mezzo quando vuoi stare indietro e ammirare il tuo lavoro (o fare a pezzi qualcun altro), usa il tasto F4, una scorciatoia che nasconde tutti i pannelli visibili contemporaneamente. Per riprenderli, premi di nuovo il tasto F4.

Per accendere e spegnere i pannelli individualmente, utilizzare la scorciatoia da tastiera assegnata a ciascun pannello. Seleziona Finestra dal menu per trovare una scorciatoia da tastiera elencata accanto al nome di ciascun pannello. È possibile utilizzare queste scorciatoie per attivare e disattivare i pannelli singolarmente. È inoltre possibile utilizzare la barra di avvio nell'angolo in basso a destra della finestra di progettazione per accedere al pannello Sito, al pannello Risorse, al pannello Stili HTML, al pannello Stili CSS, al pannello Comportamenti e al pannello Cronologia.

Divisione della vista: Lavorare nel codice

Se ti piace passare avanti e indietro tra il codice sorgente HTML e la vista di progetto WYSIWYG (ciò che vedi è ciò che ottieni) in Dreamweaver, apprezzerai la nuova opzione nella versione 4 che ti consente di dividere la finestra in modo da poter visualizzare contemporaneamente la sorgente HTML e l'area di progettazione WYSIWYG. Per dividere la finestra, selezionare Visualizza -> Codice e design.

Potresti anche apprezzare le funzioni avanzate nell'editor di testo incorporato di Dreamweaver, incluso il rientro automatico e la possibilità di selezionare più linee e indentarle. Scoprirai anche la colorazione della sintassi dal vivo che appare mentre digiti: puoi anche distinguere i colori per HTML e JavaScript. Scegli Modifica -> Preferenze -> scheda Colori codice per assegnare i colori.

Tabled your designs

Le tabelle HTML offrono ancora il modo migliore per creare progetti Web complessi (perché i browser meno recenti non supportano ancora i livelli) e Dreamweaver 4 ha reso più facile che mai creare tabelle nell'area di progettazione visiva. Nella nuova vista Layout, puoi "disegnare" tabelle su una pagina, trascinarle in posizione e persino raggruppare celle in una tabella nidificata, senza mai preoccuparti di quante righe e celle hai creato. Puoi persino utilizzare questa funzione per creare tabelle che cambiano con le dimensioni della finestra, una tecnica eccezionale per garantire che i tuoi progetti funzionino su tutti i monitor.

Scegli Visualizza -> Vista tabella -> Vista Layout per accedere al nuovo ambiente di creazione di tabelle di Dreamweaver, quindi trascina e rilascia per creare qualsiasi tipo di tabella. Puoi trovare le opzioni di disposizione di celle e tabelle nel pannello Oggetti.

Conversione di testo

Se si è abituati ad usare la funzione Incolla come testo in Dreamweaver 3, non rimanere deluso quando si scopre che manca in Dreamweaver 4. Macromedia ha semplificato il processo nella sua ultima versione. Ora scegli semplicemente File -> Incolla, e il testo formattato da un documento di elaborazione di testi mantiene la sua formattazione - beh, ok, almeno mantiene l'interlinea. La verità è che Dreamweaver è ancora piuttosto debole quando si tratta di convertire il testo.

È possibile evitare di dover riformattare il testo in Dreamweaver se si utilizza un programma di elaborazione testi o foglio di calcolo che include una funzionalità Salva come HTML (Microsoft Word e molti altri offrono questa funzionalità). Invece di copiare e incollare il testo in Dreamweaver, utilizzare la funzione File -> Salva come HTML del programma di elaborazione testi, rinominare il file e quindi aprire il nuovo file in Dreamweaver. Microsoft Word ed Excel preservano persino la formattazione della tabella, un vero risparmio di tempo se hai a che fare con grandi tabelle di testo o numeri.

Ricerca di caratteri funzionali

I progettisti si eccitano quando scoprono che possono usare qualsiasi tipo di carattere. In realtà, i tuoi spettatori devono avere il carattere sui loro computer per farlo visualizzare. Più è comune il carattere, più è probabile che mostri il modo in cui intendi. Se vuoi usare un font più insolito, fallo - assicurati di includere anche delle alternative. L'elenco dei font di Dreamweaver include già raccolte di font comuni e puoi sempre creare il tuo elenco di font scegliendo Text -> Font -> Edit Font List.

Windows è di gran lunga il sistema operativo più comune sulla rete. Per garantire i risultati migliori e più rapidi per la maggior parte degli utenti, elencare prima un font Windows.

Indirizzare gli spettatori

La creazione di più siti è la soluzione più sicura per garantire che tutti gli spettatori siano felici quando si utilizzano disegni di pagine all'avanguardia con DHTML e CSS. Ciò significa che crei due o più set di pagine: una che utilizza le ultime funzionalità e una che utilizza tag HTML più vecchi e universalmente supportati. Ma come fai a garantire che gli spettatori arrivino alle pagine giuste? Utilizza il comportamento Controlla browser.

Il comportamento di Check Browser è scritto in JavaScript e determina il tipo di browser utilizzato da ciascun visualizzatore che atterra sul tuo sito. Il comportamento quindi indirizza gli utenti al design della pagina più adatto alla loro versione del browser. Per utilizzare questa funzione, scegliere Finestra -> Comportamenti per aprire il pannello Comportamenti. Quindi fare clic sul segno più (+) per aprire l'elenco a discesa delle opzioni. Scegli Controlla browser e si apre una finestra di dialogo in cui puoi specificare quali versioni del browser devono essere indirizzate alle pagine del tuo sito. Quando gli utenti arrivano al tuo sito, vengono automaticamente indirizzati alla pagina di tua scelta, in base al tipo di browser e alla versione specificati.