Video: Как создать сайт мечты #1 - Adobe Dreamweaver CC (SMGroup) (Oktober 2024)
Adobe kunne have hvilt på sine laurbær, da hun opdaterede Dreamweaver til sin seneste inkarnation i den abonnementsbaserede Creative Cloud-tjeneste som Dreamweaver CC. I sin tidligere inkarnation som Dreamweaver CS6, en del af Adobes Creative Suite 6, havde Adobes avancerede webstededitor allerede ringe eller ingen alvorlig konkurrence som et værktøj til at oprette og vedligeholde dagens multiplatform-websteder. Dreamweaver CS6 introducerede for eksempel brugsklare "fluid grid" weblayouts, der bruger CSS til at omforme websider automatisk i henhold til skærmstørrelsen, hvilket gør det nemt at opbygge en enkelt brug af websteder med telefoner, tablets og desktops uden komplekset CSS-håndkodning tidligere krævet.
Den nye Dreamweaver CC forbedrer fluid-grid-funktionen ved at understøtte HTML5-strukturelle elementer som Sektioner og artikler. Det tilføjer også et lige så besparelsesbesparende værktøj, en ny CSS Designer, der bruger en interaktiv grafisk grænseflade til at ændre CSS-egenskaber som skygger og buede hjørner, så du kun behøver at klikke og trække for at ændre kompleks CSS-kode, mens du ser resultaterne i reelle- tid. Fuld support til webbaserede skrifttyper - downloadet fra Adobes servere, mens browseren indlæser en side - gør det nemt at oprette iøjnefaldende design. Som resten af Creative Cloud-pakken får Dreamweaver også en forenklet og lettere tilpasselig interface og fungerer identisk under både Windows og OS X.
Pro og Semi-Pro
Dreamweaver er et værktøj på professionelt niveau, der er værd at have - hvis du har råd til det, selvom du er en ikke-professionel. Førstegangs Dreamweaver-brugere kan blive skræmmet af mængden af menuer og egenskabspaneler i standardlayouten, men det bliver snart klart, hvordan man bruger disse til at få hurtig adgang til avancerede kontroller over CSS-elementer, eller til hurtigt at skifte mellem skærme, der viser, hvordan en webside ser ud, når den udskrives, eller når den vises på forskellige størrelser. Avancerede webdesignere kan klikke på en menu med JavaScript-baserede UI-widgets i deres kode for at oprette pop-up-dialoger, datavælgere, trekkspil-menuer og alt andet i den aktuelle repertoire af UI-effekter. Men selv mindre avancerede brugere kan oprette fleksible HTML5-kompatible websteder, der ser godt ud på enhver platform.
Begynd at væve drømme
Start fra enten en tom side eller prøvelayout, og klik på elementer i et Indsæt-panel for at tilføje elementer som skabeloner (med redigerbare og ikke redigerbare regioner), multimedia (HTML5 eller Flash) og standard HTML-funktioner. Standardskærmen er opdelt i en kodevindue og en WYSIWYG-designrude, men du kan vælge det ene eller det andet eller gøre designruden "Live" for at se medieindhold som video eller indhold, der vil blive serveret fra en database, når siden vises i en browser. Én ting, jeg beundrer ved Dreamweaver, er, at det ikke favoriserer Adobes proprietære teknologier som Flash over åbne standarder som HTML5-video, men giver lige støtte til begge - og giver endda en bedre og mere anvendelig HTML5-videoafspiller end dens indbyggede Flash Player.
Når du bygger en side med Dreamweavers flydende ristefunktion, opretter appen først en side, der indeholder et gitter med lodrette kolonner, der er synlige i Dreamweaver, men ikke når siden vises i en browser. Som standard passer en side designet til telefoner i fire af disse usynlige kolonner. Når den samme side vises på en tablet, udfylder den otte kolonner og tolv kolonner, når den vises på en stationær maskine.
Når du skifter mellem skærmstørrelser i Dreamweavers redigeringsvindue, omorganiseres indholdet af dit websted i sig selv, så det passer til den bredde, du har angivet for den specifikke skærmtype, og du kan bruge CSS Designer-panelet til at justere form, størrelse og andre egenskaber af individuelle elementer, der passer til de forskellige skærmstørrelser.
