Snarveien til. MySQL og. Dreamweaver CS6. Oppgaver

Transkript

1 Snrveien til MySQL og Dremwever CS6 Oppgver

2 Kpittel 1 Innledning Forklr kort hv som menes med følgende egreper: disksert weområde serversert weområde Oppgve 2 Hv er viktig å tenke gjennom når du skl plnlegge et nytt weområde? Kpittel 2 Areide med wesider d Du er nstt i sportsforretningen Interslg og hr fått i oppdrg å lge et nytt nettsted for forretningen. Utfør derfor følgende oppgver: opprett et nytt weområde og kll det for Interslg opprett en hovedside hvor du kort presenterer Interslg gi wesiden tittelen Velkommen til Interslg - est på sportsutstyr, og lgre den som index.html forhåndsvis til slutt wesiden i en nettleser Oppgve 2 d Du er nstt i mlerforretningen Frgekltten og hr fått i oppdrg å lge et nettsted for forretningen. Utfør derfor følgende oppgver: opprett et nytt weområde og kll det for Frgekltten opprett en hovedside hvor du kort presenterer Frgekltten gi wesiden tittelen Velkommen til Frgekltten - vi setter frge på tilværelse, og lgre den som index.html forhåndsvis til slutt wesiden i en nettleser

3 Kpittel 3 Hyperlinker d e Du skl fortsette å reide på weområdet Interslg fr forrige kpittel: på hovedsiden skl det være en enkel meny med følgende vlg: Kontktinformsjon, Om oss, Våre produkter og Smreidsprtnere opprett videre en ny weside hvor du oppgir kontktinformsjon til de ulike nstte i forretningen. Lgre wesiden som kontkt.html lg en hyperlink til kontktsiden fr menypunktet på hovedsiden lg også ferdig de ndre wesidene i weområdet (om oss, våre produkter og smreidsprtnere), og opprett hyperlinker til disse fr menyen. Finn selv på tekst, filnvn og titler testkjør wesidene og verifiser t hyperlinkene fungerer Oppgve 2 Du skl fortsette å reide på weområdet Frgekltten fr forrige kpittel: 1) på hovedsiden skl det være en enkel meny med følgende vlg: Kontktinformsjon, Om oss, Våre produkter og Frgekrt 2) opprett de ktuelle wesidene og finn selv på ktuell tekst, filnvn og titler 3) lg hyperlinker til wesidene fr menyen på hovedsiden 4) testkjør wesidene og verifiser t hyperlinkene fungerer

4 Kpittel 4 Strukturere wesider d e f Du skl fortsette å reide på weområdet Interslg fr forrige kpittel: strukturer wesidene med overskrifter (heding 1-heding 6) og prgrfer legg til punktmerkede og nummererte lister der det er nturlig strukturer informsjon i tellform der det er nturlig lg en nner for sportsutikken, og legg denne på toppen v lle wesidene sett inn ilder og illustrsjoner som psser til en sportsutikk på de ulike wesidene sett inn en Flsh-nimsjon for presentsjonen v produktene, dersom du kjenner til hvordn du lger en slik Oppgve 2 d e f Du skl fortsette å reide på weområdet Frgekltten fr forrige kpittel: strukturer wesidene med overskrifter (heding 1-heding 6) og prgrfer legg til punktmerkede og nummererte lister der det er nturlig strukturer informsjon i tellform der det er nturlig lg en nner for mlerforretningen, og legg denne på toppen v lle wesidene sett inn ilder og illustrsjoner som psser til en mlerforretning på de ulike wesidene sett inn en Flsh-nimsjon for presentsjonen v frgekrtet, dersom du kjenner til hvordn du lger en slik

5 Kpittel 5 Formgi weområder Du skl fortsette å reide på weområdet Interslg fr forrige kpittel: formgi hovedsiden med frger og fonter ved å enytte CSS. Utforsk gjerne noen flere v vlgene i CSS Rule Definition-dilogen enn de vi hr sett på i dette kpittelet. Legg lle reglene i et eksternt stilrk som du nvngir hovedstil.ss tilknytt stilrket du lgde til de ndre wesidene i weområdet Oppgve 2 Du skl fortsette å reide på weområdet Frgekltten fr forrige kpittel: formgi hovedsiden med frger og fonter ved å enytte CSS. Utforsk gjerne noen flere v vlgene i CSS Rule Definition-dilogen enn de vi hr sett på i dette kpittelet. Legg lle reglene i et eksternt stilrk som du nvngir hovedstil.ss tilknytt stilrket du lgde til de ndre wesidene i weområdet

6 Kpittel 6 Mer om CSS Du skl fortsette å reide på weområdet Interslg fr forrige kpittel: lg et nytt stilrk for medietypen print. Legg til regler slik t visning v wesiden med dette stilrket egner seg for utskrift. Argumenter for vlgene du gjør tilknytt print-stilrket du lgde til de ndre wesidene i weområdet test t stilrket for utskrift fungerer, ved å velge Print Preview i din nettleser Oppgve 2 Du skl fortsette å reide på weområdet Frgekltten fr forrige kpittel: lg et nytt stilrk for medietypen print. Legg til regler slik t visning v wesiden med dette stilrket egner seg for utskrift. Argumenter for vlgene du gjør tilknytt print-stilrket du lgde til de ndre wesidene i weområdet test t stilrket for utskrift fungerer, ved å velge Print Preview i din nettleser Oppgve 3 Få nettlesere/enheter støtter foreløpig medietypen hndheld, som er en tilpsning for håndholdte enheter. Dersom du hr tilgng til nettleseren Oper, kn du imidlertid forsøke å lge et hndheld-stilrk til wesiden Interslg, og så i Oper velge View > Smll Sreen for å simulere en nettleser på moiltelefon

7 Kpittel 7 Mler/templtes T utgngspunkt i innholdet og designet du hr for weområdet Interslg som du hr reidet med gjennom de siste kpitlene. Opprett et nytt weområde klt InterslgNy, der du serer Interslg på mler/templtes. Oppgve 2 T utgngspunkt i innholdet og designet du hr for weområdet Frgekltten som du hr reidet med gjennom de siste kpitlene. Opprett et nytt weområde klt FrgeklttenNy, der du serer Frgekltten på mler/templtes. Kpittel 8 Pulisering Du skl fortsette å reide på weområdet Interslg fr forrige kpittel: legg til nøkkelord og eskrivelse som metdt i wesiden foret en kontroll v hyperlinker dersom du hr tilgng på en weserver, forsøk å pulisere weområdet Oppgve 2 Du skl fortsette å reide på weområdet Frgekltten fr forrige kpittel: legg til nøkkelord og eskrivelse som metdt i wesiden foret en kontroll v hyperlinker dersom du hr tilgng på en weserver, forsøk å pulisere weområdet Kpittel 9 HTML-koder Ved hjelp v eksempler i dette kpittelet og ressurser på w3shools.om, forsøk å lge deg en personlig weside utelukkende ved å skrive HTMLkoder i Notepd eller i Dremwevers Code-mode.

8 Kpittel 10 Introdukjon til dynmiske wesider Forklr hv som menes med sttiske og dynmiske wesider, smt hvorfor dynmiske wesider trenger en weserver. Oppgve 2 Benytt nettressurser til å skrive en mer detljert eskrivelse v følgende produkter: Aphe MySQL PHP Oppgve 3 Finn eksempler på nettsteder som du mener er å klssifisere som dynmiske wesider.

9 Kpittel 11 Dynmiske wesider i Dremwever Utforsk mnulsidene til PHP sin dte-funksjon og forsøk å skrive ut tidspunkt i tilegg til dto: Oppgve 2 Følgende PHP-kode gir deg dtoen og klokkeslett d fil/wesiden koden ligger i sist le endret. <?php eho dte("d/m/y H:i:s", filemtime( FILE ));?> Forsøk å legge inn en melding på en PHP-side om når siden sist vr oppdtert Oppgve 3 Hv menes med egrepet lolhost i wedresser? Hvorfor må wesiden vi lget i dette kpittelet åpnes med dynmisktest istedenfor å åpne :\wmp\www\dynmisktest direkte i nettleseren?

10 Kpittel 12 Areide med SQL Forsøk å opprette følgende dtser i MySQL. Fyll også dtsene med testdt. Husk å lge egne prosjekter (shem for hver dtse) Personregister: CD-register: Oppgve 2 Forsøk å gjøre de smme opersjonene med sittregisteret som vi i dette kpittelet hr utført gjennom Query Browser gjennom phpmyadmin. Du kn lge et prosjekt/dtse som heter sittregister2 i phpmyadmin, så du ikke endrer noe på sittregister som vi skl enytte videre i ok.

11 Kpittel 13 Kole Dremwever og MySQL Hent ut følgende dt i tellform sert på dtmodellene og testdtene fr oppgven i kpittel 3: Alle registrerte personer (ikke poststed) Alle registrerte CD-er (ikke rtistnvn og nvn på plteselskp) Oppgve 2 Hvorfor tror du de hr vlgt å l dtsetilkolingen(e) være gyldig(e) for hele weområdet, mens mn må lge nye dtsett for hver weside?

12 Kpittel 14 Hente ut dt Hent ut følgende dt i tellform sert på dtmodellene og testdtene fr oppgven i kpittel 3: Alle registrerte personer med poststed Alle registrerte CD-er med rtistnvn Alle registrerte CD-er med rtistnvn og nvn på plteselskp Oppgve 2 Forsøk å presentere informsjonen om CD-er ved hjelp v en Repet Region på følgende måte: tittel (rstll) rtistnvn Plteselskp: plteselskp Her kn du t utgngspunkt i dtsettet du lget i forrige oppgve. Oppgve 3 T utgngspunkt i fremgngsmåten du enyttet for forrige oppgve, men velg å kun vise en oppføring v gngen. Legg så på en nvigsjonsmeny for å kunne l deg frem og tilke. Oppgve 4 Forsøk å lge dtsett til sittregisteret sert på følgende SQL-spørring i tellform. Hv gjør spørringene? (Tips: Jo mer testdt du hr, jo lettere vil det være å resonere seg frem til hv spørringen gjør) SELECT person.nvn, COUNT(*) FROM person, sitt WHERE person.id=sitt.personid GROUP BY person.nvn

13 Kpittel 15 Legge inn og oppdtere dt Forsøk å lge tilsvrende funksjonlitet for legge inn, oppdtere og slette dt i følgende teller fr oppgvene i kpittel 3: Person-registeret Tellen person Tellen poststed CD-registeret Tellen d Tellen rtist Tellen plteselskp Oppgve 2 Prøve å smle ll funksjonlitet for oppdtering v sittregisteret i et helhetlig dministrsjonspnel. Du trenger ikke smle lt på en weside, men h i lle fll menyvlg som gjør det enkelt å komme til de ulike wesidene. De ulike delene v dministrsjonspnelet ør også h et helhetlig design.

14 Kpittel 16 Gjesteok Lg et enkelt design på gjesteoken ved å legge til logo, kgrunn og formtering på elementene Oppgve 2 Lg en enkel dministrsjonsside der mn kn slette uønskede gjesteokinnlegg Oppgve 3 Benytt prinsippet fr gjesteoken til å lge en enkel side der rukerne kn registrere linker med tittel, url, eskrivelse og nvn på innsender. Alle registrerte linker lir så listet opp på smme side. Dersom du ønsker å gjøre URL-ene klikkre, må du endre koden fr å vise teksten til en URL til å vise tekstens som en link (ytt ut dtsettnvn og ttriuttnvn med det som psser for din dtse): Før: <?php eho $row_dtsettnvn['ttriuttnvn'];?> Etter: < href="<?php eho $row_dtsettnvn['ttriuttnvn'];?>"> <?php eho $row_dtsettnvn['ttriuttnvn'];?> </>

15 Kpittel 17 Besøkssttistikk Lg en ekstr presentsjon på sttistikk.php som viser hvilke ipdresser som er mest ktive. Du kn her enytte smme fremgngsmåte som når vi viste hvilke wesider som vr mest ktive. Oppgve 2 (Nøtt/Vnskelig) Lg en opplistning over de 10 mest esøkende lndene. Lndskoden kn vi finne ved å klippe ut siste del v en mskindresse (f.eks p @ domene.no) gjennom følgende SQL-setning: SELECT SUBSTR(mskindresse,LOCATE("",mskindresse, LENGTH(mskindresse)-3)+1) s 'lndskode', COUNT(*) FROM logglinje WHERE mskindresse IS NOT NULL GROUP BY lndskode; L lndskodene li presentert ved å enytte flgg. Lg ilder v flggene på formtet no.jpg, se.jpg, om.jpg osv i weområdet. Benytt så følgende kode for å sette inn ildet: <img sr="<?php eho $row_dtsettnvn['lndskode'];?>.jpg"/>

16 Kpittel 18 Blogg Lg en produktktlog på nettet. Selv om det er forskjellige ruksområder vil teknologien være svært lik det å vise lle logginnlegg og ett estemt logginnlegg. Oppgve 2 Gjør det mulig for rukerne å gi kommentrer på produkter i produktktlogen Oppgve 3 (Nøtt/Vnskelig) Gjør det mulig for rukerne å gi en krkter på produktet. Benytt så ggregering (se vedlegget om SQL) til å kunne presentere gjennomsnittskrkteren smmen med produktene. Kpittel 19 Bildeglleri Gi ildeglleriet en nnen innpkning når det gjelder design på siden. Oppgve 2 Gjør så t mn også kn klikke på tittelen i listgllerier.php Oppgve 3 Gjør det mulig å legge inn kommentrer (og vise kommentrer) på hvert ilde Oppgve 4 Lg en dministrsjonsside der du kn oppdtere informsjon om enkeltilder

17 Kpittel 20 MySQL Workenh Forsøk å modellere følgende dtser i verktøyet Personregisteret fr oppgvene i kpittel 3 CD-registeret fr oppgvene i kpittel 3 Oppgve 2 Overfør dtmodellene fr forrige oppgve til en MySQL dtse. Dersom du lt hr tellene opprettet i MySQL-dtsen så velg å enytte et nnet shemnvn enn du gjorde i kpittel 3.

18