Tēmas un ādas

Kā mēs jau redzējām lapu šablonu ietekmēt vispārējo struktūru sērijas lappuses pieteikumu (vietnes) mājas lapā. Tomēr gandrīz vienmēr, īstenojot vietnē jūs ir nepieciešams pārvaldīt citi elementi, kas var mainīties no lapas uz lapu, bet ir palikuši tajā pašā lapā (piemēram, fonta tekstu). Šajos scenārijos ir ļoti noderīgs instruments, ko sauc Tēmas.

Ja Jūs esat iepazinušies ar Cascading Style Sheets (CSS), jums nebūs grūti saprast darbību jautājumiem. Divas metodes ir līdzīgas, jo abi patiesībā jūs varat definēt vizuālais stils mūsu mājas lapas. Tas var izmantot tēmas, lai norādītu stilu, grafikas un citu elementu mūsu vietnes lapas.

Tēmas pamatā ir teksta faili, kas nosaka īpašības, kas no lapas elementiem ir jāuzņemas ASP.NET, un tajā iekļauti vairāki noklusējuma, lai gan jūs, protams, var noteikt savu.

Turpiniet ar piemēru. Izveidot jaunu tīmekļa veidlapu (es saucu to EsempioTemi.aspx), un tad mēs noklikšķiniet ar peles labo pogu uz mūsu projekta un izvēlieties Pievienot ASP.NET mapes opciju un izvēlieties mapi, tipa, Theme

Tas noved pie izveidot mapi iekšpusē App_Themes ar noklusējuma mape (ko sauc Theme1)

Pārdēvēt mapi Theme1 aizmuguriski un noklikšķiniet uz tā ar peles labo pogu, pievienojot jaunu elementu tipa stila lapu (stila lapas). Mēs saucam to pašu default.css

Šajā brīdī mums ir noteikt īpašības, mūsu stilu lapas. Ja mēs divreiz uzklikšķiniet uz tā mēs redzam, ka ir tikai ķermeņa tag

Lai pievienotu jaunus failus, noklikšķiniet uz Pievienot Style Reglamenta izvēlnes stiliem

Tas paver šādu logu

Pieņemsim, ka vēlaties pievienot H1 elements mūsu stilu lapas. Elements atlasīt nolaižamo izvēlni un noklikšķiniet uz h1 elementu> pogu, lai izvietotu to Style noteikumu hierarhiju saraksts

Noklikšķiniet uz Labi, kad mēs redzam, ka stylesheet ir mainīts sekojoši

Lai rediģētu objektu vienkārši ievietota mēs noklikšķiniet ar peles labo pogu uz tās tagu un izvēlēties Build Style iespēju. Tas atvērs Modificēt stilu dialoglodziņš, kur mēs ejam, lai noteiktu dažus rekvizītus pēc vēlēšanās

Pēc noklikšķināšanas uz Labi mēs redzam mūsu izvēli iekļauti stylesheet

Mēs testa mūsu tēma tagad, pievienojot tīmekļa veidlapas izveidota sākumā nodarbības direktīvas tēmas un rakstīt kaut ko h1 tagus

Teksts, ko esmu ievadījis man bija testēšana pieteikuma stils un tas tiks parādīts pārlūkprogrammā saskaņā ar mūsu stilu lapas IPOST

Tas pats notiks, visiem mūsu slēgtās elementu h1 tagi. Protams, mēs esam izmantojuši šo tagu, kā piemērs, bet principā tādā pašā veidā jūs varat pielāgot visus elementus, tīmekļa veidlapu.

Beidzot man būs touch īsumā par tā saukto ādu. Šie elementi ir veids, kā konfigurēt dažus īpašības vadīklu grupas. Piemēram, jūs varētu vēlēties definēt dažādas krāsu shēmas konkrēta veida kontrole (piemēram, TextBox), ko raksturo vairāki pielāgojami īpašības.

Nosakot piemērotu ādas, var padarīt pieejamus displeja opcijas grupā pārbaužu skaitu bez nepieciešamības noteikt rekvizītus katram gadījumam katrā. Piemēram, ja tīmekļa formā TextBox ir desmit, un vēlamies sniegt viņiem kādu formatējumu tikai nosaka piemērotu ādas un katram no tekstlodziņus. Tātad ādā failiem noteiktu specifisku kontroles tipa un īpašībām, kas attiecas uz visiem vienas gadījumos.

Lūk, piemērs. Izveidojiet jaunu mapi iekšpusē mapi sauc Skins Default redzējām un pievienot jaunu elementu iekšpusē ādas tipa sauc TestSkinFile

Ievietojiet kas rada failu pielāgojumus dažiem, piemēram, šādu kontroles

Tādā veidā, kad mēs pievienot tīmekļa veidlapu sastāvdaļas ādas, tās veiks iezīmēm. Acīmredzot tas tiek darīts tāpēc, ka āda ir deklarētas ar lapu, līdzīgi kā tas tika darīts agrāk tēmai.

• <<Iepriekšējā nodarbība
• Help Index
• Nākamā nodarbība>>