Teme i kože

Kao što smo vidjeli stranice majstor utječu na opću strukturu niza web stranica unutar aplikacije (ili stranica) web stranice. Međutim, gotovo uvijek u provedbi stranica vam je potrebno za upravljanje drugim elementima koji se mogu mijenjati sa stranice na stranicu, ali moraju ostati stabilna unutar iste stranice (kao što je font teksta). U takvim scenarijima, vrlo koristan alat je tzv Teme.

Ako ste upoznati s Cascading Style Sheets (CSS) vam neće biti teško razumjeti funkcioniranje pitanja. Dvije tehnike su slični jer obje stvari možete definirati vizualni stil naše web stranice. To se može koristiti za određivanje teme stilova, grafike i druge elemente na stranicama naših stranica.

Teme su u osnovi tekstualne datoteke koje određuju obilježja koja elemente stranice potrebno poduzeti i to uključuje nekoliko ASP.NET zadane, iako se može, naravno, definirati vlastite.

Mi smo nastavili s primjerom. Stvaranje nove web obrazac (ja ga zovu EsempioTemi.aspx), a zatim smo kliknete desnom tipkom miša na naš projekt i odaberite Dodaj ASP.NET mape opciju i odaberite mapu tipa kao temu

To dovodi do stvaranja mape unutar mapa sa zadanim App_Themes (tzv. Theme1)

Preimenujte mapu Theme1 Default i kliknite na njega desnom tipkom miša, dodajući novi element tipa stil (style sheet). Zovemo isti default.css

U ovom trenutku moramo postaviti obilježja našeg lista stila. Ako dvostruko kliknete na nju vidjet ćemo da ona sadrži samo jedno tijelo oznaku

Za dodavanje novih stavki, kliknite na Dodaj Style Pravila Izbornik Stilovi

To otvara sljedeći prozor

Pretpostavimo da želite umetnuti H1 element našeg lista stila. Mi smo odabrali element padajućeg izbornika i kliknite na element H1> gumb da biste ga dodali pravilo stil popisa hijerarhiji

Kliknite OK kad vidimo da style sheet je izmijenjena kako slijedi

Da biste promijenili stavke samo umetnuta smo kliknete desnom tipkom miša na oznaku i odaberite izgraditi stil opciju. To će otvoriti prozor Izmjena Style, gdje ćemo postaviti neka svojstva po volji

Nakon što kliknete U redu, vidimo naš izbor uključeni u stil

Mi testiramo naše temu sada dodajući da je web obrazac stvoren na početku teme sat Direktive i pisanja nešto u H1 tagova

Tekst sam ušao sam testiranje aplikacija stil i ona će se prikazati u pregledniku prema našim IPOST style sheet

Ista stvar će se dogoditi za sve elemente naše zatvoren u H1 tagova. Jasno je da smo koristili ovu oznaku kao primjer, ali u principu na sličan način možete prilagoditi sve elemente web obrasca.

Na kraju ću dodir kratko na tzv kožu. Ovi elementi su način da se konfigurirati neka svojstva grupe kontrola. Na primjer, možda želite odrediti različite sheme boja za određenu vrstu kontrole (kao što je tekstni okvir) karakteriziraju različita svojstva prilagodljiv.

Definiranjem odgovarajući koža može staviti na raspolaganje određeni broj opcija prikaza za grupu kontrole, bez potrebe za postavljanje svojstava za svaku instancu svakog od njih. Na primjer, ako web-obrazac sadrži deset textbox i želite im dati neke oblikovanje samo odrediti odgovarajuću kože i dodijeliti svaki od tekstualnih okvira. Tada koža datoteke definira određenu vrstu kontrole i atribute koji se primjenjuju na sve instance iste.

Pogledajmo primjer. Stvorite novu mapu pod nazivom Maske u pogledu zadanu mapu iznad i dodajte novi element unutar tipu kože pod nazivom TestSkinFile

Datoteka generirana umetnuti prilagodbe za neke kontrole, kao što su

Tako kada smo dodali web-komponente oblik kože, oni će se značajke set. Naravno morate prijaviti da se to dogodi, tako da je koža na stranici, slično onome što je učinjeno ranije za temu.

• <<Prethodna Lekcija
• Pomoć Index
• Sljedeća Lekcija>>