|
ASP.net (199)
ASP 3.0 (111)
PHP (30)
HTML (66)
SQL (89)
CSS (46)
XML (7)
JavaScript (78)
Diverse kode (13)
Programmering (22)
System og drift (15)
Trafikk og inntekt (11)
Guider og tips (22)
Nyttig lesestoff (23)
Web forum (604)
Link galleri (565)
ASP.NET kurs(5)
CSS kurs (2)
JQuery kurs (2)
Øk trafikken (8)
Facebook App. (4)
Microsoft CEO (6)
Server & web
Internett & epost
Systemverktøy
Sikkerhet
Fildeling
Lyd & media
Diverse software
Domenesalg
Metagenerator
Websikre farger
WebMail
Bli medlem!
Siste innlegg
Gjestebok
Tips en venn
Kontakt oss
Forsiden
|
|
Lær deg ASP.NET Del 1: Installasjon av software og oppsett av side
Av: Øyvind A. Isaksen
Dette er første del av flere deler i vår ASP.NET tutorial som har til hensikt å vise hvordan man steg for steg kan lage en fullt dynamisk nettside i ASP.NET. Vi benytter produktene Visual Studio 2008 Express og SQL Express Edition i denne guiden, disse kan du laste ned gratis og benytte uten at det koster deg noen ting. I denne guiden tar vi for oss nedlasting og innstallasjon av utviklingsverktøy, samt oppsett av vår første nettside basert på CSS og XHTML.
Summary: Free course / tutorial, learn how to create web pages in ASP.NET.
Gratis nedlasting av utviklingsverktøy
Oppdatering fra Microsoft:
Etter at dette kurset ble laget har Microsoft lansert "Microsoft Web Platform Installer". Dette er en ny metode for å innstallere alt du trenger for å utvikle dine egne nettsider i èn og samme innstallasjon, både Visual Studio Express, SQL Server Express mm. Velger du å innstallere "Microsoft Web Platform Installer" erstatter dette alle de øvrige innstallasjonene beskrevet i dette kurset.
Les mer om Microsoft Web Platform Installer her:
http://weblogs.asp.net/scottgu/archive/2009/06/02/microsoft-web-platform-installer.aspx
Det første vi skal å gjøre er å laste ned utviklingsverktøyet vi trenger for å programmere nettsiden vår. På www.microsoft.com/express/download/ har du flere forskjellige valg når det gjelder utviklingsverktøy. Last ned Visual Web Developer 2008 Express, alternatvt Microsoft Web Platform Installer som beskrevet over!
Vi trenger også en database for vår nettside, men i denne omgang venter vi med å laste ned SQL Server 2008 Express edition. Dette tar vi for oss i del 2 av denne guiden (om ikke du har valgt å innstallere Microsoft Web Platform Installer).
Innstallering Visual Web Developer 2008
1. Om du ikke allerede har lastet ned utviklingsverktøyet gå inn på http://www.microsoft.com/express/download/ og klikk på “Download” under Visual Web Developer 2008 Express Edition.
2. Kjør fila du lastet ned (vwdsetup.exe), installasjonen vil da begynne.
3. I første skjermbilde, klikk ”Next”.
4. Les ”Microsoft Software License Terms”, kryss så av ”I have read and accept the terms”. Klikk “Next”.
5. Under Installation Options må du velge om du ønsker å installere noen tilleggsprodukter (frivillig). Kryss av for å innstallere Microsoft SQL Server 2008 Express Edition som er vår database applikasjon. Alternativt kan du også velge å innstallere MSDN Express Library for Visual Studio 2008 og Microsoft Silverlight Runtime. Klikk ”Next”.
6. Du må nå sette Destinanation Folder, vi velger følgende plassering: C:\Program Files\Microsoft Visual Studio 9.0\. Trykk så på ”Install”. Etter noen minutter får du opp en dialogboks som sier at du må restarte din PC. Trykk ”Restart now”. Etter omstart vil innstalleringen automatisk fortsette med blandt annet innstallering av Microsoft .NET Framework 3.5, Visual Web Developer 2008 Express Edition og SQL Server 2008 Express Edition. Det er normalt at dette tar litt tid!
7. Til slutt får du opp skjermbildet som forteller deg at installasjonen er fullført. Klikk på ”Exit” for å lukke skjermbildet.
Start Visual Web Developer 2008 for første gang
Klikk på Start – All Programs – Microsoft Visual Web Developer 2008 Express Edition.
Første gang man starter programmet vil det konfigures, dette kan ofte ta noen minutter. Etter at konfigurasjonen er fullført vil Visual Web Developer 2008 starte opp. Du er nå klar for å starte utviklingen av din føste nettside!
Opprett en ny nettside
Da er tiden inne for å opprette vår nye nettside:
1. Klikk på ”File” og ”New Web Site..” (eller på Shift+Alt+N).
2. Du får nå opp et skjermbilde hvor du kan velge hva slags side du skal lage, hvilket språk du ønsker å benytte og hvor nettsiden skal ligge på din lokale PC. Velg ”ASP.NET Web Site”. Under Location velger vi ”File System” og en passende plassering på din PC. Gi mappen et fornuftig navn (ikke WebSite1 som automatisk er utfyllt), feks ”MinSide”. Under ”Language” velger vi det språket vi ønsker å programmere i. Vi velger C#, men du kan gjerne velge Visual Basic om det er naturlig for deg.
3. Fullfør.
Etter en kort øyeblikk er din første webside opprettet og klar for å programmeres.
Siden denne guiden er føste del i en serie på flere deler ønsker vi å starte utviklingen av siden mest mulig fleksiel slik at vi senere kan ekspanere løsningen. Derfor er det naturlig at vi først som sist introduerer begrepet ”Master Pages”. Dette er enkelt forklart en slags mal som inneholder standard elementer (rammeverket) til din nettside. Alle sider du oppretter kan baseres på en masterpage, og siden den kan inneholde menyer ol vil du slippe å legge dette inn i hver enkelt aspx side.
Vi oppretter en masterpage
Høyreklikk på ”MinSide” i Solution Explorer. Velg ”New Folder” og gi den navnet ”Templates”. Høyreklikk på mappen du akkurat opprettet og velg ”Add New Item...”. I skjermbildet som vises klikker du på ”Master Page”. Gi den navnet ”Default.master”, velg ønsket språk (C#) og pass på at ”Place code in separate file” er valgt (heretter skal du alltid velge dette når du oppretter nye filer). ”Select master page” skal ikke være valgt. Klikk Add.
Neste steg er å opprette rammeverket til siden vår i ”Default.master” fila. Alle .aspx filer vi heretter oppretter skal baseres på denne MasterPage fila. Rammeverket vil bestå av toppen, venstre meny, høyre kolonne og bunnen til siden. I tillegg vil vi opprette noe som kalles ”ASP:ContentPlaceHolder” (innholdsplass) som er området der vi setter inn innholdet i sidens hoveddel (ID=”Main”). Alle filer som baseres på vår masterpage vil ha mulighet til å sette inn forskjellig innhold i ContentPlaceHolder området, mens de andre elementene er faste og vil opptre som identiske på alle sider.
Legg inn følgende XHTML kode i ”default. master” fila:
Last ned koden som tekstfil her:
www.webressurs.no/kurs/aspnet/del1/default.master.txt
CSS Layout
Vi må nå opprette CSS filen som skal inneholde sidens layout.
Opprett en mappe med navn ”Media”, og opprett deretter en mappe med navn ”CSS” i denne mappen. I ”CSS” mappen oppretter du så filen ”Style.css”. I denne filen legger du inn følgende CSS kode:
Last ned koden som tekstfil her:
www.webressurs.no/kurs/aspnet/del1/style.css.txt
Opprett første side basert på Default.master.
Først kan du slette filen som heter Default.aspx, denne skal vi opprette på nytt og da velge å basere den på vår masterpage. Når filen er slettet høyre-klikker du på ”MinSide” og velger ”Add New Item...”. Velg så ”Web Form”, gi filen navnet ”Default.aspx” og ”kryss av for ”Select master page”. Trykk ”Add”. Du får nå opp et vindu der du skal velge masterpage. Klikk på ”Templates” mappen og velg ”Default.master”. Klikk ”OK”.
Filen ”Default.aspx” vil åpnes, og du skal nå legge inn litt tekst i innholdsplassen vi opprettet i vår Master Page. Som du ser av koden i default.Master har vår innholdplass (ContentPlaceHolder) ID=”Main”. Dette betyr av vi kan sette inn innhold som vi ønsker å vise i dette området. Legg inn følgende kode i Default.aspx:
Last ned koden som tekstfil her:
www.webressurs.no/kurs/aspnet/del1/default.aspx.txt
Teste vår første side
Trykk F5, nettsiden vil da bygges og om alt så langt er korrekt satt opp vil du få ”Build succeeded”. Du vil også få en dialogboks som sier ”Debugging Not Enabled”. La ”Modify the Web.config file to enable debugging” valget være valgt og trykk ”OK” og ”OK” igjen.
Nettsiden vil nå åpnes i din lokale webserver og den vil se slik ut:
Lukk nettleseren igjen og du vil bli sendt tilbake til Visual Studio. Det neste vi skal se på er hvordan man setter opp en SQL database for bruk på vår nettside, samt hvordan man oppretter en meny-tabell og legger inn innhold i denne. Dette tar vi for oss i del 2 av denne guiden!
Nedlasting av filer
Last ned hele prosjektet (del 1) her:
www.webressurs.no/kurs/aspnet/del1/MinSide.zip
|
|
