Hvordan bruke CoffeeCup Stylesheet Maker

May 3

Hvis du er ute etter en enkel måte å endre utseende på mange sider på nettstedet ditt med en minimal om programmering, Cascading Style Sheets (CSS), er en måte å gjøre det. Når du gjør endringer i CSS-filen, alle sider som refererer til at CSS- filen vil gjenspeile endringene. CoffeeCup Stylesheet Maker er et tekstredigeringsprogram med masse "Hva du ser er hva du får" (WYSIWYG) funksjoner som hjelper de med begrenset CSS programmeringskunnskaper for å formidle sitewide endringer i tekst, bakgrunner og mer. Når det er sagt, vil du fortsatt trenger grunnleggende CSS programmeringskunnskaper for å navigere gjennom koden i Stylesheet Maker.

Bruksanvisning

Font design

1 Åpne en ny stilark fil.

2 Velg "Body" fra "Velg en Tag" drop-down på verktøylinjen. Dette vil skape en body-koden i dokumentet

3 Plasser markøren inne i parentesene i kroppen tag.

4 Klikk på "Skrift Designer" ikonet fra verktøylinjen. Dette åpner et pop-up vindu der du kan velge skriftegenskaper du ønsker, inkludert variasjoner i font familien, skriftstørrelse og skriftegenskaper.

5 Klikk "Cool" når du har valgt skriftalternativer for å se dem vises i prosjektvinduet.

Endre Tekstjustering

6 Plasser markøren inne i kroppen tag.

7 Klikk på "Alignment" -ikonet på verktøylinjen. Dette åpner et pop-up vindu der du kan velge din tekst-innrykk eiendom, line-height eiendom, ord og bokstavavstand, vertikal-align eiendom og tekst-justering eiendom.

8 Klikk "Cool" når du har valgt dine justeringsalternativene for å se dem vises i prosjektvinduet.

Endre farger

9 Plasser markøren inne i kroppen tag.

10 Klikk på "Color og Bakgrunn" -ikonet på verktøylinjen. Dette åpner et pop-up vindu der du kan velge en bakgrunnsfarge fra en palett, tekst farge fra en palett, og hvis du vil, kan du også laste opp et bilde som skal brukes som bakgrunn for dette grensesnittet.

11 Klikk "Cool" når du har valgt dine fargealternativer for å se dem vises i prosjektvinduet.

Implementering endringer

12 Lagre filen som en CSS-fil. For eksempel, "mystylesheet.css" er helt akseptabelt. Det kan være lurt å nevne stilarket på en måte som er relatert til sidene det påvirker. For eksempel, "productpages.css" eller "contentpages.css" er lett å huske.

1. 3 Last opp filen til nettstedet ditt, helst i rotkatalogen så filen på nettstedet ditt ville være http://www.mysite.com/mystylesheet.com.

14 Kopier følgende kode i hodet delen av sidene du ønsker å reflektere koding i Css-filen.

Husk å bruke navnet på stil inne i href taggen.

Hint

Alltid lagre sikkerhetskopier av filene du endrer. Ved programmering feil, kan du alltid gå tilbake til den opprinnelige filen.
Det finnes hundrevis av bøker dedikert til CSS programmering. Lære det grunnleggende om CSS programmering vil hjelpe deg å gå gjennom Stylesheet Maker raskere og med mer selvtillit.
Hvis du er ny til CSS, prøving og feiling er din beste venn. Føl deg fri til å finpusse koden, lagre det, og deretter oppdatere siden for å se endringene som mange ganger du vil frem til siden ser akkurat som du ønsker det.