Operation Manual
Selecteer andere inhoud op de pagina die u bewerkbaar wilt maken (zoals een tekstblok).
2. Kies Invoegen > InContext Editing > Bewerkbaar gebied maken.
3. De opties zijn afhankelijk van uw selectie.
Als u een div-, th- of td-tag hebt geselecteerd, transformeert Dreamweaver de tag in een bewerkbaar gebied zonder meer
stappen te volgen.
Als u een nieuw, leeg bewerkbaar gebied invoegt, voert u een van de volgende stappen uit:
Selecteer Nieuw bewerkbaar gebied invoegen op huidige invoegpositie en klik op OK. Dreamweaver voegt een div-tag
in de code in met het kenmerk ice:editable in de openingstag.
Selecteer De bovenliggende tag omzetten in een bewerkbaar gebied als u wilt dat Dreamweaver de bovenliggende
tag van de selectie het containerelement voor het gebied maakt. Alleen bepaalde HTML-tags zijn geschikt voor
omzetting: div, th en td.
Opmerking: Deze tweede optie is alleen beschikbaar als het bovenliggende knooppunt exact voldoet aan de criteria
voor omzetting. Het knooppunt moet bijvoorbeeld een van de genoemde omzetbare tags zijn en mag niet betrokken
zijn bij een van de fouten die worden vermeld in Foutberichten van InContext Editing.
Klik in het dialoogvenster Bewerkbaar gebied maken op OK wanneer u een bewerkbaar gebied van een Dreamweaver-
sjabloon hebt geselecteerd. Dreamweaver plaatst het bewerkbare gebied van de sjabloon tussen div-tags die als een
container fungeren voor het nieuwe bewerkbare InContext Editing-gebied.
Als u andere inhoud hebt geselecteerd om bewerkbaar te maken, voert u één van de volgende stappen uit:
Selecteer Huidige selectie tussen DIV-tags plaatsen en het vervolgens omzetten als u het geselecteerde item tussen
div-tags wilt plaatsen en in een bewerkbaar gebied wilt omzetten. De div-tags waartussen Dreamweaver de inhoud
plaatst, fungeert als de container voor het bewerkbare gebied.
Opmerking: Door div-tags aan pagina's toe te voegen, kunnen de paginaweergave en de effecten van CSS-regels
veranderen. Als u bijvoorbeeld een CSS-regel hebt waarmee een rode rand wordt toegepast rond div-tags, ziet u een
rode rand rond de huidige selectie wanneer Dreamweaver deze tussen div-tags plaatst en omzet. U kunt dit soort
conflicten vermijden, door de CSS-regels te herschrijven die de huidige selectie beïnvloeden of de omzetting
ongedaan te maken (Bewerken > Ongedaan maken), en een ondersteunde tag om te zetten die Dreamweaver niet
tussen div-tags hoeft te plaatsen.
Selecteer De bovenliggende tag omzetten in een bewerkbaar gebied als u wilt dat Dreamweaver de bovenliggende
tag van de selectie het containerelement voor het bewerkbare gebied maakt. Alleen bepaalde HTML-tags zijn geschikt
voor transformatie: div, th en td.
4. Klik in de Ontwerpweergave op de blauwe tab van het bewerkbare gebied om het te selecteren, als dit nog niet is gebeurd.
Opmerking: Als u in een Dreamweaver-sjabloon werkt, moet u erop letten dat u het bewerkbare InContext Editing-gebied
selecteert (het containergebied) en niet het bewerkbare gebied van de Dreamweaver-sjabloon.
5. Schakel opties in de eigenschappencontrole Bewerkbare gebieden in of uit. De opties die u selecteert, zijn beschikbaar voor
een gebruiker wanneer deze de inhoud van het bewerkbare gebied in een browser bewerkt. Als u bijvoorbeeld de optie Vet
selecteert, kan de gebruiker de tekst vet maken. Selecteert u de optie Genummerde lijst en lijst met opsommingstekens, dan
kan de gebruiker genummerde lijsten en lijsten met opsommingstekens maken, en als u de optie Koppeling selecteert, kan de
gebruiker koppelingen maken. Beweeg de cursor boven het pictogram van elke optie om knopinfo over de optie weer te
geven.
6. Sla de pagina op.
Als u de functie InContext Editing voor het eerst aan een pagina toevoegt, krijgt u bericht van Dreamweaver dat er
ondersteunende bestanden van InContext Editing aan uw site worden toegevoegd: ice.conf.js, ice.js, en ide.html. Laad deze
bestanden naar de server wanneer u de pagina laadt, anders zal de InContext Editing-functie niet werken in een browser.
Een InContext Editing-herhalingsgebied maken
Een InContext Editing-herhalingsgebied is een HTML-tagpaar dat het kenmerk ice:repeating bevat in de openingstag. Het herhalingsgebied
definieert een gebied op de pagina dat een gebruiker kan “herhalen" en waaraan een gebruiker inhoud kan toevoegen tijdens het bewerken in een
browser. U kunt bijvoorbeeld een koptekst met alinea omzetten in een herhalingsgebied dat door een gebruiker kan worden gedupliceerd op een
pagina.
561