Adobe Dreamweaver CC 2022-2023 webdesign suite gennemgang

Indholdsfortegnelse:

Anonim

Vi har dækket snesevis af de bedste softwareplatforme til hjemmesidebygere her på, fra det sublime til det latterlige. Vi undersøgte også en app designet til at hjælpe dig med at skrive en hel side eller et websted udelukkende i kode. Ingen dikkedarer, bare rå HTML. Det er klart, at uanset din ekspertise, vil der være en app eller en tjeneste, der imødekommer dine behov.

Men der er en app, der er designet til professionelle og er temmelig unik i branchen, der har overlevet eller købt ud sin konkurrence gennem årene: den mægtige Adobe Dreamweaver. Så lad os se på den nyeste version, CC 2022-2023.

Lad os ikke ignorere elefanten i rummet og tackle den hovedet på (husk stødtænderne): alle Adobes produkter er udelukkende tilgængelige på abonnementsbasis. Det betyder, at du betaler hver måned, og at du altid har den nyeste og bedste version til din rådighed. Stop med at betale, og appen er væk, og dine projekter er ikke tilgængelige for dig (medmindre du udpakker råformaterne fra dem).

  • Vil du prøve Adobe Dreamweaver? Tjek hjemmesiden her

Du kan abonnere på Dreamweaver alene for $ 20,99 (£ 19,97) pr. Måned på en årsplan eller $ 31,49 (£ 30,34) på ​​en måned for måned-basis.

Imidlertid giver $ 52,99 (£ 49,94) pr. Måned på en årlig plan (eller $ 79,49 (£ 75,85) måned for måned) dig adgang til Adobes hele portefølje, hvilket betyder, at du kan designe i Photoshop og Illustrator, flytte disse filer til Dreamweaver, redigere en film i Premiere, og indsæt den på din webside. Alt er designet til at arbejde sammen, og alle grænseflader har ligheder mellem dem, som hjælper dig med at bevæge dig fra en app til en anden med lidt besvær - så længe du selvfølgelig forstår indviklingen i hver enkelt.

Studerende og lærere kan få hele pakken for kun $ 19,99 (£ 16,24) pr. Måned på en årlig plan, hvilket bare er sindssyg værdi (eller en fantastisk måde at få dig til at blive tilsluttet).

Lad os komme i gang - dog ikke blive for skræmt - i det mindste ikke så snart …

Kom godt i gang

Som du forventer, understøtter Dreamweaver alle webstandarder fra den grundlæggende HTML til CSS, Javascript og alle moderne funktioner, inklusive Bootstrap. Det er fokuseret på at skabe responsive websteder, der tilpasser sig den enhed, den besøgende ser det på (det være sig en computer, tablet eller telefon), men naturligvis forhindrer intet dig i at oprette ikke-responsive og instruerer dit websted til at omdirigere til bestemte sider afhængigt på den enhed, den vises på.

Dreamweaver tilbyder dig en håndfuld skabeloner, der hjælper med at få bolden til at rulle

Hvis du er ny hos Dreamweaver, tilbyder appen dig et par skabeloner for at komme i gang. Disse er meget nyttige til at hjælpe dig med at køre jorden for at sige det og kan ofte være mere nyttigt end at stirre på en tom side.

Der er dog ikke så mange skabeloner at vælge imellem, og lad dig ikke narre til at tro, at Dreamweaver vil gøre alt arbejdet for dig: behandl pladsholderne som inspiration til at gå og tilpasse disse sider selv.

Tjek en direkte forhåndsvisning af dit websted, og træk og slip elementer direkte der, hvor du vil have dem

Opbygning af et websted

Interfacet er opdelt i forskellige sektioner, som kan tilpasses til en vis grad. Sidebjælken på venstre side giver dig adgang til almindelige kommandoer, såsom åbning af dokumenter, filhåndtering og Live View-indstillinger.

Fanerne til højre er det sted, hvor du administrerer dit websteds filer og CC-biblioteker. Der er en liste over emner, du kan trække og slippe på din side, samt et afsnit til at designe Cascading Style Sheets.

Og hoveddelen af ​​grænsefladen er dedikeret til din kode eller et eksempel på den side, du bygger.

Tjek hvordan dit websted vil se ud ved at simulere forskellige skærme og opløsninger

Du kan nemt skifte mellem at se en fuld forhåndsvisning af din side (sammen med muligheder for at simulere, hvordan siden ville se ud på forskellige skærme), kun stirre på koden eller en blanding af de to.

Egenskabsvinduet hjælper dig med at foretage hurtige ændringer i fremhævede elementer

Hvis du vil ændre dele af din side (som et billede eller en tekst), kan du åbne det flydende vindue Egenskaber, så du kan foretage de ændringer, du har brug for. Der er endda en nem måde at trække et målikon til et andet billede i fanen Fil for at skifte billeder hurtigt og nemt.

På trods af sådanne funktioner vil du gå tabt temmelig hurtigt, hvis du ikke har kendskab til kodning. Ja, du kan trække og slippe emner fra 'Indsæt' -fanen til sidens eksempelvisning, men dette tager dig kun indtil videre, og du finder ud af, at du bliver nødt til at dykke ned i koden hurtigt og ofte for at foretage ændringerne du mangler.

Dreamweaver forsøger dog at gøre det let: Fremhæv tekst i preview-sektionen, og den samme tekst fremhæves i koden, hvilket reducerer den tid, du vil bruge på at søge efter den samme sektion. Det omvendte er også sandt: fremhæv noget kode, og det afsnit, det vedrører højdepunkter i forhåndsvisningsområdet.

Dette er sandsynligvis en af ​​grundene til, at vi mener, at Split-visningen er den bedste mulighed, da det giver dig mulighed for at trække og slippe emner og derefter dyppe ned i koden for at foretage de ændringer, du har brug for på få sekunder.

Kodetip er en fantastisk måde at udfylde automatisk, mens du skriver

En anden forbedring, som vi værdsatte, var kodetip: Ligesom når du skriver på en telefon, og grænsefladen giver dig et valg af ord, mener du, at du lige nu skriver, så du kan vælge den rigtige hurtigere end at skrive den fuldt ud, start med at skrive kode i Dreamweaver, og du får tilbud om tip, når du gør det. Ikke kun hjælper det dig med at skrive hurtigere, det kan også hjælpe dig med at indtaste koden nøjagtigt og undgå typografier. Vi føler, at dette kan være til stor fordel for både fordele og nybegyndere.

Seneste tilføjelser med CC2020

Da Dreamweaver konstant opdateres, og du når som helst kan downloade den nyeste version, mens dit abonnement stadig er gyldigt, tilføjes og forbedres nye funktioner trinvist. Sjovt nok er to eller vores favoritter - nemlig redigering af livevisning og antydning af kode - nogle af de seneste forbedringer.

Den anden store er en ny skrifttypekonfiguration til japansk Dreamweaver, men mangler noget kendskab til dette sprog, dette er desværre ikke noget, vi var i stand til at tjekke ud.

Support

'Hjælp' sender dig til Adobes online Dreamweaver-vidensbase, som indeholder vejledninger og en grundig brugervejledning. Forumafsnittet kan hjælpe dig med at finde andre, der har haft lignende problemer, du måske kæmper med, og - forhåbentlig - vise dig, hvordan du løser dem.

Hvis dette ikke er nok, kan du chatte med en Adobe-repræsentant. Da vi testede dette, kom den person, vi chatte med, tilbage med de svar, vi havde brug for hurtigt.

Endelig dom

Dreamweaver er et stort og komplekst program, og denne anmeldelse har næppe ridset overfladen, men vi håber, du kan se, at der er meget her at elske. Der er mange funktioner, der er designet til at hjælpe dig med at oprette websteder hurtigt og effektivt, så længe du ikke har noget imod at gå ned i koden. Dreamweaver gør ikke alt for dig, men vil gøre sit bedste for at lette din oprettelsesproces.

Men hvis din viden om HTML er begrænset eller endda ikke-eksisterende, vil vi anbefale dig at starte med en anden app eller tjeneste, da dette kan føles for skræmmende. Omvendt, hvis du allerede har et Adobe Creative Cloud-abonnement, er der meget ringe grund til ikke at prøve dette program, især da supportfunktionerne er grundige, og helpdesk er meget vidende.

  • Vi har også fremhævet den bedste software til webdesign