Expression web. Front Page vs Expression web ● Front Page er ute ● Undervisning i Front Page er undervisning i gammeldags teknologi i forhold til standarder.

Presentasjon om: "Expression web. Front Page vs Expression web ● Front Page er ute ● Undervisning i Front Page er undervisning i gammeldags teknologi i forhold til standarder."— Utskrift av presentasjonen:

1 Expression web

2 Front Page vs Expression web ● Front Page er ute ● Undervisning i Front Page er undervisning i gammeldags teknologi i forhold til standarder ● IT2 kan bygge på erfaringer og oppgaver fra IT1

3 Praktisk ● Krever en asp-server ● Arbeid i dialog med Active 24 for gratis hosting av elever i Norge ● Skoleavtale ca 3000 per år ● Kontaktpersoner: Rune Zakariassen ● Jan Helge Luth

4 Lag din første webside med Expression web ● Nettsted: – File – new – web site ● Mal – File – new – page - Dynamic web template ● Nettside fra mal – File – new – Create from dynamic web template ● Knytt til stilark – Attatch css ● Se på sida i ulike nettlesere – File – Preview in browser

5 Lag en asp.net-side ● Mal – File – new – page – Master page ● Nettside fra mal – File – new – Create from master page ● Knytt til stilark – Attatch css ● Se på sida i ulike nettlesere – File – Preview in browser

6 Og så var det databasen, da ● Lag databasen (jeg har en med en tabell og to kolonner) ● NB! Databasen må lagres i Access 2003!!! – Legg databasen i samme mappe som web-en, evt kan den importeres seinere – Kanskje er det best å lage en egen mappe til databasefilene ● Opprett et aspx-dokument ● Alle asp-controller må ligge inni form-tagen

7 Tilknytning til database (eks1) ● Velg en asp.net-control, f eks Grid View ● Chose data source ● Select a data source: new data source ● Acess database ● Finn riktig database ● Velg tabell og kolonner ● Kjør! (= lagre og se i browser)

8 Velg en forfatter (eks2) ● Velg en asp.net-control, f eks Grid View ● Osv som i forrige eksempel ● WHERE – Colomn: ID – Operator: = – Source: Query String – Query String Field: forfatter_ID (dette er et parameternavn som du bestemmer, men parameteren er knyttet til den Colomn du valgte) ● Kjør! (= lagre og se i browser) ● NB! i adressefeltet: ?forfatter_ID=3 (eller en annen ID du vet eksisterer)

9 Mer elegant forfattervalg (eks 3) ● Velg en asp.net-control, f eks Grid View ● Osv som i forrige eksempel ● Legg til en kolonne ● Field Type: HyperLinkField ● Header text ● Get text from data field ● Get url from data field ● URL format string ( ? = {0}

10 Slette og redigere databasen ● Lag en database med to tabeller og 1-m-relasjon (f eks forfatter, publikasjon) ● Lag aspx-fil og grid-view osv som før ● Velg advanced – Generate INSERT ++ – Paging – Sorting – Editing – Deleting

11 OOOps – nå kan vi redigere ID! ● Edit colomns ● Slett ID fra Selected Fields, eller sett egenskapen Read only eller Invisible til True ● (her fikk vi noen litt uventa bivirkninger.....)

12 Legge til data ● Hent kontrollen Details View ● Velg database (samme) osv som før ● Enable inserting

13 Sammenkopling av to tabeller ● Lag først en aspx-side som viser alle bøkene av en bestemt forfatter – Hint: Grid View, QueryString på forfatterID ● Lag deretter en aspx-side med oversikt over forfatterne og med link til boksida – Hint: Grid View, new colomn, HyperLinkField ● Til slutt kan du lage en lenke tilbake fra boksida til forfattersida