Operation Manual

Naar boven
Naar boven
Als u een element of knooppunt wilt selecteren, klikt u op het
element of het knooppunt. Als u een element of een knooppunt
wilt uitvouwen of samenvouwen, klikt u op de HTML-code of
dubbelklikt u op de kiezer naast de tag.
Als u een element of een knooppunt wilt dupliceren, klikt u op het
element of het knooppunt en klikt u op Dupliceren. Wanneer u een
element dupliceert dat is gekoppeld aan een id, wordt de id voor
het nieuwe (gedupliceerde) element verhoogd.
Als u een element of een knooppunt wilt kopiëren, klikt u met de
rechtermuisknop op het element of het knooppunt en klikt u op
Kopiëren. Als u een element met onderliggende items kopieert,
worden ook de onderliggende elementen gekopieerd.
Als u een element of een knooppunt wilt plakken, klikt u op het
Sneltoetsen:
Dupliceren - Ctrl + D (Win)/
Cmd + D (Mac)
Verwijderen - Del of
Backspace
Kopiëren - Ctrl + C
(Win)/Cmd + C (Mac)
Plakken - Ctrl + V (Win)/Cmd
+ V (Mac)
Ongedaan maken - Ctrl + Z
(Win)/Cmd + Z (Mac)
Opnieuw - Ctrl + Y (Win)/Cmd
U kunt het deelvenster DOM verplaatsen en op een handige plaats in de gebruikersinterface neerzetten. U
kunt ook het deelvenster samen met andere deelvensters vastzetten.
Snelle elementweergave gebruiken
1. Open het gewenste document en open vervolgens het DOM-deelvenster door Venster >
DOM te selecteren.
2. Schakel over naar Live View en klik op het element dat u wilt controleren of bewerken.
De HTML-opmaak van het geselecteerde element wordt gemarkeerd in het
deelvenster DOM.
De toegepaste kiezer wordt gemarkeerd in CSS ontwerpen.
De relevante code wordt gemarkeerd in de codeweergave.
De desbetreffende tag wordt gemarkeerd (blauw) in tagkiezer.
U kunt ook een HTML-element selecteren in het deelvenster DOM. Wanneer u op een
willekeurig element in het deelvenster DOM klikt:
Live View schuift naar het desbetreffende element.
Als Codeweergave is geopend, schuift de codeweergave naar de code die
correspondeert met het element.
CSS ontwerper (deelvenster Kiezers schuift naar de dichtstbijzijnde
corresponderende kiezer (net als wanneer u op het element klikt in Live View).
De tag wordt gemarkeerd in de Tagkiezer.
Met dit synchroniseren tussen verschillende weergaven en CSS ontwerpen kunt u in een
oogopslag de HTML-opmaak en -stijl visualiseren die aan het geselecteerde element is
gekoppeld.
3. Ga verder met bewerken zoals gewenst (bewerken van HTML of CSS). Zie De HTML-
structuur bewerken met het deelvenster DOM voor informatie over het bewerken van
HTML-opmaak met het deelvenster DOM. Zie Deelvenster CSS ontwerpen voor
informatie over CSS ontwerpen.
De HTML-structuur bewerken met het deelvenster DOM
Het huidige geselecteerde element op de pagina wordt gemarkeerd in het deelvenster DOM. U kunt met de
pijltoetsen naar elk knooppunt of element gaan.
359