Temaer og skind

Som vi har set mastersiden påvirke den generelle struktur af en række sider i en applikation (eller hjemmeside) hjemmeside. Men næsten altid i forbindelse med gennemførelsen af ​​et websted, du har brug for at administrere andre elementer, der kan skifte fra side til side, men skal være konstante inden for samme side (ligesom skrifttype i teksten). I sådanne scenarier er et meget nyttigt værktøj, der hedder Temaer.

Hvis du er fortrolig med Cascading Style Sheets (CSS) Du vil ikke være svært at forstå funktionen af ​​de spørgsmål. De to teknikker er ens, fordi både i virkeligheden kan du definere den visuelle stil i vores web-sider. Det kan bruge temaer til at angive stilarter, grafik og andre elementer i de sider af vores hjemmeside.

Temaerne er grundlæggende tekstfiler, der angiver de egenskaber, at de dele af en side skal påtage sig ASP.NET, og det omfatter flere standard, men du kan naturligvis definere dine egne.

Fortsæt med et eksempel. Opret en ny webformular (jeg kalder det EsempioTemi.aspx), og så er vi på den højre museknap på vores projekt og vælge Add ASP.NET Folder valgmulighed og vælge den mappe som et tema

Dette fører til oprettelsen af ​​mappen inde App_Themes med en standardmappe (kaldet Theme1)

Omdøb mappen Theme1 i Standard og klik på den med højre museknap, at tilføje et nyt element af type stylesheet (typografiark). Vi kalder det samme default.css

På dette punkt er vi nødt til at indstille egenskaber ved vores stylesheet. Hvis vi dobbeltklik på den, vil vi se, at der kun indeholder et sæt tag

For at tilføje nye elementer skal du klikke på Tilføj Style regel Menu Styles

Dermed åbnes følgende vindue

Antag, at du ønsker at tilføje en H1 element til vores stylesheet. Element vælger i dropdown menuen og klikke på h1 element> knappen for at placere den i Style regel hierarki liste

Klik på OK, når vi se, at stylesheet er ændret som følger

For at redigere elementet lige har indsat vi klikker med højre museknap på sit tag, og vælg Byg Style mulighed. Dette vil åbne dialogboksen Rediger typografi, hvor vi kommer til at sætte nogle ejendomme vil

Når du har klikket på OK, vi ser vores valg inkluderet i stilarket

Vi tester vores tema nu ved at lægge webformularen oprettet i begyndelsen af ​​lektionen direktiv Tema og skrive noget i h1 tags

Den tekst, som jeg kom ind var jeg teste programmet stil, og det vil blive vist i browseren i henhold til vores stylesheet iPost

Det samme vil ske for alle elementer af vores omsluttet af h1 tags. Klart, at vi har brugt dette tag som et eksempel, men i princippet på samme måde, som du kan tilpasse alle elementer i en webformular.

Endelig vil jeg kort komme ind på den såkaldte hud. Disse elementer er en måde at konfigurere nogle egenskaber for en gruppe af kontrol. For eksempel kan du definere forskellige farveskemaer til en bestemt type kontrol (f.eks TextBox) karakteriseret ved forskellige tilpasselig egenskaber.

Ved at definere en passende huden kan stille en række visningsmuligheder for en gruppe af kontrol, uden at det er nødvendigt at indstille egenskaber for hver forekomst af hver. For eksempel, bare hvis en webformular TextBox indeholder ti og ønsker at give dem nogle formatering definere en passende hud og tildele hver af de tekstbokse. Så filerne i en hud fastlæggelse af en særlig form for kontrol, og de attributter, der gælder for alle forekomster af det samme.

Her er et eksempel. Opret en ny mappe inde i mappen hedder Skins Standard set tidligere og tilføje et nyt element til indersiden hudtype kaldes TestSkinFile

Indsæt i den genererede fil tilpasninger for nogle kontrolelementer som følgende

På denne måde, når vi tilføjer en webformular komponenter i huden vil de tage de funktioner sæt. Naturligvis er dette er gjort, så huden skal deklareres på siden, svarende til hvad der blev gjort tidligere for temaet.

• <<Forrige lektion
• Indeks til Hjælp
• Næste lektion>>