Teme şi piei

După cum am văzut pagina coordonatoare afecta structura generală a unei serii de pagini în interiorul unui program (sau site-ul) site-ul web. Cu toate acestea, aproape întotdeauna în punerea în aplicare a unui site care aveţi nevoie pentru a gestiona alte elemente care pot schimba de la o pagină la alta, dar trebuie să rămână stabile în aceeaşi pagină (cum ar fi fontul de text). În astfel de scenarii sunt un instrument foarte util numit Teme.

Dacă sunteţi familiarizat cu Cascading Style Sheets (CSS), nu va fi dificil de înţeles modul de funcţionare a problemelor. Cele două tehnici sunt similare, deoarece atât în ​​fapt cât se poate defini stilul vizual a paginilor noastre web. Este poate utiliza teme pentru a specifica stiluri, grafice şi alte elemente în paginile site-ului nostru.

Temele sunt de fapt fişiere text care specifică caracteristicile că elementele unei pagini trebuie să îşi asume ASP.NET şi include implicit mai multe, deşi puteţi, desigur, defini dumneavoastră.

Mai departe cu un exemplu. Crearea unui formular web nou (eu numesc EsempioTemi.aspx) si apoi facem clic pe butonul mouse-ului dreapta pe proiectul nostru şi să alegeţi opţiunea Add ASP.NET folder şi alege tipul de dosar ca temă

Acest lucru duce la crearea de dosar în interiorul App_Themes cu un dosar implicit (denumit Theme1)

Redenumiţi dosarul în Theme1 implicit şi faceţi clic pe ea cu butonul mouse-ului dreapta, adăugând un nou element de tip StyleSheet (foi de stil). Noi numim default.css aceeaşi

În acest moment avem de a stabili caracteristicile de foaie de stil noastre. Dacă ne dublu click pe el, vom vedea care conţine doar o tag-ul body

Pentru a adăuga elemente noi faceţi clic pe Stiluri Adaugă Meniul stil articolul

Aceasta deschide fereastra de mai jos

Să presupunem că doriţi să adăugaţi un element H1 la foaia de stil noastre. Elementul selectaţi în meniul vertical şi faceţi clic pe elementul h1> pentru a plasa în lista de stiluri ierarhia statului

Faceţi clic pe OK odată ce vom vedea că foaia de stil este modificat după cum urmează

Pentru a edita elementul doar introduce facem clic cu butonul din dreapta pe tag-ul său şi alegeţi opţiunea Build Style. Aceasta va deschide caseta de dialog Modificare stil, în cazul în care vom stabili unele proprietăţi la va

După ce faceţi clic pe OK vedem alegerile noastre sunt incluse în foaia de stil

Am testat tema noastră acum prin adăugarea la formularul de web create la începutul Tema Lecţii de directivă şi a scris ceva în tag-uri h1

Textul pe care am intrat am fost testarea stilul cererii şi va fi afişat în browser-ul în funcţie de stilul nostru IPOST foaie

Acelasi lucru se va întâmpla pentru toate elementele noastre închise în tag-uri h1. În mod clar am folosit această etichetă ca un exemplu, dar, în principiu, într-un mod similar se poate personaliza toate elementele unui formular web.

În cele din urmă voi atinge pentru scurt timp pe piele aşa-numitele. Aceste elemente sunt o modalitate de a configura unele proprietăţi ale unui grup de controale. De exemplu, aţi putea dori să definească scheme de culoare diferite pentru un anumit tip de control (cum ar fi TextBox), caracterizată prin proprietăţi ce pot fi personalizate.

Prin definirea pielii adecvate poate pune la dispoziţie un număr de opţiuni de afişare pentru un grup de controale fără a fi nevoie să setaţi proprietăţile pentru fiecare exemplu din fiecare. De exemplu, dacă un TextBox formular web conţine zece şi doriţi să le dea anumite formatări defini doar piele corespunzătoare şi să alocaţi pentru fiecare dintre casetele de text. Deci, fişierele într-o piele definirea unui tip specific de control şi atributele care se aplică la toate instanţele din acelaşi.

Iată un exemplu. Creaţi un folder nou in interiorul folder numit implicit Skins data vazut anterior şi a adăuga un nou element a tipului de piele din interiorul numit TestSkinFile

Introduceţi în particularizările fişierul generat pentru anumite controale, cum ar fi următorul text

În acest fel, atunci când vom adăuga o formă componentele Web ale pielii, acestea vor lua setul caracteristici. Evident, acest lucru este realizat, astfel încât pielea trebuie să fie declarat în cadrul paginii, similar cu ceea ce a fost făcut anterior pentru tema.

• <<Lecţia anterioară
• Ajutor Index
• Înainte Lecţia>>