Dieci Risparmio di tempo Dreamweaver Web Design Tips - dummies

Tutti i siti Web di qualità crescono e si evolvono. Se inizi con un design forte e presti molta attenzione ad alcune regole di base su interfaccia, navigazione e stile, hai una base su cui costruire meglio. Le seguenti idee di progettazione e suggerimenti di Dreamweaver possono aiutarti a risparmiare tempo mentre crei siti web che sembrano grandi per tutti i tuoi visitatori.

1 piano: paga.

Anche se ti senti sotto pressione per ottenere velocemente un sito web online, risparmierai tempo a lungo termine se ti concederai un po 'di tempo prima di sviluppare un piano.

Il World Wide Web non sta andando da nessuna parte. Anche se devi ottenere il tuo sito online il più rapidamente possibile, il tuo obiettivo dovrebbe essere quello di progettare un sito che soddisfi veramente il tuo pubblico, il tuo business e gli obiettivi - e questi obiettivi richiedono una pianificazione.

Definisci gli obiettivi per aiutarti a concentrarti.

Se inizi il tuo sito web con l'obiettivo di attirare milioni di visitatori e vendere tonnellate di prodotti e servizi, non sei abbastanza specifico. Più precisamente puoi indicare i tuoi obiettivi, maggiori possibilità hai di raggiungerli. Dovresti limitarti a solo tre obiettivi.

3 Imposta le scadenze per aiutarti a finire.

Dopo aver chiarito i tuoi obiettivi e le attività che devi completare prima di avviare il tuo sito web, è il momento di creare una timeline e impostare le scadenze. Assicurati di darti un periodo di tempo realistico per fare un buon lavoro e trascina più tempo di quanto pensi di aver bisogno, specialmente se sei nuovo al web design.

Anche se lavori su un sito web da solo o con un team molto ristretto, la definizione delle scadenze è una delle parti più importanti di qualsiasi piano di progetto e offre maggiori possibilità di finitura. Prova a legare una scadenza a un evento speciale o a un'occasione.

4Design per il tuo pubblico.

Non importa quanto sia tecnicamente sofisticato un sito Web o quanto sia grande la scrittura, la maggior parte delle persone nota prima il design. Assicurati di lasciare tempo e budget sufficienti per sviluppare un design appropriato e accattivante per il tuo sito web. Il design giusto è quello che meglio si adatta al tuo pubblico - e questo può voler dire o meno un sacco di grafica e animazioni fantasiose.

5Crea un design coerente.

La maggior parte dei siti web funziona meglio e sono più facili da navigare quando seguono un tema di design coerente. Caso in questione: la maggior parte dei lettori dà per scontato che i libri non cambino il loro design da una pagina all'altra, e che i giornali non cambino i caratteri e i loghi di titolo di giorno in giorno.

In effetti, molti sostengono che quando gli utenti dicono che qualcosa è intuitivo da usare, ?? quello che intendono veramente è che è familiare.La coerenza è uno degli strumenti principali utilizzati nel design per aiutare i lettori a trovare un sito familiare e agevolare la lettura di una trama o di una serie di elementi di navigazione.

6 Seguire la regola dei tre clic.

La regola dei tre clic afferma che nessuna informazione importante dovrebbe mai essere più di tre clic da qualsiasi altra parte del tuo sito web. Le informazioni più importanti dovrebbero essere ancora più vicine. Ad esempio, molti progettisti concordano sul fatto che le informazioni di contatto non dovrebbero mai essere più di un clic di distanza.

Puoi rendere facile la ricerca di informazioni per gli spettatori creando una barra di navigazione : una serie di collegamenti a tutte le sezioni principali del tuo sito che ripeti su tutte le pagine del tuo sito. Una barra di navigazione consente ai visitatori di spostarsi facilmente da una sezione del sito a un'altra.

Se nel tuo sito sono presenti molte pagine, organizzale in sezioni con sottosezioni, quindi utilizza un menu a discesa.

7 Pensa prima di aggiungere font fantasiosi.

I progettisti si eccitano quando scoprono che ora possono utilizzare qualsiasi tipo di carattere che desiderano sulle pagine Web. Sfortunatamente, come tante cose sul web, l'uso dei caratteri è più complicato di quanto ci si potrebbe aspettare.

Ad esempio, anche se hai i diritti per ospitare un font sul tuo server web, potresti non avere tutte le varianti del font necessarie per visualizzare correttamente le lettere sui computer Mac e Windows o per funzionare in tutti i browser web. Ecco perché la maggior parte dei web designer usa un servizio di font:

8Manti a portata di mano gli oggetti usati frequentemente.

Hai mai desiderato poter mantenere tutte le tue funzionalità di Dreamweaver preferite in un posto conveniente? Puoi! Basta personalizzare la collezione dei Preferiti nel pannello Inserisci.

Avvia Dreamweaver e scegli Finestra → Inserisci per aprire il pannello Inserimento comune. Il pannello Inserisci include diverse sezioni, tra cui Struttura, Media, Moduli e Preferiti.

Fare clic sulla freccia nel pannello Inserisci e selezionare Preferiti dall'elenco a discesa. L'opzione Preferiti si trova alla fine dell'elenco a discesa del pannello Inserisci.

Per personalizzare il pannello Preferiti con tutte le icone delle funzioni preferite, fare clic con il tasto destro del mouse (o Ctrl + clic su un Mac) e selezionare Personalizza preferiti. Usa il pannello Inserisci Preferiti come un modo conveniente per mantenere a portata di mano tutte le tue funzionalità preferite. Puoi persino cambiarlo per progetti speciali che richiedono una serie di funzioni del programma.

9Split the view.

Se desideri passare avanti e indietro tra la vista Codice e la vista Progettazione in Dreamweaver, apprezzerai l'opzione di dividere la finestra in modo che sia possibile visualizzare contemporaneamente sia il codice sorgente che la struttura della pagina. Per dividere la finestra, scegli il pulsante Dividi vista dalla parte in alto a sinistra dell'area di lavoro.

Il codice sorgente di Dreamweaver è codificato per colore per semplificare la distinzione dei tag dal contenuto. Un'altra funzione utile nella vista divisa è che se si seleziona un'immagine, un testo o un altro elemento in una pagina in visualizzazione Struttura, il codice corrispondente viene automaticamente evidenziato nella vista Codice.

10Back up del tuo sito web.

Assicurati di avere un sistema in atto per eseguire il backup del tuo sito web.Conserva sempre una copia di tutti i file sul server in una posizione separata e aggiornala regolarmente per assicurarti di avere sempre il backup della versione più recente del tuo sito.

Per creare un backup di un sito Web creato in Dreamweaver, è necessario copiare la cartella del sito in cui sono archiviati tutti i file nel sito Web. Idealmente, dovresti copiare quella cartella su un disco rigido esterno o caricarla su un sistema di backup online (che è ospitato separatamente dal tuo server web).