Indholdsfortegnelse:
Video: From Adobe XD Prototype to HTML, CSS & JS - Making an Animated Mega Menu 2024
Nogle almindeligt anvendte HTML-elementer (som billeder eller formularer) indsættes direkte fra menupunkterne i Dreamweaver Insert menu. Men du kan også indsætte en hvilken som helst HTML-tag fra menuen ved at vælge Indsæt → Tag og udvid HTML-tags mappen.
For eksempel, med markeringen markeret, forklarer feltet Tag info-område, hvad dette tag gør (gælder med fed skrift) og giver et eksempel.
Brug Tagvalgspanelet
For at bruge Tagvalgspanelet til at anvende tags, vælg først tekst og klik derefter på knappen Indsæt. Du kan holde panelet Tagvelger åbent, når du redigerer din side, og vælg tekst med panelet åbent.
Når du klikker på knappen Indsæt i Tagvalgspanelet, åbnes dialogboksen Tag Editor. Her kan du definere parametre for dit tag. Etiketter ændres med parametre, og du kan definere parametre for det tag, du bruger med dialogboksen Tag Editor. Her anvendes f.eks. En titelattribut (popup-tekst) til -taggen.
Når du har defineret tagparametre i dialogboksen Tag editor, skal du klikke på OK for at anvende elementet til den valgte tekst.
Samlet set er Tag Chooser-panelet en komplet reference og assistent til at vælge og anvende HTML.
Indsæt HTML-menuen
Når du har set, hvor kraftig tagvelgeren er, kan du måske undre dig over, hvorfor Dreamweaver også har en Indsæt → HTML undermenu. For det meste er det et evolutionært holdover fra tidligere versioner af Dreamweaver. Men undertiden giver undermenuen HTML hurtigere adgang til almindelige HTML-elementer end den encyklopediske Tag Chooser.
En af vores foretrukne muligheder her får hurtig adgang til websideens indhold på hovedet. Vælg Indsæt → HTML → Hovedmærker åbner dialogbokse for at definere metadata, f.eks. Sidebeskrivelse og søgeord.