Lav en hjemme side der kan sælge fly billetter til en stor i Europa.

Transkript

1 EKSAMENS OPGAVE Lav en hjemme side der kan sælge fly billetter til en stor i Europa. Det første jeg startede ud med var at brainstorme hvad det var jeg skulle bruge i min side da jeg nu ved hvad den skal omhandle hvilket er: En storby rejse eller retter Storby ferie i en by i Europa. Brainstorm: Første der kom frem i mig var: Nemt og enkelt for alle slags kunder: Ældre, Familie, Unge. Godt med information og billeder der viser hvad byen kan tilbyde og siden selvfølgelig. En meget fin side med gode farver som efter deres flag. At de også skulle kunne kontakte de sider og links jeg har på min side og selvfølgelig også siden i sig selv. Et slideshow med nogle billeder der viser noget spændende. En side hvor brugerne kan tilmeld sig et nyhedsbrev. Efter det begyndte jeg at starte med at lave HTML og CSS så siden ud formet sig. Hvad der kom ud af det var følgende: HTML, CSS. Header, menu, Overskrift med slidshow nedenunder. Efter det sørgede jeg for at få lavet to div classes som indeholde Contents en masse information på venstre og højre med andet relevant information. Farverne vælger jeg ud efter deres flag det ville sige: blå, rød, hvid så det derfor baggrunden er hvid, menuen er rød og kasserne er blå. Menu og header med overskriften(billig storby ferie i Amsterdam). 1

2 Jeg prøvede og gør det nemmer og se hvilken man skulle trykke på og hvilken du er i allerede. Imgslideren indeholder 3 billeder hvor en af dem beskriver Amsterdams ord for byen: Venstreside Information(nedeunder) Content i den til venstre handle mere om selve Amsterdam hvis de gerne ville have lidt mere baggrundsviden på transport eller Amsterdam i sig selv. 2

3 I den til højre med kontakt, links til hoteller og videoer der viser hvilket steder brugerne kan bruge deres tid på nede i Amsterdam. Til sidst tilføjer jeg en footer som selvfølgelig viser den er slut og selvfølgelig copyright ikon. Efter jeg fik lavet selve forsiden(index), begyndte jeg er startede på informations siderne til hver kategori der var altså Unge, Ældre og Familie hvor jeg fandt alle former af sighting jeg kunne finde som var i Amsterdam og som selvfølgelig lå inde for hver sin kategori, jeg sørgede også for at putte links og billeder ind for at man kunne få en smags prøve på hvad man kunne ende med at komme til og prøve, se, og lave. Ældre siden(herover) 3

4 Efter det var det tid til og lave en tilbuds side som alle 3 kategorier skulle have så de kunne finde de specielle tilbud på siden. Min ide med den var at den skulle være nem og simple hvor brugerne kan klik på links for at kunne komme ind og se tilbuddene på de sider. V Det skal lige pointers at jeg bare har skrevet noget fis det ikke rigtige tilbud på de sider. I denne side ville i også se denne tilmeld Link det føre så videre til min tilmeldings side om at få nyheder om nye tilbud som alle kategorier har. Hvilket ville lad brugen af siden komme ind til min tilmeldings side: Her skal du bare indtaste dine oplysninger. 4

5 Her kan brugeren indtaste disse oplysninger og så ville de blive sendt til databasen og hvor efter jeg som admin kan få adgang til dem gennem en hidden page: Her kan jeg så se nå jamen ham og hende her ville gerne have tilsendt nogle nye tilbud når de kommer ud hvilket så kan føre til man får lavet automatisk udsendelse af s osv. Det sådan set hele min side i billeder og vejen til hvordan man kan som bruge får nye tilbud efter det kan de selvefølgelig tjekke resten af forsiden og informations siderne ud for links eller videoer. Php og JavaScript: Mit Javascript er min imgslider hvilket er kun på forsiden grunden til jeg ville have den her er pga jeg ville have nogen billeder på forsiden der gør det bliver lidt mere spændende end kun box og bogstaver: Java Koden er simplesom man ser fra starten så søger en funktion at billederne jeg har referat til bliver skiftet ud med fadein og fadeout hvilket det ville gør med 5s mellemrum tid. Nederst kan du se min div class hvor jeg har fadein med mine billeder. 5

6 Udover Imgslider har jeg også nogle pile der gør man kan udvide nogle informations bokse med et lille script der ser sådan her ud: Denne lille script sørger for de åbner og lukker onclick så hvis jeg husker at proppe Init ind i mine bodies sider så ville jeg få siden til at hente dette fra mit javascript. : Så ville de kunne virke hvis jeg husker og lave mine div classes som fx Container, eller Collapsed. Php: Her er hvor min Database kommer ind fordi hver gang nogen tilmelder sig nyhedsbrevet så start min php op med: 6

7 Så når nogen submitter oplysninger fra min tilmeld side sender den det ind til min database. Hvor den holder det information gemt på en admin side jeg har lavet for at kunne holde øje med hvem der gerne ville have nyhedsbrev: Grunden til den viser det til mig er fordi jeg har bedt den om at kopier det ud til mig så jeg bedre kan holde øje med det til når jeg skal sende det ud. Jeg testede siden på: Google Chrome Internet Explore Safari 7

8 Opera Og ved alle fik jeg ikke nogle problemer der jeg afprøvede siden på de browser. Det er sådan min side kom til og se ud der meget læse stof men den er simple og hurtigt at komme igennem for at få nyttig viden om Amsterdam og tilbud til at tag af sted med enden familien, venner eller bare som et par. Casper Kristensen 02/02/2015 8