Schakel in het documentvenster over naar de ontwerpweergave en selecteer een deel van een document dat u wilt opslaan als bibliotheekitem.
- 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
Gebruik dit onderwerp om te leren hoe u bibliotheekitems in Dreamweaver maakt en hoe u deze items invoegt en bewerkt in documenten.
Een bibliotheek is een speciaal bestand van Dreamweaver met daarin een verzameling afzonderlijke middelen of kopieën van middelen die u op uw webpagina's kunt plaatsen. De middelen in een bibliotheek worden bibliotheekitems genoemd. Items die u kunt opslaan in een bibliotheek zijn afbeeldingen, tabellen, geluiden en bestanden die zijn gemaakt met Adobe Flash. U kunt automatisch telkens wanneer u een item bewerkt, alle pagina's met dat item bijwerken.
Stel, u bent bezig met het bouwen van een grote site voor een onderneming die op elke pagina een slogan wil weergeven. U maakt dan een bibliotheekitem met die slogan en gebruikt dit bibliotheekitem op elke pagina. Als de slogan wordt gewijzigd, kunt u dit bibliotheekitem wijzigen en automatisch elke pagina bijwerken, waarop dat item wordt gebruikt.
Dreamweaver slaat bibliotheekitems op in een map Bibliotheek binnen de lokale hoofdmap voor elke site. Elke site heeft zijn eigen bibliotheek.
U kunt een bibliotheekitem maken van elk element in de body-sectie van een document, waaronder tekst, tabellen, formulieren, Java-applets, insteekmodules, ActiveX-elementen, navigatiebalken en afbeeldingen.
Voor gekoppelde items, bijvoorbeeld afbeeldingen, wordt in de bibliotheek alleen een verwijzing naar het item opgeslagen. Voor de juiste werking van het bibliotheekitem moet het oorspronkelijke bestand op de opgegeven locatie worden gehandhaafd.
Toch kan het nog steeds handig zijn om een afbeelding op te slaan in een bibliotheekitem. U kunt bijvoorbeeld een volledige img-tag opslaan in een bibliotheekitem. Als u dit doet, kunt u gemakkelijk de alt-tekst van de afbeelding, of zelfs het src-kenmerk, wijzigen op de gehele site. (Gebruik deze techniek niet om de kenmerken width enheigth van een afbeelding te wijzigen, tenzij u een afbeeldingseditor hebt om de werkelijke grootte van de afbeelding te wijzigen.)
Als het bibliotheekitem koppelingen bevat, functioneren de koppelingen mogelijk niet op de nieuwe site. Bovendien worden afbeeldingen in een bibliotheekitem niet naar de nieuwe site gekopieerd.
Wanneer u een bibliotheekitem gebruikt, voegt Dreamweaver op de webpagina niet het item zelf, maar een koppeling naar het item in. Dat wil zeggen dat Dreamweaver een kopie van de HTML-broncode voor dat item invoegt in het document en een HTML-opmerking toevoegt met een verwijzing naar het oorspronkelijke, externe item. Juist deze externe verwijzing maakt automatisch bijwerken mogelijk.
Wanneer u een bibliotheekitem maakt met een element waaraan een Dreamweaver-gedrag is gekoppeld, kopieert Dreamweaver het element en de bijbehorende gebeurtenishandler (het kenmerk dat aangeeft door welke gebeurtenis de actie wordt geactiveerd, zoals onClick, onLoad of onMouseOver, en welke actie moet worden aangeroepen wanneer de gebeurtenis plaatsvindt) naar het bibliotheekitembestand. Dreamweaver kopieert de gekoppelde JavaScript-functies niet naar het bibliotheekitem. Wanneer u het bibliotheekitem invoegt in een document, voegt Dreamweaver in plaats daarvan automatisch de benodigde JavaScript-functies toe aan de head-sectie van dat document (als deze functies nog niet zijn toegevoegd).
Als u JavaScript handmatig codeert (dat wil zeggen, als u de code maakt zonder daarbij gedragsvormen van Dreamweaver te gebruiken), kunt u dit als onderdeel van een bibliotheekitem maken als u het gedrag Call JavaScript gebruikt om de code uit te voeren. Als u geen Dreamweaver-gedrag gebruikt om de code uit te voeren, wordt de code niet als onderdeel van het bibliotheekitem bewaard.
Het bewerken van gedragsvormen in bibliotheekitems stelt speciale eisen. Bibliotheekitems kunnen geen stijlpagina's bevatten, omdat de code voor die elementen deel uitmaakt van de head-sectie.
Een bibliotheekitem maken op basis van een selectie
-
-
Selecteer Gereedschappen > Bibliotheek > Object toevoegen aan bibliotheek.
-
Typ een naam voor het nieuwe bibliotheekitem en druk vervolgens op Enter (Windows) of Return (Macintosh).
Dreamweaver slaat elk bibliotheekitem op als een afzonderlijk bestand (met de extensie .lbi) in de map Bibliotheek in de lokale hoofdmap van de site.
Een leeg bibliotheekitem maken
-
Controleer of er in het documentvenster niets is geselecteerd.
Als er iets is geselecteerd, wordt dit in het nieuwe bibliotheekitem geplaatst.
-
Selecteer in het deelvenster Middelen de categorie Bibliotheek.
-
Klik op de knop Nieuw bibliotheekitem onder in het deelvenster.
-
Terwijl het item nog steeds is geselecteerd, geeft u een nieuwe naam ervoor op en drukt u op Enter (Windows) of Return (Macintosh).
Een bibliotheekitem invoegen in een document
Wanneer u een bibliotheekitem toevoegt aan een pagina, worden zowel de feitelijke inhoud als een verwijzing naar het bibliotheekitem ingevoegd.
-
Plaats de invoegpositie binnen het documentvenster.
-
Selecteer in het deelvenster Middelen de categorie Bibliotheek.
-
Voer een van de volgende handelingen uit:
- Sleep een bibliotheekitem van het middelenpaneel naar het documentvenster.
Opmerking:Voor het invoegen van alleen de inhoud van een bibliotheekitem zonder een verwijzing naar het item in het document drukt u op Control (Windows) of Optie (Macintosh) terwijl u een item uit het middelenpaneel sleept. Als u op deze manier een item invoegt, kunt u het item wel in het document bewerken, maar wordt het document niet bijgewerkt wanneer u pagina's bijwerkt waarop dit bibliotheekitem wordt gebruikt.
Selecteer een bibliotheekitem en klik op Invoegen.
Bibliotheekitems bewerken en documenten bijwerken
Wanneer u een bibliotheekitem bewerkt, kunt u alle documenten bijwerken, waarin deze elementen worden gebruikt. Als u ervoor kiest om niet bij te werken, blijven de documenten gekoppeld aan het bibliotheekitem; u kunt deze later bijwerken.
U kunt de naam van items wijzigen om hun verbinding met documenten of sjablonen te verbreken. U kunt items verwijderen uit de bibliotheek van de site en een ontbrekend bibliotheekitem opnieuw maken.
Een bibliotheekitem bewerken
-
Selecteer in het deelvenster Middelen de categorie Bibliotheek.
-
Selecteer een bibliotheekitem.
-
Klik op de knop Bewerken of dubbelklik op het bibliotheekitem.
Dreamweaver opent een nieuw venster, dat lijkt op het documentvenster, waarin u het bibliotheekitem kunt bewerken. De grijze achtergrond geeft aan dat u een bibliotheekitem bewerkt in plaats van een document.
-
Breng uw wijzigingen aan en sla deze vervolgens op.
-
Geef aan of de documenten op de lokale site waarin het bibliotheekitem wordt gebruik, moeten worden bijgewerkt. Selecteer Bijwerken als u onmiddellijk wilt bijwerken. Als u Niet bijwerken selecteert, worden documenten pas bijgewerkt wanneer u Gereedschappen > Bibliotheek > Huidige pagina bijwerken of Pagina's bijwerken selecteert.
Het huidige document bijwerken om de huidige versie van alle bibliotheekitems te gebruiken
-
Selecteer Gereedschappen > Bibliotheek > Huidige pagina bijwerken.
De gehele site of alle documenten bijwerken waarin een bepaald bibliotheekitem wordt gebruikt
-
Selecteer Gereedschappen > Bibliotheek > Pagina's bijwerken.
-
Geef in het contextmenu Zoeken in op wat moet worden bijgewerkt:
Als u alle pagina's op de geselecteerde site wilt bijwerken om de huidige versie van alle bibliotheekitems te gebruiken, selecteert u eerst Gehele site en vervolgens in het naastgelegen pop-upmenu de naam van de site.
Als u alle pagina's op de huidige site wilt bijwerken waarin het desbetreffende bibliotheekitem wordt gebruikt, selecteert u eerst Bestanden met en vervolgens in het naastgelegen pop-upmenu de naam van bibliotheekitem.
-
Controleer in de optie Bijwerken of Bibliotheekitems is geselecteerd.Opmerking:
Voor het tegelijkertijd bijwerken van sjablonen selecteert u ook Sjablonen.
-
Klik op Starten.
Dreamweaver werkt de bestanden bij zoals is aangegeven. Als u de optie Logboek tonen selecteert, genereert Dreamweaver een rapport waarin naast andere informatie wordt aangegeven of het bijwerken van bestanden is geslaagd.
De naam van een bibliotheekitem wijzigen
-
Selecteer in het deelvenster Middelen de categorie Bibliotheek.
-
Selecteer het bibliotheekitem, wacht even en klik nogmaals. (Gebruik geen dubbelklik, aangezien dit de items opent voor bewerken.)
-
Voer een nieuwe naam in.
-
Klik ergens anders of druk op Enter (Windows) of Return (Macintosh).
-
Geef aan of documenten waarin het item wordt gebruikt, al dan niet moeten worden bijgewerkt door Bijwerken of Niet bijwerken te kiezen.
Een bibliotheekitem verwijderen uit een bibliotheek
Wanneer u een bibliotheekitem verwijdert, verwijdert Dreamweaver het wel uit de bibliotheek, maar verandert de inhoud niet van documenten waarin het item wordt gebruikt.
-
Selecteer in het deelvenster Middelen de categorie Bibliotheek.
-
Selecteer het bibliotheekitem.
-
Klik op de knop Verwijderen of druk op de toets Delete en bevestig vervolgens dat u het item wilt verwijderen.Opmerking:
Als u een bibliotheekitem verwijdert, kunt u niet het niet meer terughalen met de opdracht Ongedaan maken. U kunt het echter wel opnieuw maken.
Een ontbrekend of verwijderd bibliotheekitem opnieuw maken
-
Selecteer een exemplaar van het item in een van uw documenten.
-
Klik op de knop Opnieuw maken in de eigenschappencontrole (Venster > Eigenschappen).
Markeren van bibliotheekitems aanpassen
U kunt de markeerkleur van bibliotheekitems aanpassen en markeringen weergeven of verbergen door het instellen van de voorkeuren voor Markeren.
De markeerkleur van bibliotheekitems wijzigen
-
Selecteer Bewerken > Voorkeuren (Windows) of Dreamweaver > Voorkeuren (Macintosh).
-
Selecteer de categorie Markeren in de lijst aan de linkerzijde van het dialoogvenster Voorkeuren.
-
Klik op het vak Kleur van bibliotheekitems en selecteer vervolgens een markeerkleur in de kleurkiezer (of geef de hexadecimale kleurwaarde op in het tekstvak).
-
Selecteer Weergeven om de markeerkleur te tonen in het documentvenster.
-
Klik op OK.
Markering weergeven of verbergen in het documentvenster
-
Voor het weergeven van markeringen selecteert u Beeld > Visuele hulpmiddelen > Onzichtbare elementen. Voor het verbergen van markeringen heft u de selectie van Onzichtbare elementen op.
De eigenschappen van een bibliotheekitem bewerken
U kunt de eigenschappencontrole gebruiken om een bibliotheekitem te openen voor bewerken, om een geselecteerd bibliotheekitem los te koppelen van zijn bronbestand of om een item te overschrijven met het op dat moment geselecteerde bibliotheekitem.
-
Selecteer een bibliotheekitem in een document.
-
Selecteer een van de volgende opties in de eigenschappencontrole (Venster > Eigenschappen):
Bron
Hiermee geeft u de bestandsnaam en de locatie van het bronbestand voor het bibliotheekitem weer. Deze gegevens kunt u niet bewerken.
Openen
Hiermee opent u het bronbestand van het bibliotheekitem om het te bewerken. Dit is gelijk aan het item selecteren in het middelenpaneel en klikken op de knop Bewerken.
Loskoppelen van origineel
Hiermee verbreekt u de koppeling tussen het geselecteerde bibliotheekitem en zijn bronbestand. U kunt het losgekoppelde item wel bewerken in het document, maar het is geen bibliotheekitem meer en het wordt dus niet bijgewerkt wanneer u het origineel wijzigt.
Opnieuw maken
Hiermee overschrijft u het oorspronkelijke bibliotheekitem met de huidige selectie. Gebruik deze optie om bibliotheekitems opnieuw te maken als het oorspronkelijke bibliotheekitem ontbreekt of per abuis is verwijderd.
Bibliotheekitems bewerkbaar in een document maken
Als u een bibliotheekitem hebt toegevoegd aan uw document en als u dat item speciaal voor die pagina wilt bewerken, moet u de koppeling tussen het item in het document en de bibliotheek verbreken. Zodra u een exemplaar van een bibliotheekitem bewerkbaar hebt gemaakt, wordt dat exemplaar niet bijgewerkt wanneer het bibliotheekitem verandert.
-
Selecteer een bibliotheekitem in het huidige document.
-
Klik op de knop Loskoppelen van origineel in de eigenschappencontrole (Venster > Eigenschappen).
Gedrag in een bibliotheekitem bewerken
Als u het gedrag van een bibliotheekitem wilt bewerken, dient u het item eerst in een document in te voegen en het vervolgens in dat document bewerkbaar te maken. Nadat u de wijzigingen hebt aangebracht, kunt u het bibliotheekitem opnieuw maken en het item in de bibliotheek vervangen door het bewerkte item uit uw document.
-
Open een document dat het bibliotheekitem bevat.
Noteer zowel de naam van het bibliotheekitem als de precieze tags die erin staan. U hebt deze gegevens later nodig.
-
Klik op eerst op het bibliotheekitem en vervolgens op de knop Loskoppelen van origineel in de eigenschappencontrole (Venster > Eigenschappen).
-
Selecteer het element waaraan het gedrag is gekoppeld.
-
Dubbelklik in het deelvenster Gedrag (Venster > Gedrag) op de actie die u wilt wijzigen.
-
Breng uw wijzigingen aan in het dialoogvenster dat verschijnt en klik vervolgens op OK.
-
Selecteer in het deelvenster Middelen de categorie Bibliotheek.
-
Leg de precieze naam en het hoofdlettergebruik van het oorspronkelijke bibliotheekitem vast; selecteer het item en klik vervolgens op de knop Verwijderen.
-
Selecteer in het documentvenster alle elementen waaruit het bibliotheekitem bestaat.
Zorg dat u exact dezelfde elementen selecteert die ook voorkwamen in het oorspronkelijke bibliotheekitem.
-
Klik in het deelvenster Middelen op de knop Nieuw bibliotheekitem en geef het nieuwe item dezelfde naam als het item dat u hebt verwijderd. Gebruik daarbij dezelfde spelling en houd dezelfde hoofdletters en kleine letters aan.
-
Als u het bibliotheekitem in andere documenten van uw site wilt bijwerken, selecteert u Gereedschappen > Bibliotheek > Pagina's bijwerken.
-
Selecteer in het contextmenu Zoeken in de optie Bestanden met.
-
Selecteer in het aangrenzende contextmenu de naam van het bibliotheekitem dat u zojuist hebt gemaakt.
-
Zorg ervoor dat voor de optie Bijwerken tevens Bibliotheekitems is geselecteerd en klik vervolgens op Starten.
-
Wanneer het bijwerken is voltooid, klikt u op Sluiten.