Sadržaj
Osim za razvoj weba u Windowsima imamo Visual Studio .Net i IIS poslužitelj, u Linuxu možemo koristiti Monodevelop i Apache poslužitelj s XSP modulom.
ASP.NET s Apacheom
Modul mod_mono Apache koristi za pokretanje aplikacija ASP.NET na web poslužitelju Apache.
Modul mod_mono radi unutar Apache procesa i prosljeđuje sve zahtjeve iz aplikacija ASP.NET vanjskom Mono procesu koji ugošćuje aplikacije ASP.NET.
Monodevelop ćemo instalirati na Linux
sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys 3FA7E0328081BFF6A14DA29AA6A19B38D3D831EF echo "deb http://download.mono-project.com/repo/debian wheezy main" | sudo tee /etc/apt/sources.list.d/mono-xamarin.list sudo apt-get update
Instalirat ćemo poslužitelj za testiranje XSP 4 na Linuxu
sudo apt-get install mono-xsp4-baseŠto je XPS?XSP je poslužitelj za korištenje u razvojnim testovima, ako želimo da poslužitelj ili web aplikacija rade profesionalno, bolje je koristiti Apache i mod_mono, čime ćemo postići skalabilnost i sigurnost koju Apache pruža.
Zatim otvorimo MonoDevelop i mi biramo Novi projekt (Na stranici dobrodošlice ili u izborniku Datoteka) za otvaranje dijaloga Novo rješenje. Na popisu vrsta projekata s lijeve strane proširite kategoriju C # i odaberite opciju ASP.NET.
Kad počnemo, vidjet ćemo da su zadane datoteke generirane u projektima, a to su:
- Zadano.aspx koja će biti početna stranica.
- Global.asax koja će biti datoteka s globalnim postavkama c # koda za funkcionalnost web stranice.
- Web.config To je xml datoteka s vlastitim postavkama web stranice.
Struktura weba
Definirat ćemo strukturu web stranice na kojoj ćemo imati potrebu ponavljati neke dijelove stranice web stranice, poput zaglavlja, izbornika, a kako ne bismo ponovili taj kôd na svim stranicama, možemo stvoriti master stranicu i referencirajte ga na drugim stranicama.
Za to ćemo napraviti glavnu stranicu ili glavnu stranicu Datoteka> Web obrasci ASP.NET> glavna stranica s Codebihindom, nazvat ćemo je doma.master
Unutar home.master pišemo html strukturu weba
Moj web ASP.netMoj web ASP.net DemoSada stvaramo css datoteku koja će se zvati styles.css i stavit ćemo je u istu mapu projekta.
tijelo {pozadina: # f8f8f8; marža: 0; punjenje: 0; font-size: 11px; linija-visina: 16px; font-family: Arial, Tahoma;} a {color: # 333333;} a: hover {text-decoration: none;} #head {background: # 258dc8 repeat-x; box-shadow: 0 0 20px # f2f2f2 umetnuti; visina: 100px; } #logo {width: 780px; marža: 0; punjenje: 8px; } #logo a {boja: #FFFFFF; ukras teksta: nema; font-weight: bold; visina: 12px; font-size: 20px; tekstualna transformacija: velika slova;} #logo a: hover {} #menu {background: #666666; width: 1000px; margin-top: 33px; padding: 0px; display: inline-block;} #menu ul {background: blue ; širina: 780px; marža: 0 auto; margin-top: 3px; style-list: none; punjenje: 0; text-align: left;} #menu ul li {display: inline} #menu ul a {display: block; plovak: lijevo; font-weight: bold; font-size: 13px; ukras teksta: nema; boja: #fff; punjenje: 8px 10px; širina: 118px; poravnavanje teksta: središte; pretvaranje teksta: velika slova;} #menu ul a: hover {color: #232323;} #menu ul a.active {color: #232323;} #menu ul a.active: hover {color: #232323;} #container {širina: 1000px; marža: 0 auto;} #body {širina: 100%; margina: 0px; float: left;} # largeimage {visina: 150px; no-repeat # fe5d00; punjenje: 30px 0 30px 50px; line-height: 24px;} #content {float: left; pozadina: #ffffff repeat-x; margina: 0px; širina: 750px; boja: # 6f6e6e; punjenje: 10px; } #column {float: left; boja pozadine: #cccccc; obrub: 1px čvrsta # e3e3e3; obrub-radijus: 4px; box-shadow: 0 0 20px # f2f2f2 umetnuti; repeat-x; margina: 0px; širina: 200px; boja: # 6f6e6e; punjenje: 10px; } #pie {pozadina: # 333333; repeat-x; visina: 40px; margin-top: 20px; clear: both;} Zatim ćemo u datoteku home.master dodati izbornik ASP.NETOva kontrola izbornika omogućuje nam dodjeljivanje različitih svojstava kao što su orijentacija, veličina, boja pozadine, može se vizualno dizajnirati u Visual Studio.net u Monodevelopu, što nam je prikladno za rukovanje iz CSS -a. Također moramo definirati područja sadržaja ili blokove za stupac i web sadržaj s kontrolom ContentPlaceHolderZa stupac će kôd biti sljedeći: Kod sadržaja kôd će biti sljedeći: Za stopalo ćemo definirati blok stopala, a kod će biti sljedeći: Zatim moramo označiti koji će početni web za prikaz biti povezan s glavnom stranicom, u datoteci Zadano.aspx Brišemo zadani sadržaj i upisujemo sljedeći kod:
Ovdje označavamo koja je glavna stranica koja je datoteka gdje je kôd stranice koju ćemo prikazati, a koja je stranica u ovom slučaju Zadana.
Također se pozivamo na dinamičke zone kako bismo im dodali sadržaj. Stupac ID može biti bilo koji naziv za identifikaciju tog određenog sadržaja:
Odjeljci
- Prodajni
- Novi automobili
- Rabljeni automobili
Moramo također naznačiti koja je početna stranica kroz događaj učitavanja u datoteci Default.aspx.cs, zapisujemo događaj učitavanja
javna djelomična klasa Zadano: System.Web.UI.Page {protected void Page_Load (pošiljatelj objekta, EventArgs e) {}} Pogledajmo kako web izgleda u Monodevelopu na F5 ili iz izbornika Pokreni
Usluge
- Dodaci za automobile
- Motori i upravljanje
- Lim i boja
- Automobilska elektronika
Mi smo tvrtka posvećena popravku i održavanju automobilskih klima uređaja, a za vaše vozilo nudimo širok spektar usluga
Ponovno izvršavamo radi sastavljanja promjena i vidjet ćemo da pritiskom na izbornik Usluge mijenjamo sadržaj stupca i blok sadržaja:
Otvaramo datoteku Kontakt.aspx i dodajemo sljedeći kôd:
Kontakt
| Telefon | XXXXXXXX |
|---|---|
| Pažnja javnosti | od ponedjeljka do petka 09:00 do 17:00 |
| [email protected] |
| Ime: | |
| E-mail: | |
| Poruka: | |
