Tryck på Tidsbesparande Dreamweaver Tips

Även de bästa programmen blir bättre när du vet hur du får ut det mesta av dem. Ta en stund att kolla in dessa tips och spara massor av tid på att utveckla din webbplats. De flesta av dessa tips gäller både Macintosh- och Windows-användare. När de bara gäller den ena eller den andra, kommer texten att berätta om tipset gäller Windows eller Mac-versionen.

Rensa röran

Dreamweavers många paneler (kallade paletter i tidigare versioner) ger snabb åtkomst till dess mest populära funktioner, men de kan röra upp designområdet. För att få dem ur vägen när du vill stå tillbaka och beundra ditt arbete (eller slita isär någon annans), använd F4-tangenten, en genväg som döljer alla synliga paneler på en gång. För att få tillbaka dem, tryck bara på F4-tangenten igen.

För att slå på och av paneler individuellt, använd kortkommandot som är tilldelat varje panel. Välj Fönster från menyn för att hitta en kortkommando listad bredvid varje panelnamn. Du kan använda dessa genvägar för att slå på och av panelerna individuellt. Du kan också använda startfältet i det nedre högra hörnet av designfönstret för att få åtkomst till panelen Webbplats, Tillgångspanel, HTML-formatpanelen, panelen CSS-stilar, panelen Beteende och panelen Historik.

Dela vyn: Arbetar i koden

Om du gillar att växla fram och tillbaka mellan HTML-källkoden och WYSIWYG-designvyn (det du ser är vad du får) i Dreamweaver, kommer du att uppskatta det nya alternativet i version 4 som gör att du kan dela upp fönstret så att du kan visa HTML-källan och WYSIWYG-designområdet samtidigt. För att dela fönstret, välj Visa –> Kod och design.

Du kanske också uppskattar de förbättrade funktionerna i Dreamweavers inbyggda textredigerare, inklusive automatisk indrag och möjligheten att välja flera rader och dra in dem. Du kommer också att upptäcka levande syntaxfärger som visas när du skriver - du kan till och med särskilja färgerna för HTML och JavaScript. Välj Redigera –> Inställningar –> fliken Kodfärger för att tilldela färger.

Lägg fram dina mönster

HTML-tabeller erbjuder fortfarande det bästa sättet att skapa komplexa webbdesigner (eftersom äldre webbläsare fortfarande inte stöder lager), och Dreamweaver 4 har gjort det enklare än någonsin att skapa tabeller i sitt visuella designområde. I den nya layoutvyn kan du "rita" tabeller på en sida, dra dem på plats och till och med gruppera celler i en kapslad tabell - utan att någonsin oroa dig för hur många rader och celler du har skapat. Du kan till och med använda den här funktionen för att skapa tabeller som ändras med fönsterstorleken, en utmärkt teknik för att säkerställa att din design fungerar på alla bildskärmar.

Välj Visa –> Tabellvy –> Layoutvy för att komma åt Dreamweavers nya tabellskapande miljö, och sedan är det bara att dra och släppa för att skapa vilken typ av tabell som helst. Du kan hitta alternativ för cell- och tabelllayout i objektpanelen.

Konvertera text

Om du är van vid att använda funktionen Klistra in som text i Dreamweaver 3, bli inte besviken när du upptäcker att den saknas i Dreamweaver 4. Macromedia effektiviserade processen i sin senaste version. Nu väljer du helt enkelt Arkiv -> Klistra in, och formaterad text från ett ordbehandlingsdokument behåller sin formatering - ja, okej, det behåller åtminstone radavståndet. Sanningen är att Dreamweaver fortfarande är ganska svag när det gäller att konvertera text.

Du kan rädda dig själv från att behöva formatera om texten i Dreamweaver om du använder ett ordbehandlingsprogram eller ett kalkylprogram som innehåller en Save As HTML-funktion (Microsoft Word och många andra erbjuder den här funktionen). Istället för att kopiera och klistra in texten i Dreamweaver använder du ordbehandlingsprogrammets fil –> Spara som HTML-funktion, byter namn på filen och öppnar sedan den nya filen i Dreamweaver. Microsoft Word och Excel behåller till och med tabellformatering, en verklig tidsbesparing om du har att göra med stora tabeller med text eller siffror.

Hitta funktionella typsnitt

Designers blir så exalterade när de får reda på att de kan använda vilket typsnitt som helst. I verkligheten måste dina tittare ha typsnittet på sina datorer för att det ska visas. Ju vanligare typsnittet är, desto mer sannolikt är det att det visas som du tänkt dig. Om du vill använda ett mer ovanligt typsnitt, gå för det - se bara till att du inkluderar alternativ. Dreamweavers teckensnittslista innehåller redan samlingar av vanliga typsnitt, och du kan alltid skapa din egen teckensnittslista genom att välja Text –> Font –> Redigera teckensnittslista.

Windows är det absolut vanligaste operativsystemet på nätet. För att säkerställa de bästa – och snabbaste – resultaten för majoriteten av dina användare, lista ett Windows-teckensnitt först.

Rikta dina tittare

Att skapa flera webbplatser är den mest felsäkra lösningen för att se till att alla dina tittare är nöjda när du använder avancerade siddesigner fyllda med DHTML och CSS. Det betyder att du skapar två eller flera uppsättningar sidor: en som använder de senaste funktionerna och en som använder äldre, mer universellt stödda HTML-taggar. Men hur säkerställer man att tittarna kommer till rätt sidor? Använd beteendet Kontrollera webbläsaren.

Check Browser-beteendet är skrivet i JavaScript och avgör vilken webbläsartyp som används av varje tittare som landar på din webbplats. Beteendet leder sedan användarna till den siddesign som passar bäst för deras webbläsarversion. För att använda den här funktionen, välj Fönster –> Beteenden för att öppna Beteendepanelen. Klicka sedan på plustecknet (+) för att öppna rullgardinsmenyn med alternativ. Välj Kontrollera webbläsare och en dialogruta öppnas där du kan ange vilka webbläsarversioner som ska dirigeras till vilka sidor på din webbplats. När användare kommer till din webbplats dirigeras de automatiskt till den sida du väljer, baserat på webbläsartyp och version som du anger.