- Dreamweaver Handboek
- Inleiding
- Dreamweaver en Creative Cloud
- De werkruimten en weergaven van Dreamweaver
- Sites opzetten
- Over Dreamweaver-sites
- Een lokale versie van uw site instellen
- Verbinding maken met een publicatieserver
- Een testserver instellen
- Instellingen van Dreamweaver-sites importeren en exporteren
- Bestaande websites overzetten van een externe server naar de hoofdmap van uw lokale site
- Toegankelijkheidsfuncties in Dreamweaver
- Geavanceerde instellingen
- Sitevoorkeuren instellen voor het overzetten van bestanden
- Proxyserverinstellingen opgeven in Dreamweaver
- Dreamweaver-instellingen synchroniseren met Creative Cloud
- Git gebruiken in Dreamweaver
- Bestanden beheren
- Bestanden maken en openen
- Bestanden en mappen beheren
- Bestanden van uw server ophalen en op uw server plaatsen
- Bestanden inchecken en uitchecken
- Bestanden synchroniseren
- Bestanden vergelijken om verschillen op te sporen
- Bestanden en mappen op uw Dreamweaver-site camoufleren
- Ontwerpnotities inschakelen voor Dreamweaver-sites
- Potentieel misbruik van Gatekeeper voorkomen
- Lay-out en ontwerp
- CSS
- Informatie over CSS (Cascading Style Sheets)
- Pagina's opmaken met CSS ontwerpen
- CSS-preprocessors gebruiken in Dreamweaver
- CSS-stijlvoorkeuren instellen in Dreamweaver
- CSS-regels verplaatsen in Dreamweaver
- Inline CSS converteren naar een CSS-regel in Dreamweaver
- Werken met div-tags
- Verlopen toepassen op een achtergrond
- CSS3-overgangseffecten maken en bewerken in Dreamweaver
- Code opmaken
- Pagina-inhoud en assets
- Pagina-eigenschappen instellen
- Eigenschappen voor CSS-koppen en CSS-koppelingen
- Werken met tekst
- Tekst, tags en kenmerken zoeken en vervangen
- Het deelvenster DOM
- Bewerken in Live View
- Documenten coderen in Dreamweaver
- Elementen selecteren en weergeven in het documentvenster
- Teksteigenschappen instellen in de eigenschappencontrole
- Spelling op een webpagina controleren
- Horizontale lijnen gebruiken in Dreamweaver
- Lettertypecombinaties toevoegen en aanpassen in Dreamweaver
- Werken met assets
- Datums in Dreamweaver invoegen en bijwerken
- Favoriete assets maken en beheren in Dreamweaver
- Afbeeldingen invoegen en bewerken in Dreamweaver
- Mediaobjecten toevoegen
- Video's toevoegen in Dreamweaver
- HTML5-video invoegen
- SWF-bestanden invoegen
- Audio-effecten toevoegen
- HTML5-audio invoegen in Dreamweaver
- Werken met bibliotheekitems
- Arabische en Hebreeuwse tekst gebruiken in Dreamweaver
- Koppelingen en navigatie
- jQuery-widgets en -effecten
- Websites coderen
- Over coderen in Dreamweaver
- Coderingsomgeving in Dreamweaver
- Coderingsvoorkeuren instellen
- Codekleuren aanpassen
- Code schrijven en bewerken
- Coderingstips en codevoltooiing
- Code samenvouwen en uitvouwen
- Code hergebruiken met codefragmenten
- Linting voor code gebruiken
- Code optimaliseren
- Code bewerken in de ontwerpweergave
- Werken met de kopinhoud van pagina's
- Include-bestanden op de server invoegen in Dreamweaver
- Tagbibliotheken gebruiken in Dreamweaver
- Aangepaste tags importeren in Dreamweaver
- JavaScript-gedrag gebruiken (algemene instructies)
- Ingebouwd JavaScript-gedrag toepassen
- Over XML en XSLT
- XSL-transformaties op de server uitvoeren in Dreamweaver
- XSL-transformaties op de client uitvoeren in Dreamweaver
- Tekenentiteiten toevoegen voor XSLT in Dreamweaver
- Code opmaken
- Productonafhankelijke workflows
- Extensies in Dreamweaver installeren en gebruiken
- In-app updates in Dreamweaver
- Microsoft Office-documenten invoegen in Dreamweaver (alleen Windows)
- Werken met Fireworks en Dreamweaver
- Inhoud bewerken op Dreamweaver-sites met behulp van Contribute
- Integratie van Dreamweaver met Business Catalyst
- Persoonlijke e-mailcampagnes maken
- Sjablonen
- Over Dreamweaver-sjablonen
- Sjablonen en op een sjabloon gebaseerde documenten herkennen
- Een Dreamweaver-sjabloon maken
- Bewerkbare gebieden maken in sjablonen
- Herhalingsgebieden en tabellen maken in Dreamweaver
- Optionele gebieden in sjablonen gebruiken
- Bewerkbare tagkenmerken in Dreamweaver definiëren
- Geneste sjablonen maken in Dreamweaver
- Sjablonen bewerken, bijwerken en verwijderen
- XML-inhoud exporteren en importeren in Dreamweaver
- Een sjabloon uit een bestaand document toepassen of verwijderen
- Inhoud bewerken in Dreamweaver-sjablonen
- Syntaxisregels voor sjabloontags in Dreamweaver
- Voorkeuren voor de markering van sjabloongebieden instellen
- Voordelen van het gebruik van sjablonen in Dreamweaver
- Mobiel en meerdere schermen
- Dynamische sites, pagina's en webformulieren
- Informatie over web-applicaties
- Uw computer instellen voor het ontwikkelen van applicaties
- Problemen met databaseverbindingen oplossen
- Verbindingsscripts verwijderen in Dreamweaver
- Dynamische pagina's ontwerpen
- Overzicht van dynamische inhoudsbronnen
- Bronnen met dynamische inhoud definiëren
- Dynamische inhoud toevoegen aan pagina's
- Dynamische inhoud wijzigen in Dreamweaver
- Databaserecords weergeven
- Livegegevens leveren en problemen oplossen Dreamweaver
- Aangepast servergedrag toevoegen in Dreamweaver
- Formulieren maken met Dreamweaver
- Formulieren gebruiken om informatie van gebruikers te verzamelen
- ColdFusion-formulieren maken en inschakelen in Dreamweaver
- Webformulieren maken
- Verbeterde HTML5-ondersteuning voor formulierelementen
- Een formulier ontwikkelen met Dreamweaver
- Applicaties visueel samenstellen
- Hoofd- en detailpagina's maken in Dreamweaver
- Zoekpagina's en resultatenpagina's maken
- Een pagina voor het invoegen van records maken
- Een pagina voor het bijwerken van records maken in Dreamweaver
- Pagina's voor het verwijderen van records maken in Dreamweaver
- ASP-opdrachten gebruiken om een database aan te passen in Dreamweaver
- Een registratiepagina maken
- Een aanmeldingspagina maken
- Een pagina maken waartoe alleen geautoriseerde gebruikers toegang hebben
- Mappen beveiligen in ColdFusion met Dreamweaver
- ColdFusion-componenten gebruiken in Dreamweaver
- Websites testen, voorvertonen en publiceren
- Problemen oplossen
Extraheer voor het web geoptimaliseerde SVG-bestanden uit Libraries en pas de eigenschappen van SVG-bestanden aan.
Met ingang van 16 november 2021 is de Dreamweaver-functie om SVG te extraheren uit een Illustrator-asset beëindigd. We raden u aan om als tijdelijke oplossing de optie Afbeeldingsindeling in te schakelen en Illustrator-assets (.ai) te converteren naar de PNG 32/PNG 24/PNG 8/JPEG-indeling. In plaats daarvan kunnen gebruikers ook Illustrator-assets exporteren naar de SVG-indeling vanuit de Illustrator-app.
Als u Illustrator-afbeeldingen of Adobe Stock-afbeeldingen waarvoor u een licentie hebt gekocht, in uw Creative Cloud Libraries hebt opgeslagen, kunt u deze als voor het web geoptimaliseerde SVG-bestanden extraheren in uw Dreamweaver-webpagina's. Als u de afbeeldingen vanuit het deelvenster Libraries naar uw webpagina's sleept, worden ze standaard als SVG-bestanden ingevoegd. Zie Illustraties hergebruiken die in Libraries zijn opgeslagen.
Als u de eigenschappen van SVG-bestanden wilt aanpassen, kunt u de voorkeuren bewerken in het bestand options.json, dat op de volgende locatie aanwezig is:
- Windows: %appdata%\Adobe\Dreamweaver CC 2015\<locale>\Configuration\SVGOptions\
- Mac: ~/Bibliotheek/Application Support/Adobe/Dreamweaver CC 2015/<locale>/Configuration/SVGOptions/
Het JSon-object voor het converteren van Illustrator-bestanden (.ai) naar SVG-bestanden kan de volgende eigenschappen bevatten:
Eigenschapsnaam | Waarde | Beschrijving |
trimToArtBounds | booleaans | Het SVG-bestand bepaalt de illustratiegrenzen onafhankelijk van de afmetingen van het OMG-document. |
useViewBox | booleaans | Als trimToArtBounds en useViewBox zijn ingesteld op true, wordt de inhoud van het document niet verschoven. In plaats daarvan wordt de viewBox-waarde van het root-element van het SVG-bestand gewijzigd om de inhoud naar wens te segmenteren en in of uit te zoomen op de inhoud. |
constrainToDocBounds | booleaans | Hiermee wordt de zichtbare inhoud bijgesneden op de documentgrenzen. |
preserveAspectRatio | tekenreeks | De hoogte-breedteverhouding zoals die door de SVG-specificatie is gedefinieerd. Als u preserveAspectRatio instelt, wordt de berekende waarde van svgWriter overschreven. U wordt daarom aangeraden deze waarde niet in te stellen. Opmerking: Gebruik voor meet of xMidYMid meet de equivalente tekenreeks, xMidYMid, voor een kleiner bestand. |
styling | tekenreeks | Deze eigenschap is optioneel en de standaardwaarde is class:
|
prefix | tekenreeks | Een voorvoegsel dat aan elke id en klassenaam wordt toegevoegd. Dit stelt u in staat unieke constructies voor naamgeving te gebruiken voor elk SVG-document. Er kunnen meerdere SVG-documenten naast elkaar in één HTML-document worden gebruikt zonder dat er id- of klassenaamconflicten ontstaan, zolang de voorvoegsels uniek zijn. |
cropRect | object | Een rechthoek met de eigenschappen x, y, width en height. x en y zijn optioneel. Hiermee wordt een rechthoek gedefinieerd waarop het SVG-document wordt uitgesneden. Er wordt een opvulling gemaakt als de afmetingen kleiner zijn dan de uitsnijdrechthoek. |
minify | Hiermee worden inspringingen, nieuwe regels en witruimten in de SVG-uitvoer vermeden. Hierbij worden minimale id's gebruikt. | |
idType | tekenreeks |
|
precision | serienummer is ongeldig | Het aantal cijfers achter de drijvende komma. Het moet een getal tussen 0 en 10 zijn. Als er een ander getal wordt opgegeven, wordt het getal afgekapt. De standaardwaarde is 3. |
isResponsive | booleaans | Als deze eigenschap wordt ingesteld op true,vult het SVG-document de viewport of het afbeeldingsgebied (de kenmerken width en height worden niet ingesteld voor de SVG-root.) |
carriageReturn | booleaans | Standaard wordt door svgWriter LF als regeleinde gebruikt. Als carriageReturn wordt ingesteld op true, wordt CRLF als regeleinde gebruikt. |
indentation | tekenreeks | Hiermee kunt u een aangepaste tekenreeks als inspringing gebruiken. Gebruik bijvoorbeeld een tab als inspringing. De standaardwaarde is in dat geval 2 spaties. |
fillFilter | booleaans | Filters worden alleen toegepast op de vulling van een element. Filters hebben geen invloed op de lijn van een element en de lijn wordt boven op de gefilterde inhoud getekend. |
documentUnits | tekenreeks | mm | cm | pc | in - Er worden opgegeven documenteenheden gebruikt voor de kenmerken width en height van het root-element. |