Hem recensioner Adobe dreamweaver cs6 granskning och betyg

Adobe dreamweaver cs6 granskning och betyg

Video: تحميل برنامج Adobe Dreamweaver CS6 بالتفعيل (September 2024)

Video: تحميل برنامج Adobe Dreamweaver CS6 بالتفعيل (September 2024)
Anonim

Adobe Dreamweaver (399, 99 $; uppgradering 199, 00 $, direkt) har dominerat webbredigeringsfältet längre än de flesta kan komma ihåg, men under de senaste åren har det verkat villigt att kuska på sitt rykte och erbjuder värdefulla men okomplicerade uppgraderingar med varje ny version. Dreamweaver CS6-versionen är annorlunda. Det är en viktig uppgradering för alla som vill bygga webbsidor eller appar som automatiskt anpassas när de visas i en webbläsare på en telefon eller surfplatta eller en webbläsare på en bärbar dator eller skrivbord. Under de senaste åren har jag gjort det mesta av min webbdesign i Microsofts rena, effektiva och underpubliciserade Expression Web, men Dreamweaver CS6 är den första webbredigeraren som byggdes för multiplatform-eran, med fullt stöd för HTML5 och CSS3. Precis som resten av CS6-sviten riktas Dreamweaver till yrkesverksamma som är villiga att klättra på den branta inlärningskurvan, men även enstaka kodare kan använda den för att bygga imponerande platser.

Vad är nytt?

De stora nya funktionerna i Dreamweaver är dessa. Först är "vätskeformiga rutnätlayouter" som låter dig specificera exakt hur sidelement ska ordnas när din webbplats visas på en liten skärmtelefon, en midsize surfplatta eller ett helskärmsbord. (Fortsätt läsa för mer information om detta.) Nästa är inbyggt stöd för PhoneGap Build, en öppen källkodsplattform som gör det enkelt att skapa en enda webbaserad app som körs på flera telefonplattformar. Dreamweaver förbättrade också sin integration med Query Mobile, en JavaScript-baserad plattform för att bygga webbläsarbaserade telefon- och surfplattaprogram. CSS-övergångar - det webbaserade motsvarigheten till övergångar i traditionella presentationsappar - stöds nu genom ett ganska intuitivt gränssnitt.

Adobe har förbättrat trovärdigheten och flexibiliteten i Dreamweavers "Live" -förhandsvisning och förbättrat sin "multiscreen" -förhandsgranskningspanel som visar hur din sida kommer att se ut i storlekar på telefon, surfplatta och skrivbord. Adobes online "webbläsarlaboratorium" gör det möjligt att testa dina sidor på äldre webbläsarplattformar, även om Microsofts jämförbara SuperPreview-funktion erbjuder ett ännu bredare val av gamla och nya webbläsare att testa i.

En annan Dreamweaver-funktion som jag har velat i flera år, och som Adobe knappt nämner i sin PR, är inbyggt webbtypsupport genom en enkel dialogruta som låter dig installera teckensnitt på din webbserver så att du kan använda dem på dina sidor; detta var alltid möjligt genom krävande handkodning men Dreamweaver gör det enkelt. Andra förbättringar som jag är glad över att se inkluderar en helt moderniserad - och snabb - FTP-modul med fullt stöd för säkra protokoll. Inbyggt stöd för W3C Consortiums sidvalideringsverktyg garanterar full överensstämmelse med gällande webbstandarder.

Den mest spektakulära nya funktionen i Dreamweaver är dess stöd för "flytande rutnätslayouter", vilket innebär att det skapar sidor organiserade enligt ett osynligt underliggande rutnät som ändras beroende på skärmens storlek. Text och grafiska element på sidan justerar automatiskt sin position när sidan visas på en telefon, surfplatta eller skrivbord. Jag var tvungen att titta på en demovideo (tillgänglig från Dreamweavers öppningsmeny) för att räkna ut att använda den, men efter det var den lätt.

Du skapar en flytande rutnätlayout genom att rikta in sig på tre skärmstorlekar: telefon, surfplatta och skrivbord. Först ordnar du sidelementen som du vill att de ska titta på en skärmstorlek, med varje element i linje med det osynliga bakgrundsnätet. Sedan klickar du på en ikon för att växla till en annan skärmstorlek och ordna elementen på ett annat sätt på rutnätet. Så till exempel kommer en telefon att visa hela sidan i en enda kolumn med en rullgardinsmeny längst upp, medan en surfplatta visar delar av sidan i tre kolumner med en bred navigeringsfält överst. Den underliggande CSS växlar automatiskt mellan layouter beroende på skärmstorlek på enheten som visar sidan. Med förhandsgranskningspanelen för flera skärmar kan du ändra någon av eller alla de tre inbyggda skärmstorlekarna, så att du kan testa hur fluidnätet fungerar i vilken storlek du vill.

Flash-integration

Dreamweaver är förutsägbart tätt integrerad med Adobes Flash-format. Men om du utvecklar för iOS kan du inte använda Flash i dina appar eller webbsidor om du inte köper Adobes $ 4500 Flash Media Server för att strömma Flash på ett sätt som iOS tillåter. Dreamweaver låt mig släppa Flash-video på mina webbsidor utan hick och med massor av layoutalternativ, men när jag försökte lägga till HTML5-video på min sida, var jag tvungen att ta reda på själv att jag behövde ladda ner och installera en HTML5-video " widget ”och ändra sedan widgetens kod för hand.

Gränssnitt

Precis som resten av Adobes Creative Suite Dreamweaver-gränssnittet är en skog av paneler och "flikgrupper" och verktygsfält som tar tid att vänja sig vid. Till skillnad från resten av sviten, som använder ett grafiskt gränssnitt för att redigera grafiska objekt som animationer, foton, illustrationer och tryckta sidor, är Dreamweavers grafiska gränssnitt en uppsättning verktyg för redigering av rå HTML, CSS, JavaScript och annan textbaserad kod. För det mesta kan du använda en av Dreamweavers GUI-baserade knappar och menyer för att ändra den underliggande koden, men ibland kan du inte och det betyder att du blir smutsig medan du redigerar koden direkt. Detta är bra om du vet hur du redigerar rå kod, frustrerande om du inte gör det. Ibland, särskilt när jag arbetade med den nya funktionen för fluidlayout, gav jag upp försöket hitta en meny eller verktygsfält för att ändra en layoutdetalj, och var tvungen att gräva igenom råkoden för att göra ändringen. Funktionen för vätskelayout är uppenbarligen ett pågående arbete, och framtida versioner kommer att underlätta den här typen av saker, men du bör vara beredd på några mindre frustrationer i första versionen under tiden.

Extrem flexibilitet

För grundläggande HTML- och CSS-redigering tenderar jag fortfarande att föredra Microsoft Expression Web 4, men Expression Web fungerar bara på Windows, medan Adobes appar fungerar mer eller mindre identiskt på Windows- och Mac-maskiner. Dreamweaver CS6 är utan tvekan det första och enda webbbyggande verktyget som fungerar smidigt och kapabelt i den nya världen med flera plattformar. Det har sina grova kanter, men Adobe Dreamweaver CS6 har också mer kraft och flexibilitet än något annat i sin kategori, och det förtjänar vårt Editor's Choice.

Fler recensioner, programvaror och grafikprogramvara:

• Magix Movie Edit Pro Premium

• Vegas Movie Studio Platinum

• Adobe Premiere Elements

• Pinnacle Studio Ultimate

• Apple Final Cut Pro X

• Mer

Adobe dreamweaver cs6 granskning och betyg