Webteknologi evalueringsopgave Vinter Niels Sundstrup

Størrelse: px
Starte visningen fra side:

Download "Webteknologi evalueringsopgave Vinter 2011-2012 - Niels Sundstrup"

Transkript

1 Niels Sundstrup Webteknologi evalueringsopgave Vinter Niels Sundstrup Webteknologi - Carl- Henrik Nielsen - Syddansk Universitet, Kolding - Udlevering: 12. januar 2012 Aflevering: 19. januar 2012 Side af 0 12

2 Indholdsfortegnelse Indholdsfortegnelse... 1 HTML Hjemmesidens elementer... 3 Hjemmesidens undersider... 4 Kravspecifikation... 4 Forside... 4 Bryggerier... 4 Arrangementer... 4 Tilmelding... 5 Om os... 5 Kontakt... 5 Hjemmesidens kildekode... 6 eksamen.html... 6 bryggerier.html... 6 arrangementer.html... 7 tilmelding.php... 8 kontakt.html CSS Cascading Style Sheets Side 1 af 13

3 HTML5 HTML5 står for HyperText Markup Language hvor tallet 5 beskriver den version man er nået til nu. HTML5 er stadig i en udviklingsfase, men det vinder frem blandt mange webdesignere verden over fordi det spiller utrolig godt sammen med folks smartphone som er meget udbredt. 1 Et af målene med HTML5 er også at mindske brugen af tredjeparts plug- ins såsom Adobe Flash og Microsoft Silverlight for at nævne nogen af de store. Især Adobe Flash får meget omtale, fordi at Apples browser i deres telefoner ikke understøtter Flash hvilket gør at deres brugere må undvære mange funktionaliteter som Flash normalt udfører. I og med at HTML5 stadig er i sin udviklingsfase bliver der hele tiden tilføjet nye elementer og attributter, mange som forbedrede erstatninger for tidligere elementer. Følgende elementer er blevet tilføjet i HTML5 som et led i at gøre hjemmesiderne mere strømlinede. Det er kun nogen af dem som er beskrevet der er mange flere derude. 2 article- elementet Bruges til at have f.eks. en nyhedsartikel eller blog post. header- elementet Her kan man indsætte alt man normalt ville have i et sidehoved, hvilket er logo og websidens navn og grafisk baggrund. nav- elementet Indeholder oftest en samling links som man bruger til at navigere til andre sider eller undersider. section- elementet Man bruger section til at inddele hjemmesiden hvis man ønsker forskellige baggrunde. aside- elementet Her kan man placere information præcis på samme måde som article- elementet. Positionen af et aside- element er ikke fast. footer- elementet Dette element indeholder det samme som et sidefod Side 2 af 13

4 Hjemmesidens elementer Hjemmesiden er lavet ud fra et simpelt princip som ofte går igen på hjemmesider. Øverst har man en menu bar hvorfra man kan navigere videre til undersiderne. Grunden til at man placerer en menu bar oppe foroven på hjemmesiden er at det gør det nemt for brugerne at komme frem og tilbage så man undgår at de farer vild på en underside. Oven over menuen bliver titlen på hjemmesiden vist så man ikke er i tvivl om hvad hjemmesiden handler om. På selve siden har man opdelt de forskellige elementer så der er et stort element til tekst og til selve sidens indhold. De omkringliggende elementer som udgør henholdsvis to reklamer for øl og reklame for arrangementer er lavet i deres eget element hvilket gør at de skiller sig mere ud og man ligger mærke til det. Det nederste element på ens side er selvfølgelig en sidefod hvor man skriver hvem som har lavet hjemmesiden. De forskellige elementer er inddelt med hver sit id hvilket gør at man kan ændre i stylesheetet hvis man ønsker at ændre noget. Vedligeholdelsen af hjemmesiden bliver derved gjort noget nemmere. Fig. 1: Skitse af hjemmeside Side 3 af 13

5 Hjemmesidens undersider Kravspecifikation Formålet med hjemmesiden for de fynske bryggerier er at gøre det nemmere for øl entusiaster på Fyn som gerne vil deltage i arrangementer men som ikke nødvendigvis kender til alle bryggerier på Fyn. Hjemmesiden giver ud over information også mulighed for at man som besøgende kan tilmelde sig arrangementer som bliver arrangeret af de forskellige bryggerier. I stedet for at man skal til at ringe til bryggeriet kan man tilmelde sig elektronisk. Målgruppen for hjemmesiden er private primært bosiddende i Syddansk Region og som har et behov for at opleve hvordan øl bliver til og hvor mange forskellige smagsvarianter der er. Er man nybegynder hvad angår øl er det også et godt sted at starte. Hjemmesiden er også et projekt i faget webteknologi og skal derfor også indeholde en række elementer som man skal vise at man har kendskab til og kan bruge, så formålet med hjemmesiden er også, at vise at man kan det. Forside På forsiden får man en kort introduktion til hvad hjemmesiden går ud på samt et overblik over nyheder hvis der f.eks. er et arrangement der er aflyst. Bryggerier På siden bryggerier er en samlet liste over de små fynske bryggerier som er med i sammenslutningen. Samtidigt med at man kan se hvilke bryggerier der er tale om kan man også besøge dem fordi der er linket til de enkelte bryggeriers egne hjemmesider. Hvis man har drukket en øl og ikke kan huske hvilket bryggeri den var fra men kan huske logoet er der også indsat logoer for de respektive bryggerier. Arrangementer Arrangementer er som navnet antyder her man finder de arrangementer som bryggerierne laver. For at det holdes overskueligt er de stillet op i en tabel hvor man kan se hvilke tilmeldinger der er åbne og hvilke det er for sent at tilmelde sig. For at give folk en forsmag Side 4 af 13

6 på hvad det er man kan opleve til arrangementerne er der indsat to videoer som viser hvordan man selv kan komme i gang derhjemme i køkkenet med at brygge sin egen øl. Videoerne skal man selv starte, men man har mulighed for at ændre lydstyrke og pause det. Grunden til at videoerne ikke bare starter når man går ind på siden er at det bliver irriterende for brugerne hvis de allerede har set klippet eller bare hurtigt skal tjekke datoen for et arrangement de har tilmeldt sig. Tilmelding Her kan man tilmelde sig arrangementer. Tilmelding sker ved at man udfylder felterne med sin information og trykker på tilmeld. Efter man har trykket for man en bekræftelse på at man er tilmeldt eller en fejlmeddelelse hvis der var fejl i indtastningen. Man har også mulighed for at se sine tilmeldinger og hvilke andre personer der deltager kan man også se. Hvis der f.eks. er flere fra samme by som skal til et arrangement kan man således aftale fælles transport fordi man kan gå ind og se hvilken by folk kommer fra. Hvis man finder ud af at man pludselig bliver flere som ønsker at deltage kan man gå ind på ret information som gør det muligt at rette informationer om hvor mange man kommer. Det gør at man ikke behøver at kontakte bryggeriet for at ændre, men derimod kan man selv gøre det med det samme. Hvis man bliver forhindret i at deltage kan man også afmelde sig arrangementer. Om os Siden om os indeholder oplysninger om ideen bag de fynske bryggerier og hvorfor og hvornår siden blev til og hvem som står for den daglige vedligeholdelse af hjemmeside og som også står for kontakten til bryggerierne. Kontakt På siden kontakt findes kontaktoplysninger hvis man vil i kontakt med de fynske bryggerier sammenslutningen. Her er telefonnummer, mail og adresse hvis man ønsker at sende et brev. Desuden er der også et billede af huset som sammenslutningen holder til i så man kan se hvordan det ser ud hvis man er i tvivl. Side 5 af 13

7 Hjemmesidens kildekode eksamen.html Filen eksamen.html er hjemmesidens forside og er grundsten for de andre undersider. Idet man bevæger sig væk fra forsiden vil man opdage at alting beholder sit udseende i store træk. Det er kun det som står inde i <section id= skrift > som gør at forsiden skiller sig ud. skrift er her hvor man kan skrive hvis der skulle være noget som skal vises på forsiden men som ikke skal stå andre steder. Fig. 2: <section id="skrift"> bryggerier.html På bryggerier.html bliver der brugt en <ul> tag til at ordne bryggerierne så de står overskueligt i punktform samt i en liste med <li> tagget. Desuden er der gjort brug af <img> til at indsætte bryggeriernes logoer. Netop <img> giver også mulighed for at bestemme hvor stort billedet skal være da man kan indstille height samt width på billedet. Der er også gjort så man ved at køre musen over logoerne får navnet op på bryggeriet. Dette gøres ved hjælp af title. Fig. 3: <ul>, <il> samt <img> Side 6 af 13

8 arrangementer.html Siden arrangementer.html indeholder en tabel som er 6 x 8. Nedenfor er vist et udsnit af den kode som bruges til at lave tabellen med. Hver enkel række har fået sit helt eget id, hvilket skyldes at det i nogen tilfælde kan være rart at man kan fremhæve rækker i forbindelse med et arrangement som er tæt på at finde sted. Lig også mærke til at i row1 bliver der brugt attributtet <th> på grund af at det er overskrifter så derfor skal de kunne styles separat i stylesheetet. Resten af tabellen er med <td> fordi der her er tale om rent data. Fig. 4: <table>, <tr> samt <td> Nederst på siden er der brugt <video> tagget til at indsætte to videoer som ligger på serveren. Her kan man ændre om der skal være start/pause knap samt lydindstillinger ved hjælp af controls. På samme måde som med <img> tagget kan man også definere height og width på afspilleren. Selve filen som skal afspilles i afspilleren skal også være et bestemt format for at virke. En liste over understøttede formater i html5 kan findes her. Fig. 5: <video> Side 7 af 13

9 tilmelding.php Tilmeldingssiden er kodet i php fordi man her har mulighed for at sende data til en database som så lagrer informationen til videre brug. På tilmeldingssiden er der brugt elementet <iframe> som gør at man kan have en hjemmeside inden i en hjemmeside. Det Fig. 6: <iframe> vil sige at man har et vindue som skifter side når man trykker på links inde i vinduet. Som man kan se på figur 6 er iframe relativt enkelt at implementere på ens hjemmeside. Man bestemmer hvilken side som skal vises i vinduet som default og hvor stort vinduet skal være. arrangement_tilmeld.php og arrangement_tilmeld_do.php Fig. 7: <form>, <input> og <?php> Når man tilmelder sig et arrangement bliver man bedt om at udfylde et par text felter. Måden at man får et indtastningsfelt er ved brug af attributtet <input> som man så sender videre til databasen ved hjælp af en.php fil som udfører handlingen. arrangement_tilmeld_do.php sender informationerne videre. Først forbinder den til databasen med brugernavn og adgangskode og derefter sætter den, de data brugeren har indtastet, ind i databasen på de korrekt angivne felter. Brugeren af hjemmesiden ligger ikke mærke til denne proces da den kører i baggrunden og det eneste man som bruger kan se er en besked som bliver udskrevet hvis det er lykkedes at oprette forbindelse til server og gemme data. Side 8 af 13

10 arrangement_afmeld.php og arrangement_afmeld_do.php Fig. 8: DELETE FROM Når man skal afmelde en bruger skal man hen og skabe forbindelse til databasen igen fordi det er her alle data ligger gemt fra da brugeren tastede det ind. Når man har hentet data ned så brugeren kan se hvilken post det er han vil afmelde markerer han blot den og trykker på afmeld. Det der så sker ( bagved ) er at man i databasen går ind og finder id på den post der er valgt og så sletter alt information som stod under det id. Hvis man ikke vælger nogen post at afmelde kommer der en besked op om at man skal vælge en. arrangement_gennemse.php Når man trykker på Se tilmeldinger kommer man ind på et php dokument som viser en oversigt over alle de personer som har udfyldt felterne og trykket tilmeld i arrangement_tilmeld.php. I princippet henter man informationerne fra databasen og udskriver dem så. Det er lavet så først er når man klikker på en person at det bliver vist. Fig. 9: arrangement_gennemse.php Side 9 af 13

11 arrangement_ret.php og arrangement_ret_do.php og arrangement_ret_post.php På samme måde som afmeld funktionen skal man oprette forbindelse til databasen som det første. Dernæst skal man hente dataene ind og indsætte dem i de samme felter som man havde da man i sin tid tilmeldte sig. Når dataene er sat ind i felterne er det i princippet bare det samme som da man tilmeldte sig, dog med en lille tvist. I stedet for at lave et nyt id til den bruger bliver det sendt tilbage og gemt under samme id som det havde inden man hentede det ned og rettede i det. Processen når man retter er ret.php - > ret_post.php - > ret_do.php Først har man de poster man har at vælge imellem når man skal rette. Så vælger man en og kommer videre hvor dataene allerede står i felterne. Idet man så trykker på ret data springer den videre og fortæller så om de er blevet ændret/gemt eller der var fejl. Fig. 10: UPDATE Den funktion man specielt skal ligge mærke til er UPDATE som bruges i php koden til at fortælle databasen hvad den skal gøre med det data den modtager. Da man skulle slette var det funktionen DELETE man gav til databasen så den vidste den skulle slette. Når man tilmelder sig gør man brug af funktionen INSERT INTO som så tilføjer noget i databasen. Side 10 af 13

12 kontakt.html Man kan sige at kontakt siden minder meget om forsiden og <img> attributtet er blevet forklaret tidligere så i stedet vil vi se på den funktion som bliver brugt til at lave linket til Fig. 11: mailto mailadressen. Her kan man se hvordan man laver et link hvor man i stedet for at skrive en adresse til en hjemmeside eller underside skrive mailto foran mailadressen hvilket giver en smart detalje for brugere som skal kontakte ejer af hjemmesiden. Det som den gør er at åbne et nyt vindue med standard mail programmet på brugerens pc hvor modtagerfeltet allerede er udfyldt med mailen som man klikkede på. Det sparer brugeren for en del klik. Side 11 af 13

13 CSS Cascading Style Sheets Man bruger CSS til at programmere hvordan det man koder i html kommer til at se ud. Man styler sit html dokument. Man kan gøre det på to måder. Den ene måde er hvor man inde i hver enkel fil har en speciel css kode som kun gælder for den enkelte fil. Det giver lidt mere arbejde når man ændrer noget i f.eks. en menu som ofte skal være ens på alle undersiderne. Ved at bruge den anden måde kan man helt undgå at skulle rette i alle ens underfiler hver gang man foretager en ændring i udseendet af hjemmesiden. Den metode jeg beskriver kræver at man opretter et eksternt style sheet som ligger for sig selv og som man giver endelsen.css- Det smarte kommer så her hvor man tilføjer (include) style.css til hver eneste html/php fil man har på sin hjemmeside. Hver gang man ændrer i style.css filen og f.eks. ændrer farve på sin tekst ændrer farven sig på alle de sider som har tilføjet style.css til sig. eksamen.html med indsat eksternt style sheet: For at holde styr på sit stylesheet og de ting som man ændrer kan det være en god idé at gøre brug af kommentarfunktionen som man bruger ved at skrive /* tekst */ som gør at det ikke bliver tolket som kode. Som man kan se I eksemplet på næste side hjælper det en utrolig meget at have kommentarer så man lynhurtigt kan finde det man skal rette i hvis man vil ændre noget. Side 12 af 13

14 Eksempel taget fra style.css: I stylesheetet er der mange ting man kan ændre på og justere. Hvis man tager udgangspunkt i linje 50 kan man se et udsnit af de meget brugte koder. #topmenu margin: auto [her bestemmer brugerens browser hvor stor margen skal være] background: #1d1d1d [indstiller baggrund, her er baggrunden en farve] height: 40px [indstiller højden af elementet til 40 pixels] width: 1104px [indstiller bredden] text- align: center [centrerer teksten ] padding- top: 8px [gør så der er 8 pixels fri plads omkring elementet i toppen] padding- bottom: 4px [gør så der er fri plads nedenunder] border: 2px solid #0a0a0a [der skal være en 2pixels bred ramme som er farvet] Side 13 af 13

HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside

HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside Webdesign og webkommunikation, formiddagshold (hold 1), IT Universitetet, forår 2012. Øvelse 2, individuel øvelse HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside 1. Lidt om hvad du

Læs mere

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16 GRAFISK WORKFLOW Indhold Grafisk workflow Procesbeskrivelse Inspiration 5 Skitser 6 Flowchart Typografi og farver 8 Skelet 9 Storyboard 2 Html, css og seo 6 Grafisk workflow Opgaven At skabe et nyt og

Læs mere

Vejledning. Indhold. Side 1

Vejledning. Indhold. Side 1 Indhold HTML-faneblade... 2 Sådan tilføjer du et HTML-faneblad til din Facebook side.... 3 Sådan redigerer du et HTML-faneblad på din Facebook side.... 5 Sådan deler du fanebladet... 10 Side 1 HTML-faneblade

Læs mere

Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress.

Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress. Wordpress manual Sådan opdaterer og vedligeholder du din hjemmeside i Wordpress. Dette er en manual til de mest grundlæggende ting og funktioner i Wordpress, så du selv kan redigere indholdet eller tilføje

Læs mere

ViKoSys. Virksomheds Kontakt System

ViKoSys. Virksomheds Kontakt System ViKoSys Virksomheds Kontakt System 1 Hvad er det? Virksomheds Kontakt System er udviklet som et hjælpeværkstøj til iværksættere og andre virksomheder som gerne vil have et værktøj hvor de kan finde og

Læs mere

GRAFISK WORKFLOW - RESPONSIV WEBSIDE

GRAFISK WORKFLOW - RESPONSIV WEBSIDE GRAFISK WORKFLOW - RESPONSIV WEBSIDE REDEGØRELSE Opgavebeskrivelse Redesign hjemmeside for Murerfirmaet Døssing i responsivt design, som udstråler professionalisme. Der skulle være en referenceside med

Læs mere

5 ARBEJDE MED EDITOREN

5 ARBEJDE MED EDITOREN 5 ARBEJDE MED EDITOREN Editor (eller Rich Tekst Editor) er et indbygget indholdsredigerings værktøj, hvor man uden nogen kendskab til HTML kodning kan skrive tekst, indsætte billeder, videoer og links.

Læs mere

OPGAVE: WELOVEORGANIC.COM WEBSHOP

OPGAVE: WELOVEORGANIC.COM WEBSHOP OPGAVE: WELOVEORGANIC.COM WEBSHOP OPGAVEN OG AFSENDER: Weloveorganic.com er en forholdsvis ny virksomhed, der pånuværende tidspunkt udelukkende sælger økologisk tøj til kvinder. På længere sigt ønsker

Læs mere

GRAFISK WORKFLOW GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM

GRAFISK WORKFLOW GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM GRAFISK WORKFLOW DIGITAL KOMMUNIKATION OLEMOGELBY.COM OPGAVEN Redesign af Ole Møgelbys hjemmeside, der efter stor succes med sine værker, gerne vil have frisket udtrykket lidt op. Billedsiderne skal udvides

Læs mere

Grafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed

Grafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed Redegørelse Grafisk Opgaven At redesigne en hjemmeside for AGF fanclub, som har et mere moderne look og et nyhedsarkiv som er let oversskueligt. Hjemmesiden er en opgave jeg selv har stillet mig og kunne

Læs mere

Grundlæggende HTML. Hjemmesider, kommunikation og kode. mandag den 13. august 12

Grundlæggende HTML. Hjemmesider, kommunikation og kode. mandag den 13. august 12 Grundlæggende HTML Hjemmesider, kommunikation og kode Hvad er HTML? Hyper Text Markup Language Beskrivelsen siger at det er et tekst sprog bestående af markører Bruges til at vise hjemmesider i en browser,

Læs mere

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold:

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold: Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress: Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er skrevet

Læs mere

IsenTekst Indhold til Internettet. Manual til Wordpress.

IsenTekst Indhold til Internettet. Manual til Wordpress. Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress. Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er skrevet

Læs mere

1. Hovedforløb. Mediegrafiker - 2015

1. Hovedforløb. Mediegrafiker - 2015 Af Ditte Vium Overgaard Grafik og billedbehandling 1. Hovedforløb Mediegrafiker - 2015 OPGAVEBESKRIVELSE Der er til alle de fire kernefagligheder taget udgangspunkt, i mit eget lille projekt, med design

Læs mere

Her ses et screenshot af websitet solsystemet i menuen Merkur. Baggrundsbillede skal være static så resten af siden skal man scrolle ned for at se.

Her ses et screenshot af websitet solsystemet i menuen Merkur. Baggrundsbillede skal være static så resten af siden skal man scrolle ned for at se. Solsystemet lavet af Jesper Kjær Webintegrator i Kastrup Tekniske Skole Grundforløbsprøve 2014 Opgave: Vores solsystem Onsdag 23 april til onsdag 7 maj Her ses et screenshot af websitet solsystemet i menuen

Læs mere

ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på

ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på Grafisk design Design af hjemmeside til indretningsarkitekt med firma navn enrico indret, som jeg tidligere har designet logo for. Firmaet laver udelukkende erhvervsindretning og målgruppen for sitet er

Læs mere

Kom godt i gang. Sitecore Foundry maj Version 1.1

Kom godt i gang. Sitecore Foundry maj Version 1.1 Sitecore Foundry 4 Kom godt i gang 26. maj 2014 - Version 1.1 Pentia A/S Store Kongensgade 66, Baghuset 1264 København K Telefon: 7023 3330 E-mail: info@foreningssite.dk Indholdsfortegnelse Indledning...

Læs mere

ActiveBuilder Brugermanual

ActiveBuilder Brugermanual ActiveBuilder Brugermanual Forfatter: TalkActive I/S Dato: Juni 2004 Version: R. 1.01 Sprog: Dansk Copyright 2004 - Talk Active - all rights reserved. Indhold: 1. INDLEDNING...2 2. QUICK-START...3 3. OPBYGNINGEN

Læs mere

CSS fortsat: Boksmodel, floating & positionering

CSS fortsat: Boksmodel, floating & positionering Webdesign og webkommunikation, formiddagshold (hold 1), IT Universitetet, forår 2012. Øvelse 4, individuel øvelse CSS fortsat: Boksmodel, floating & positionering 1. Lidt om hvad du har lært Du har i øvelse

Læs mere

Redaktørmanual TYPO3 Version 6.2

Redaktørmanual TYPO3 Version 6.2 Redaktørmanual TYPO3 Version 6.2 www.t3cms.dk TYPO3 Manual Version 6.2 Side 1 af 20 T3CMS Tlf: 70 25 00 22 Indholdsfortegnelse Generel info om TYPO3 3 Rediger din side 4-6 Indsættelse af links 7 Indsæt

Læs mere

Kom godt i gang med iframe

Kom godt i gang med iframe Kom godt i gang med iframe Denne introduktion til iframe henvender sig til dig, der arbejder med skolens onlinekommunikation. Den forklarer, hvordan du med en forholdsvis enkel HTML-kode automatisk kan

Læs mere

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

Lav en hjemme side der kan sælge fly billetter til en stor i Europa. 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

Læs mere

Spiked Reality. Kvikguide til oprettelse af tilbud, nyheder og begivenheder. Version 2.0, september 2013

Spiked Reality. Kvikguide til oprettelse af tilbud, nyheder og begivenheder. Version 2.0, september 2013 Spiked Reality Kvikguide til oprettelse af tilbud, nyheder og begivenheder Version 2.0, september 2013 Indholdsfortegnelse Indledning... 3 Mine oplysninger... 3 Online Administration... 3 Dit log ind...

Læs mere

Hjemmesiden er opdelt i et sidehoved, en sidefod og mellem disse 3 kolonner: venstre, midterste og højre. Højre kolonne vises dog kun på forsiden.

Hjemmesiden er opdelt i et sidehoved, en sidefod og mellem disse 3 kolonner: venstre, midterste og højre. Højre kolonne vises dog kun på forsiden. Hjemmesiden er opdelt i et sidehoved, en sidefod og mellem disse 3 kolonner: venstre, midterste og højre. Højre kolonne vises dog kun på forsiden. VENSTRE kolonne indeholder flere elementer (se illustration

Læs mere

I denne manual kan du finde en hurtig introduktion til hvordan du:

I denne manual kan du finde en hurtig introduktion til hvordan du: VORES NORDSJÆLLAND HURTIGT I GANG MANUAL 01: Bruger HVAD INDEHOLDER DENNE MANUAL? I denne manual kan du finde en hurtig introduktion til hvordan du: 1. Finder Vores Nordsjælland hjemmesiden 2. Opretter

Læs mere

Afsnitstyper Susanne V. Andersen

Afsnitstyper Susanne V. Andersen Webbyggeren som videndelingsværktøj Afsnitstyper Susanne V. Andersen Webbyggeren som videndelingsværktøj 2005 Programdatateket 1. oplag, november 2005 ISBN 87-984429-5-3 Forfatter: Susanne V. Andersen

Læs mere

GRAFISK WORKFLOW OPGAVEBESKRIVELSE KVALITETSVURDERING HJÆLPEMIDLER BROWSER BRUGERVENLIGHED/USABILLITY

GRAFISK WORKFLOW OPGAVEBESKRIVELSE KVALITETSVURDERING HJÆLPEMIDLER BROWSER BRUGERVENLIGHED/USABILLITY GRAFISK WORKFLOW OPGAVEBESKRIVELSE Min kunde er en ung mand som ønskede at få lavet en hjemmeside til hans fremtidig firma, den skulle være responsiv og simpel. Da kunden ikke havde noget ønske om selv

Læs mere

Web sider. Introduktion: Har du nogensinde spekuleret over, hvordan det verdesomspændende internet virker og hvordan man snakker med det?

Web sider. Introduktion: Har du nogensinde spekuleret over, hvordan det verdesomspændende internet virker og hvordan man snakker med det? Introduktion: Har du nogensinde spekuleret over, hvordan det verdesomspændende internet virker og hvordan man snakker med det? I dag skal du lære at lave hjemmesider, så du også kan bidrage til at opbygge

Læs mere

Fase Forklaring Navigation. Mappen skal indeholde alle elementer til dit site.

Fase Forklaring Navigation. Mappen skal indeholde alle elementer til dit site. 1 Opstart af et site Opret hovedmappen Opret grafikmappen Opret dit site Mappen skal indeholde alle elementer til dit site. Opret en mappe indeni den første og kald den grafik. Heri lægges alle dine grafikfiler.

Læs mere

GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING

GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING DANSKE BEDEMÆND august 2014 v1.4 1 P a g e INDHOLDSFORTEGNELSE Adgang... 3 Overordnet om Umbraco... 4 Højreklik muligheder i oversigten...

Læs mere

GRAFISK DESIGN. Min personlige e-portfolio

GRAFISK DESIGN. Min personlige e-portfolio GRAFISK DESIGN Min personlige e-portfolio 2 OPGAVEBESKRIVELSE Produkt: E-portfolio Farve: RGB Programmer: Brackets, Photoshop og Illustrator Min personlige e-portfolio er udarbejdet som et led i min uddannelse

Læs mere

GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL

GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL GRAFISK WORKFLOW HJEMMESIDE EL FIRMA ANDERSEN EL OPGAVEBESKRIVELSE Min kunde er en ung mand som ønskede at få lavet en hjemmeside til hans fremtidig firma, den skulle være responsiv og simpel. Da kunden

Læs mere

Login. www.samsoegades-skole.skoleintra.dk. I denne lille folder beskrives nogle af de vigtigste funktoner i ForældreIntra:

Login. www.samsoegades-skole.skoleintra.dk. I denne lille folder beskrives nogle af de vigtigste funktoner i ForældreIntra: Login I denne lille folder beskrives nogle af de vigtigste funktoner i : Man finder som et link nederst til venstre på skolens offentlige Informationsportal. Adressen er: www.samsoegades-skole.skoleintra.dk

Læs mere

PHP kode til hjemmeside menu.

PHP kode til hjemmeside menu. PHP kode til hjemmeside menu. Home Hovedmenu 1 Hovedmenu 2 Hovedmenu 3 Hovedmenu 4 Undermenu 1 Breadcrumb Her vises indholdet af den valgte side Undermenu 2 Undermenu 3 Undermenu 4 Evt. en mulighed for

Læs mere

Efterlyst! Introduktion HTML & CSS. I dette projekt skal du lære, hvordan du laver din egen plakat. Arbejdsliste. Test dit Projekt.

Efterlyst! Introduktion HTML & CSS. I dette projekt skal du lære, hvordan du laver din egen plakat. Arbejdsliste. Test dit Projekt. HTML & CSS 1 Efterlyst! All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your club. Introduktion

Læs mere

Karens vejledning til WordPress, september 2014 1

Karens vejledning til WordPress, september 2014 1 Karens vejledning til WordPress, september 2014 1 Karens WordPress vejledning september 2014 INDHOLD Hvad er WordPress 1 Generelt om WordPress 2 Frontend og backend 2 Skrive en blog-tekst (indlæg/post)

Læs mere

Selv om websites er yderst forskellige i deres fremtræden, så kan de stort set alle sammen passes ind i den skabelon som er illustreret herunder:

Selv om websites er yderst forskellige i deres fremtræden, så kan de stort set alle sammen passes ind i den skabelon som er illustreret herunder: Design en praktisk guide. Et design udtrykker dit websites grafiske udseende, lige fra hvilke skrifttyper der anvendes op til hvor navigationen er placeret og hvilke interaktive elementer der skal benyttes.

Læs mere

Lav din egen forside i webtrees

Lav din egen forside i webtrees Lav din egen forside i webtrees Du behøver ikke at kunne kode eller gøre noget advanceret for at designe din helt egen forside i webtrees. Alt du skal gøre er bare at gøre brug af den indbygget editor.

Læs mere

Designmanual for websider

Designmanual for websider Designmanual for websider 31. marts 2009 Version 1.1. Denne manual beskriver de gældende retningslinjer for Aalborg Universitets websider. Det vil sige websider der benytter aau.dk i domænenavnet er omfattet

Læs mere

Grundformen for et website: aside, tabeller, formularer og tekstformatering

Grundformen for et website: aside, tabeller, formularer og tekstformatering Design til digitale kommunikationsplatforme Formiddag (Hold 1), IT Universitetet, Efterår 2013 Øvelse 2, individuel øvelse Grundformen for et website: aside, tabeller, formularer og tekstformatering 1.

Læs mere

Grafisk workflow. Se siden her: www.cormas.dk

Grafisk workflow. Se siden her: www.cormas.dk Grafisk workflow Se siden her: www.cormas.dk Dokumentation 4 Procesbeskrivelse 5 Inspirationssøgning 6 Skitser 8 Layout i Photoshop 9 Farver 10 Font 11 Flowchart 12 Wireframe 13 Storyboard 14 kontakt.html

Læs mere

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold: Sådan opdaterer du din hjemmeside i Wordpress.

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold: Sådan opdaterer du din hjemmeside i Wordpress. Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress. Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet og lægge nyt på din hjemmeside. Guiden er skrevet

Læs mere

Brugervejledning til Design Manager Version 1.02

Brugervejledning til Design Manager Version 1.02 Brugervejledning til Design Manager Version 1.02 Indholdsfortegnelse 1. Introduktion... 3 1.1 Det kan du med HostedShop Design Manager... 3 1.2 Feature list... 3 2. Design... 4 3. Filer og CSS... 4 3.1

Læs mere

Lyngby Svømmeklub Hjemmeside Guide. Indholdsfortegnelse

Lyngby Svømmeklub Hjemmeside Guide. Indholdsfortegnelse Indholdsfortegnelse Indledning... 2 Hjemmeside struktur... 3 Rettigheder... 4 Opret Nyhed... 6 Opret Kalender Event... 7 Opret Arrangement... 9 Fast side... 10 Forside... 11 Tekst... 11 Billeder... 11

Læs mere

ØVELSE 11: TABLES & FORMS (Individuel)

ØVELSE 11: TABLES & FORMS (Individuel) ØVELSE 11: TABLES & FORMS (Individuel) 1. Målsætning I denne øvelse kommer du til at arbejde med to forskellige områder: Forms (formularer) og tables (tabeller) (kapitel 8+9 i LWD.) Du kommer blandt andet

Læs mere

Manual til WordPress CMS

Manual til WordPress CMS Manual til WordPress CMS 1. Log ind på din Wordpress-side For at arbejde på din hjemmeside skal du først logge ind på administrationsdelen. Muligvis har du et direkte link på siden. Ellers er adressen

Læs mere

Vejledning til vedligehold af

Vejledning til vedligehold af Vejledning til vedligehold af www.ajsport.dk Udarbejdet af Helle M. Klausen Indhold Sådan logger du på... 2 Sådan logger du af... 2 Hvad er ikke tilladt under vedligehold af www.ajsport.dk?... 2 Kan www.ajsport.dk

Læs mere

Få adgang til medieovervågningen

Få adgang til medieovervågningen Få adgang til medieovervågningen Som ansat har du mulighed for at modtage den daglige medieovervågning, som Forsvaret og Forsvarsministeriet abonnerer på. Medieovervågningen giver dig adgang til artikler

Læs mere

Roskildes tekniske gymnasium. Kulløse Mijlømesse. Afsluttende kom/it projekt

Roskildes tekniske gymnasium. Kulløse Mijlømesse. Afsluttende kom/it projekt Roskildes tekniske gymnasium Kulløse Mijlømesse Afsluttende kom/it projekt Casper Hansen og Christian Hansen 26-04-2009 Indhold Indledning... 3 Planlægning... 3 Overvejelser... 3 Hvordan man kommer til

Læs mere

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen OPGAVE Designforslag til hjemmeside til motorcykelklubben Mc Chaufførerne GRAFISK DESIGN / Dorte Damsgaard Larsen 1/15 DESIGNPROCES Indledende møde med

Læs mere

SIDEN PÅ WORDPRESS.COM

SIDEN PÅ WORDPRESS.COM WordPress WordPress er et fantastisk program til blog og til hjemmesider, hvor du gerne vil kunne rette via din browser. WordPress er meget udbredt og det er derfor nemt at finde fora, templates og hjælp

Læs mere

Internet vs WWW. Internettet er IKKE det samme som www. Internettet Er et netværk af computere Gør det muligt af dele information

Internet vs WWW. Internettet er IKKE det samme som www. Internettet Er et netværk af computere Gør det muligt af dele information web som medie Internet vs WWW Internettet er IKKE det samme som www. Internettet Er et netværk af computere Gør det muligt af dele information Internet protokoller (forskellige måder at udveksle information

Læs mere

Mini-guide for opdatering af hjemmesiden for. SOIF www.soif.dk

Mini-guide for opdatering af hjemmesiden for. SOIF www.soif.dk Mini-guide for opdatering af hjemmesiden for SOIF www.soif.dk Senest opdateret: 03-07-2009 Indholdsfortegnelse 2 Indholdsfortegnelse 2 Lidt generelt om KlubCMS 3 Brugere/Brugergrupper 3 Sideopbygning:

Læs mere

BM Møde 24-09-15. Under Aktiviteter er der flere muligheder for søgning f.eks.: Aktiviteter i denne enhed der mangler efterbehandling.

BM Møde 24-09-15. Under Aktiviteter er der flere muligheder for søgning f.eks.: Aktiviteter i denne enhed der mangler efterbehandling. BM Møde 24-09-15 1. Nyheder på HJV.DK Hold dig orienteret om HJV.DK på IT-INFO Mine postkasser Du finder HJV.DK version 2 kurserne på Forsvarets Elektroniske Skole (FELS) ved at følge linket her >>> I

Læs mere

Nolde Museet. I gang med Dreamweaver. Opgave. Opgavebeskrivelse. Layout. Mål og CSS

Nolde Museet. I gang med Dreamweaver. Opgave. Opgavebeskrivelse. Layout. Mål og CSS Opgavebeskrivelse Lav en webside om i Sønderjylland. Opgaven fører dig igennem de basale ting, hvad angår opbygningen af en side med CSS. Der er ikke tale om et komplet site, men du kan bruge opgaven som

Læs mere

Opgavebeskrivelse. Opgaveløsningen

Opgavebeskrivelse. Opgaveløsningen Opgavebeskrivelse Opgaven er et redesign af en hjemmeside til Tistrup Festuge. Opgaven er en fritidsopgave, udarbejdet for udvalget bag Tistrup Festuge. Da man i de seneste år, har ændret en del på konceptet

Læs mere

Grafisk produktion og workflow

Grafisk produktion og workflow Grafisk produktion og workflow Helle Nicolaysen, mediegrafiker, 3. hovedforløb Introduktion Bylderup-Bov Rideklub har en hjemmeside, bestående af en template, hvor designet er fastlagt. Jeg er i kontakt

Læs mere

CSS introduktion: Tekstformatering med CSS

CSS introduktion: Tekstformatering med CSS Webdesign og webkommunikation, formiddagshold (hold 1), IT Universitetet, forår 2012. Øvelse 3, individuel øvelse CSS introduktion: Tekstformatering med CSS 1. Lidt om hvad du har lært Du har i øvelse

Læs mere

SmartWeb Brugermanual

SmartWeb Brugermanual SmartWeb Brugermanual Table of Content Table of Content... 1 Best Practice SmartWeb:... 2 Implementering... 4 Egenskaber:... 5 Filer:... 7 Oprettelse af Kategori... 9 Sider og Tekster:... 11 Slideshow...

Læs mere

Her ser du dit arbejde i preview undervejs og udgiver dit arbejde når du er færdig. (se side 4)

Her ser du dit arbejde i preview undervejs og udgiver dit arbejde når du er færdig. (se side 4) Sitecore vejledning Hvad er det? Sitecore er det program, den officielle del af Spejdernet laves i. Sitecore er et Content Management System, dvs. indholds-håndteringssystem til hjemmesider. Hvordan starter

Læs mere

Redaktørvejledning for www.bredstrup-pjedsted.dk Skriv en artikel

Redaktørvejledning for www.bredstrup-pjedsted.dk Skriv en artikel Arbejdsgang - Skriv artiklens tekst - Gør billeder klar - Log-in på hjemmesiden - Opret ny artikel - Vælg kategori - Skriv overskrift - Indsæt tekst - Tilføj billeder - Gennemgå artiklens indstillinger

Læs mere

GRAFISK WORKFLOW. 1 Grafisk workflow

GRAFISK WORKFLOW. 1 Grafisk workflow GRAFISK WORKFLOW 1 Opgavebeskrivelse I forbindelse med et nyt online koncept Web in a box skulle jeg lave en Photoshop-skabelon, der kan eksportere materiale til en hjemmeside automatisk. Selve konceptet

Læs mere

MANUAL - Joomla! Version 1

MANUAL - Joomla! Version 1 MANUAL - Joomla! Version 1 Indhold Retningslinjer for hjemmesiden... 3 Log ind... 3 Ret i en artikel, der allerede er oprettet... 4 Opret ny artikel... 8 a) Skriv direkte i tekstfelt... 9 b) Indsæt tekst

Læs mere

Tillykke Med Fødselsdagen

Tillykke Med Fødselsdagen HTML & CSS 1 Tillykke Med Fødselsdagen All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register

Læs mere

Mbridge tilmeldingssystem Version Vejledning.

Mbridge tilmeldingssystem Version Vejledning. Mbridge tilmeldingssystem Version 23-07-2017. Vejledning. Indholdsfortegnelse. Indledning...2 Tilmelding til turnering (spillere)...2 Slet tilmelding...4 Opsætning af turneringer (turneringsleder)...5

Læs mere

GENEREL VEJLEDNING KOM GODT I GANG FOR DIG SOM ER UDDANNELSES- ANSVARLIG

GENEREL VEJLEDNING KOM GODT I GANG FOR DIG SOM ER UDDANNELSES- ANSVARLIG GENEREL VEJLEDNING KOM GODT I GANG FOR DIG SOM ER UDDANNELSES- ANSVARLIG Generel vejledning for uddannelsesansvarlige Introduktion Denne vejledning giver dig en kort gennemgang af nogle af de muligheder

Læs mere

Grafisk design. Ide. Designprocess. Målgruppe

Grafisk design. Ide. Designprocess. Målgruppe Ide Designprocess I denne opgave har jeg udviklet et website for et feriehus. Kunden ønsker et site, som både fungere privat, men også som offentlig hjemmeside. Hele site skal være på dansk, tysk og engelsk.

Læs mere

Brugervejledning Joomla

Brugervejledning Joomla Brugervejledning Joomla Denne brugervejledning vil guide dig gennem de funktioner, som du skal bruge for at redigere indhold på dit website. Indholdsfortegnelse LOG- IN:... 2 OPRET ARTIKEL:... 3 INDSÆT

Læs mere

Mit grafiske workflow inkluderer:

Mit grafiske workflow inkluderer: GRAFISK WORKFLOW Opgave: Opgaven var at producere en bog og et website med temaet stilhistorie. Jeg har valgt at beskrive mit grafiske workflow i produktionen af websitet. Kravene var, at der skulle være

Læs mere

www.munkebjergskolen.odense.dk

www.munkebjergskolen.odense.dk ForældreIntra er del af Munkebjergskolens hjemmeside. Her åbnes op for en større, direkte kontakt mellem skole og hjem. ForældreIntra er et lukket univers, som forældrene skal angive brugernavn og adgangskode

Læs mere

Annemette Søgaard Hansen/www.dinwebvejleder.dk

Annemette Søgaard Hansen/www.dinwebvejleder.dk SKAT.dk side 1 af8 1) Gå ind på www.skat.dk I adresselinjen Tast borger og CTRL + ENTER (Internet Explorer) Eller tast www.skat.dk Du ser nu dette skærmbillede: 2) Klik på ordet Borger Her er en masse

Læs mere

Skifte til OneNote 2010

Skifte til OneNote 2010 I denne vejledning Microsoft Microsoft OneNote 2010 ser meget anderledes ud end OneNote 2007, og vi har derfor oprettet denne vejledning, så du hurtigere kan komme i gang med at bruge programmet. Læs videre

Læs mere

BRUGERVEJLEDNING TIL BRUG AF MC IKAST HJEMMESIDE.

BRUGERVEJLEDNING TIL BRUG AF MC IKAST HJEMMESIDE. BRUGERVEJLEDNING TIL BRUG AF MC IKAST HJEMMESIDE. www.mcikast.dk På hjemmesiden kan du se alle de kommende ture både i indland og udland. Du kan også se de ture, som er kørt. Alle turene er placeret i

Læs mere

Quickguide til kredscms. Login

Quickguide til kredscms. Login Quickguide til kredscms Dette er en quickguide, der vil præsentere dig for de mest basale funktioner i kredscms. Finder du ikke svar her, så prøv at spørge andre webmastere via debatforummet på leder.fdf.dk:

Læs mere

I denne vejledning kan du se hvordan du opretter et møde med tilmelding. Som eksempel bliver der oprettet et arrangement Gruppetur 2014

I denne vejledning kan du se hvordan du opretter et møde med tilmelding. Som eksempel bliver der oprettet et arrangement Gruppetur 2014 Hvordan opretter du et møde med tilmelding I denne vejledning kan du se hvordan du opretter et møde med tilmelding. Som eksempel bliver der oprettet et arrangement Gruppetur 2014 Vi ved at arrangementet

Læs mere

Kom godt i gang med OneDrive

Kom godt i gang med OneDrive Kom godt i gang med OneDrive Office365 er en mulighed for lærere og elever at bruge en office-pakke på egne enheder - man kan downloade det til brug på pc - mac - tablets og smartphones, i alt op til 5

Læs mere

Log ind i administrationspanelet

Log ind i administrationspanelet Kongsgaarden Vester Broby CMS baseret på WordPress Log ind i administrationspanelet... 1 Begreber og visualisering (skabelonen Standard)... 2 Begreber og visualisering (skabelonen Full width)... 2 Sidebars...

Læs mere

Sådan redigerer du en hjemmeside front-end

Sådan redigerer du en hjemmeside front-end Brugermanual til din boligafdelings hjemmeside Sådan redigerer du en hjemmeside front-end Indhold Introduktion... 2 Log på hjemmesiden og redigér front-end... 3 Rediger en side... 7 Opret ny side... 10

Læs mere

GRAFISK WORKFLOW WEBSITE - CHOCOADDICT

GRAFISK WORKFLOW WEBSITE - CHOCOADDICT GRAFISK WORKFLOW WEBSITE - CHOCOADDICT DOKUMENTATION OPGAVEBESKRIVELSE Opskriftsbogen Chocoaddict skulle have et website, hvor alle opskrifter samt skabelon til print selv opskriften er tilgængelig. Der

Læs mere

sådan gør du... [meld dig ledig]

sådan gør du... [meld dig ledig] [jobsøgende] sådan gør du... [meld dig ledig] på dagpenge Meld dig ledig på Jobnet - Dagpenge Når du skal melde dig ledig, går du ind på forsiden af Jobnet.dk. Her klikker du på 'Meld dig ledig' i boksen

Læs mere

PHP Quick Teknisk Ordbog

PHP Quick Teknisk Ordbog PHP Quick Teknisk Ordbog Af Daniel Pedersen PHP Quick Teknisk Ordbog 1 Indhold De mest brugte tekniske udtryk benyttet inden for web udvikling. Du vil kunne slå de enkelte ord op og læse om hvad de betyder,

Læs mere

5. Billeder og logo til websitet er optimeret til web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet.

5. Billeder og logo til websitet er optimeret til web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet. GRAFISK WORKFLOW Grafisk workflow Beskrivelse Opgaven Design af website til Tipsbladet Fokus, som er noget, jeg selv har fundet på. Det er tænkt som et alternativ til Tipsbladet.dk, hvor der på Tipsbladet

Læs mere

Active Builder - Brugermanual

Active Builder - Brugermanual Active Builder - Brugermanual Version: Release 2.0 Sprog: Dansk Copyright 2014 - Talk Active ApS INDHOLDSFORTEGNELSE INDHOLDSFORTEGNELSE... 2 1. HURTIGT OVERBLIK... 4 1.1 Vælg URL:... 4 1.2 Vælg en skabelon:...

Læs mere

Afsluttende opgave 2009 Kommunikation/IT

Afsluttende opgave 2009 Kommunikation/IT Afsluttende opgave 2009 Kommunikation/IT Tema: Kulløse Miljømesse Rapport af: Jacob Almann Tinnesen, Oliver Mørk og Oscar Helmersen Roskilde Tekniske Gymnasium Klasse 1.1 Afleveret: 24-04-2009 Side 1 af

Læs mere

Indhold. 1. Adgang og afslutning

Indhold. 1. Adgang og afslutning 1 Indhold 1. Adgang og afslutning 2. Menupunkter 3. Tekst 4. Billeder 5. Video 6. Lyd 7. Bannere 8. Bokse 9. Dokumenter 10. Links 11. Iframe 12. Markedspladsen 13. Nyheder 14. Job 15. Kalender 16. Selvbetjeningsbjælken

Læs mere

Projekt i Programmering C Menu til hjemmeside.

Projekt i Programmering C Menu til hjemmeside. Projekt i Programmering C Menu til hjemmeside. 10-12-2004 Holstebro HTX Bent Arnoldsen Synopsis. Projektet her er en menu til hjemmesider, som er lavet så den er let at tilrette, når man tilføjer eller

Læs mere

Produkt. Index side GRAFISK DESIGN

Produkt. Index side GRAFISK DESIGN Grafisk design Produkt Index side Produkt Underside - kontakt Redegørelse OPGAVEN I forbindelse med valgfag, som jeg tog i København, havde vi lært forskellige nye funktioner, som vi skulle implementere

Læs mere

Vejledning for LOF s afdelingshjemmeside

Vejledning for LOF s afdelingshjemmeside Vejledning for LOF s afdelingshjemmeside - redigeret i Umbraco Marts 2012 Adresse: http://dinafdeling.lof.dk/ Rediger hjemmeside i Umbraco: http://dinafdeling.lof.dk/umbraco/ Mobilside: Der er lavet en

Læs mere

WordPress 4.2+ Manual

WordPress 4.2+ Manual WordPress.+ Manual Indholdsfortegnelse Introduktion Log ind i din hjemmesides administration Skifte kodeord eller email Administrationen / Kontrolpanelet Dette er dit kontrolpanel. Administrationen sidemenu

Læs mere

Kom godt i gang med I-bogen

Kom godt i gang med I-bogen Kom godt i gang med I-bogen At åbne bogen Det allerførste, du skal gøre, for at kunne arbejde med i-bogen, er at aktivere den. Det gøres ved at oprette en konto på systime.dk og derefter aktivere bogen

Læs mere

WEB kursus I. Grundkursus i CMS

WEB kursus I. Grundkursus i CMS WEB kursus I Grundkursus i CMS 1 Link til manual på intranet: http://intranet.regionsyddanmark.dk/cmsmanual Nyttig information Support telefonnummer: 65 41 32 25 Support e-mail: websupport@regionsyddanmark.dk

Læs mere

Dokumentation. Karen-Louise Fejerskov

Dokumentation. Karen-Louise Fejerskov Dokumentation Grafisk Workflow Et af produkterne, jeg skulle lave, var et redesign af FreQuence s info hjemmeside. A B Punkt 1 Ansvar: Jeg har selv stået for opsætningen af hjemmeside og selv bestemt,

Læs mere

www.kjellerupskole.dk

www.kjellerupskole.dk ForældreIntra er et lukket univers, hvor forældre skal angive brugernavn og adgangskode for at blive lukket ind. I denne lille folder beskrives nogle af de vigtigste funktioner i ForældreIntra. Man finder

Læs mere

Introduktion til redigeringsfaciliteterne

Introduktion til redigeringsfaciliteterne Sitecore Foundry 3.0 Introduktion til redigeringsfaciliteterne 25. april 2012 - Version 1.2 Pentia A/S Store Kongensgade 66, Baghuset 1264 København K Telefon: 7023 3330 E-mail: info@foreningssite.dk Indholdsfortegnelse

Læs mere

Brugermanual. - For intern entreprenør

Brugermanual. - For intern entreprenør Brugermanual - For intern entreprenør Version 1.0 2014 Brugermanual - For Intern Entreprenør Velkommen som bruger på Smartbyg.com. Denne manual vil tage dig igennem de funktioner der er tilgængelig for

Læs mere

Manual til brug af youtube

Manual til brug af youtube Manual til brug af youtube For at kunne bruge din nye video på din hjemmeside, facebook med videre, skal du først uploade den til youtube. Vi gennem gennemgår hele processen her i fire nemme trin. 1. Sådan

Læs mere

Opstart. I gang med Dreamweaver. Læs mere om...

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger Programmet Dreamweaver har været på markedet i nogle år efterhånden. Den seneste version hedder Dreamweaver CS6, og programmet er på engelsk. Dreamweaver er en såkaldt grafisk editor,

Læs mere

få en ny og bedre hjemmeside på få minutter Quick guide Del denne quick guide med alle som har glæde af en ny og bedre hjemmeside

få en ny og bedre hjemmeside på få minutter Quick guide Del denne quick guide med alle som har glæde af en ny og bedre hjemmeside få en ny og bedre hjemmeside på få minutter Quick guide Del denne quick guide med alle som har glæde af en ny og bedre hjemmeside 1 Alle har ret og råd til en professionel hjemmeside på få minutter GoMinisite

Læs mere

Vejledning til online blanketten Industriens salg af varer

Vejledning til online blanketten Industriens salg af varer Vejledning til online blanketten Industriens salg af varer Din vej gennem blanketten Her er en kort vejledning om hvordan du udfylder online blanketten trin for trin. Har du spørgsmål, er du velkommen

Læs mere

Meld dig ledig på Jobnet Dagpenge

Meld dig ledig på Jobnet Dagpenge Meld dig ledig på Jobnet Dagpenge Denne vejledning er for dig, som er medlem af en a-kasse og vil søge om dagpenge. Vær opmærksom på, at du tidligst kan få dagpenge fra den dag, hvor du er meldt ledig.

Læs mere