Käyttöliittymä ja sivupohjat

Tunnusmerkki moderni sivustot on varmasti huomiota yksityiskohtiin ja helppokäyttöisyys eri sivujen säveltää niitä. Esimerkiksi suosituimmat sivustot perustuvat malleja värien ja merkistöt ovat samat jokaisella sivulla ja myös yksinkertainen ja intuitiivinen tapa selaillessani sivuja itse. Loput tapahtuu vähän kaikille pääsyn sivustoille sivujen kaikki erilaisia ​​ja vaikea käyttää, tässä on tämä mitä meidän on vältettävä varten sivustoillamme.

Ratkaisu antaa sivujen yhteistä ulkoasua sivuston on luoda ensisijainen luokka, josta kaikki sivut perustuvat. Koska ASP.NET perustuu malliin keskittynyt Page luokka vain toteuttaa ensisijainen (sivu Primary), joiden ominaisuuksia on periytynyt sivuilta sivustomme

Kaikki sivut. ASPX sivu johdettu ensisijainen joka puolestaan ​​johtuu System.Web.UI.Page. Ensisijainen sivu käsittelee lastaus yhteisiä tekijöitä sivujen välillä ja jokaisen sivun huolehtii lopusta.

Tarjoamien työkalujen ASP.NET luoda tällainen rakenne on niin sanottu Master Page. Nämä sivut on hyvin samanlainen kuin tavallinen sivun sivuston ja määritellään tiedostojen laajennus. Master.

Sivupohja on käytetty mallina ja sitten kun käyttäjä siirtyy sivulle, joka riippuu sivupohjan pyynnöt ja vastaukset suodattuvat mennessä. ASP.NET-sivu ja sitten yhdistää sisältöä sivu (. Aspx) samassa luokassa. Kun sisältö sivua pyydetään lisäämällä sivupohjan tiedostossa. Aspx muoto ohjaus, joka lisätään kokoelma valvonnan sivulla.

Katsokaamme nyt, kuinka määritellä ja käyttää sivupohja. Aloitamme Visual Studio ja luoda uuden projektin tyyppi Tyhjä Web-sivusto. Lisää uusi elementti tyyppinen sivupohja projektiin

Sivu tason näkymä on samanlainen kuin normaali web muotoja nähneet aiempina oppitunteja ja koodissa Visual Studio on seuraava

Haluan mainita, että on lisätty ContentPlaceHolder valvoa josta keskustellaan myöhemmin. Muilta sivupohjaan voidaan räätälöidä mieleisekseen kuten normaali sivu sivustollamme.

Esimerkiksi Vaihdetaan body asettamalla taustaväri (background) muut kuin

sivupohja on nyt harmaa tausta (# bbbbbb).

Katsotaanpa lisätä uusi elementti projektimme web-lomakkeen (kutsuvat sitä Default.aspx), tarkistaa pohja Lisää uusi kohde valintaikkunoissa Valitse sivupohja

Klikkaa OK vein esittelimme toinen valintaikkuna, jossa voimme valita sivupohjan sivun lisäät projektiin (tässä tapauksessa tulee olemaan vain yksi)

Jos katsomme Design-välilehti Default.aspx sivun näemme, että se on sama taustaväri sivupohjan ja tämä osoittaa, että sivu perii mallipohjan asetuksiin.

Tämä on koodissa Visual Studion Default.aspx sivulle

siinä näemme siitä sivusta MasterPage.master.

Tässä vaiheessa voimme luoda kaikki haluamasi sivut (kussakin mukautettua sisältöä) ja pidämme myös sivupohjaan. Jos siis aiomme muuttaa sisältöä sivupohjan päivitetään yhdessä vaiheessa kaikki sivut siitä riippuvaisia.

Selvästi, mitä on esitetty yksinkertainen mutta ehdottaa mahdollisia näistä työkaluista, varsinkin sivustoja monimutkaista grafiikkaa.

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