I en tid när webben till en del nästan är synonymt med Wordpress-, Drupal eller Joomla-sajter hänger Dreamweaver på tåget med ett smart stöd för dessa plattformar. Det kan tyckas självklart men det finns några hakar med de dynamiskt framställda sajterna.
Knepigheten med en wysiwyg-editor med dessa php-baserade system är att de ritar upp sidorna dynamiskt, vilket gör att förhandsvisningen av sidorna kan vara svår att få till. Dreamweaver CS5 har en snygg funktion där programmet själv letar upp alla relaterade filer och skript från din webbserver för att du ska kunna få en korrekt förhandsvisning medan du sitter och designar eller kodar.
Det fungerar faktiskt riktigt bra, den Wordpress-sajt jag testade på visades helt korrekt med Google-textannonser, sökfält, kommentars-insticksprogram från Disqus och Flickr-badges, helt komplett. I förra versionen, CS4, kom Live view, där du kan se din sajt uppritad i realtid. I CS5 är funktionen förbättrad med Live view navigation. Kombinerar du live view navigation-läget med att klicka i att Dreamweaver ska följa länkar kontinuerligt så kan du surfa på sajten som vanligt – fast i Dreamweaver. Det känns trevligt att kunna klicka sig runt i Dreamweaver och slippa byta till webbläsaren bara för att kolla om en ny funktion fungerar bra.
För att hantera dina filer har Dreamweaver en inbyggd ftp-klient och att sätta upp din serverlista har blivit mycket enklare. Du kan välja att ange uppgifterna för dina lokala mappar och sedan kommer Dreamweaver att fråga dig om fler uppgifter under projektets gång. Du behöver med andra ord inte fylla i alla uppgifter på en och samma gång.
Klick, stäng av ett CSS-objekt. I det nya CSS-förhandvisningsverktyget kan du följa hur din design utvecklar sig.
Testa webbläsare hos Adobe
En nyhet är att Adobe numera ger dig tillgång till ett antal online-tjänster där vissa kommer att vara prenumerationsbaserade. En av tjänsterna är Adobe Browserlab där du kommer att kunna kontrollera hur din sajt fungerar i ett stort antal olika webbläsare. Ett annat verktyg är code hints där du kan tala om för Dreamweaver vilket publiceringsverktyg du använder så att php-taggarna programmet föreslår blir anpassade för just ditt system.
Starta med css i Dreamweaver
För dig som vill börja lära dig css finns ett antal fördefinierade css-mallar där Adobe lagt in kommentarer och instruktioner i koden så att du kan börja ändra själv och lära dig vartefter. Css-funktionen i Dreamweaver är enkel att använda och kör du med split-vyn kommer kod som du markerar att synas på en gång i design-vyn. Som det sig bör, helt enkelt. När du markerar en del av din sajt ser du i Css-paletten vilka css-attribut som objektet har. Med ett enkelt musklick i paletten kan du också stänga av vissa attribut för att felsöka eller se hur det påverkar din design.
Gränssnittet i Dreamweaver känns något mer rörigt än resten av CS5-sviten – det finns så oerhört många funktioner och alternativ du kan påverka och inspektera. Tack och lov går Dreamweaver att skräddarsy så att det passar ditt eget arbetssätt. Högst upp i menyn finns en stor, tydlig knapp med namnet på det funktions-set du just nu använder. Här finns Classic, Coder och Designer, samt ett antal varianter till. Det finns också ett Designer Compact, för dig som sitter och arbetar på en liten skärm, exempelvis på en laptop.
I en dynamiskt genererad sajt, till exempel en Wordpress-sajt, så finns mängder av Include-filer som ska ropas in för att din sida ska fungera. Dreamweaver kan hämta dem alla för att ge dig en korrekt, dynamisk, förhandsvisning.
Publicera på rätt plattform
Det är ju inte längre självklart att din sajt bara ska visas på webben, utan den kanske också måste se bra ut på en mobiltelefonskärm. För detta finns Adobe Device Central, ett särskilt program för att se hur din sajt kommer att fungera på mobila enheter. Här finns ett antal test-upplösningar och versioner av t.ex. Flash Lite att prova. Du kan också bläddra igenom andra användares testade profiler, så att du slipper ta fram en egen för varje ny telefon du vill testa din design på.
Adobe Dreamweaver CS5 är en bra fortsättning på CS4. Stödet för publiceringsystem som Wordpress och Drupal är en självklarhet men fungerar mycket bra. Dreamweaver CS5 torde tillfredsställa både den kräsne användaren och hemma-kodaren.
Funktion: wysiwyg-webbredigeringsprogram
Version: CS5 beta
Mer info: www.adobe.se
Pris: 4 490 kronor (engelsk version), 4 790 kronor (svensk version). Uppgradering: 1 990 kronor (engelsk version), 2 490 kronor (svensk version).
Systemkrav Mac: Intel-processor med flera kärnor, Mac OS X 10.5.7 eller senare, 512 MB RAM, 1,8 GB hårddiskutrymme. Windows: Intel Pentium 4- eller AMD Athlon 64-processor. Microsoft Windows XP SP2, Windows Vista Home Premium, Business, Ultimate eller Enterprise, SP1, eller Windows 7. 512 MB RAM, 1 GB hårddiskutrymme.
Betyg:
Knepigheten med en wysiwyg-editor med dessa php-baserade system är att de ritar upp sidorna dynamiskt, vilket gör att förhandsvisningen av sidorna kan vara svår att få till. Dreamweaver CS5 har en snygg funktion där programmet själv letar upp alla relaterade filer och skript från din webbserver för att du ska kunna få en korrekt förhandsvisning medan du sitter och designar eller kodar.
Det fungerar faktiskt riktigt bra, den Wordpress-sajt jag testade på visades helt korrekt med Google-textannonser, sökfält, kommentars-insticksprogram från Disqus och Flickr-badges, helt komplett. I förra versionen, CS4, kom Live view, där du kan se din sajt uppritad i realtid. I CS5 är funktionen förbättrad med Live view navigation. Kombinerar du live view navigation-läget med att klicka i att Dreamweaver ska följa länkar kontinuerligt så kan du surfa på sajten som vanligt – fast i Dreamweaver. Det känns trevligt att kunna klicka sig runt i Dreamweaver och slippa byta till webbläsaren bara för att kolla om en ny funktion fungerar bra.
För att hantera dina filer har Dreamweaver en inbyggd ftp-klient och att sätta upp din serverlista har blivit mycket enklare. Du kan välja att ange uppgifterna för dina lokala mappar och sedan kommer Dreamweaver att fråga dig om fler uppgifter under projektets gång. Du behöver med andra ord inte fylla i alla uppgifter på en och samma gång.
Klick, stäng av ett CSS-objekt. I det nya CSS-förhandvisningsverktyget kan du följa hur din design utvecklar sig.
Testa webbläsare hos Adobe
En nyhet är att Adobe numera ger dig tillgång till ett antal online-tjänster där vissa kommer att vara prenumerationsbaserade. En av tjänsterna är Adobe Browserlab där du kommer att kunna kontrollera hur din sajt fungerar i ett stort antal olika webbläsare. Ett annat verktyg är code hints där du kan tala om för Dreamweaver vilket publiceringsverktyg du använder så att php-taggarna programmet föreslår blir anpassade för just ditt system.
Starta med css i Dreamweaver
För dig som vill börja lära dig css finns ett antal fördefinierade css-mallar där Adobe lagt in kommentarer och instruktioner i koden så att du kan börja ändra själv och lära dig vartefter. Css-funktionen i Dreamweaver är enkel att använda och kör du med split-vyn kommer kod som du markerar att synas på en gång i design-vyn. Som det sig bör, helt enkelt. När du markerar en del av din sajt ser du i Css-paletten vilka css-attribut som objektet har. Med ett enkelt musklick i paletten kan du också stänga av vissa attribut för att felsöka eller se hur det påverkar din design.
Gränssnittet i Dreamweaver känns något mer rörigt än resten av CS5-sviten – det finns så oerhört många funktioner och alternativ du kan påverka och inspektera. Tack och lov går Dreamweaver att skräddarsy så att det passar ditt eget arbetssätt. Högst upp i menyn finns en stor, tydlig knapp med namnet på det funktions-set du just nu använder. Här finns Classic, Coder och Designer, samt ett antal varianter till. Det finns också ett Designer Compact, för dig som sitter och arbetar på en liten skärm, exempelvis på en laptop.
I en dynamiskt genererad sajt, till exempel en Wordpress-sajt, så finns mängder av Include-filer som ska ropas in för att din sida ska fungera. Dreamweaver kan hämta dem alla för att ge dig en korrekt, dynamisk, förhandsvisning.
Publicera på rätt plattform
Det är ju inte längre självklart att din sajt bara ska visas på webben, utan den kanske också måste se bra ut på en mobiltelefonskärm. För detta finns Adobe Device Central, ett särskilt program för att se hur din sajt kommer att fungera på mobila enheter. Här finns ett antal test-upplösningar och versioner av t.ex. Flash Lite att prova. Du kan också bläddra igenom andra användares testade profiler, så att du slipper ta fram en egen för varje ny telefon du vill testa din design på.
Adobe Dreamweaver CS5 är en bra fortsättning på CS4. Stödet för publiceringsystem som Wordpress och Drupal är en självklarhet men fungerar mycket bra. Dreamweaver CS5 torde tillfredsställa både den kräsne användaren och hemma-kodaren.
Funktion: wysiwyg-webbredigeringsprogram
Version: CS5 beta
Mer info: www.adobe.se
Pris: 4 490 kronor (engelsk version), 4 790 kronor (svensk version). Uppgradering: 1 990 kronor (engelsk version), 2 490 kronor (svensk version).
Systemkrav Mac: Intel-processor med flera kärnor, Mac OS X 10.5.7 eller senare, 512 MB RAM, 1,8 GB hårddiskutrymme. Windows: Intel Pentium 4- eller AMD Athlon 64-processor. Microsoft Windows XP SP2, Windows Vista Home Premium, Business, Ultimate eller Enterprise, SP1, eller Windows 7. 512 MB RAM, 1 GB hårddiskutrymme.
- Stöd för Wordpress, Drupal, med flera.
- CSS-mallar med förklaring.
- Live view förhandsvisning.
- Bitvis rörigt gränssnitt.
- Ser ut som designat för OS X 10.3.
Betyg:
Molnigt på idg.se?
Ser vut som det är designat för... - (itpastorn) 2010-04-12 11:00
CMS integrering - (Evanion) 2010-04-12 15:16