Sådan ændres Spry-aktiver i Dreamweaver

Spry-aktiver i Adobe Dreamweaver er præbyggede sideelementer bestående af HTML, Cascading Style Sheets og JavaScript. HTML er siden markup sprog, der bruges til at oprette websider; Cascading Style Sheets, eller CSS, bruges til at formatere udseendet af HTML-dokumenter; og JavaScript er et meget brugt script-sprog på kundesiden. Dreamweaver kommer med mange Spry-aktiver til at oprette flere typer menuer, navigationsstænger og formelementer. Du kan ændre udseendet af et Spry-aktiv ved at redigere sine CSS-regler.

1.

Åbn Dreamweaver HTML-filen, der indeholder et spry-aktiv, som du vil ændre eller starte en ny HTML-fil ved at klikke på menuen "Fil" og vælge "Ny". Dialogboksen Ny dokument åbnes. Vælg "HTML" fra listen Type og vælg det ønskede layout fra listen Layout. Klik på knappen "Opret".

2.

Klik på "Fil" menuen og vælg "Gem som." Dialogboksen Gem som åbnes. Navngiv og gem din fil.

3.

Klik på din musemarkør på siden, hvor du vil indsætte et Spry-aktiv.

4.

Klik på "Indsæt" menuen, vælg "Spry" og vælg derefter et Spry-aktiv fra udvidelsesmenuen. Dreamweaver indsætter Spry-aktivet på siden. Den type sideelement, der oprettes, afhænger af Spry-indstillingen. Hvis du for eksempel vælger en Spry-menu, indsætter Dreamweaver en menu; Hvis du vælger et Spry-formularfelt, indsætter Dreamweaver et formularfelt. Du kan redigere et bestemt objekt i elementet, som f.eks. En menu label eller formularfelt, ved at markere det og derefter redigere objektets CSS-regler.

5.

Vælg det objekt, du vil redigere.

6.

Gå til panelet "Egenskaber" og klik på "Edit Rule" knappen for at åbne dialogboksen CSS Rule Definition for det valgte objekt. Du kan foretage mange ændringer i objektets udseende. For eksempel, for at ændre udseendet af tekst, skal du klikke på "Type" i kategorilisten. Dette viser muligheder for ændring af egenskaberne for den markerede tekst i sideelementet, såsom skrifttypefamilie, skriftstørrelse og skrifttypestil. Du kan også ændre baggrunden, grænsestilen og mange andre egenskaber fra denne dialogboks.

7.

Afslut dine ændringer, og klik derefter på "Anvend". Dreamweaver viser ændringerne på siden. Klik på "OK" for at lukke dialogboksen CSS Rule Definition.

8.

Vælg et andet objekt, du vil ændre, og klik på knappen "CSS Rule".

9.

Gør ændringer som beskrevet i trin 6 og 7.

Ting, der er nødvendige

  • Adobe Dreamweaver CS3 eller nyere

Tip

  • Mange af Dreamweaver's Spry-aktiver kræver understøttende grafik og JavaScript. Når du indsætter et Spry-aktiv på en side, opretter og gemmer Dreamweaver de understøttende filer i en mappe med navnet "Spry Assets." Når du uploader din webside til din server, skal du også uploade mappen Spry Assets; Ellers fungerer elementet Spry webside ikke korrekt.
 

Efterlad Din Kommentar