Site Overlay

Adobe Dreamweaver CC 2020 web design suite review (Svenska)

Vi har täckt dussintals av de bästa webbplatsbyggare mjukvaruplattformarna här på TechRadar, från det sublima till det löjliga. Vi utforskade också en app som hjälper dig att skriva en hel sida eller webbplats enbart i kod. Inga krusiduller, bara rå HTML. Det är uppenbart att oavsett din expertis, det kommer att finnas en app eller tjänst för att tillgodose dina behov.,

men det finns en app som är utformad för proffs och är ganska mycket unik i branschen 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 2020.

låt oss inte ignorera elefanten i rummet, och ta itu med det huvudet på (mind the tusks): alla Adobes produkter är enbart tillgängliga på en prenumeration basis. Detta innebär att du betalar varje månad och du kommer alltid att ha den senaste och bästa versionen till ditt förfogande., Sluta betala, och appen är borta, och dina projekt kommer inte att vara tillgängliga för dig (om du inte extrahera raw-format från dem).

  • vill du prova Adobe Dreamweaver? Kolla in hemsidan här

Men, $52.99 (£49.94) per månad på en årlig plan (eller $79.49 (£75.85) månad efter månad) ger dig tillgång till Adobes hela portföljen, vilket innebär att du kan designa i Photoshop och Illustrator, flytta dessa filer till Dreamweaver, för att redigera en film i Premiere, och sätt in det 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 invecklingen av varje, naturligtvis.

studenter och lärare kan få hela sviten för endast $19.99 (£16.24) per månad på en årsplan, vilket bara är galet värde (eller ett bra sätt att få dig hooked).,

låt oss komma igång – bli inte för skrämmad men – åtminstone inte så snart… (bildkredit: Adobe)

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 är inriktat på att skapa responsiva 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 och instruerar din webbplats att omdirigera till specifika sidor beroende på vilken enhet den ses på.,

Dreamweaver erbjuder dig en handfull mallar för att hjälpa till att få bollen att rulla (bildkredit: Adobe)

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

det finns dock inte så många mallar att välja mellan, och inte luras att tänka Dreamweaver kommer att göra allt arbete för dig: behandla platshållare som inspirationer att gå och anpassa dessa sidor själv.,

kontrollera en Live förhandsvisning av din webbplats och dra och släpp element direkt där du vill ha dem (bildkredit: Adobe)

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 öppna dokument, filhantering och Live View-alternativ.,

flikarna till höger är där du hanterar webbplatsens filer och CC-bibliotek. Det finns en lista över objekt som du kan dra och släppa på din sida, samt en sektion för att utforma Cascading Style Sheets.

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 (bildkredit: Adobe)

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 storlek skärmar), bara stirrar på koden, eller en blandning av de två.,

egenskapsfönstret hjälper dig att göra snabba ändringar i markerade element (bildkredit: Adobe)

för att ändra delar av din sida (som en bild eller text), kommer att föra upp egenskaper flytande fönster kan du göra de ändringar du behöver. Det finns även ett enkelt sätt att dra en målikon till en annan bild på fliken Arkiv för att byta bilder snabbt och enkelt.,

trots sådana funktioner, om du inte har kunskap om kodning, kommer du att gå vilse ganska snabbt. Ja du kan dra och släppa objekt från fliken ”Infoga” på sidans förhandsgranskning, men det tar dig bara så långt, och du hittar att du måste dyka in i koden snabbt och ofta för att göra de ändringar du behöver.

Dreamweaver försöker dock göra det enkelt: markera text i förhandsgranskningssektionen, och samma text markeras i koden och skär ner den tid du skulle spendera på att söka efter samma avsnitt., Det omvända är också sant: markera någon kod, och avsnittet det gäller höjdpunkter i förhandsgranskningsområdet.

det här är förmodligen en anledning till att vi känner att Delad vy är det bästa alternativet eftersom det låter dig dra och släppa objekt och doppa sedan in i koden för att göra de ändringar du behöver på några sekunder.,

kod tips är ett bra sätt att Autofyll när du skriver (bild kredit: Adobe)

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

senaste tillägg med CC2020

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

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

Support

”hjälp” skickar dig till Adobes Online Dreamweaver knowledgebase som har handledning och en grundlig bruksanvisning. Forumet avsnittet kan hjälpa dig att hitta andra som har haft liknande problem som du kan kämpa med och – förhoppningsvis – visa dig hur man löser dem.

om detta inte räcker kan du chatta med en Adobes representant., När vi testade detta ut, personen vi chattade med kom tillbaka med de svar vi behövde snabbt.

slutlig dom

Dreamweaver är ett stort och komplext program och den här översynen 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, bara du inte har något emot att gräva 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 skapelseprocess.,

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 helpdesken är mycket kunnig.

  • Vi har också markerat den bästa webbdesignprogramvaran

Lämna ett svar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *