Projekt i Programmering C Menu til hjemmeside.
|
|
- Helge Eskildsen
- 8 år siden
- Visninger:
Transkript
1 Projekt i Programmering C Menu til hjemmeside Holstebro HTX Bent Arnoldsen
2 Synopsis. Projektet her er en menu til hjemmesider, som er lavet så den er let at tilrette, når man tilføjer eller fjerner sider. Ideen i at tilføje og fjerne sider fra menuen er, at man kun skal rette i de data der knytter sig til menuen, og ikke rette i koden der laver menuen. Menuen er udformet, så der er en hovedmenu som altid er synlig, og til hvert punkt i hovedmenuen kan der være en række underpunkter. Menuen er lavet i javascript, og er udviklet, så den fungerer i Internet Explorer 6.0. Det at kunne tilrette menuen er lavet ved at alle menupunkter (teksten) og de tilhørende referencer til undersider er placeret i nogen arrays, så det er nemt at tilrette menuen. Menuen og det stylesheet der hører til, skal der bare henvises til i alle de sider der er i menuen. Man kan også rette noget i udseendet på menuen, dels ved at rette i style-sheetet, og dels ved at rette i de konstanter der bestemmer placering og størrelse af menuen. Disse ting kan rettes uden man skal have den dybere forståelse af hvordan koden fungerer. Projektet er lavet som et eksempel, til at dokumentere, for at vise hvordan en rapport til et eksamensprojekt i Programmering C kunne se ud Side 2 af 13
3 Indholdsfortegnelse Synopsis Indholdsfortegnelse... 3 Indledning... 3 Problemformulering Problemanalyse Programmets overordnede retningslinier... 5 Valg af miljø og programmeringssprog... 5 Menuens udseende... 5 Menuens funktion... 6 Design af koden... 6 Datastrukturer... 6 Koden der skriver menuen... 7 Events i menuen... 7 Funktioner i programmet... 8 Konstanter i programmet... 8 Anvendelsen af menuen... 9 Begrænsninger i menu-koden... 9 Bilag Bilag 1 Koden i menu.js Bilag 2 Stylesheet til menuen, menu.css Indledning Projektet her er lavet som et eksempel på et programmeringsprojekt til faget Programmering C, mest for at illustrere hvordan man kan dokumentere et programmeringsprojekt Selve koden er et af de eksempler der bruges i undervisningen. Eksemplet er lavet for at illustrere hvordan man kan lette programmeringen i javascript, ved at anvende CSS (Cascading Style Sheets). Side 3 af 13
4 Problemformulering. Hvordan kan man opbygge en menu, der kan holde styr på mange undersider, så den på en nem måde kan tilpasses forskellige hjemmesider. Hvordan kan man lave koden, så man kun skal angive de ting man ønsker at tilføje til menuen, og koden så viser menuen ud fra det man har angivet. Problemanalyse. Menuen skal egentlig ligne mange andre, med en hovedmenu og med mulighed for undermenuer til hvert punkt i hovedmenuen. Menuen skal gå igen på alle undersider og have samme udseende, så det skal være den samme kode der laver menuen på alle sider. Det er vigtigt at man kun skal rette et sted, når man vil rette i menuen. Udseendet af menuen skal være som følger: Hovedpkt. 1 Hovedpkt. 2 Hovedpkt. 3 Hovedpkt. 4 Hovedpkt. 5 Når man fører musen hen over et af punkterne i hovedmenuen, så skal den tilhørende undermenu komme frem, så der kommer følgende udseende frem: Hovedpkt. 1 Hovedpkt. 2 Hovedpkt. 3 Hovedpkt. 4 Hovedpkt. 5 Underpkt. 1 Underpkt. 2 Underpkt. 3 Underpkt. 4 Når musen føres hen over et nyt punkt i hovedmenuen lukkes det sidste underpunkt og en ny undermenu kommer frem. Samtidigt med at musen føres over et punkt, skal menupunktet vise at det er aktivt, f.x. ved at baggrunden i feltet skifter baggrundsfarve. Når man klikker på et menupunkt, så er det selvfølgelig meningen at den side der svarer til det menupunkt man har klikket på, skal komme frem. Side 4 af 13
5 Programmets overordnede retningslinier Her beskrives det der er forudsætningerne for programmet. Valg af miljø og programmeringssprog Miljøet som menuen skal arbejde i er givet ved at det er en hjemmeside, men i første omgang sættes den begrænsning, at menuen skal arbejde i Internet Explorer, og kun testes i version 6.0. Som programmeringssprog vælges javascript, dels fordi det er det undervisningssprog der har været brugt i faget, men også fordi det afvikles client-side, og derfor vil arbejde hurtig. Man kunne lige så godt opbygge menuen i et server-side sprog som ASP eller PHP, men da vi skal bruge javascript for at lave de grafiske funktioner, så vil det blot komplicere projektet, hvis man skulle skrive det i to forskellige sprog. Menuens udseende For at få menuen til at se ud som ønsket, lægges det ind i en tabel, der er den nemmeste måde at styre det på. De sorte rammer omkring menuen defineres ved at lave et style-sheet, der angiver rammerne, understregningen og at der kommer en hånd frem, så man kan se det er et link og baggrundsfarven på feltet. For at få rammen til at fylde det samme rundt om menuen og inde imellem menupunkter er det nødvendigt at man kun sætter kant på de 3 af siderne. Der kommer så til at mangle en kant på den sidste side i hovedmenuen, den sættes på, når man opbygger menuen. Mere om det i beskrivelsen af koden. Det er kun hovedmenuen der skal vises, når brugeren ikke anvender menuen. Derfor anvendes egenskaben visibility for at skjule punkterne i submenuen og få dem frem enkeltvis. Dette sker ved hjælp af programmet. Menuen får følgende udseende, når man har bevæget musen hen over punkt 3 i hovedmenuen, og videre ned over Sub Menu 3 her får Sub Menu 3 en anden baggrund. Når curseren bevæger sig i menuen er den normale cursor-pil ændret til en hånd. Side 5 af 13
6 For at vise at det er et menupunkt, som kan udføre en aktivitet, sættes en baggrundsfarve på det menupunkt som musen står over. Det er igen programmet der håndterer dette ved hjælp af egenskaben backgroundcolor. Menuens funktion For at menuen skal virke overskuelig, så er det kun et sæt undermenuer der bliver vist af gangen. Det gøres ved at skjule alle undermenuer inden en ny vises. For at dokumentet skal kunne læses, så skal undermenuen også forsvinde igen. Den er sat til at forsvinde efter 2 sekunder, eller hvis brugeren klikker nede i dokumentet. Hvis brugeren klikker i menuen, så skal brugeren selvfølgelig hen på den side der svarer til det ønskede menupunkt. Design af koden Datastrukturer. Hvert punkt i hovedmenuen kræver to oplysninger, nemlig hvad der skal stå i menupunktet, og hvilken side der skal åbne, når man klikker på menupunktet. Disse oplysninger lægges i to arrays: var menutext = new Array("Punkt 1", "Punkt 2", "Punkt 3", "Punkt 4"); var menuurl = new Array("css2.html", "side2.html", "side3.html", "side4.html"); Dette er en-dimensionelle arrays, da menuen kun kan have en række menu-punkter. Undermenuerne har samme struktur, men her er det hvert punkt i hovedmenuen, der har en undermenu. Derfor oprettes to arrays, der i hvert punkt indeholder et array, så det bliver to todimensionelle arrays. Arrayene og oprettelsen af den første undermenu ser ud som følger: var submenutext = new Array(); var submenuurl = new Array(); submenutext[0] = new Array("Underpunkt 1", "Underpunkt 2", "Underpunkt 3"); submenuurl[0] = new Array("side1-1.html", "side1-2.html", "side1-3.html"); Læg mærke til at første punkt hedder nummer 0 Ud over disse arrays, der definerer hvad der skal være i menuen, er der et array, som angiver hvor brede de enkelte menupunkter skal være: var menubredde = new Array(100, 120, 80, 100); Side 6 af 13
7 Koden der skriver menuen Hovedmenuen skrives ud i en HTML-tabel ved hjælp af noget kode ud fra den datastruktur der er beskrevet i foregående afsnit. Koden beskrives her ved hjælp af pseudokode.: Skriv starten på tabellen og starten på en række For alle punkter i menutext: Skriv starten af en tabelcelle med et unikt ID. Hvis det er den første celle så: Sæt en venstre ramme på tabelcellen Skriv cellen med angivelse af bredde, indhold, og hvad cellen skal reagere på Afslut tabelcellen Skriv afslutningen på tabelrækken og af tabellen Undermenuen skrives igen ud i tabeller og igen ud fra de datastrukturer der er beskrevet. Hvert enkelt punkt i menuen skriver sin egen tabel, og positionen af tabellerne styres absolut. Koden her beskrives ved hjælp af et NS-diagram, blot for at vise, at der er forskellige måder at dokumentere kode på. Sæt vandret offset til venstre menukant For alle punkter i menutekst Skriv starten på en tabel med sit eget unikke ID, sæt den til skjult Placer den ud fra vandret offset. Beregn offset til den næste submenu For alle punkter i den aktuelle submenu Skriv en tabelrække med en celle, der har den ønskede bredde Sæt et unikt ID på cellen Skriv hvad cellen skal reagere på og indholdet af cellen Afslut tabellen Events i menuen Menuen skal reagere på musen ved forskellige ting. De events der bruges er følgende: onmouseover() onmouseout() onclick() Disse events kalder forskellige funktioner, der beskrives i næste afsnit. En sidste event der anvendes er en timeout, der sættes op, når en submenu bliver vist. Når timeouten indtræffer, så gøres alle submenuen usynlige. Objekter i menuen Alle tabelceller både i hovedmenuen og i submenuerne er lavet til objekter. Det kan virke lidt omstændeligt, men er gjort for at kunne henvise til hver enkelt tabelcelle, når man skal skifte farve på dem. Hver submenu er også et objekt, så man kan sætte dem synlige og usynlige. Navnet på hvert objekt (sat med ID i deres respektive tags) er lavet struktureret, så man kan henvise til dem fra funktionerne. Alle hovedmenuerne hedder menu0, menu1 osv. Side 7 af 13
8 Alle submenuerne til hovedmenu 0 hedder menu00 menu01 menu02 osv. Og til hovedmenu 1 hedder de menu10 menu11 menu12 osv. Tabellerne med submenuerne hedder sub0, sub1 osv. Funktioner i programmet Funktionen hideall() sætter alle undermenuernes visibility til hidden, så alle undermenuer skjules. Denne funktion kaldes dels fra de andre funktioner, dels fra timeoutet og dels fra en onclick() på teksten (mere herom senere). Som omtalt så skal der ske forskellige ting, når musen bevæges rundt og der klikkes. Fra punkterne i hovedmenuen kaldes to forskellige funktioner: Funktionen overmain(nr) kaldes når musen bevæger sig ind over et menupunkt i hovedmenuen. Funktionen outmain(nr) kaldes når musen bevæger sig ud af punktet igen. nr er en parameter der sættes på i menuen, som angiver hvilket menupunkt det er. Det der sker i overmain(nr) er at menupunktet farves med en anden baggrundsfarve, og for at sikre at der kun vises en menu ad gangen, så kaldes hideall() inden den ønskede submenu laves synlig. I outmain(nr) farves menupunktet med den passive farve igen, og der sættes et timeout op, så hideall() kaldes, hvis der ikke sker mere. Til submenuerne er der ligeledes to funktioner: Funktionen oversub(nr, subm) kaldes når musen bevæges ind over et punkt i en submenu. Funktionen outsub(nr, subm) kaldes når musen bevæges ud af punktet igen. nr er igen en parameter, der angiver hvilken hovedmenu punktet er tilknyttet. subm er så en parameter, der angiver hvilket punkt i submenuen der arbejdes med. I oversub(nr, subm) sættes baggrundsfarven på det aktuelle punkt til at være aktiv, og timeoutet sættes igen op til at lave hideall() efter 2 sekunder. Inden timeoutet sættes op, kontrolleres lige om der er et andet timeout der kører, hvis der er det, så fjernes det, så det ikke kommer til at lave konflikt. I outsub(nr, subm) sættes baggrundsfarven på punktet bare tilbage til passiv. Konstanter i programmet For ikke at have tal stående rundt i programmet, der angiver forskellige ting bl.a. omkring placeringen af menuen, så er der i starten erklæret en række konstanter. javascript har ikke nogen konstant-definition, derfor er de erklæret i en var-sætning, men de anvendes som konstanter: menutop = 10 det antal pixels menuen er fra toppen. submenutop = 37 - det antal pixels submenuen er fra toppen. menuleft = 10 det antal pixsels menuen er fra venstre kant. Side 8 af 13
9 submenuekstra = 7 - det antal pixels ekstra, der er ud over menubredden til hver submenu. Det er to gange textspace og en pixel til rammen textspace=3 det luft der skal være rundt om teksten i menuen, i pixels. Anvendelsen af menuen For at anvende menuen skal den naturligvis ind i alle de undersider der henvises til, så det er den samme menu der kommer på alle sider. Der gøres ved at placere koden i filen menu.js (se bilag 1). Ligeledes skal menuen have de rigtige stylesheets, det gøres ved at gemme dem i filen menu.css (se bilag 2). Det man så gør er, at man i toppen af siden skriver følgende: <head> <link rel="stylesheet" type="text/css" href="menu.css"> </head> <body onclick="hideall();"> <script type="text/javascript" language="javascript" src="menu.js"></script> <br /> Den onclick der er i body-tag et er lavet så brugeren kan slukke for menuen inden de to sekunders timeout, blot ved at klikke et eller andet sted på siden. Efter linieskiftet <br /> er det bare at sætte det indhold der skal være på siden ind i filen. Et eksempel på menuen kan ses på eller man kan hente hele menuen med undersider og stylesheet på Begrænsninger i menu-koden Den måde de ID er der er sat på de enkelte punkter i submenuerne kan give en begrænsning, hvis man arbejder med mange menupunkter. Har man 11 hovedmenu-punkter vil ID et komme til at hedde menu10 Hvis man så samtidigt har en submenu i den anden hovedmenuen, så ville det første punkt i dens submenu komme til at hedde menu10 altså det samme, hvilket ville give anledning til konflikt. For at undgå det ville det være nødvendigt at lave lidt mere kreative navne på ID et, f.x. ved at sætte et s ind imellem hovedmenu-nummeret og submenu-nummeret, så de to omtalte ID er ville komme til at hedde menu10 og menu1s0. En anden nok lige så realistisk begrænsning, som man nok ville støde på før, ville være den rent grafiske bredde af menuen. Side 9 af 13
10 Test Siden er kun gennemtestet i Internet Explorer 6.0. Jeg har ikke haft den åbnet i Netscape, men i Mozilla har den en enkelt fejl, hvor rammen mellem hovedmenuen og submenuen forsvinder. Det kunne let klares ved en browser-test og skelnen mellem hvilken browser koden arbejder i, ved at lave forskellig placering, alt efter hvilken browser det er. Ud over det fungerede koden som den skulle. Perspektivering En ting der kunne struktureres anderledes i koden er hvordan dataene der angiver menuens indhold skal defineres. I denne version er der valgt at lægge dem i simple arrays. Det kunne måske give en lidt mere logisk struktur, specielt på hovedmenuen, at angive dem som et array af objekter, hvor man kunne indkapsle både hovedmenu-punktet, men også hele submenuen i objektet. Det kunne måske også give en lidt pænere erklæring af menupunkterne. En anden ting der kunne tilføjes var endnu et eller flere niveauer mere i menuen. Hvordan det skulle se ud rent grafisk kan måske være lidt svært at se, men der kunne måske laves en eller anden forskel i typografien, hvis der var underpunkter til et submenupunkt, og den sub-sub-menu der så skulle komme kunne tilføjes ved at placere menuen ved siden af submenuen. Der kunne også gøres en del ved layoutet, da hovedparten er holdt til at være standard webtypografi. Konklusion Formålet, at lave en menustruktur, der er let at redigere, må siges at være opfyldt til to niveauer. Tingene fungerer og menuen er fornuftig brugervenlig, da den opfører sig rimeligt logisk i forhold til hvad man ellers ser af menuer på nettet. Der mangler test af produktet i forskellige browsere, men det vurderes at der ikke ville være det store arbejde i at få tingene til at fungere. Det vil også være en begrænsning at der kun er de to niveauer, hvis menuen skal anvendes til et større websted med mange undersider, men det vil kræve en gennemgribende omskrivning at tilføje flere niveauer, mens det vil være relativt enkelt at løse begrænsningen med 11 menuer i bredden. Side 10 af 13
11 Bilag Bilag 1 Koden i menu.js // Definitioner på menuens størrelse og placering var menutop = 10, submenutop = 37, menuleft = 10, submenuekstra = 7, textspace=3; var menubredde = new Array(100, 120, 80, 100); // Tekst og henvisninger til hovedmenuen var menutext = new Array("Punkt 1", "Punkt 2", "Punkt 3", "Punkt 4"); var menuurl = new Array("css2.html", "side2.html", "side3.html", "side4.html"); // Tekster og henvisninger til submenuerne var submenutext = new Array(); var submenuurl = new Array(); submenutext[0] = new Array("Underpunkt 1", "Underpunkt 2", "Underpunkt 3"); submenuurl[0] = new Array("side1-1.html", "side1-2.html", "side1-3.html"); submenutext[1] = new Array("Sub 1", "Sub 2", "Sub 3", "Sub 4", "Sub 5", "Sub 6"); submenuurl[1] = new Array("side2-1.html", "side2-2.html", "side2-3.html", "side2-4.html", "side2-5.html", "side2-6.html"); submenutext[2] = new Array("Sub Menu 1", "Sub Menu 2", "Sub Menu 3", "Sub Menu 4"); submenuurl[2] = new Array("side3-1.html", "side3-2.html", "side3-3.html", "side3-4.html"); submenutext[3] = new Array(); submenuurl[3] = new Array(); // Farvedefinitioner var passive = "#FFFFEE", active = "#FFFF99"; // Variabel til timeren, der skal indeholde slette-tiden var timer = null // Funktion der laver alle submenuer usynlige function hideall() { if (timer) { window.cleartimeout(timer) for (var n in menutext) { var navn = "sub" + n; pkt = document.getelementbyid(navn); pkt.style.visibility = 'hidden'; // Funktion viser et hovedmenupunkt som aktivt, og sætter den tilhørende submenu synlig function overmain(nr) { var navn = "menu" + nr; var pkt = document.getelementbyid(navn); pkt.style.backgroundcolor = active; hideall(); navn = "sub" + nr; pkt = document.getelementbyid(navn); pkt.style.visibility = 'visible'; // Funktion viser et hovedmenupunkt som passiv, og sætter submenuen til at forsvinde efter 2 sek. function outmain(nr) { var navn = "menu" + nr; var pkt = document.getelementbyid(navn); pkt.style.backgroundcolor = passive; timer = settimeout("hideall()", 2000); // Funktion viser et submenupunkt som aktivt og sætter igen tiden til 2 sek. function oversub(nr, subm) { var navn = "menu" + nr.tostring() + subm.tostring(); var pkt = document.getelementbyid(navn); pkt.style.backgroundcolor = active; if (timer) { window.cleartimeout(timer) timer = settimeout("hideall()", 2000); // Funktion viser et submenupunkt som passivet function outsub(nr, subm) { var navn = "menu" + nr.tostring() + subm.tostring(); var pkt = document.getelementbyid(navn); pkt.style.backgroundcolor = passive; Bilag 1 Side 11 af 13 Koden i menu.js
12 // Herunder ligger koden, der skriver tabellerne ud, som defineret i variablerne // Lav tabellen med hovedmenuen ud fra menu-parametrene og arrayene med menu-indholdet document.write("<table cellpadding='" + textspace + "' cellspacing='0' style='position: absolute; top:" + menutop + "; left:" + menuleft + ";'><tr>"); for (var n in menutext) { document.write("<td class='hmenu' id='menu" + n + "' "); if (n == 0) document.write("style='border-left: black 1px solid;' "); document.write("width='" + menubredde[n] + "' onmouseover='overmain(" + n + ")' "); document.write("onmouseout='outmain(" + n + ")' onclick='window.location.href=\"" + menuurl[n] + "\"'>" + menutext[n] + "</td>"); document.write("</tr></table>"); // Lav et antal tabeller med undermenuerne ud fra parametrene og arrayene med indholdet til submenuerne var offset = menuleft; for (n in menutext) { document.write("<table cellpadding='" + textspace + "' cellspacing='0' id='sub" + n + "' style='position: absolute; top:" + submenutop + "; left:" + offset + "; visibility: hidden;'>"); offset += menubredde[n] + submenuekstra; // Lav det antal underpunkter der er i den aktuelle submenu for (i in submenutext[n]) { document.write("<tr><td class='submenu' width='" + menubredde[n] + "' onmouseover='oversub(" + n + "," + i + ")' "); document.write("onmouseout='outsub(" + n + "," + i + ")' id='menu" + n + i + "' "); document.write("onclick='window.location.href=\"" + submenuurl[n][i] + "\"'>" + submenutext[n][i] + "</td></tr>"); document.write("</table>"); Bilag 1 Side 12 af 13 Koden i menu.js
13 Bilag 2 Stylesheet til menuen, menu.css.hmenu {.submenu { background-color: #FFFFEE; border-right: black 1px solid; border-top: black 1px solid; border-bottom: black 1px solid; text-align: center; text-decoration: underline; cursor: hand; background-color: #FFFFEE; border-left: black 1px solid; border-right: black 1px solid; border-bottom: black 1px solid; text-align: center; text-decoration: underline; cursor: hand; Bilag 3 Side 13 af 13 Stylesheet til menuen, menu.css
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 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 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 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 mereGRAFISK PRODUKTION & WORKFLOW. Endotest website
GRAFISK PRODUKTION & WORKFLOW Endotest website DOKUMENTATION OPGAVEN: Endotest ApS ønskede at redesigne deres hjemmeside, så den fremstår mere professionel og enkel. Derudover skal det nye site præsentere
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 mereMini Afsluttende Projekt
Mini Afsluttende Projekt Tobias Sønderskov Hansen og Lau Lund Leadbetter Roskilde Tekniske Gymnasium Klasse 2.4 - IT 2013 Side 1 af 18 Indholdsfortegnelse Indledning... 3 Mindmap... 3 User Stories... 4
Læs mereProcesbeskrivelse - Webprogrammering
Procesbeskrivelse - Webprogrammering Indholdsfortegnelse Forudsætninger... 1 Konceptet... 2 Hjemmesiden... 2 Server-side... 3 Filstrukturen... 3 Databasehåndtering og serverforbindelse... 4 Client-side...
Læs mereForm og dens underlige box model
Denne guide er oprindeligt udgivet på Eksperten.dk Form og dens underlige box model Denne artikel handler om hvilke problemer man som webudvikler kan komme ud for, og hvordan man løser dem. Jeg kommer
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 mereVejledning. Tabulex Hjemmeside. Styling af sidemenuer. Side 1 af 8
Tabulex Hjemmeside Styling af sidemenuer Side 1 af 8 Styling af sidemenuer Sidemenuerne kan styles efter alle ønsker. Du skal vælge modulet: "Styling" på det niveau, hvor det skal have virkning. F.eks.
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 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 mereSe hjemmesiden på:
Se hjemmesiden på: www.share-connect.dk Dokumentation Opgavebeskrivelse Det lokale erhvervsnetværk, Share & Connect skulle have designet og programmeret sin nye hjemmeside, hvor de ville kunne have mulighed
Læs mereByg et website med Dreamweaver
Byg et website med Dreamweaver I denne øvelse skal vi opbygge et website for Hotel Holiday i Dreamweaver. Det færdige site kan ses her: http://www.itu.dk/people/khhp/hotel_holidays/velkommen.html Øvelsen
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 mereOm styles / typografier / typografiark / stylesheets
Om styles / typografier / typografiark / stylesheets (dvs. Cascading StyleSheet ~ CSS) CSS er et sprog til at definere layout på HTML-dokumenter. CSS indeholder flere muligheder for layout end HTML og
Læs mereGRAFISK WORKFLOW H1 MARIA SCHELDE
GRAFISK WORKFLOW H1 MARIA SCHELDE DOKUMENTATION Opgaven Arkitekt Mette Schelde skulle have designet og programmeret et website, hvorpå hun kunne præsentere hendes produkter. Designkrav Sitet skal være
Læs merePassword-beskyttelse af visse filer
W EB DESIGN 101 K ODEORDSBESKYTTELSE A F VISSE FI LER Password-beskyttelse af visse filer P å et websted kan det være interessant kun at give en del af brugerskaren adgang til visse filer. Der er en mængde
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 mereOrdbøgerne.dk. Navne: Andreas Foldager og Rasmus Bjerring Pedersen Fag: IT B Lærer: Karl Bjarnason Afleveringsdato: 17-11-06.
Ordbøgerne.dk Navne: Andreas Foldager og Rasmus Bjerring Pedersen Fag: IT B Lærer: Karl Bjarnason Afleveringsdato: 17-11-06 Side 1 af 35 Indholdsfortegnelse Indledning:...3 Design...4 Visuelt design:...4
Læs mereTinyMCE Bruger Guide. Forord. Contents
TinyMCE Bruger Guide Forord TinyMCE er en platformuafhængig web baseret Javascript HTML WYSIWYG (What You See Is What You Get) editor udgivet som Open Source under LGPL af Moxiecode Systems AB. Dette er
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 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 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 mereProjekt-studieweb. Om kommunikationsteorierne. Morten, Jacob, Kristian og Cihat
Projekt-studieweb Om kommunikationsteorierne Morten, Jacob, Kristian og Cihat Gestaltlovene Loven om nærhed Loven om lukkethed Loven om lighed Loven om forbundethed Loven om fortsættelse Loven om figur
Læs mereTillykke 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 meregrafisk workflow Madmagasinet
grafisk workflow Madmagasinet Dokumentation Opgaven Madmagasinet skal have et website som er responsive, således deres brugere har en side som er optimeret til de forskellige platformer, hvorpå deres site
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 mereSådan kan du sende data fra din egen hjemmeside til JitBesked via en HTML-JDF.
Sådan kan du sende data fra din egen hjemmeside til JitBesked via en HTML-JDF. Vejledningen her beskriver hvordan man opbygger en form i HTML og sender indholdet af felterne til JitBesked. Det kræver du
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 mereNyhedssystem med mailingliste
Nyhedssystem med mailingliste Side 1 af 12 Log ind på din hjemmeside, som du gør, når du opdaterer den. Gå herefter ind på afsnittet moduler. Tryk på Installér ud for OLO Nyheder. Side 2 af 12 Nu dukker
Læs mereNamespaces. Vi kan kvalificere elementer på denne måde: <?xml version="1.0" encoding="iso-8859-1"?>
Namespaces...1 Default namespace:...6 Præfiks:...7 To slags navne i XML:...11 Standard namespaces:...14 RDF Resource Description Framework:...18 Attributter:...19 DTD skemaer og namespaces:...21 Namespaces.
Læs mereOK Fonden. Umbraco CMS Quickguide
OK Fonden Umbraco CMS Quickguide 1 Indhold 1 Indhold... 2 2 Indledning... 3 2.1 Kompatible browsere... 3 2.2 Log ind i Umbraco... 3 2.3 Naviger i administrationsområdet... 4 2.4 Brug af træ menu... 5 3
Læs mereWebteknologi evalueringsopgave Vinter 2011-2012 - Niels Sundstrup
Niels Sundstrup Webteknologi evalueringsopgave Vinter 2011-2012 - Niels Sundstrup Webteknologi - Carl- Henrik Nielsen - Syddansk Universitet, Kolding - Udlevering: 12. januar 2012 Aflevering: 19. januar
Læs mereOpstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger. Hvilken skærmopløsning? OBS
Generelle bemærkninger Programmet Dreamweaver har været på markedet i nogle år efterhånden. Den seneste version hedder Dreamweaver CS4, og programmet er på engelsk. Dreamweaver er en såkaldt grafisk editor,
Læs mereGRAFISK WORKFLOW Hjemmeside - Husk hjelmen. http://mediegrafiker-ats.dk/12gf32med8b/projekt/mette/
GRAFISK WORKFLOW Hjemmeside - Husk hjelmen http://mediegrafiker-ats.dk/12gf32med8b/projekt/mette/ Produkt Web sider Index side Underside - Cykelhjelmen - brug den rigtig. Underside - Husk nu cykelhjelmen.
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 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 merePORTFOLIO SEBASTIAN NYHOLM. Eksamensprojekt. 1. Semester
PORTFOLIO SEBASTIAN NYHOLM Eksamensprojekt 1. Semester Indledning Dette projekt gik ud på at designe og udvikle sit eget portfolio, hvor indhold fra tidligere projekter, læring, brugerteste og begrundelse
Læs mereBrugervejledning. Hjemmesider med Cmsimple.
1af23 Brugervejledning. Hjemmesider med Cmsimple. 1. Forord. Denne brugervejledning er fremstillet for at hjælpe personer ved Lokalhistorisk Arkiver i ny Sønderborg kommune, som kun har ringe kendskab
Læs mereOpstart. 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 CS5, og programmet er på engelsk. Dreamweaver er en såkaldt grafisk editor,
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 merePortfolio - Grafisk Workflow
Portfolio - Grafisk Workflow Opgaven gik ud på at designe et website for en tatovør. Der skulle indgå forskellige elementer på hver enkel side, samt overholdes nogle fastsatte krav. Vi skulle arbejde ud
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 mereGRAFISK WORKFLOW REDESIGN AF HJEMMESIDE
GRAFISK WORKFLOW REDESIGN AF HJEMMESIDE 2 REDESIGN AF FUTURECOM BUSINESS SOLUTIONS HJEMMESIDE OPGAVEN Den gamle hjemmeside skulles redesignes da den daværende hjemmeside var forældet (indhold og udseende)
Læs mereQuick guide Dynamicweb 9. Kom godt i gang med brugen af redigeringsværktøjet bag vores hjemmesideløsning CMS-systemet Dynamicweb
Quick guide Dynamicweb 9 Kom godt i gang med brugen af redigeringsværktøjet bag vores hjemmesideløsning CMS-systemet Dynamicweb Indholdsfortegnelse Sådan logger du på... 3 Opbygning... 4 Beskrivelse af
Læs merefå 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 mereNyhedsbrev april: spørgeskemaundersøgelse
#ChronoContact_Survey { margin-bottom: 10px; margin-left: 0px;.form_element { float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin-bottom: 8px; margin-left: 0; margin-top: 8px;
Læs mereManual Version 2. til oprettelse af hjemmesider for landsbyer i Rebild kommune
Manual Version 2 til oprettelse af hjemmesider for landsbyer i Rebild kommune Oversigt: Login Hjemmeside...... side 3 Login Administrationsmodul... side 5 Kategorier.. side 6 Opret/rediger første side...
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 mereGrundforløbsprøve Projektbeskrivelse
Grundforløbsprøve Projektbeskrivelse Webintegrator Thomas á Rógvi 221191-2505 Indholdsfortegnelse Opgaven... 3 Tidsplan... 4 Målgruppe... 5 Layout... 6 Design... 7 Fonte... 7 Browser... 7 Bilag... 8 Det
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 mereVejledning til brug af pileforeningen.dk for redaktører.
Vejledning til brug af pileforeningen.dk for redaktører. Log in: Gå ind på: http://pileforeningen.dk Tryk på Login for medlemmer Brugernavn: contentmanager. Password: 1234 Når du er logget ind kan du se
Læs mereDokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb
Dokumentation Workflow Grafisk produktion Trine Alexandersen 1. hovedforløb Jeg har valgt at vise min egen hjemmeside som workflow. Siden er min e-portfolio som skal vise hvad jeg lærer under min uddannelse
Læs mereAdmin i SkoleIntra. Fif til administratorer. Version: August 2012
Admin i SkoleIntra Fif til administratorer Version: August 2012 Indholdsfortegnelse At være administrator på SkoleIntra...4 De første overvejelser...4 LærerIntra import af data...4 LærerIntra hvem må
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 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 mereFase Forklaring Navigation. Opret en div til feltet hvorpå scrollbaren ønskes placeret. Giv div'en mål og position absolut. Vælg Overflow: auto.
1 Scrollbar Åbn index.html Der skal være en side åben. Indsæt en div: scroll Opret en div til feltet hvorpå scrollbaren ønskes placeret. Definér div'en Giv div'en mål og position absolut. Vælg Overflow:
Læs mereHjemmesidens layout. Sitecore Foundry maj Version 1.2
Sitecore Foundry 3.0 Hjemmesidens layout 31. maj 2012 - Version 1.2 Pentia A/S Store Kongensgade 66, Baghuset 1264 København K Telefon: 7023 3330 E-mail: info@foreningssite.dk Indholdsfortegnelse Indledning...
Læs mereOpstart. 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 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 meredet færdige resultat
grafisk design Under dette fagområde har jeg valgt at præsentere jer for en opgave, jeg har udarbejdet for virksomheden Breinholt. Breinholt er en nyopstartet virksomhed i Odense, der tilbyder spirituel
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 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 mereKT OR LOW PRODUKTION // WORKFLOW
PR D O U ION KT // W KFKF OR LOW PRODUKTION // WORKFLOW // WORKFLOW HJEMMESIDE / REDEGØRELSE / IDÉ, FARVE, FONT OG GRAFIK / SKITSER OG FLOWCHART / SKELET / STORYBOARD / CSS HVAD? Opgaven er en fiktiv hjemmeside
Læs mereHardeknud gruppe. Brugermanual. Tilegnet redaktører af gruppeweb hjemmeside
Hardeknud gruppe Brugermanual Tilegnet redaktører af gruppeweb hjemmeside Indhold Indledning... 4 Om denne brugermanual... 4 Formålet med Gruppeweb... 4 Hjemmesidens opbygning... 4 Redaktører... 5 Log
Læs mereDrejebog til tractorpulling.dk
Drejebog til tractorpulling.dk Generelt På hjemmesiden benyttes følgende som standard: - Skrifttype: Verdana - Skriftstørrelse: 12px / 9pt. 4. oktober 2011 Moskjær Marketing Falkevej 4 DK-6920 Videbæk
Læs mereOpret en formular i Dreamweaver
Opret en formular i Dreamweaver. Åben det html-dokument hvor du vil have din formular skal være på. 2. Klik i det felt (DIV eller tabel) hvor du vil have din formular skal være. Du kan se du er i feltet
Læs mereGrafisk produktion & workflow
Grafisk produktion & workflow WORKFLOW & PRODUKTION WEBSITE NATURSPEJDERNE Dokumentation I 2 OPGAVEN Opgaven Jeg har lavet dette fiktive website der kunne være en mulighed for en nyopstartet spejderforening.
Læs merePortfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning.
Portfolie Redesign dette er en gennemgang af opbyggelse af mit portfolie, med samtilige begrunderlser af design valg. Forord Min portfolie hjemmeside er fra start af ment som et startplatform og ikke et
Læs mereMindmaps med Freemind
Mindmaps med Freemind Et mindmap kan oversættes til at være et mentalt kort over et bestemt emne. Det kan bruges til at sætte struktur på resultatet af en brainstorm eller give overblik over et bestemt
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 mereManual til Dynamicweb Februar 2010
Manual til Dynamicweb Februar 2010 Login... 2 Skabeloner og formater... 3 Filarkivet... 4 Lav en PDF... 5 Opret en ny side... 7 Navngiv siden... 9 Aktiver siden... 9 Sorter sider... 9 Flyt siden... 11
Læs mereTastemanual til Webbyggeren
Tastemanual til Webbyggeren Denne tastemanual er opbygget således, at eleverne skal lave deres hjemmeside i en allerede konstrueret hjemmesideskabelon, som de kan arbejde videre i, lægge tekst ind i, ændre
Læs mereHer vil jeg forsøge at gennemgå hvordan vi kan opnå at centrere en»div-container«både vertikalt og horisontalt i browser vinduet.
Side 1 Her vil jeg forsøge at gennemgå hvordan vi kan opnå at centrere en»div-container«både vertikalt og horisontalt i browser vinduet. Dette er nogle gange et ønske fra den enkelte kunde, som blot ønsker
Læs mereMorten Skyt Eriksen Dansk manual (begynder) Side 1 af 11 BaZeN CMS v1.0. Manual til. Af Morten Skyt Eriksen
Morten Skyt Eriksen Dansk manual (begynder) Side 1 af 11 Manual til Af Morten Skyt Eriksen Morten Skyt Eriksen Dansk manual (begynder) Side 2 af 11 Indholdsfortegnelse: Oversigt Side 3 Log ind Side 4 Oversigt
Læs mereREDESIGN AF GRAFISK FORUMS HJEMMESIDE. Grafisk Workflow
Grafisk Workflow REDESIGN AF GRAFISK FORUMS HJEMMESIDE Før Efter REDEGØRELSE OPGAVEN Da jeg ikke har noget med web at gøre på min elevplads, opfandt jeg en fiktiv opgave - nemlig at redesigne Grafisk Forums
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 mereSpil Master Mind. Indledning.
side 1 af 16 Indledning. Spillet som denne rapport beskriver, indgår i et større program, der er lavet som projekt i valgfaget programmering C på HTX i perioden 9/11-98 til 12/1-99. Spillet skal give de
Læs mereNu skal vi især se på <font> og <center> samt centrering af hele siden på skærmen.
Validering 4 Nu skal vi især se på og samt centrering af hele siden på skærmen. Det er i HTML ikke forbudt at bruge koden , men lad nu være alligevel, du får blot en masse valideringsproblemer.
Læs mereVejledning til Teknisk opsætning
Vejledning til Teknisk opsætning v. 1.0 Adm4you, 2010. Indhold Kort om denne vejledning... 3 Generelt om easyourtime... 3 Installation af databasen... 3 Sikkerhed og rettigheder... 4 SQL Login... 4 Rettigheder
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 mereTEKNISK DOKUMENTATION FAKTURA LAYOUT ABAQUE VERSION 2.0
TEKNISK DOKUMENTATION FAKTURA LAYOUT ABAQUE VERSION 2.0 INTRODUKTION... 3 SKABELON OPBYGNINGEN... 3 BYG DIN EGEN SKABELON... 3 INDSÆT FELTER... 3 INDSÆT VARELINJER... 3 FILNAVN... 4 LISTE OVER FELTER...
Læs mereGRAFISK WORKFLOW. Layout Layout af hjemmesiden laves i Photoshop og siderne inddeles i mapper for bedre overblik.
GRAFISK WORKFLOW Opgaven Design og skabelse af website til maler og skrotkunstner Ole Møgelby. Websitet skal virke som en oversigt af Oles værker og som en informationsside. Programvalg Af programmer har
Læs mereStart på javascript. Denne guide er oprindeligt udgivet på Eksperten.dk. Skrevet den 03. Feb 2009 af webstuff I kategorien Programmering / JavaScript
Denne guide er oprindeligt udgivet på Eksperten.dk Start på javascript En begynder artikel til javascript som vil gennemgå: 1: Intro 2: Variabler 3: Arrays 4: Matematik 5: Betingelser 6: Løkker 7: Funktioner
Læs mereTech College Aalborg. ASP.NET Hjemmeside. Projekt Smart Zenior Home - Guide til ASP.NET hjemmeside med Visual Studio
Tech College Aalborg ASP.NET Hjemmeside Projekt Smart Zenior Home - Guide til ASP.NET hjemmeside med Visual Studio Isabella Sihm Ziersen Indhold ASP.Net hjemmeside... 2 Visual Studio... 2 Brug af templates
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 mereIndholdsfortegnelse. Forord
Indholdsfortegnelse Forord i Indholdsfortegnelse iii Indledning ix 1. Introduktion til HTML 1 Websider laves med HTML 2 Websider læses med en browser 2 Browserspecifikke markører 3 HTML-dokumentet 4 Hvad
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 mereManual til Vandværksløsninger
Topmenu, hovedmenu og venstremenu 1 Manual til Vandværksløsninger 6. Topmenu, hovedmenu og venstremenu Topmenu, hovedmenu og venstremenu 2 Hjemmesidens tre menuer Hjemmesiden har tre menuer, en topmenu,
Læs mereVejledning til OLO Organisation
Vejledning til OLO Organisation Indhold OLO Organisation er... 2 Ansøge om medlemskab via foreningens hjemmeside... 3 Opret et nyt medlem, der har ansøgt om medlemskab via hjemmesiden... 9 Afvis en ansøger...
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 mereManual til hjemmeside i Typo3
Manual til hjemmeside i Typo3 Gode tips og genvejstaster Ét linieskift Ctrl + A Ctrl + C Ctrl + X Ctrl + V shift + enter (tasten du normalt bruger til linieskift) Markér alt Kopier Klip Sæt ind Oprettelse
Læs mereTastevejledning Windows XP
Tastevejledning Windows XP Tastevejledningen dækker den danske udgave af Windows XP. Der er taget udgangspunkt i en standard installation, hvor der ikke er foretaget tilpasninger i skærmopsætning, valg
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 mereOnline billede filtrering
Online billede filtrering Eksamensprojekt 2014 Andreas Lorentzen, klasse 3.4 Roskilde Tekniske Gymnasium Programmering C 09-05-2014 I dette projekt vil jeg demonstrerer en af de mange ting moderne browsere
Læs mere