Teemat ja nahat

Kuten olemme nähneet sivupohja vaikuttaa yleiseen rakenteeseen sarja sivuja sovelluksen sisällä (tai sivuston) verkkosivuilla. Kuitenkin lähes aina täytäntöönpanossa sivuston sinun täytyy hallita muita elementtejä, jotka voi vaihtaa sivulta toiselle, vaan on pysyttävä vakaana saman sivun (kuten fontin teksti). Tällaisessa tilanteessa on erittäin hyödyllinen työkalu nimeltään Teemat.

Jos olet perehtynyt CSS (CSS) et vaikea ymmärtää toimintaa kysymyksiä. Kaksi tekniikkaa ovat samankaltaisia, koska molemmat itse voit määritellä visuaalinen tyyli sivustostamme. Se voi käyttää teemoja määrittää tyylejä, grafiikkaa ja muita elementtejä sivuilta sivustomme.

Teemat ovat periaatteessa tekstitiedostoja, jotka määrittävät ominaisuudet että elementit sivu on oletettava ASP.NET ja se sisältää useita oletuksena, mutta voit toki määritellä omia.

Jatka esimerkki. Luo uusi web-lomakkeen (kutsun sitä EsempioTemi.aspx) ja sitten hiiren oikeaa nappia projektimme ja valitse Lisää ASP.NET kansio vaihtoehto ja valitse kansio tyypin Teema

Tämä johtaa siihen, että luodaan kansion sisällä App_Themes kanssa oletuskansioon (kutsutaan Theme1)

Nimeä kansio Theme1 poisjäänyttä ja klikkaa sitä hiiren oikealla painikkeella, lisäämällä uuden elementin tyypin StyleSheet (style sheet). Kutsumme sama default.css

Tässä vaiheessa meidän on asetettava ominaisuuksia meidän tyylisivun. Jos me kaksoisnapsauta sitä näemme, että on vain body

Voit lisätä uusia kohteita klikkaa Lisää tyylisäännöt Valikko tyylit

Tämä avaa seuraavan ikkunan

Oletetaan, että haluat lisätä H1 elementti meidän tyylisivu. Element valitse pudotusvalikosta ja klikkaa H1 elementti>-painiketta aseta se tyylisäännöt hierarkia luettelo

Valitse OK, kun näemme, että tyylisivu on muuttunut seuraavasti

Voit muokata alkiota vain asetettu meillä klikkaa hiiren oikealla näppäimellä sen tunnisteen ja valitsemalla Build Style vaihtoehto. Tämä avaa Muokkaa tyyli-valintaikkunan, jossa aiomme asettaa joitakin ominaisuuksia mieleisekseen

Kun napsautat OK näemme valintoja sisältyy tyylitiedoston

Testaamme teema nyt lisäämällä web-lomakkeella loi alussa oppitunnin direktiivin Teema ja kirjoittaa jotain H1 tageja

Tekstissä että tulin olin testaus sovellus tyyliä ja se näkyy selaimessa mukaan meidän tyylisivun iPost

Sama tapahtuu kaikille elementeille meidän ympäröidään H1 tunnisteita. Selvästi olemme käyttäneet tätä tagia esimerkkinä mutta periaatteessa samalla tavalla voit muokata kaikkia elementtejä web-lomakkeen.

Lopuksi aion käsitellä lyhyesti ns ihoa. Nämä tekijät ovat tapa määrittää jotkin ominaisuudet ryhmä valvonnan. Esimerkiksi saatat haluta määrittää erilaisia ​​värimalleja tietyn tyyppinen ohjaus (kuten TextBox) luonnehtii eri muokattavissa ominaisuuksia.

Määrittelemällä sopiva iho voivat tarjota useita näyttövaihtoehtoja ryhmä valvonnan ilman tarvetta asettaa ominaisuudet kullekin esimerkiksi kunkin. Jos esimerkiksi Web-lomake TextBox sisältää kymmenen ja haluamme antaa heille joitakin muotoiluja vain määritellä aiheelliset ihoa ja antaa jokaiselle ruutuihin. Joten tiedostot ihon määritellä tietyntyyppinen ohjaus ja attribuutteja, jotka koskevat kaikkia tapauksia sama.

Tässä esimerkki. Luo uusi kansio sisälle kansio nimeltä Skins Default nähnyt aiemmin ja lisätä uusi elementti sisällä ihotyyppi kutsutaan TestSkinFile

Lisää siihen luotu tiedosto räätälöinnit jostain tarkastukset kuten seuraavat

Näin kun lisäämme Web-lomakkeella osia iho, he ottavat ominaisuuksiltaan. Ilmeisesti tämä tapahtuu niin, että iho on ilmoitettava sisällä sivu, samanlainen kuin mitä tehtiin aiemmin teema.

• <<Edellinen Oppitunti
• Ohjehakemisto
• Seuraava oppitunti>>