Operation Manual

447
DREAMWEAVER GEBRUIKEN
Spry-pagina's visueel opbouwen
Laatst bijgewerkt 2/5/2011
Een doelkenmerk toewijzen voor een menu-item
Het doelkenmerk bepaalt waar u een gekoppelde pagina wilt openen. U kunt bijvoorbeeld een doelkenmerk aan een
menu-item toekennen zodat de gekoppelde pagina in een nieuw browservenster wordt geopend wanneer de bezoeker
op de koppeling klikt. Als u framesets gebruikt, kunt u ook de naam opgeven van een frame waarin u de gekoppelde
pagina wilt openen.
1 Selecteer een menubalkwidget in het documentvenster.
2 Ga naar de eigenschappencontrole (Venster > Eigenschappen) en selecteer de naam van het menu-item waaraan u
een doelkenmerk wilt toekennen.
3 Voer een van de vier kenmerken in het vak Doel in:
_blank Hiermee opent u de gekoppelde pagina in een nieuw browservenster.
_self Hiermee laadt u de gekoppelde pagina in hetzelfde browservenster. Dit is de standaardoptie. Als de pagina zich
in een frame of frameset bevindt, wordt de pagina binnen dat frame geladen.
_parent Hiermee laadt u het gekoppelde document in de direct daarboven gelegen frameset van het document.
_top Hiermee laadt u de gekoppelde pagina in het meest bovenaan gelegen venster van een frameset.
Stijlen uitschakelen
U kunt de opmaak van een menubalkwidget uitzetten zodat de HTML-structuur van de widget in de ontwerpweergave
beter zichtbaar is. Wanneer u de opmaak uitschakelt, worden menubalkitems bijvoorbeeld als een opsomming op de
pagina weergegeven, in plaats van als de opgemaakte items van de menubalk.
1 Selecteer een menubalkwidget in het documentvenster.
2 Klik op de knop Stijlen uitschakelen in de eigenschappencontrole (Venster > Eigenschappen).
De richting van een menubalkwidget wijzigen
U kunt de richting van een menubalkwidget wijzigen van horizontaal in verticaal en andersom. U hoeft alleen de
HTML-code voor de menubalk aan te passen en ervoor te zorgen dat het juiste CSS-bestand in de map SpryAssets
staat.
In het volgende voorbeeld wordt een horizontale menubalkwidget gewijzigd in een verticale menubalkwidget.
1 In Dreamweaver wordt de pagina geopend die een horizontale menubalkwidget bevat.
2 Voeg een verticale menubalkwidget in (Invoegen > Spry > Spry-menubalk) en sla de pagina op. Met deze stap zorgt
u ervoor dat het juiste CSS-Bestand voor een verticale menubalk op uw site wordt opgenomen.
Opmerking: Als de site al ergens anders een verticale menubalkwidget heeft, hoeft u deze stap niet uit te voeren. U kunt
het bestand SpryMenuBarVertical.css ook heel eenvoudig aan de pagina koppelen door in het deelvenster CSS-stijlen
(Venster > CSS-stijlen) op de knop Stijlpagina koppelen te klikken.
3 Verwijder de verticale menubalk.
4 Ga naar de codeweergave (Beeld > Code), zoek de klasse MenuBarHorizontal en verander deze in
MenuBarVertical. De klasse MenuBarHorizontal is gedefinieerd in de tag
ul in de container van de menubalk (<ul
id="MenuBar1" class="MenuBarHorizontal">).
5 Zoek na de code voor de menubalk de constructor van de menubalk:
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",
{imgDown:"SpryAssets/SpryMenuBarDownHover.gif",
imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
6 Verwijder de laadoptie imgDown (inclusief komma) uit de constructor: