Dreamweaver et mareridt? Lær, hvordan du får mest muligt ud af dette populære værktøj

Afsløring: Din support hjælper med at holde webstedet kørt! Vi tjener et henvisningsgebyr for nogle af de tjenester, vi anbefaler på denne side.


Dreamweaver er et webdesign-program, der oprindeligt blev oprettet i 1997 af Allaire Systems.

Softwaren blev oprindeligt designet til at levere et mere flydende og responsivt udviklingsmiljø for kodere og webside-designere, der arbejder inden for rammerne af Apples proprietære Mac-operativsystem.

I 1998 blev Allaire Systems købt af Macromedia, der fortsatte med at udvikle Dreamweaver til et komplet webdesign og udviklingsværktøjssæt til både Mac og Windows.

Under Macromedias ledelse ville Dreamweaver blive en af ​​de mere populære, til tider kontroversielle, webdesignplatforme på markedet, og appellerer til både begynderen og den erfarne webstedsudvikler.

I 2005 blev Macromedia købt af Adobe Systems, hvor Dreamweaver hurtigt blev et fokus for virksomhedens videreudvikling.

Siden 2005 har Adobe frigivet forskellige iterationer af softwaren, understøttet af en række opdateringer, der har til formål at forfine applikationen og bringe den i overensstemmelse med behovene og forventningerne til kodere og webdesignere i det 21. århundrede.

De seneste versioner af Dreamweaver er langt slankere end deres forgængere og leverer renere kode og mere brugervenlige websider.

Adobe har også udvidet Dreamweaver til også at omfatte responsive designelementer, der giver kodere og webdesignere mulighed for at oprette online indhold, der er kompatibelt med flere platforme, herunder traditionelle browsere, tablets og smartphones.

Et overblik over Adobe Dreamweaver

Dreamweaver er et WYSIWYG (What-You-See-Is-What-You-Get) webdesignapplikation.

I det væsentlige betyder dette, at udviklere kan få et eksempel på deres webindhold, mens de går sammen, gennemgå deres sider og se, hvordan deres websteder vises og reagere på brugere på et udvalg af browsere og mobile platforme.

Dreamweaver har en dobbelt grænseflade, der tilbyder skaberen to metoder til at opbygge deres webindhold. De kan vælge at skrive original HTML-kode eller ved hjælp af træk-og-slip-funktionen, oprette hele sider ved hjælp af Dreamweavers store udvalg af specialbyggede skabeloner.

Denne træk-og-slip-tilgang til webdesign har gjort Dreamweaver til en favorit blandt mindre erfarne webdesignere og -udviklere, da det giver skabere mulighed for at arbejde i et helt visuelt medium med selve programmet, der oversætter designerens valg til handlingsfri HTML-kode.

Det skal dog bemærkes, at denne samme funktion har været kilden til nogle kontroverser blandt professionelle webdesignere, med mange hævder, at den tabelbaserede, træk-og-slip-metode til webdesign resulterer i overdrevent rodret og potentielt oppustet kode..

Selv om denne klage havde en vis fortjeneste med hensyn til Dreamweavers tidligste iterationer, har de seneste versioner (CS3, CS4 og CC), som de er udviklet og forfinet af Adobe Systems, stort set elimineret problemet.

Funktioner

Fra starten blev Dreamweaver designet til at appellere til både den nybegynder webbygger og den erfarne koder. Dette er måske mest synlig i sin tilgang til visning af webindhold under hele oprettelsesprocessen. Dreamweaver viser et arbejde, der pågår på tre måder:

  • Lige kodevisning: dette viser den rå HTML-kode, som den skrives. Designere kan skrive og redigere koden manuelt eller stole på Dreamweaver til at oversætte deres designvalg til kode, når de opretter deres webindhold.
  • Designvisning: dette leverer et grundlæggende træskærm, der viser websidens grundlæggende struktur, inklusive primære sektioner, divs og basale komponenter. Dette afsnit kan bruges til at fremhæve og redigere specifikke sektioner af websidens bygning og indhold.
  • Live-visning: dette viser webindholdet, som det vises i brugerens browser, med muligheder for at få vist materialet, da det vises på både statiske og mobile platforme.

En af fordelene ved denne tilgang er, at det gør det lettere at udvikle webindhold fra bunden, samtidig med at skaberen kan se, hvordan deres designvalg vises i realtid såvel som i handlingskode.

Dette giver den erfarne webdesigner større fleksibilitet, samtidig med at begyndere kan blive mere fortrolig med kodningens ins og outs i et mere praktisk miljø..

Dette antyder ikke, at Dreamweaver er designet til at være et kursus i kodning eller webdesign; det er ikke. Men det gør det lettere for mindre erfarne webbyggere at blive bedre på håndværket.

Specifikationer og syntaksbelysning

Som med de fleste webdesign-applikationer og kodedigeringssoftware giver Dreamweaver brugeren mulighed for at oprette og redigere indhold lokalt og derefter uploade de færdige filer til en ekstern webserver ved hjælp af FTP-, SFTP- eller WebDAV-protokoller.

Adobes Dreamweaver understøtter en lang række programmeringssprog med syntaksbelysning tilgængelig for følgende websprog:

  • HTML
  • JavaScript
  • CSS
  • ASP og ASP.NET
  • C #
  • Visual Basic (VB)
  • Java- og JavaServer-sider
  • Extensible Markup Language (XML)
  • Wireless Markup Language (WML).

Siden Adobe overtog kontrol og udvikling af Dreamweaver er den blevet gjort tilgængelig for køb på en række forskellige sprog, herunder: engelsk, spansk, fransk, tysk, russisk kyrillisk, japansk og kinesisk (både traditionelle og forenklede dialekter).

Kom godt i gang – Onlinetutorials

Dreamweavers WYSIWYG-tilgang til webdesign skaber et mere brugervenligt kodningsmiljø.

Når det er sagt, er det en funktionsrig applikation, der kan være noget skræmmende i starten. Som enhver webudviklingssoftware er der en iboende indlæringskurve, som kan være relativt stejl for designere på begynderniveau.

Mere erfarne webbyggere kan finde ud af, at Dreamweavers tredelt brugergrænseflade gør kodning hurtigere og lettere, men endda vil de drage fordel af at henvise til et par tutorials, inden de starter til et vigtigt projekt.

Uanset om du er en avanceret webbygger eller en begyndende designer, skal følgende tutorials give et solidt overblik over applikationen, og hvad der kan opnås ved hjælp af de nyeste versioner af Dreamweaver.

  • Kom godt i gang med Dreamweaver CC: et introduktionskursus i Dreamweaver for studerende med grundlæggende computerfærdigheder. Denne tutorial er struktureret som en serie videoforelæsninger, der dækker alle aspekter ved konstruktion af internet-klar webindhold.
  • Adobe Dreamweaver-tutorial: hostet af Bring Your Own Laptop, denne serie video-tutorials er rettet mod begyndende webdesignere. Serien koncentrerer sig udelukkende om at bruge Dreamweaver CC til design og implementering af webindhold.
  • Begyndere Adobe Dreamweaver: Adobes egen begynderklasse i Dreamweaver dækker ethvert aspekt af webstedsdesign og oprettelse af indhold. 9-timers-serien med videotutorials indeholder en grundlæggende oversigt over softwaren og tager den studerende fra det første forberedende arbejde til den endelige publikation. Et tilføjet afsnit om SEO giver webbyggere et indblik i, hvordan man optimerer deres indhold for bedre online-ydelse.
  • Dreamweaver – Introduktion til redigering af websider (PDF): denne gratis tutorial kommer fra California State University, Sacramento. Den nemme at forstå vejledning giver studerende en grundlæggende forståelse af softwaren med vægt på formatering, stil og arbejde med multimedieindhold.
  • WordPress-temaer og Dreamweaver – Samling af de bedste online ressourcer og tutorials til brug af Dreamweaver til at oprette og redigere WordPress-temaer.

Avancerede selvstudier

Mens Dreamweaver-softwaren gør det lettere for begyndere at eksperimentere med web-bygning, kan der opnås bedre resultater, når brugerne lærer mere om applikationen og grave dybere ned i dens tilgængelige funktioner.

Når det grundlæggende er blevet mestret, er avancerede tutorials tilgængelige for at hjælpe brugerne med at udnytte det, Dreamweaver har at tilbyde.

  • Oprettelse af tilgængelige websider med Adobe Dreamweaver (PDF): dette gratis dokument giver en mere dybdegående introduktion til Dreamweaver med vægt på vigtigheden af ​​webstandarder og accepteret designpraksis. Det forventes, at de studerende lærer den bedste praksis inden for webdesign og betydningen af ​​struktur og funktion i forhold til udseendet.
  • Dreamweaver CS6 Tutorial (PDF): dette downloadbare dokument giver en grundlæggende introduktion til Dreamweaver og følges igennem med lektioner, der tager sigte på at begynde at mellembygge webbyggere. Der lægges vægt på visuel design og vigtigheden af ​​at opbygge responsive websteder.
  • Adobe Dreamweaver CC: dette er faktisk en serie tutorials, der er oprettet og hostet af Adobe-systemer. Hver lektion er designet til at bygge videre på, hvad eleven lærte i den forrige video, med det formål at tage dem fra begyndere til mellem- og ekspertniveauer.

Bøger

I årenes løb er en hel del litteratur blevet brugt til Dreamweaver og dens forskellige iterationer. Naturligvis vil nogle af de bøger, der i øjeblikket er tilgængelige, være mere lærerige end andre.

Men de bedste af dem skal give en solid introduktion til Dreamweaver-applikationen samt give læseren nogle værdifulde indsigt i kodning og generel webdesign.

Der er mange iterationer af Dreamweaver, der stadig er aktivt i brug, så den følgende liste vil omfatte bøger, der er afsat til en bestemt version af softwaren.

  • Dreamweaver CC: The Missing Manual fra McFarland og Grover: fås i både trykte og digitale udgaver, det er en af ​​de mest omfattende bøger om Dreamweaver.
  • Dreamweaver CC: Visual QuickStart Guide af Negrino og Smith: denne bog er specifik for den seneste version af Dreamweaver, som blev frigivet i 2015. Det er en generel introduktion og lærervejledning til softwaren, der er rettet mod begyndere og mellemliggende webbyggeri.
  • Dreamweaver CC for Dummies af Janine Warner: selvom det ikke er den mest omfattende bog på markedet, er den måske den mest tilgængelige for den generelle læser.
  • Adobe Dreamweaver CC Classroom i en bog af Jim Maivald: en dybdegående guide til Dreamweaver-applikationen, denne seneste udgave indeholder detaljer om Adobes brug af deres Creative Cloud-funktion til at give opdateringer og forbedrede funktioner til den seneste iteration af softwaren. Bedst egnet til mellemliggende og avancerede webdesignere.
  • Murachs Dreamweaver CC 2014 af Ruvalcaba og Boehm: styrken i denne bog ligger i dens vægt på at forstå mekanikken ved webdesign og hvordan man opretter webindhold, der fungerer godt på flere platforme. Ideel til mere avancerede kodere og webstedsudviklere.

Resumé

Adobes Dreamweaver er blevet et af de mest populære webbygningsprogrammer på markedet, på grund af ikke en mindre del af appellen til både den begynder og den erfarne designer.

Som et kodningsværktøj og webdesignplatform har det meget at tilbyde, især for dem, der er villige til at investere lidt tid og energi i fuldt ud at udforske softwaren og dens ultimative potentiale.

De ressourcer, der er samlet her, skal give en grundlæggende introduktion til Dreamweaver til begyndende webbyggere, samt tilbyde vejledning til mere avancerede kodere og designere, der ønsker at udforske applikationen mere fuldstændigt, mens de fortsætter med at udvikle deres webbygnings talent.

De ressourcer, der er samlet her, skal give en grundlæggende introduktion til Dreamweaver til begyndende webbyggere, samt tilbyde vejledning til mere avancerede kodere og designere, der ønsker at udforske applikationen mere fuldstændigt, mens de fortsætter med at udvikle deres webbygnings talent.

Yderligere læsning og ressourcer

Vi har flere guider, tutorials og infografik relateret til kodning og webstedsudvikling:

  • Komponering af god HTML: dette er en solid introduktion til at skrive velformet HTML og bruge HTML validator software.
  • CSS3 – Intro, guider og ressourcer: dette er et godt sted at begynde at lære websides layout.

HTML til begyndere – Ultimate Guide

Hvis du virkelig ønsker at lære HTML, har vi oprettet en boglængdeartikel, HTML til begyndere – Ultimate Guide.

Og det er virkelig den ultimative guide; det vil tage dig helt fra begyndelsen til mestring.

HTML til begyndere - Ultimate Guide
HTML til begyndere – Ultimate Guide

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map