Granskning av Adobe Dreamweaver CC 2022-2023 webbdesign

Innehållsförteckning:

Anonim

Vi har täckt dussintals av de bästa mjukvaruplattformarna för webbplatsbyggare här, från det sublima till det löjliga. Vi undersökte också en app som är utformad för att hjälpa dig att skriva en hel sida eller webbplats enbart i kod. Inga krusiduller, bara rå HTML. Det är tydligt att oavsett din expertis finns det en app eller tjänst som tillgodoser dina behov.

Men det finns en app som är designad för proffs och som är ganska unik i branschen som har överlevt eller köpt ut sin konkurrens genom åren: den mäktiga Adobe Dreamweaver. Så låt oss ta en titt på den senaste versionen, CC 2022-2023.

Låt oss inte ignorera elefanten i rummet och ta itu med den (tänk på tänderna): alla Adobes produkter är endast tillgängliga på prenumerationsbasis. Det betyder att du betalar varje månad och att du alltid har den senaste och bästa versionen till ditt förfogande. Sluta betala så är appen borta och dina projekt kommer inte att vara tillgängliga för dig (om du inte extraherar råformaten från dem).

  • Vill du prova Adobe Dreamweaver? Kolla in webbplatsen här

Du kan prenumerera på Dreamweaver på egen hand för $ 20,99 (£ 19,97) per månad på årsplan eller $ 31,49 (£ 30,34) på ​​en månad för månad.

Men $ 52,99 (£ 49,94) per månad på en årsplan (eller $ 79,49 (£ 75,85) månad för månad) ger dig tillgång till Adobes hela portfölj, vilket innebär att du kan designa i Photoshop och Illustrator, flytta filerna till Dreamweaver, redigera en filmen i Premiere och sätt in den på din webbsida. Allt är utformat för att fungera tillsammans, och alla gränssnitt har likheter mellan dem som hjälper dig att flytta från en app till en annan med liten svårighet - så länge du förstår varje komplexitet, förstås.

Studenter och lärare kan få hela sviten för endast $ 19,99 (£ 16,24) per månad på en årsplan, vilket bara är vansinnigt värde (eller ett bra sätt att få dig hooked).

Låt oss komma igång - bli inte alltför skrämda - åtminstone inte så snart …

Komma igång

Som du förväntar dig stöder Dreamweaver alla webbstandarder från grundläggande HTML till CSS, Javascript och alla moderna funktioner, inklusive Bootstrap. Det fokuserar på att skapa lyhörda webbplatser som anpassar sig till den enhet som besökaren tittar på (vare sig det är en dator, surfplatta eller telefon), men naturligtvis hindrar ingenting dig från att skapa icke-responsiva sådana och instruerar din webbplats att omdirigera till specifika sidor beroende på på enheten den visas på.

Dreamweaver erbjuder dig en handfull mallar som hjälper dig att få bollen att rulla

Om du är ny på Dreamweaver erbjuder appen dig några mallar för att komma igång. Dessa är mycket användbara för att hjälpa dig att slå mark så att säga, och kan ofta vara mer användbara än att stirra på en tom sida.

Det finns dock inte så många mallar att välja mellan, och luras inte att tro att Dreamweaver kommer att göra allt för dig: behandla platshållarna som inspiration för att själv anpassa sidorna.

Kontrollera en liveförhandsgranskning av din webbplats och dra och släpp element direkt där du vill ha dem

Bygga en webbplats

Gränssnittet är uppdelat i olika sektioner som kan anpassas till viss del. Sidofältet på vänster sida ger dig tillgång till vanliga kommandon, till exempel öppningsdokument, filhantering och Live View-alternativ.

Flikarna till höger är där du hanterar webbplatsens filer och CC-bibliotek. Det finns en lista med objekt som du kan dra och släppa till din sida, samt ett avsnitt för att designa kaskad stilark.

Och huvuddelen av gränssnittet är tillägnad antingen din kod eller en förhandsgranskning av sidan du bygger.

Kontrollera hur din webbplats kommer att se ut genom att simulera olika skärmar och upplösningar

Du kan enkelt växla mellan att se en fullständig förhandsgranskning av din sida (tillsammans med alternativ för att simulera hur sidan skulle se ut på olika storlekar), bara stirra på koden eller en blandning av de två.

Egenskapsfönstret hjälper dig att göra snabba ändringar av markerade element

Om du vill ändra delar av din sida (som en bild eller en text) kan du göra de ändringar du behöver genom att ta upp det flytande fönstret Egenskaper. Det finns till och med ett enkelt sätt att dra en målikon till en annan bild på fliken Arkiv för att växla bilder snabbt och enkelt.

Trots sådana funktioner kommer du att gå vilse ganska snabbt om du inte har kunskap om kodning. Ja, du kan dra och släppa objekt från fliken "Infoga" till sidans förhandsgranskning, men det tar dig bara så långt och du kommer att behöva gå in i koden snabbt och ofta för att göra ändringarna du behöver.

Dreamweaver försöker dock göra det enkelt: markera text i förhandsgranskningsavsnittet, och samma text markeras i koden, vilket minskar tiden du vill spendera på att söka efter samma avsnitt. Det omvända är också sant: markera en del kod och det avsnitt som den avser höjdpunkter i förhandsgranskningsområdet.

Detta är förmodligen en anledning till att vi anser att Split-vyn är det bästa alternativet eftersom det låter dig dra och släppa objekt och sedan doppa in i koden för att göra de ändringar du behöver på några sekunder.

Kodtips är ett utmärkt sätt att automatiskt fylla medan du skriver

En annan förbättring som vi uppskattade var kodtips: precis som när du skriver på en telefon och gränssnittet erbjuder dig ett urval av ord som den tror att du för närvarande skriver så att du kan välja rätt snabbare än att skriva den helt, börja skriva kod i Dreamweaver så får du tips när du gör det. Inte bara hjälper det dig att skriva snabbare, det kan också hjälpa dig att skriva in koden korrekt och undvika skrivfel. Vi anser att detta kan vara till stor nytta för både proffs och nybörjare.

Senaste tillägg med CC2020

Eftersom Dreamweaver ständigt uppdateras och du kan ladda ner den senaste versionen när som helst medan din prenumeration fortfarande är giltig, läggs nya funktioner till och förbättras stegvis. Roligt nog är två eller våra favoriter - nämligen redigering av livevisning och kodtips - några av de senaste förbättringarna.

Den andra stora är en ny typsnittskonfiguration för japanska Dreamweaver, men utan kunskap om detta språk är det tyvärr inte något vi kunde kolla in.

Stöd

”Hjälp” skickar dig till Adobes online Dreamweaver-kunskapsbas som innehåller handledning och en grundlig användarhandbok. Forumavsnittet kan hjälpa dig att hitta andra som har haft liknande problem som du kanske kämpar med och - förhoppningsvis - visa dig hur du löser dem.

Om det inte räcker kan du chatta med en Adobe-representant. När vi testade detta kom personen vi chattade med snabbt tillbaka med de svar vi behövde.

Slutlig dom

Dreamweaver är ett enormt och komplext program och den här recensionen har knappt repat ytan, men vi hoppas att du kan se att det finns mycket här att älska. Det finns många funktioner som är utformade för att hjälpa dig att skapa webbplatser snabbt och effektivt, så länge du inte har något emot att gå in i koden. Dreamweaver kommer inte att göra allt för dig, men kommer att göra sitt bästa för att underlätta din skapande process.

Om din kunskap om HTML är begränsad eller till och med obefintlig, rekommenderar vi att du börjar med en annan app eller tjänst eftersom det kan kännas för skrämmande. Omvänt, om du redan har en Adobe Creative Cloud-prenumeration, finns det mycket liten anledning att inte ge det här programmet ett försök, särskilt eftersom supportfunktionerna är grundliga och helpdesk är mycket kunnig.

  • Vi har också markerat det bästa webbdesignprogrammet