Du kan oprette hjemmesider ved hjælp af et hvilket som helst af snesevis af værktøjer - nogle der kører online, nogle der kører på din lokale computer, nogle der kører dels online, dels på din maskine - men Adobe Dreamweaver 2020 står alene som den eneste app til byggeplads, der bare er lige så velegnet til individuelle designere som til projekter i virksomhedsskala.
Det er lige så nyttigt, når du bygger et websted ved at skrive den faktiske kode, som det er, når du arbejder i WYSIWYG grafisk layout, der skjuler al koden, indtil du har brug for det.
Appen gør jobbet gjort for individuelle brugere eller teams, hvor forskellige teammedlemmer har forskellige niveauer af frihed til at tilføje eller ændre indhold, og selvfølgelig fungerer det problemfrit med Adobes arsenal af grafikapps og webtjenester.
Som alle andre Adobe-apps kommer den i næsten identiske Mac- og Windows-versioner, og den er tilgængelig enten via et Dreamweaver-kun betalt abonnement ($ 20,99 pr.
Måned med 1 års forpligtelse, $ 31,49 måned for måned eller $ 239,88 for et år forudbetalt ) eller som en del af den fulde Creative Cloud-pakke ($ 52,99 pr.
måned), som får dig Photoshop, Illustrator og al den anden kreative software og apps.
Både den individuelle app og det fulde suite-abonnement leveres med 100 GB cloud-lager.
Responsivt webstedsdesign
Dreamweaver udmærker sig ved at oprette multiplatform (responsive) websteder, der fungerer lige så godt på en telefon, tablet eller computer.
Enhver privat eller virksomheds webdesigner, der ønsker at erstatte et gammelt websted med desktop- eller bærbar computerstil med et moderne multiplatform-websted, finder Dreamweaver det oplagte førstevalg.
Jeg vil beskrive nogle alternativer senere i denne historie, men ingen af ??dem kommer tæt på Dreamweaver med hensyn til magt og lethed.
Efter mere end 20 års udvikling har Dreamweaver stadig nogle akavede pletter, hvor det ikke kan afgøre, om det er et værktøj til avancerede kodere eller for visuelt orienterede designere, men det er let for seriøse brugere at arbejde rundt - og Adobes abonnementspris betyder, at kun seriøse brugere har sandsynligvis det.
Dreamweaver er ikke billigt, men for webdesign på professionelt niveau betaler det prisen i kraft og bekvemmelighed.
Adobes abonnementsmodel betyder, at du får periodiske funktionsopdateringer uden ekstra omkostninger.
Adobe vil have dig til at arbejde med Adobe-værktøjer, så det er nemt at bruge Photoshop og Illustrator til at redigere billeder eller Premiere Pro og Audition til video- og lydfiler.
Du kan også bruge Photoshop til at oprette en mock-up af, hvordan du vil have dit websted til at se ud, og derefter bruge Dreamweaver's Extract-menu til at trække elementer fra Photoshop-filen til dine websider.
Men Dreamweaver fungerer også med stort set ethvert tredjepartsværktøj til webstedsopbygning, som du måske vil bruge.
For eksempel kan du bruge Dreamweaver til at designe og redigere websteder, der administreres af WordPress, Joomla !, eller Drupal, eller du kan oprette et Git-arkiv og bruge det til at holde styr på ændringer på dit websted.
Dreamweaver bruger Bootstrap-rammen til responsive websteder og bruger som standard den nyeste Bootstrap-version 4.3.1, selvom den tidligere 3.4.1-version stadig er indbygget, hvis du vil fortsætte med at bruge den.
Dreamweaver guider dig gennem opgradering af sider baseret på den tidligere version og forsøger at løse uforenelige hikke ved at oprette nye CSS- og JavaScript-filer, der bruger den nyeste standard.
Bootstraps lydhøre sider er mobile først, hvilket betyder, at Bootstrap-rammen for det meste er optimeret til telefoner eller tablets, men Adobes indbyggede Bootstrap-skabeloner er veludviklede nok til at se lige så godt ud på desktops og telefoner.
Dreamweaver Experience
Førstegangsbrugere står over for en stejl indlæringskurve, men hvis du er fortrolig med Photoshop eller Illustrator, skal du være i stand til at klatre den ret hurtigt.
Hvis du som mig bliver forvirret på at søge efter en uklar funktion, kan menuen Hjælp guide dig til nøjagtigt det menupunkt, du har brug for, selv når det er dybt inde i menustrukturen.
Dreamweaver bruger Adobe-standardgrænsefladen, et hovedredigeringsvindue omgivet af en værktøjslinje til venstre og informationspaneler med flere faner til højre.
Medmindre du er en ekspertkoder, der ikke har brug for alle skærmværktøjer og -paneler, skal du ikke engang tænke på at bruge Dreamweaver på en lille bærbar computer.
Denne app har brug for al den fast ejendom, du kan give den på skærmen.
Når du redigerer et typisk, relativt simpelt websted, har du mindst fire dokumentfaner åbne, en til den aktuelle side, den anden til JavaScript og CSS-filer og et informationspanel med mindst syv faner, der viser filer, Creative Cloud-biblioteker, HTML tags, som du kan trække ind i en fil, et komplekst sæt CSS-kontrolelementer, et dokumentobjektmodel (DOM) -træ, en liste over aktiver (sorteret i URL'er, billeder, medier og mere) og en lang liste med forudbyggede og brugerdefinerede -indbyggede uddrag.
Føj til dette en tilpassbar værktøjslinje til venstre og en tæt befolket menu øverst, og du har en af ??de mest komplekse grænseflader, der nogensinde er indbygget i en app, der kun rivaliseres af anden udviklingssoftware såsom Microsoft Visual Studio.
Heldigvis, hvis du er ekspert i kodning, eller hvis du vil have den mest rummelige WYSIWYG-visning, kan du skjule alt andet end Dreamweavers hovedredigeringsvindue.
Og det vindue er et kamæleonlignende vidunder af fleksibilitet.
Vinduets visningsmuligheder inkluderer en visning med alle koder med den typiske kodningsvinduesindrykning og farvekodning for at gøre strukturen i dit projekt synlig.
Du kan vælge mellem to slags WYSIWYG-visninger.
Den ene er en Live-visning, der tilnærmer sig det, du ville se i en browser, undtagen med sideelementer, der er skitseret for klarhed, og med knapper, der giver dig mulighed for at ændre tags for individuelle elementer ved blot at klikke på elementet.
Den anden er en designvisning, der viser alle designelementer på en side, inklusive dem, der kan være usynlige i en browser, indtil en bruger klikker på dem.
Endelig kan du opdele vinduet for at vise koden i den ene rude og enten Live- eller Design-visning i den anden — eller med kode i begge ruder, så du kan se og redigere to forskellige dele af koden på samme tid.
Avancerede indstillinger giver dig mulighed for at synkronisere de ændringer, du foretager på dit skrivebord med koden på din eksterne webserver.
Nye funktioner
Den netop udgivne Dreamweaver 2020 ser ud og fungerer næsten nøjagtigt som sidste års Dreamweaver 2019.
Adobe nævner kun tre nye funktioner: forenklet klik for at redigere i Live-visning, så du kan redigere tekst, ikke kun tags, i Live view ved blot at klikke på et tekstelement nye standardindstillinger for japanske skrifttyper; og forbedrede kodevisende pop op-vinduer.
Der er ingen ny indlæringskurve, og grænsefladen og andre funktioner har ikke ændret sig.
Et mindre potentielt gotcha i den forbedrede redigeringsfunktion for Live View er, at nogle tastetryk ikke fungerer som du kunne forvente.
For eksempel kan du opdele et afsnit ved at trykke på Enter i en eller anden tekst i Live-visning, men Backspace kombinerer ikke de delte afsnit igen - du bliver nødt til at skifte til kodevisning og fjerne tagget til det nye afsnit.
Webredaktører har altid haft en funktion, der viser deres webside i en desktop-browser.
Dreamweaver går bedre ved at tilføje live previews på mobile enheder - en vigtig funktion, når du designer en lydhør side, der skal fungere på flere platforme.
Du klikker på et preview-ikon nederst til højre i redigeringsvinduet, brug din telefon eller tablet til at scanne en QR-kode, der vises i preview-ikonets popup-menu, indtast din Adobe-adgangskode på din enhed.
Herefter kan du få vist din kode i standardbrowseren på din enhed, hvor de ændringer, du foretager på skrivebordet, vises med det samme.
Du behøver ikke at installere nogen nye apps på din telefon eller tablet.
Skal du købe et abonnement på Dreamweaver? Hvis du allerede bruger Photoshop eller Illustrator, eller hvis du bygger et firma- eller designtungt sted, er Dreamweaver et oplagt valg.
Hvis du er vild med kodning, kan du gøre, hvad halvdelen af ??onlineverdenen ser ud til at bruge, og bruge WordPress til at opbygge dit websted ved at vælge et visuelt tema og bruge eller ændre det fra enkle menuer.
Du får brug for det nogle teknisk viden, men du kan klare dig med næsten ingen.
Hvis du overhovedet ikke vil tænke på kodning, skal du bruge en hostingtjeneste, der tilbyder Wix eller Weebly eller ethvert andet fuldt visuelt sted-bygningsmiljø, der ikke kræver nogen kodning.
Vær advaret om, at du dog ofrer noget tilpasningsevne og kontrol.
Weebly giver dig mulighed for at ændre temaer til enhver tid, men giver dig begrænsede muligheder for tekstformatering.
Begge tilbyder betalte e-handelsmuligheder.
Du kan også prøve en gratis version af det virksomhedsorienterede CKEditor-system, der tilbyder avancerede funktioner som samarbejdsredigering, WYSIWYG-redigering og fuld kontrol over dit websteds kode.
For mindre websteder, der hovedsageligt er designet til bærbare og stationære browsere, kan du bruge nogen af ??snesevis af traditionelle websideditorer som RapidWeaver eller Coda på Mac-men du får ikke ægte WYSIWYG-redigering, som du gør i Dreamweaver eller browserbaserede systemer som WordPress eller Wix.
Mange traditionelle webside redaktører tilbyder preview-tilstande, og nogle (som Adobes fantastiske og gratis Brackets-editor) tilbyder forhåndsvisning i realtid i din browser, men det er ikke det samme som at redigere helt i WYSIWYG-tilstand som i Dreamweavers Live-redigeringstilstand.
Min foretrukne hurtige og rene WYSIWYG-webeditor til enkle websteder er Microsofts gratis, kun Windows-ekspressionsweb, tidligere en dyre app, men nu en gratis download, fordi Microsoft stoppede med at opdatere det, efter at Visual Studio havde leveret mere avanceret site-building værktøjer.
Expression Web er ikke opdateret siden 2011, men dets funktionssæt får stadig jobbet gjort for grundlæggende websteder, og du kan ikke argumentere med prisen.
Dreamweaver kan til tider virke lidt cranky.
Hvis du f.eks.
Klikker på det forkerte sted, kan skærmlayoutet pludselig ændre sig på måder, der kan være svære at gendanne fra uden at nulstille skærmlayoutet til standard.
Fortryd-funktionen fungerer perfekt, når du arbejder i kodevinduet, men fungerer ikke i alle sammenhænge - for eksempel når du trækker aktiver ind i et vindue ved hjælp af funktionen, der ekstraherer sideelementer fra en Photoshop-fil.
Stadig fremragende
På trods af nogle mindre uenigheder er Adobe Dreamweaver 2020 for det meste bygget som et slagskib, og det har den bedste kombination af fleksibilitet, kraft og lethed i ethvert instrument, der nogensinde er opfundet til opbygning af websteder.
Dreamweaver har ingen reel konkurrence, og ingen seriøs webdesigner bør være uden den.
Dreamweaver er Daxdi Editors 'Choice til webstedsudviklingsprogrammer.
Fordele
Du kan oprette hjemmesider ved hjælp af et hvilket som helst af snesevis af værktøjer - nogle der kører online, nogle der kører på din lokale computer, nogle der kører dels online, dels på din maskine - men Adobe Dreamweaver 2020 står alene som den eneste app til byggeplads, der bare er lige så velegnet til individuelle designere som til projekter i virksomhedsskala.
Det er lige så nyttigt, når du bygger et websted ved at skrive den faktiske kode, som det er, når du arbejder i WYSIWYG grafisk layout, der skjuler al koden, indtil du har brug for det.
Appen gør jobbet gjort for individuelle brugere eller teams, hvor forskellige teammedlemmer har forskellige niveauer af frihed til at tilføje eller ændre indhold, og selvfølgelig fungerer det problemfrit med Adobes arsenal af grafikapps og webtjenester.
Som alle andre Adobe-apps kommer den i næsten identiske Mac- og Windows-versioner, og den er tilgængelig enten via et Dreamweaver-kun betalt abonnement ($ 20,99 pr.
Måned med 1 års forpligtelse, $ 31,49 måned for måned eller $ 239,88 for et år forudbetalt ) eller som en del af den fulde Creative Cloud-pakke ($ 52,99 pr.
måned), som får dig Photoshop, Illustrator og al den anden kreative software og apps.
Både den individuelle app og det fulde suite-abonnement leveres med 100 GB cloud-lager.
Responsivt webstedsdesign
Dreamweaver udmærker sig ved at oprette multiplatform (responsive) websteder, der fungerer lige så godt på en telefon, tablet eller computer.
Enhver privat eller virksomheds webdesigner, der ønsker at erstatte et gammelt websted med desktop- eller bærbar computerstil med et moderne multiplatform-websted, finder Dreamweaver det oplagte førstevalg.
Jeg vil beskrive nogle alternativer senere i denne historie, men ingen af ??dem kommer tæt på Dreamweaver med hensyn til magt og lethed.
Efter mere end 20 års udvikling har Dreamweaver stadig nogle akavede pletter, hvor det ikke kan afgøre, om det er et værktøj til avancerede kodere eller for visuelt orienterede designere, men det er let for seriøse brugere at arbejde rundt - og Adobes abonnementspris betyder, at kun seriøse brugere har sandsynligvis det.
Dreamweaver er ikke billigt, men for webdesign på professionelt niveau betaler det prisen i kraft og bekvemmelighed.
Adobes abonnementsmodel betyder, at du får periodiske funktionsopdateringer uden ekstra omkostninger.
Adobe vil have dig til at arbejde med Adobe-værktøjer, så det er nemt at bruge Photoshop og Illustrator til at redigere billeder eller Premiere Pro og Audition til video- og lydfiler.
Du kan også bruge Photoshop til at oprette en mock-up af, hvordan du vil have dit websted til at se ud, og derefter bruge Dreamweaver's Extract-menu til at trække elementer fra Photoshop-filen til dine websider.
Men Dreamweaver fungerer også med stort set ethvert tredjepartsværktøj til webstedsopbygning, som du måske vil bruge.
For eksempel kan du bruge Dreamweaver til at designe og redigere websteder, der administreres af WordPress, Joomla !, eller Drupal, eller du kan oprette et Git-arkiv og bruge det til at holde styr på ændringer på dit websted.
Dreamweaver bruger Bootstrap-rammen til responsive websteder og bruger som standard den nyeste Bootstrap-version 4.3.1, selvom den tidligere 3.4.1-version stadig er indbygget, hvis du vil fortsætte med at bruge den.
Dreamweaver guider dig gennem opgradering af sider baseret på den tidligere version og forsøger at løse uforenelige hikke ved at oprette nye CSS- og JavaScript-filer, der bruger den nyeste standard.
Bootstraps lydhøre sider er mobile først, hvilket betyder, at Bootstrap-rammen for det meste er optimeret til telefoner eller tablets, men Adobes indbyggede Bootstrap-skabeloner er veludviklede nok til at se lige så godt ud på desktops og telefoner.
Dreamweaver Experience
Førstegangsbrugere står over for en stejl indlæringskurve, men hvis du er fortrolig med Photoshop eller Illustrator, skal du være i stand til at klatre den ret hurtigt.
Hvis du som mig bliver forvirret på at søge efter en uklar funktion, kan menuen Hjælp guide dig til nøjagtigt det menupunkt, du har brug for, selv når det er dybt inde i menustrukturen.
Dreamweaver bruger Adobe-standardgrænsefladen, et hovedredigeringsvindue omgivet af en værktøjslinje til venstre og informationspaneler med flere faner til højre.
Medmindre du er en ekspertkoder, der ikke har brug for alle skærmværktøjer og -paneler, skal du ikke engang tænke på at bruge Dreamweaver på en lille bærbar computer.
Denne app har brug for al den fast ejendom, du kan give den på skærmen.
Når du redigerer et typisk, relativt simpelt websted, har du mindst fire dokumentfaner åbne, en til den aktuelle side, den anden til JavaScript og CSS-filer og et informationspanel med mindst syv faner, der viser filer, Creative Cloud-biblioteker, HTML tags, som du kan trække ind i en fil, et komplekst sæt CSS-kontrolelementer, et dokumentobjektmodel (DOM) -træ, en liste over aktiver (sorteret i URL'er, billeder, medier og mere) og en lang liste med forudbyggede og brugerdefinerede -indbyggede uddrag.
Føj til dette en tilpassbar værktøjslinje til venstre og en tæt befolket menu øverst, og du har en af ??de mest komplekse grænseflader, der nogensinde er indbygget i en app, der kun rivaliseres af anden udviklingssoftware såsom Microsoft Visual Studio.
Heldigvis, hvis du er ekspert i kodning, eller hvis du vil have den mest rummelige WYSIWYG-visning, kan du skjule alt andet end Dreamweavers hovedredigeringsvindue.
Og det vindue er et kamæleonlignende vidunder af fleksibilitet.
Vinduets visningsmuligheder inkluderer en visning med alle koder med den typiske kodningsvinduesindrykning og farvekodning for at gøre strukturen i dit projekt synlig.
Du kan vælge mellem to slags WYSIWYG-visninger.
Den ene er en Live-visning, der tilnærmer sig det, du ville se i en browser, undtagen med sideelementer, der er skitseret for klarhed, og med knapper, der giver dig mulighed for at ændre tags for individuelle elementer ved blot at klikke på elementet.
Den anden er en designvisning, der viser alle designelementer på en side, inklusive dem, der kan være usynlige i en browser, indtil en bruger klikker på dem.
Endelig kan du opdele vinduet for at vise koden i den ene rude og enten Live- eller Design-visning i den anden — eller med kode i begge ruder, så du kan se og redigere to forskellige dele af koden på samme tid.
Avancerede indstillinger giver dig mulighed for at synkronisere de ændringer, du foretager på dit skrivebord med koden på din eksterne webserver.
Nye funktioner
Den netop udgivne Dreamweaver 2020 ser ud og fungerer næsten nøjagtigt som sidste års Dreamweaver 2019.
Adobe nævner kun tre nye funktioner: forenklet klik for at redigere i Live-visning, så du kan redigere tekst, ikke kun tags, i Live view ved blot at klikke på et tekstelement nye standardindstillinger for japanske skrifttyper; og forbedrede kodevisende pop op-vinduer.
Der er ingen ny indlæringskurve, og grænsefladen og andre funktioner har ikke ændret sig.
Et mindre potentielt gotcha i den forbedrede redigeringsfunktion for Live View er, at nogle tastetryk ikke fungerer som du kunne forvente.
For eksempel kan du opdele et afsnit ved at trykke på Enter i en eller anden tekst i Live-visning, men Backspace kombinerer ikke de delte afsnit igen - du bliver nødt til at skifte til kodevisning og fjerne tagget til det nye afsnit.
Webredaktører har altid haft en funktion, der viser deres webside i en desktop-browser.
Dreamweaver går bedre ved at tilføje live previews på mobile enheder - en vigtig funktion, når du designer en lydhør side, der skal fungere på flere platforme.
Du klikker på et preview-ikon nederst til højre i redigeringsvinduet, brug din telefon eller tablet til at scanne en QR-kode, der vises i preview-ikonets popup-menu, indtast din Adobe-adgangskode på din enhed.
Herefter kan du få vist din kode i standardbrowseren på din enhed, hvor de ændringer, du foretager på skrivebordet, vises med det samme.
Du behøver ikke at installere nogen nye apps på din telefon eller tablet.
Skal du købe et abonnement på Dreamweaver? Hvis du allerede bruger Photoshop eller Illustrator, eller hvis du bygger et firma- eller designtungt sted, er Dreamweaver et oplagt valg.
Hvis du er vild med kodning, kan du gøre, hvad halvdelen af ??onlineverdenen ser ud til at bruge, og bruge WordPress til at opbygge dit websted ved at vælge et visuelt tema og bruge eller ændre det fra enkle menuer.
Du får brug for det nogle teknisk viden, men du kan klare dig med næsten ingen.
Hvis du overhovedet ikke vil tænke på kodning, skal du bruge en hostingtjeneste, der tilbyder Wix eller Weebly eller ethvert andet fuldt visuelt sted-bygningsmiljø, der ikke kræver nogen kodning.
Vær advaret om, at du dog ofrer noget tilpasningsevne og kontrol.
Weebly giver dig mulighed for at ændre temaer til enhver tid, men giver dig begrænsede muligheder for tekstformatering.
Begge tilbyder betalte e-handelsmuligheder.
Du kan også prøve en gratis version af det virksomhedsorienterede CKEditor-system, der tilbyder avancerede funktioner som samarbejdsredigering, WYSIWYG-redigering og fuld kontrol over dit websteds kode.
For mindre websteder, der hovedsageligt er designet til bærbare og stationære browsere, kan du bruge nogen af ??snesevis af traditionelle websideditorer som RapidWeaver eller Coda på Mac-men du får ikke ægte WYSIWYG-redigering, som du gør i Dreamweaver eller browserbaserede systemer som WordPress eller Wix.
Mange traditionelle webside redaktører tilbyder preview-tilstande, og nogle (som Adobes fantastiske og gratis Brackets-editor) tilbyder forhåndsvisning i realtid i din browser, men det er ikke det samme som at redigere helt i WYSIWYG-tilstand som i Dreamweavers Live-redigeringstilstand.
Min foretrukne hurtige og rene WYSIWYG-webeditor til enkle websteder er Microsofts gratis, kun Windows-ekspressionsweb, tidligere en dyre app, men nu en gratis download, fordi Microsoft stoppede med at opdatere det, efter at Visual Studio havde leveret mere avanceret site-building værktøjer.
Expression Web er ikke opdateret siden 2011, men dets funktionssæt får stadig jobbet gjort for grundlæggende websteder, og du kan ikke argumentere med prisen.
Dreamweaver kan til tider virke lidt cranky.
Hvis du f.eks.
Klikker på det forkerte sted, kan skærmlayoutet pludselig ændre sig på måder, der kan være svære at gendanne fra uden at nulstille skærmlayoutet til standard.
Fortryd-funktionen fungerer perfekt, når du arbejder i kodevinduet, men fungerer ikke i alle sammenhænge - for eksempel når du trækker aktiver ind i et vindue ved hjælp af funktionen, der ekstraherer sideelementer fra en Photoshop-fil.
Stadig fremragende
På trods af nogle mindre uenigheder er Adobe Dreamweaver 2020 for det meste bygget som et slagskib, og det har den bedste kombination af fleksibilitet, kraft og lethed i ethvert instrument, der nogensinde er opfundet til opbygning af websteder.
Dreamweaver har ingen reel konkurrence, og ingen seriøs webdesigner bør være uden den.
Dreamweaver er Daxdi Editors 'Choice til webstedsudviklingsprogrammer.








