În această secțiune a walkthrough-ului, creați un site Web la care se adaugă o pagină nouă. După aceasta, HTML este adăugat la pagină, iar pagina însăși este executată în browserul web.
Creează un site Web bazat pe sistemul de fișiere. pentru care nu sunt necesare servicii Microsoft IIS. În schimb, pagina este creată și lansată pe sistemul de fișiere local.
Într-un sit Web bazat pe fișiere, paginile și alte fișiere sunt stocate în folderul selectat de pe computerul local. Alte setări de site Web includ site-ul web IIS local. care stochează fișiere în subfolderul rădăcină locală a IIS (de obicei, \ Inetpub \ Wwwroot \). Site-ul FTP stochează fișiere pe un server la distanță, care este accesat pe întregul Internet folosind FTP. Site-ul de la distanță stochează fișiere pe un server la distanță care este accesibil prin rețeaua locală. Pentru mai multe informații, consultați Walkthrough. Editarea site-uri Web de la FTP în Visual Web Developer. De asemenea, fișierele de site pot fi stocate în sistemul de control al versiunilor de fișiere, cum ar fi Visual SourceSafe. Pentru mai multe informații, consultați Introducere în Controlul sursei.
Crearea unui site Web de fișiere
Deschideți Visual Web Developer.
În meniul Fișier, faceți clic pe Site nou Web.
Va apărea caseta de dialog New Web Site. după cum se arată în următoarea imagine.
Caseta de dialog New Web Site.Sub șabloanele instalate Visual Studio, faceți clic pe site-ul Web ASP.NET.
Când creați un site Web, specificați un șablon. Fiecare șablon creează o aplicație Web care conține fișiere și foldere diferite. Acest ghid va crea un site web care se bazează pe șablonul site-ului web ASP.NET. care creează unele dosare și mai multe fișiere implicite.
În câmpul Locație, selectați câmpul Sistem de fișiere, apoi tastați numele folderului în care vor fi stocate paginile site-ului Web.
De exemplu, tastați numele folderului C: \ BasicWebSite.
În lista Limbă, faceți clic pe Visual Basic sau Visual C #.
Limba de programare selectată va fi setată ca limbă prestabilită pentru acest site Web. Cu toate acestea, în aceeași aplicație web, puteți utiliza mai multe limbi, creând pagini și componente în diferite limbi de programare.
Faceți clic pe OK.
Visual Web Developer creează un dosar și o pagină nouă numită Default.aspx. În mod implicit, când creați o pagină nouă, Visual Web Developer afișează pagina din vizualizarea sursă unde puteți vedea elementele HTML ale paginii. Următoarea captura de ecran afișează pagina web implicită în vizualizarea sursă.
Pagina Web implicită din vizualizarea sursă.
Vizualizarea funcțiilor Visual Web Developer
Înainte de a continua să lucrați la pagină, este util să vă familiarizați cu mediul de dezvoltare Visual Web Developer. Următoarea ilustrație arată ferestrele și instrumentele disponibile în Visual Web Developer.
Schema de mediu Visual Web Developer.
Introducere în designerul web în Visual Web Developer
Bara de instrumente. Oferiți comenzi pentru formatarea textului, căutarea textului etc. Unele bare de instrumente sunt disponibile numai când lucrați în vizualizarea de proiectare.
Soluție Explorer. Afișează fișierele și folderele de pe site-ul Web.
O fereastră de documente. Afișează documentele de lucru în ferestre cu file. Pentru a comuta între documente, faceți clic pe fila.
Proprietăți fereastră. Vă permite să modificați setările paginii, elemente HTML, controale și alte obiecte.
Panoul de elemente. Oferă comenzi și elemente HTML care pot fi trase către o pagină. Elementele din Bara de instrumente sunt grupate pe funcții comune.
Server Explorer / Browser de baze de date. Afișează conexiunile bazei de date. Dacă fila Server Explorer nu este vizibilă în Visual Web Developer, din meniul Vizualizare, faceți clic pe Server Explorer sau pe Browserul de bază de date.
Creați o nouă pagină Web Forms
Când creați un site Web nou, Visual Web Developer adaugă o pagină ASP.NET (o pagină Web Forms) numită Default.aspx. Pagina Default.aspx poate fi utilizată ca pagină de pornire pentru site-ul Web. În acest ghid pas cu pas vom crea și vom lucra cu o nouă pagină.
Adăugarea unei pagini pe site-ul web
Închideți pagina Default.aspx. Pentru a face acest lucru, faceți clic cu butonul din dreapta pe fila și numele fișierului, apoi faceți clic pe Închidere.
În Solution Explorer, faceți clic cu butonul din dreapta pe site-ul Web (de exemplu C: \ BasicWebSite), apoi faceți clic pe Add New Item (Adăugare articol nou).
Sub Șabloanele Visual Studio instalate, faceți clic pe Formularul Formulare Web. Următoarea captura de ecran afișează caseta de dialog Adăugați un element nou.
Adăugați caseta de dialog pentru element nou.În caseta Nume, tastați FirstWebPage.
În lista Limbă, selectați limba de programare cu care preferați să lucrați (Visual Basic.C # sau J #). Când ați creat site-ul Web, a fost specificată limba prestabilită. Cu toate acestea, de fiecare dată când creați o pagină sau o componentă nouă pentru un site Web, puteți specifica un limbaj de programare diferit de cel implicit. Puteți utiliza diferite limbi de programare pe același site Web.
Debifați caseta de selectare Introduceți codul într-un fișier separat.
Acest ghid pas cu pas arată modul de creare a unei pagini într-un singur fișier care conține atât codul, cât și codul HTML. Codul paginii ASP.NET poate fi fie pe pagină, fie într-un fișier de clasă separat. Pentru detalii despre salvarea codului într-un fișier separat, consultați Walkthrough. Creați o pagină web de bază cu partajarea de coduri în Visual Web Developer.
Faceți clic pe butonul Adăugați.
Visual Web Developer creează o pagină nouă și o deschide în modul sursă.
Adăugarea unui cod HTML într-o pagină
În această parte a ghidului pas cu pas, textul static va fi adăugat la pagină.
Adăugarea de text la o pagină
Pentru a comuta la vizualizarea de proiectare, în partea de jos a ferestrei documentului, selectați fila Design.
Vederea de proiectare afișează pagina pe care lucrați în modul WYSIWYG. După ce ați finalizat acești pași, pagina nu conține niciun text sau controale.
Pe pagină, tastați Bine ați venit la Visual Web Developer.
Următoarea captura de ecran afișează textul introdus în vizualizarea Design.
Textul de întâmpinare din vizualizarea Design.Treceți la modul sursă.
Puteți vedea codul HTML creat atunci când introduceți text în vizualizarea Design, după cum se arată în următoarea fotografie.
Bine ați venit în modul sursă.
Executarea paginii
Înainte de a continua să adăugați controale la pagină, puteți încerca să o executați. Un server web este necesar pentru a rula pagina. Pe site-ul Web de producție, IIS este folosit ca server Web. Cu toate acestea, pentru a verifica pagina, puteți utiliza serverul de dezvoltare ASP.NET, care rulează local și nu necesită IIS. Pentru site-urile web cu sistemul de fișiere, serverul Web implicit din Visual Web Developer este ASP.NET Development Server.
Lansarea paginii
Pentru a porni pagina, apăsați CTRL + F5.
Visual Web Developer lansează serverul de dezvoltare ASP.NET. În bara de instrumente apare o pictogramă care indică faptul că serverul Web Web Developer Web este în desfășurare, așa cum se arată în următoarea imagine de ecran.
Icon server Web în Visual Web Developer.
Pagina se deschide în browserul web. Deși pagina creată are o extensie ASPX, aceasta rulează în prezent ca pagină HTML normală.
Dacă observați o eroare 502 în browser sau o eroare care indică faptul că pagina nu poate fi afișată, este posibil să fie necesar să configurați browserul pentru a executa cereri locale pentru a ocoli serverul proxy. Pentru mai multe informații, consultați Cum se face. Omiterea serverului proxy pentru solicitările Web locale.
În această parte a walkthrough, Butoanele de control sunt adăugate la pagină. TextBox și Label și va scrie codul pentru a controla evenimentul Click al butonului Buton.
Acum puteți adăuga controale de server pe pagină. Utilizarea comenzilor serverului Web ASP.NET, inclusiv butoanele, etichetele, câmpurile de text și altele, vă permite să utilizați funcții standard de procesare a formularului. Dacă este necesar, pentru aceste controale, puteți determina codul executat pe partea de server, nu pe client.
Adăugarea comenzilor la o pagină
Selectați fila Design (Design). pentru a intra în viziunea construcției.
Apăsați SHIFT + ENTER de mai multe ori pentru a crea un spațiu mic.
Din grupul Standard, în caseta de instrumente, trageți trei comenzi pe pagină: TextBox. Buton și etichetă.
Plasați punctul de inserare deasupra butonului TextBox și introduceți numele.
Acest text static HTML este folosit ca titlu al comenzii TextBox. Pe o singură pagină, puteți utiliza controale statice HTML și elemente de server. Următoarea captura de ecran afișează afișarea celor trei comenzi în ecranul Design.
Controlează în modul Design.
Setarea proprietăților de control
În Visual Web Developer, există diferite moduri de a seta proprietățile comenzilor pe o pagină. În această parte a walkthrough-ului, setați proprietățile în modul Design view și Source mode.
Setarea proprietăților de control
Selectați butonul Buton. și apoi în fereastra Proprietăți, setați proprietatea Text la Nume afișat. după cum se arată în următoarea captură de ecran.
Textul modificat al butonului "Buton".Treceți la modul sursă.
Proprietățile controlului sunt declarate ca atribute. De exemplu, când setați proprietatea text a unui buton de control în primul pas, setați de fapt atributul Text de control al comenzii.
Rețineți că toate comenzile se află în interiorul elementului