Case

03-10-23
idag lært vi Kommunikationsanalyse (hvem | Hvad | Hvilket kanal |hvem | hvilket effekt

vi startede med at lave et design til casen. Hvor i næste moduler har vi startede på prototypen af websiten

Koden for prototypen ( Work in Progress)

---HTML-----

<!DOCTYPE html>

<html>

<head>

<title>KulturCafe Oskar</title>

</header>

</head>

</div>

<h1 id="omos">Information om os</h1>

<h3 id="beskrivelse"> Kulturcafé Oskar er et spillested med levende musik for levende mennesker.

Hvert år afholdes mellem 26 og 30 koncerter, der spænder meget bredt stilmæssigt. Der er intime koncerter med en eller to musikere på scenen, rockkoncerter og danseaftener med god popmusik.</h3>

<h2 id="Kontakt">Kontakt

Bestyrelse

Kulturcafé Oskar

Kingosvej 5

4321 Søby

Tlf. xxxxxxxx </h2>

</div>

<div id="skema"><a href="Skema.html" id="skematxt">Skema</a></div>

<div id="bestile"><a href="Bestil.html" id="bestiletxt">Bestil</a></div>

</div>

</body>

</html>

----- CSS--------

#headers {width: 600 ; height: 600; background-color: darkmagenta; text-align: center;}

#box1 {width: 400px; height: 500px; background-color: darkorchid; display: inline-block; position: relative; right: 500px; bottom: 5px;}

#omos {text-align: center ;font-size: 30px; font-family: 'Courier New', Courier, monospace;}

#Kontakt {font-size: 20px; font-family: 'Courier New', Courier, monospace;}

#beskrivelse {font-size: 20px;font-family: 'Courier New', Courier, monospace;}

#mainbody {background-color: darkmagenta;}

#stemning33 {position: relative; left: 900px; top: 50px; display: inline-block;}

#under {background-color: black; width: auto;height: 5px;}

#under2 {background-color: black; width: auto; height: 5px; }

#under3 {background-color: black; width: auto;height: 5px;}

#skematxt {font-size: 30px; color: lightpink; text-decoration: none;}

#bestiletxt {font-size: 30px; color: lightpink; text-decoration: none;}

#Menutxt {font-size: 30px; color: lightpink; text-decoration: none;}

#buttons {width: auto; height: 100px;}

#bestile {background-color: black; width: 200px; height: 40px; position:relative ;left: 700px; bottom: 30px; text-align: center;}

#skema {background-color: black; width: 200px; height: 40px; position: relative; top: 10px; text-align: center;}

#Menu { background-color: black; width: 200px; height: 40px; position: relative; left: 1300px; bottom: 70px; text-align: center;}

#bestilheaders {width: auto; height: 60px; text-align: center;}

#bestilh1headers {color: rebeccapurple; font-family: 'Courier New', Courier, monospace; font-size: 50px;}

#bestilunder1 {background-color: rebeccapurple; width: auto; height: 5px;}

#bestilbody {background-color: black;}

#bestilbox1 {background-color: rebeccapurple; width: 400px; height: 500px; text-align: center;}

#bestilunder2 {background-color: black; width: auto; height: 5px;}

#bestilh2 {font-size: 20px; font-family: 'Courier New', Courier, monospace;}

#prisliste {font-size: 20px; font-family: 'Courier New', Courier, monospace;}

---- Underside #1-----

<!DOCTYPE html>

<html>

<head>

<title>Bestil site</title>

<h1 id="bestilh1headers">Bestil</h1>

</div>

</head>

<h1 id="bestilh1">Lej Oskar</h1>

<h2 id="bestilh2">Bygningen på Kingosvej kan lejes af private, foreninger og firmaer. Udlejningsansvarlig er Bent Poulsen, der kan kontaktes på tlf: xxxxxxxx eller mail: Bent.Poulsen@kulturcafeoskar.dk

Kontakt Bent for at høre om mulighederne og om Kulturcafé Oskar er ledig.

</h2><h3 id="Prisliste">

Døgnleje på fredage, lørdage, søndage og helligdage: kr. 3.200 incl. rengøring.

Døgnleje på øvrige hverdage: kr. 2.300 incl. rengøring

Leje for en halv hverdag: kr. 1.400 incl. rengøring

Lørdag fra kl. 8 til mandag kl. 6: kr. 4.200 incl. rengøring </h3>

</div>

</body>

</html>

---- Underside #2-----

---- Underside #3 -----