Toqueu Consells per estalviar temps de Dreamweaver

Fins i tot els millors programes milloren quan saps com treure'n el màxim profit. Preneu-vos un moment per consultar aquests consells i estalvieu tones de temps en el desenvolupament del vostre lloc web. La majoria d'aquests consells s'apliquen tant als usuaris de Macintosh com de Windows. Quan només s'apliquen a un o a l'altre, el text us indicarà si el consell s'aplica a la versió de Windows o a la versió de Mac.

Netejant el desordre

Els molts panells de Dreamweaver (anomenats paletes en versions anteriors) proporcionen un accés ràpid a les seves funcions més populars, però poden desordenar l'àrea de disseny. Per treure'ls del vostre camí quan vulgueu deixar-vos enrere i admirar la vostra feina (o trencar amb algú altre), utilitzeu la tecla F4, una drecera que amaga tots els panells visibles alhora. Per recuperar-los, només cal que torneu a prémer la tecla F4.

Per activar i desactivar els panells individualment, feu servir la drecera de teclat assignada a cada panell. Seleccioneu Finestra al menú per trobar una drecera de teclat llistada al costat del nom de cada panell. Podeu utilitzar aquestes dreceres per activar i desactivar els panells individualment. També podeu utilitzar la barra d'iniciació a l'extrem inferior dret de la finestra de disseny per accedir al tauler Lloc, al tauler Recursos, al tauler Estils HTML, al tauler Estils CSS, al tauler Comportaments i al tauler Historial.

Divisió de la vista: treballant en el codi

Si voleu canviar entre el codi font HTML i la vista de disseny WYSIWYG (el que veieu és el que obteniu) a Dreamweaver, apreciareu la nova opció de la versió 4 que us permet dividir la finestra perquè pugueu visualitzeu la font HTML i l'àrea de disseny WYSIWYG alhora. Per dividir la finestra, trieu Visualització -> Codi i disseny.

També podeu apreciar les funcions millorades de l'editor de text integrat de Dreamweaver, com ara el sagnat automàtic i la possibilitat de seleccionar diverses línies i sagnar-les. També descobrireu el color de sintaxi en directe que apareix mentre escriviu; fins i tot podeu distingir els colors per a HTML i JavaScript. Trieu Edita -> Preferències -> pestanya Colors del codi per assignar colors.

Presentació dels vostres dissenys

Les taules HTML encara ofereixen la millor manera de crear dissenys web complexos (perquè els navegadors més antics encara no admeten capes) i Dreamweaver 4 ha fet que sigui més fàcil que mai crear taules a la seva àrea de disseny visual. A la nova vista de disseny, podeu "dibuixar" taules en una pàgina, arrossegar-les al seu lloc i, fins i tot, agrupar cel·les en una taula imbricada, sense preocupar-vos mai de quantes files i cel·les heu creat. Fins i tot podeu utilitzar aquesta funció per crear taules que canvien amb la mida de la finestra, una tècnica fantàstica per garantir que els vostres dissenys funcionin en tots els monitors.

Trieu Visualització –> Vista de taula –> Vista de disseny per accedir al nou entorn de creació de taules de Dreamweaver i, a continuació, arrossegueu i deixeu anar per crear qualsevol tipus de taula. Podeu trobar opcions de disseny de cel·les i taules al tauler Objectes.

Conversió de text

Si esteu acostumats a utilitzar la funció Enganxa com a text a Dreamweaver 3, no us decebreu quan trobeu que no hi ha a Dreamweaver 4. Macromedia va simplificar el procés en la seva darrera versió. Ara només heu de triar Fitxer -> Enganxar i el text formatat d'un document de processament de textos manté el seu format; bé, d'acord, almenys manté l'interlineat. La veritat és que Dreamweaver encara és bastant feble quan es tracta de convertir text.

Podeu estalviar-vos d'haver de reformatar el text a Dreamweaver si utilitzeu un programa de processament de textos o full de càlcul que inclogui una funció Desa com a HTML (Microsoft Word i molts altres ofereixen aquesta funció). En lloc de copiar i enganxar el text al Dreamweaver, utilitzeu la funció Fitxer –> Desa com a HTML del programa de processament de textos, canvieu el nom del fitxer i obriu el nou fitxer a Dreamweaver. Microsoft Word i Excel fins i tot conserven el format de la taula, un estalvi de temps real si es tracta de taules grans de text o números.

Trobar fonts funcionals

Els dissenyadors s'emocionen molt quan descobreixen que poden utilitzar qualsevol tipus de lletra. En realitat, els vostres espectadors han de tenir el tipus de lletra als seus ordinadors perquè es mostri. Com més comú sigui el tipus de lletra, més probable és que es mostri de la manera que voleu. Si voleu utilitzar un tipus de lletra més inusual, aneu-hi; només assegureu-vos que també incloeu alternatives. La llista de tipus de lletra de Dreamweaver ja inclou col·leccions de tipus de lletra habituals, i sempre podeu crear la vostra pròpia llista de tipus de lletra escollint Text –> Font –> Edita la llista de fonts.

Windows és, amb diferència, el sistema operatiu més comú a la xarxa. Per garantir els millors resultats (i més ràpids) per a la majoria dels usuaris, primer enumereu un tipus de lletra de Windows.

Dirigint els teus espectadors

La creació de diversos llocs és la solució més segura per assegurar-vos que tots els vostres espectadors estiguin contents quan utilitzeu dissenys de pàgines d'avantguarda plens de DHTML i CSS. Això vol dir que creeu dos o més conjunts de pàgines: una que utilitza les últimes funcions i una que utilitza etiquetes HTML més antigues i compatibles amb més universal. Però, com us assegureu que els espectadors arribin a les pàgines adequades? Utilitzeu el comportament Comprova el navegador.

El comportament Comprova el navegador està escrit en JavaScript i determina el tipus de navegador utilitzat per cada espectador que arriba al teu lloc. Aleshores, el comportament dirigeix ​​els usuaris al disseny de la pàgina més adequat per a la versió del seu navegador. Per utilitzar aquesta funció, trieu Finestra -> Comportaments per obrir el tauler Comportaments. A continuació, feu clic al signe més (+) per obrir la llista desplegable d'opcions. Trieu Comprova el navegador i s'obre un quadre de diàleg en el qual podeu especificar quines versions del navegador s'han de dirigir a quines pàgines del vostre lloc. Quan els usuaris arriben al vostre lloc, se'ls dirigeix ​​automàticament a la pàgina que trieu, segons el tipus de navegador i la versió que especifiqueu.