Temaer og skins

Som vi har sett malsiden påvirke den generelle strukturen i en serie av sider innenfor et program (eller et nettsted) nettsider. Men nesten alltid i gjennomføringen av et nettsted du trenger for å administrere andre elementer som kan endre seg fra side til side, men må forbli stabile innenfor samme side (for eksempel skrifttype for teksten). I slike scenarier, er et svært nyttig verktøy såkalte themes.

Hvis du er kjent med Cascading Style Sheets (CSS) du ikke vil være vanskelig å forstå funksjonen av problemene. De to teknikkene er like fordi begge Faktisk kan du definere den visuelle stilen til våre websider. Det kan bruke temaer for å spesifisere stiler, grafikk og andre elementer på sidene av nettstedet vårt.

Temaene er i utgangspunktet tekstfiler som angir egenskaper som elementene på en side må ta, og det omfatter flere ASP.NET standard, men du kan selvfølgelig definere dine egne.

Vi fortsetter med et eksempel. Opprett et nytt webskjema (jeg kaller det EsempioTemi.aspx) og deretter klikker vi med høyre museknapp på prosjektet vårt og velg Legg til ASP.NET mappe alternativet og velg mappen type som et tema

Dette fører til opprettelsen av mappen inni en mappe med App_Themes default (kalt Theme1)

Endre navnet på mappen Theme1 til Standard og klikk på den med høyre museknapp, og legger et nytt element av typen StyleSheet (style sheet). Vi kaller det samme default.css

På dette punktet må vi sette karakteristikker av våre stilark. Hvis vi dobbeltklikk på det vi vil se at den inneholder bare en body-koden

For å legge til nye elementer klikk på Legg Stil Rule menystiler

Dette åpner følgende vindu

Anta at du vil sette inn en H1 element til vårt stilark. Vi velger Element drop-down menyen og klikk på element h1> knappen for å legge den til i listen Stil regelen hierarki

Klikk OK når vi ser at stilarket er endret som følger

For å endre elementet bare satt vi klikker med høyre museknapp på tag sin og velg Build stilvalg. Dette vil åpne Endre stil dialog, hvor vi skal sette noen egenskaper på vilje

Etter å ha klikket OK, ser vi våre valg inkludert i stilarket

Vi tester våre tema nå legge til webskjema opprettet i begynnelsen av leksjonen direktivet Tema og skrive noe i h1 tagger

Teksten jeg kom var jeg teste applikasjonen stilen og det vil vises i nettleseren etter våre style sheet IPOST

Det samme vil skje for alle elementer av vår vedlagt i H1 tagger. Klart vi har brukt dette merket som et eksempel, men i prinsippet på en lignende måte kan du tilpasse alle elementene i et webskjema.

Til slutt vil jeg berøre kort på den såkalte hud. Disse elementene er en måte å konfigurere noen egenskaper av en gruppe kontroller. For eksempel ønsker du kanskje å definere forskjellige fargevalg for en bestemt type kontroll (som TextBox) preget av ulike egenskaper som kan tilpasses.

Ved å definere de riktige huden kan gjøre tilgjengelig en rekke visningsalternativer for en gruppe kontroller uten å måtte angi egenskaper for hver forekomst av hver av dem. For eksempel, hvis en web-skjema inneholder ti TextBox og ønsker å gi dem noen formatering bare definere den aktuelle huden og tilordne til hver av tekstboksene. Så en hud fil definerer en bestemt type kontroll og attributtene som gjelder for alle forekomster av det samme.

La oss se et eksempel. Opprett en ny mappe som heter Skins i Standard mappevisning over og legge til et nytt element til innsiden hudtype kalt TestSkinFile

Filen genereres sette tilpasninger for noen kontroller for eksempel følgende

Dermed når vi legger et webskjema komponenter i huden, vil de ta funksjonene sett. Selvfølgelig må du deklarere dette skal skje slik at huden på siden, lik det som ble gjort tidligere for temaet.

• <<Forrige Leksjon
• Hjelp
• Neste Leksjon>>