Video: Реклама подобрана на основе следующей информации: (November 2024)
Adobe had op zijn lauweren kunnen rusten bij het updaten van Dreamweaver naar zijn nieuwste versie in de op abonnement gebaseerde Creative Cloud-service als Dreamweaver CC. In zijn vorige incarnatie als Dreamweaver CS6, onderdeel van Adobe's Creative Suite 6, had Adobe's geavanceerde website-editor al weinig of geen serieuze concurrentie als hulpmiddel voor het maken en onderhouden van de hedendaagse multiplatform-websites. Dreamweaver CS6 introduceerde bijvoorbeeld kant-en-klare "fluid grid" Web-lay-outs die CSS gebruiken om webpagina's automatisch opnieuw te vormen op basis van de schermgrootte, waardoor het eenvoudig is om één site-gebruik te bouwen met telefoons, tablets en desktops zonder het complex CSS-handcodering eerder vereist.
De nieuwe Dreamweaver CC verbetert de vloeistofrasterfunctie door HTML5 structurele elementen zoals secties en artikelen te ondersteunen. Het voegt ook een al even moeitesbesparende tool toe, een nieuwe CSS Designer die een interactieve grafische interface gebruikt voor het wijzigen van CSS-eigenschappen zoals schaduwen en gebogen hoeken, zodat u alleen hoeft te klikken en slepen om complexe CSS-code te wijzigen terwijl u de resultaten in real- ziet. tijd. Volledige ondersteuning voor webgebaseerde lettertypen - gedownload van de servers van Adobe terwijl de browser een pagina laadt - maakt het gemakkelijk om opvallende ontwerpen te maken. Net als de rest van de Creative Cloud-suite krijgt Dreamweaver ook een vereenvoudigde en gemakkelijker aanpasbare interface en werkt het identiek onder zowel Windows als OS X.
Pro en Semi-Pro
Dreamweaver is een hulpmiddel op professioneel niveau dat de moeite waard is - als u het zich kunt veroorloven - zelfs als u niet-professioneel bent. De eerste keer dat Dreamweaver-gebruikers worden geïntimideerd door de veelheid aan menu's en eigenschappenpanelen in de standaardlay-out, wordt al snel duidelijk hoe deze te gebruiken om snel toegang te krijgen tot geavanceerde bedieningselementen voor CSS-elementen of om snel te schakelen tussen schermen die laten zien een webpagina zal eruitzien wanneer deze wordt afgedrukt of wanneer deze op verschillende formaten wordt weergegeven. Geavanceerde webontwerpers kunnen in hun code op een menu van op JavaScript gebaseerde UI-widgets klikken om pop-upvensters, datumkiezers, accordeonachtige menu's en al het andere in het huidige repertorium van UI-effecten te maken. Maar zelfs minder geavanceerde gebruikers kunnen flexibele HTML5-compatibele sites maken die er op elk platform goed uitzien.
Start Weaving Dreams
Beginnend met een lege pagina of voorbeeldindeling, klikt u op items in een paneel Invoegen om elementen zoals sjablonen (met bewerkbare en niet-bewerkbare regio's), multimedia (HTML5 of Flash) en standaard HTML-functies toe te voegen. Het standaardscherm is opgesplitst in een codevenster en een WYSIWYG-ontwerpvenster, maar u kunt het een of het ander kiezen of het ontwerpvenster "Live" maken om media-inhoud zoals video te bekijken of inhoud die vanuit een database wordt weergegeven wanneer de pagina verschijnt in een browser. Een ding dat ik bewonder aan Dreamweaver is dat het Adobe's eigen technologieën zoals Flash niet verkiest boven open standaarden zoals HTML5-video, maar beide evenveel ondersteuning biedt - en zelfs een mooiere en beter bruikbare HTML5-videospeler biedt dan de ingebouwde Flash Player.
Wanneer u een pagina bouwt met de functie Fluid grid van Dreamweaver, maakt de app eerst een pagina met een raster van verticale kolommen die zichtbaar zijn in Dreamweaver, maar niet wanneer de pagina in een browser wordt weergegeven. Standaard past een pagina die is ontworpen voor telefoons in vier van deze onzichtbare kolommen. Wanneer dezelfde pagina op een tablet wordt weergegeven, vult deze acht kolommen en twaalf kolommen wanneer deze op een desktopmachine worden weergegeven.
Wanneer u in het bewerkingsvenster van Dreamweaver tussen schermgroottes schakelt, wordt de inhoud van uw site herschikt zodat deze past op de breedte die u hebt opgegeven voor het specifieke schermtype en kunt u het CSS Designer-paneel gebruiken om de vorm, grootte en andere eigenschappen aan te passen van afzonderlijke elementen voor verschillende schermformaten.
