February 22
Cambiare il colore di sfondo su una pagina Web ASP.NET consente di impostare l'umore della pagina in modo da riflettere il suo contenuto. Uno sfondo blu tranquillo, per esempio, può funzionare bene su un sito di meditazione. Un colore fenicottero rosa potrebbe portare un sito floreale alla vita. Browser, per impostazione predefinita, agli sfondi bianchi delle pagine Web ASP.NET quando gli utenti li vedono. Per creare un colore di sfondo diverso, utilizzare il ASP.NET "attributi" di classe per personalizzare elemento "corpo" della tua pagina.
1 Avviare Visual Studio. Fare clic su "File", "Nuovo" e quindi su "Progetto".
2 Fare clic sul pulsante "Visual C #", e quindi fare doppio clic su "ASP.NET Web Application" per creare una nuova applicazione Web. I suoi file vengono visualizzati nella finestra Esplora soluzioni.
3 Fare clic sul pulsante "Progetto" nella parte superiore di Visual Studio e quindi fare clic su "Aggiungi nuovo elemento." Fare doppio clic su "Web Form." Visual Studio aggiunge un nuovo modulo denominato "WebForm1.aspx" al Solution Explorer.
4 Fai clic su "WebForm1.aspx" per evidenziarlo. Individuare la serie di pulsanti nell'angolo in basso a sinistra della interlacciato utente e cliccare sul pulsante "Design". La finestra di progettazione si apre e visualizza un modulo vuoto.
5 Fai clic su "Strumenti" nel menu. Fare doppio clic sul controllo "Button" nella finestra Casella degli strumenti. Visual Studio inserisce un pulsante denominato "Button1" sul modulo vuoto.
6 Fare doppio clic su "Button1". La finestra del codice apre e visualizza metodo di evento del pulsante "Click":
protected void Button1_Click (object sender, EventArgs e)
{
}
7 Sostituire il codice con questo codice:
protected void Button1_Click (object sender, EventArgs e)
{
Body.Attributes [ "bgcolor"] = "Blue";
}
Questo utilizza il ASP.NET "attributi" di classe per assegnare il blu come colore di sfondo per l'elemento cui ID è "Corpo". Tale elemento non esiste ancora.
8 Fare clic sul file "WebForm1.aspx" che si trova in Esplora soluzioni per visualizzare il codice HTML del form. Individuare il tag <body> all'interno di tale codice. Ecco come si presenta:
<Body>
Sostituire che con il seguente:
<Body id = runat "corpo" = "server">
Questo aggiunge il valore id "Corpo" necessario per il "attributi" di classe mostrata nel passaggio precedente.
9 Premere il tasto "F5" per eseguire il progetto. La pagina ASP.NET si apre nel browser e visualizza il pulsante aggiunto. Fare clic sul pulsante per modificare il colore di sfondo blu.