Hvordan å gjøre en Gjenta Tag i Dreamweaver

Hvordan å gjøre en Gjenta Tag i Dreamweaver


Webdesignere bruke HTML-repeat, eller background-repeat, tag for å lage bakgrunn fra bilder for stilark, eller CSS, containere, tabellceller og hele nettsider. De gjentar tag fliser og gjentar et bakgrunnsbilde til å fylle en hel område på en webside. Dreamweaver, en ledende web-side design program, kan du sette inn og gjenta bakgrunnsbilder kontekstuelt, basert på området på siden du jobber i. For eksempel kan du gjenta et bakgrunnsbilde i en CSS container fra dialogboksen CSS Rule eske.

Bruksanvisning

Legg et gjentatt Bakgrunn for en hel side

1 Åpne en eksisterende Dreamweaver HTML-side der du ønsker å opprette en gjentagende bakgrunn, eller starte en ny HTML-side: Klikk på "File" -menyen, og velg "New". Dette viser "Nytt dokument" dialogboksen. Velg "HTML" som sidetypen og ønsket layout fra Layout-listen, og klikk deretter på "Create".

2 Klikk på "Endre" -menyen, og velg "Page Properties". Dette åpner siden dialogboksen Egenskaper.

3 Velg "Utseende (CSS)" i listen Kategori. Klikk på "Browse" -knappen ved siden av bakgrunnsbildet feltet for å åpne Select Image Source dialogboksen. Naviger til bildet du ønsker å bruke som bakgrunn for siden din, velg den og velg "OK". Den typiske bakgrunnsbilde er en liten illustrasjon av et mønster eller tekstur som vil flis godt og ser bra ut som en bakgrunn bak webinnhold.

4 Klikk på "Repeat" drop-down menyen i Sideegenskaper, og velg "Repeat". Du kan også velge å flis bakgrunnen grafikk på akkurat sin X eller Y-aksen, eller horisontalt eller vertikalt, ved å velge enten "gjenta-x" eller "repeat-y" fra rullegardinmenyen Gjenta.

5 Klikk på "OK". Dreamweaver gjentar og fliser på bildet for å dekke hele websiden.

Legg et gjentatt Bakgrunn til en CSS Container

6 Åpne en eksisterende Dreamweaver HTML-side der du ønsker å lage en bakgrunn, eller starte en ny HTML-side: Klikk på "File" -menyen, og velg "New". Dette viser "Nytt dokument" dialogboksen. Velg "HTML" som sidetypen og ønsket layout fra Layout-listen, og klikk deretter på "Create".

7 Klikk på "Målrettet Rule" drop-down menyen i Properties-panelet, og velg CSS objektet du vil redigere, klikk på "Rediger regel" -knappen. For eksempel, hvis du har CSS-regel som definerer en sidebar område på siden, kan du redigere denne regelen for å legge til en repeterende bildebakgrunn til sidepanelet. Dette åpner dialogen Definisjon CSS Rule boksen.

8 Klikk "Bakgrunn" i Kategori-listen, klikk på "Browse" -knappen ved siden av bakgrunnsbildet feltet for å åpne Select Image Source dialogboksen. Naviger til bildet du ønsker å bruke som bakgrunn for CSS-regel, velger du den og velg "OK".

9 Klikk på "Bakgrunn-repeat" drop-down menyen i Sideegenskaper, og velg "Repeat".

10 Klikk på "OK". Dreamweaver gjentar og fliser på bildet for å fylle området på siden formatert av CSS-regel.

Hint

  • Du bør bruke lys-farget og dempede mønstre og strukturer som bakgrunn, slik at de ikke gjør forgrunnen innhold vanskelig å se og lese.