Site Overlay

Adobe Dreamweaver CC 2020 web design suite gjennomgang

Vi har dekket dusinvis av de beste nettsted byggmester programvare plattformer her på TechRadar, fra det sublime til det latterlige. Vi har også utforsket en app utviklet for å hjelpe deg med å skrive en hel side eller et nettsted utelukkende i koden. No frills, bare rå HTML. Det er klart at uansett hva din kompetanse, vil det være en app eller en tjeneste for å imøtekomme dine behov.,

Men det er en app som er laget for fagfolk, og er ganske mye unikt i bransjen etter å ha overlevd eller kjøpt ut konkurrentene gjennom årene: den mektige Adobe Dreamweaver. Så la oss ta en titt på den nyeste versjonen, CC 2020.

La oss ikke overse elefanten i rommet, og ta den på hodet (tankene tusks): alle Adobe-produkter er utelukkende tilgjengelig på abonnementsbasis. Dette betyr at du betaler hver måned, og du vil alltid ha den nyeste og beste versjonen til din disposisjon., Slutte å betale, og appen er borte, og prosjektene dine vil ikke være tilgjengelige for deg (med mindre du trekke ut raw-formater fra dem).

  • Ønsker å prøve Adobe Dreamweaver? Sjekk ut nettsiden her

Imidlertid, $52.99 (£49.94) per måned på en årlig plan (eller $79.49 (£75.85) måned etter måned) gir deg tilgang til Adobes hele porteføljen, som betyr at du kan design i Photoshop og Illustrator, flytte disse filene til Dreamweaver, redigere en film i Premieren, og sett den inn på din nettside., Alt er designet til å fungere sammen, og alle grensesnitt har likheter mellom dem som hjelper deg med å gå fra en app til en annen med lite problemer – så lenge du forstå detaljene av hvert, selvfølgelig.

Studenter og lærere kan få hele suite for bare $19.99 (£16.24) per måned på en årlig plan, som er bare vanvittig verdi (eller en fin måte å få deg hekta).,

La oss komme i gang – ikke bli for skremt om – i hvert fall ikke så fort… (Bilde credit: Adobe)

Komme i gang

Som du forventer, Dreamweaver støtter alle web-standarder fra den grunnleggende HTML, CSS, Javascript, og alle moderne funksjoner, inkludert Bootstrap., Det er fokusert på å skape responsive nettsider som tilpasser seg enheten den besøkende ser det på (det være seg en datamaskin, nettbrett eller telefon), men selvfølgelig det er ingenting som hindrer deg fra å skape ikke-responsive og instruere nettstedet ditt for å omdirigere til bestemte sider, avhengig av enheten er det å bli sett på.,

Dreamweaver har du en håndfull av maler for å bidra til å få ballen til å rulle (Bilde credit: Adobe)

Hvis du er ny til Dreamweaver, app tilbyr deg et par maler for å komme i gang. Disse er svært nyttige for å hjelpe deg traff bakken kjører så å si, og kan ofte være mer nyttig enn å stirre på en blank side.,

Det er imidlertid ikke så mange maler å velge mellom, og ikke la deg lure til å tro Dreamweaver vil gjøre alt arbeidet for deg: behandle plassholdere som inspirasjon til å gå og tilpasse disse sidene ved deg selv.,

Se en live forhåndsvisning av nettstedet ditt, og dra og slippe elementene direkte der du vil ha dem (Bilde credit: Adobe)

Bygger et nettsted

grensesnittet er delt inn i ulike seksjoner som kan tilpasses til en viss grad. Sidepanelet på venstre side gir deg tilgang til vanlige kommandoer, for eksempel åpning av dokumenter, administrasjon og Live View valg.,

kategorier på høyre side hvor du administrere ditt nettsted filer, og CC-biblioteker. Det er en liste over elementer du kan dra og slipp på din side, samt en del til design, Cascading Style Sheets.

Og den viktigste delen av grensesnittet er dedikert enten til din kode eller en forhåndsvisning av siden du vil bygge.,

Sjekk hva siden din vil se ut ved å simulere ulike skjermer og oppløsninger (Bilde credit: Adobe)

Du kan enkelt veksle mellom å se en full forhåndsvisning av siden din (sammen med alternativer for å simulere hvordan siden vil se ut på skjermer med ulike størrelser), bare stirrer på koden, eller en blanding av de to.,

egenskaper-vinduet hjelpe deg å gjøre raske endringer til markerte elementer (Bilde credit: Adobe)

for Å endre deler av din side (for eksempel et bilde eller en tekst), å bringe Egenskaper flytende vindu vil tillate deg å gjøre de endringene du trenger. Det er også en enkel måte å dra et mål ikon oppå et annet bilde i kategorien Fil for å bytte bilder raskt og enkelt.,

til Tross for slike funksjoner, hvis du ikke har kunnskaper om koding, vil du bli borte ganske fort. Ja, du kan dra og slippe elementer fra «Sett inn» – fanen på siden for Forhåndsvisning, men dette vil bare ta deg så langt, og finner du at du har til å fordype deg i koden raskt, og ofte, for å gjøre de endringer du trenger.

Dreamweaver gjør forsøk på å gjøre det lett skjønt: uthev tekst i forhåndsvisningen, og samme tekst er uthevet i koden, må du kutte ned på tiden du vil bruke som søker etter det samme avsnittet., Det motsatte er også sant: fremheve noen kode, og den delen som det er relatert til høydepunkter i forhåndsvisningsområdet.

Dette er nok en grunn til at vi føler den delte visningen er det beste alternativet ettersom det lar deg dra og slippe elementer, og deretter gå inn i koden for å gjøre de endringene du trenger i løpet av sekunder.,

– Koden hint er en flott måte å autofyll som du skriver (Bilde credit: Adobe)

en Annen forbedring vi verdsatt, ble kode hint: akkurat som når du skriver inn på en telefon og grensesnittet gir deg et utvalg av ord tenker du nå skriver, slik at du kan velge den rette raskere enn å skrive det i full, begynner du å skrive koden i Dreamweaver, og du vil bli tilbudt tips som du gjør det., Ikke bare vil det hjelpe deg å skrive raskere, det kan også hjelpe deg med å taste inn koden nøyaktig og unngå skrivefeil. Vi føler at dette kan være til stor nytte for proffer og nybegynnere likt.

Siste tilskuddene med CC2020

Som Dreamweaver er stadig oppdatert, og du kan laste ned den nyeste versjonen på lenge abonnementet er fortsatt gyldig, nye funksjoner er lagt til og forbedret trinnvis. Funnily nok, to eller våre favoritter, nemlig live view-redigering og-kode antydet – er noen av de siste forbedringene.,

Den andre store er en ny skrift konfigurasjon for Japansk Dreamweaver, men mangler noen kjennskap til dette språket, dette er dessverre ikke noe vi var i stand til å sjekke ut.

Support

«Hjelp» sender du til Adobes online Dreamweaver kunnskapsbase som har opplæring og en grundig brukerhåndboken. Forum-delen kan hjelpe deg med å finne andre som har hatt lignende problemer som du kan være sliter med, og – forhåpentligvis – vise deg hvordan du løser dem.

Hvis dette ikke er nok, kan du chatte med en Adobe-representant., Når vi testet dette ut, den personen vi chattet med kom tilbake med svarene vi trengte raskt.

Endelige dommen

Dreamweaver er et stort og komplisert program, og denne gjennomgangen har knapt riper overflaten, men vi håper at du kan se at det er mye her å elske. Det er mange funksjoner som er utformet for å hjelpe deg med å lage nettsteder raskt og effektivt, bare så lenge du ikke tankene hulene i koden. Dreamweaver ikke vil gjøre det for deg, men vil gjøre sitt beste for å lette prosessen.,

Imidlertid, hvis din kunnskap om HTML er begrenset eller ikke-eksisterende, vil vi anbefale at du starter med en annen app eller en tjeneste som dette kan føles også skremmende. Derimot, hvis du allerede har en Adobe Creative Cloud-abonnement, det er svært liten grunn til ikke å gi dette programmet en prøve, spesielt siden den støtter funksjoner er grundig, og help desk er svært kunnskapsrik.

  • Vi har også merket den beste web design software

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket med *