Webteknologi evalueringsopgave Vinter Niels Sundstrup
|
|
- Malene Beck
- 8 år siden
- Visninger:
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
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 mereVejledning. 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 mereIndhold. 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 mereSå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 mereGRAFISK 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 mereViKoSys. 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 mere5 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 mereActiveBuilder 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 mereGRAFISK 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 mereKom 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 mereworkflow Programmer: Om opgaven: Kvalitetsvurdering: Afsender: Modtager: Cathrine Laulund Web: Dreamweaver Billedbehandling: Photoshop
Om opgaven: For et halvt år siden overtog nogle bekendte værtshuset Midtskiws i Skive. De havde derfor brug for en ny hjemmeside, som kunne fungere som et online informationssted og visitkort for deres
Læs mereKom 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 mereBrugervejledning til FOKUSpartnere
Indholdsfortegnelse LOGIN 3 GENERELT 3 BRUGERVEJLEDNING 4 VIRKSOMHEDSPROFIL 4 1) Virksomhedsnavn 6 2) Beskrivelse af virksomheden 6 3) Generel information 6 4) Yderligere information 6 5) Kontaktpersoner
Læs mereGrafisk 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 mere8.0 Distriktshjemmesider
8.0 Distriktshjemmesider Indhold Login... 2 Forside... 3 Distriktsside opbygning...4 Rediger på en side... 5 Upload filer til mediebibliotek... 8 Kontroller links på filer... 12 Indsæt billeder... 13 Slet
Læs mereOPGAVE: 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 mereManual 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 mereIsenTekst 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 mere1. 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 mereHer 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 mereELEMENTER 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 mereRedaktø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 mereSådan opretter du en Facebook-side
Vejledning til Facebook: Sådan opretter du en Facebook-side Det er forholdsvis nemt at oprette en Facebook-side og Facebook kan guide dig igennem de nødvendige trin. Alligevel kan det være rart med en
Læs mereBRUGER KURSUS RAMBØLL HJEMMESIDE
Til Forsyningsvirksomheder i Danmark Dokumenttype Brugervejledning Rambøll Hjemmeside Full Responsive Dato Oktober 2017 BRUGER KURSUS RAMBØLL HJEMMESIDE BRUGER KURSUS RAMBØLL HJEMMESIDE Revision 01 Dato
Læs mereGrundlæ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 mereGRAFISK 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 mereSelv 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 mereGrafik & Billede weloveorganic.com webshop
Grafik & Billede 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
Læs mereGUIDE 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 mereSpiked 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 mereSIDEN 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 mereGRAFISK 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 mereLav 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 mereRatingsystem i PHP og MySQL
Denne guide er oprindeligt udgivet på Eksperten.dk Ratingsystem i PHP og MySQL Lær at lave et system til at vise rating/bedømmelse på artikler og nyheder. Skrevet den 03. Feb 2009 af virtual1ty I kategorien
Læs mereWeb 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 mereLogin. 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 mereGrafisk produktion og workflow
Grafisk produktion og workflow Helle Nicolaysen svendeprøve juni 2016 Kunde (fiktiv) Bomholt er en virksomhed der laver og sælger plankeborde og som nu ønsker en helhedsorienteret grafisk designlinje,
Læs mereCSS 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 mereLav 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 mereEfterlyst! 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 mereManual 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 mereMBridge tilmeldingssystem Version Vejledning.
MBridge tilmeldingssystem Version 01-11-2018. Vejledning. Indledning... 2 Tilmelding til turnering (spillere)... 2 Slet tilmelding... 5 Opsætning af turneringer (turneringsleder)... 6 Oprettelse af turnering/liste....
Læs mereDokumentation. Udbyder : sms1919.dk Service : sms-grupper Applikationer Facebook. : Facebook Integration med sms-grupper.
Dokumentation Udbyder : sms1919.dk Service : sms-grupper Applikationer Facebook Moduler Påkrævet : Facebook Integration med sms-grupper Version : v1.00 Indholdsfortegnelse Versionshistorik... 3 Målet med
Læs mereGRAFISK 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 mereVejledning til opbygning af hjemmesider
Side 1 af 9 Vejledning til opbygning af hjemmesider Hvis du er inde på din klubs hjemmeside, fx på forsiden, kan du nu gå i gang med at redigere. For at få redigeringsværktøjet frem, skal du klikke på
Læs mereVejledning 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 mereHjemmesiden 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 mereLyngby 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 mereI 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 mereBM 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 mereBrugervejledning 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 mereFase 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 mereInternettet. Tema. på ipad Opdateret d Ældresagens datastue Aktivitetscentret Bavnehøj. Nørre Snede Tema: Internettet på ipad
n Tema Internettet på ipad Opdateret d. 14.10.2017 Sofus Opdateret d. 31. januar 2017 Side 1 Indhold Side 3 Side 3 Side 4 Side 4 Side 5 Side 6 Side 7-8 Side 9 Side 10 Side 11 Side 12 Side 13 Side 14 Side
Læs mereMbridge 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 mereGrafisk 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 mereGRAFISK 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 mereGRAFISK 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 mereManual 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 mereRedaktø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 mereGuide til upload af ruter og interessepunkter på Endomondo
Guide til upload af ruter og interessepunkter på Endomondo Denne guide indeholder følgende emner: A. Rettigheder B. Oprettelse af profil på Endomondo C. Oprettelse af selve ruten D. Redigering af oprettet
Læs mereJysk Online Medie ApS - Vestergade 32, 8600 Silkeborg - Tlf.:
Brugervejledning til hjemmeside Kristian Kalajdzic Denne vejledning har til formål at hjælpe dig til at tilgå, vedligeholde og benytte din hjemmeside. Vejledningen henvender sig til hjemmesider bygget
Læs mereOM STATISTIKBANKEN. 2002:6 December Om Statistikbanken nr. 6. Indhold i nr. 6:
OM STATISTIKBANKEN 2002:6 December 2002 Om Statistikbanken nr. 6 Statistikbanken udkommer mandag den 9. december i et helt nyt design. Det er ikke kun Statistikbankens udseende, der er ændret, der er også
Læs mereLog ind. Opret fortælling. Skriv tekst. Upload billeder. Indsæt billeder. Indsæt links. Indsæt citat. Indsæt grå boks
Indhold Log ind Opret fortælling Skriv tekst Upload billeder Indsæt billeder Indsæt links Indsæt citat Indsæt grå boks Indsæt youtube video Indsæt google map via iframe Opret og indsæt galleri Opret og
Læs mereMini-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 mereIndhold. 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 mereMit 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 merePHP 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 mereNolde 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 mereActive 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 mereGrafisk 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 merewww.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 mereFå 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 mereBrugervejledning 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 mereMbridge tilmeldingssystem Version Vejledning.
Mbridge tilmeldingssystem Version 23-03-2018. Vejledning. Indholdsfortegnelse. Indledning...2 Tilmelding til turnering (spillere)...2 Slet tilmelding...4 Opsætning af turneringer (turneringsleder)...5
Læs mereFÅ SVAR PÅ DINE PC-SPØRGSMÅL:
FÅ SVAR PÅ DINE PC-SPØRGSMÅL: Velkommen til det nye I Komputer for alles Spørg os Forum har læserne fået løst næsten 0.000 pc-problemer i de seneste år. Nu har vi gjort den populære tjeneste endnu bedre,
Læs mereAfsnitstyper 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 mereSmartWeb 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 mereInternet 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 mereManual til administration af online booking
2016 Manual til administration af online booking ShopBook Online Med forklaring og eksempler på hvordan man konfigurerer og overvåger online booking. www.obels.dk 1 Introduktion... 4 1.1 Formål... 4 1.2
Læs mereOversigt HTML5 nye tags til sideopbygning
HTML5 er udviklet af WHATWG Oversigt HTML5 nye tags til sideopbygning (Web Hypertext Application Technology Working Group) En
Læs merewww.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 mereDokumentation. 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 mereKom 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 mereSamlet Quick-guide til ballerup.dk. Version 1 / september 2016
Samlet Quick-guide til ballerup.dk Version 1 / september 2016 Indholdsfortegnelse 1. Log på Side 3 2. Opret en ny side Side 4 3. Harmonika Side 9 4. Rediger indholdsside Side 13 5. Afpublisering af indhold
Læs mereMeld 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 mereDenne artikel er til dem der ønsker at vide mere om hvad CSS er og hvad CSS kan bruges til hvad angår WWW.
Denne guide er oprindeligt udgivet på Eksperten.dk CSS - en gennemgang Denne artikel er til dem der ønsker at vide mere om hvad CSS er og hvad CSS kan bruges til hvad angår WWW. Der er lidt CSS historie
Læs mereIntroduktion 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 mereDesignmanual 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 mereIndholdsfortegnelse Opret engelsk version af hjemmesiden... 2
Indholdsfortegnelse Opret engelsk version af hjemmesiden... 2 Indledning:... 2 Metode 1 en samling af sider, med kun en engelsk version:... 3 Metode 2 Eksisterende sider med både en dansk og en engelsk
Læs mereEfteruddannelseskataloget
Efteruddannelseskataloget Vejledning til indtastning Version 8.6 UNI C oktober 2013 Efteruddannelseskataloget UNI C Version 8.6 Af Henrik Borck Larsen og Anne-Marie Pedersen Indhold 1 Indledning... 1 1.1
Læs mereSå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 mereQuickguide 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 merePHP 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 mereOpgavebeskrivelse. 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 mereKarens 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 mereGrafisk 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 mereKalender med mailingliste
Kalender med mailingliste Side 1 af 11 Log ind på din hjemmeside, som du gør, når du opdaterer den. Gå herefter ind på afsnittet Moduler. Tryk på Installer udfor Kalender. Side 2 af 11 Nu dukker nedenstående
Læs mereSkifte 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 mereså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 mereAnnemette 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