Deu consells de disseny web de Dreamweaver per estalviar temps

Tots els bons llocs web creixen i evolucionen. Si comenceu amb un disseny sòlid i presteu molta atenció a algunes regles bàsiques sobre la interfície, la navegació i l'estil, teniu una base millor per construir. Les idees de disseny i els consells de Dreamweaver següents us poden ajudar a estalviar temps mentre creeu llocs web que semblen fantàstics per a tots els vostres visitants.

1Plan: val la pena.

Fins i tot si us sentiu pressionats per tenir un lloc web en línia ràpidament, estalviareu temps a la llarga si primer us dediqueu una mica de temps a desenvolupar un pla.

La World Wide Web no anirà enlloc. Fins i tot si heu de posar el vostre lloc en línia el més aviat possible, el vostre objectiu hauria de ser dissenyar un lloc que realment serveixi al vostre públic, negoci i objectius, i aquests objectius requereixen una planificació.

2 Definiu objectius que us ajudin a concentrar-vos.

Si inicieu el vostre lloc web amb l'objectiu d'atreure milions de visitants i vendre tones de productes i serveis, no esteu sent prou específics. Com més precisament puguis indicar els teus objectius, més possibilitats tindràs d'assolir-los. Hauríeu de limitar-vos a només tres objectius.

3 Estableix terminis per ajudar-te a acabar.

Un cop tingueu clars els vostres objectius i les tasques que heu de completar abans de llançar el vostre lloc web, és hora de crear un calendari i establir terminis. Assegureu-vos de donar-vos un període de temps realista per fer una bona feina i tenir en compte una mica més de temps del que creieu que necessiteu, sobretot si sou nou al disseny web.

Fins i tot si esteu treballant en un lloc web sol o amb un equip molt reduït, establir terminis és una de les parts més importants de qualsevol pla de projecte, i us ofereix moltes més possibilitats d'acabar. Intenteu lligar una data límit a un esdeveniment o una ocasió especial.

4 Dissenya per al teu públic.

Per molt sofisticat que sigui tècnicament un lloc web o per molt gran que sigui l'escriptura, la majoria de la gent nota primer el disseny. Assegureu-vos de deixar temps i pressupost suficient per desenvolupar un disseny adequat i atractiu per al vostre lloc web. El disseny adequat és el que millor s'adapta al vostre públic, i això pot significar o no molts gràfics i animacions elegants.

5 Creeu un disseny coherent.

La majoria de llocs web funcionen millor i són més fàcils de navegar quan segueixen un tema de disseny coherent. Cas concret: la majoria dels lectors donen per fet que els llibres no canvien el seu disseny d'una pàgina a una altra i que els diaris no canvien els tipus de lletra i els logotips dels titulars dia a dia.

De fet, molts dirien que quan els usuaris diuen que alguna cosa és "intuïtiu d'utilitzar", el que realment volen dir és que és familiar. La coherència és una de les eines principals que s'utilitzen en el disseny per ajudar els lectors a trobar un lloc familiar i facilitar el seguiment d'una història o una sèrie d'elements de navegació.

6Seguiu la regla dels tres clics.

La regla dels tres clics estableix que cap informació important no hauria d'estar a més de tres clics de cap altre lloc del vostre lloc web. La informació més important hauria d'estar encara més a prop. Per exemple, molts dissenyadors estan d'acord que la informació de contacte no hauria d'estar a més d'un clic de distància.

Podeu facilitar la cerca d'informació per als espectadors creant una barra de navegació : un conjunt d'enllaços a totes les seccions principals del vostre lloc que repetiu a totes les pàgines del vostre lloc. Una barra de navegació facilita que els visitants puguin moure's d'una secció del vostre lloc a una altra.

Si teniu moltes pàgines al vostre lloc, organitzeu-les en seccions amb subseccions i després feu servir un menú desplegable.

7 Penseu abans d'afegir fonts elegants.

Els dissenyadors s'emocionen molt quan descobreixen que ara poden utilitzar qualsevol tipus de lletra que vulguin a les pàgines web. Malauradament, com tantes coses al web, utilitzar tipus de lletra és més complicat del que podríeu esperar.

Per exemple, fins i tot si teniu els drets per allotjar un tipus de lletra al vostre propi servidor web, és possible que no tingueu totes les variacions del tipus de lletra necessàries per mostrar les lletres correctament als ordinadors Mac i Windows o per funcionar en tots els navegadors web. És per això que la majoria de dissenyadors web utilitzen un servei de fonts:

8Tingueu a mà els articles que utilitzeu amb freqüència.

Alguna vegada has volgut mantenir totes les teves funcions preferides de Dreamweaver en un lloc convenient? Tu pots! Només cal que personalitzeu la col·lecció de Preferits al tauler Insereix.

Inicieu Dreamweaver i seleccioneu Finestra → Insereix per obrir el panell Inserció comuna. El panell Insereix inclou diverses seccions, com Estructura, Mitjans, Formularis i Preferits.

Feu clic a la fletxa del tauler Insereix i trieu Preferits a la llista desplegable. L'opció Preferits es troba al final de la llista desplegable del panell Insereix.

Per personalitzar el tauler de Preferits amb totes les icones de funcions preferides, feu clic amb el botó dret (o Control+clic en un Mac) i trieu Personalitza els preferits. Utilitzeu el tauler d'inserció de favorits com una manera còmoda de tenir totes les vostres funcions preferides a mà. Fins i tot el podeu canviar per a projectes especials que requereixin una col·lecció de funcions del programa.

9 Dividiu la vista.

Si voleu canviar entre la vista de codi i la vista de disseny a Dreamweaver, us agrairà l'opció de dividir la finestra perquè pugueu veure el codi font i el disseny de la pàgina alhora. Per dividir la finestra, trieu el botó Dividir vista de la part superior esquerra de l'espai de treball.

El codi font de Dreamweaver està codificat per colors per facilitar la distinció de les etiquetes del contingut. Una altra característica útil a la vista Dividida és que si seleccioneu una imatge, text o un altre element en una pàgina a la vista Disseny, el codi corresponent es ressalta automàticament a la vista Codi.

10 Feu una còpia de seguretat del vostre lloc web.

Assegureu-vos que disposeu d'un sistema per fer una còpia de seguretat del vostre lloc web. Mantingueu sempre una còpia de tots els fitxers del vostre servidor en una ubicació separada i actualitzeu-la periòdicament per assegurar-vos que teniu una còpia de seguretat de la versió més recent del vostre lloc en tot moment.

Per crear una còpia de seguretat d'un lloc web que heu creat a Dreamweaver, heu de copiar la carpeta del lloc on deseu tots els fitxers del vostre lloc web. Idealment, hauríeu de copiar aquesta carpeta a un disc dur extern o penjar-la a un sistema de còpia de seguretat en línia (que està allotjat per separat del vostre servidor web).