Artiklen giver en grundig gennemgang af selectors i CSS, og gennemgår samtidig, i hvilke browsere de kan bruges.
|
|
- Patrick Lassen
- 6 år siden
- Visninger:
Transkript
1 Denne guide er oprindeligt udgivet på Eksperten.dk Selectors i CSS Artiklen giver en grundig gennemgang af selectors i CSS, og gennemgår samtidig, i hvilke browsere de kan bruges. Skrevet den 03. Feb 2009 af hermandsen I kategorien (D)HTML / CSS Update 13. marts 2004: Som flere brugere har efterlyst, bliver det nu kommeteret hvilke browsere de forskellige selectors virker i! 13. marts 2004: Der var en mindre fejl omkring funktionaliteten bag :first-child. Det er nu rettet. Hvad er en selector? En selector kan på dansk fortolkes som en vælger. Noget der vælger hvilket element vi har med at gøre, og under hvilken betingelse vi gør noget med det. Kompabilitet Alt CSS i denne artikel er testet i følgende browsere på en dansk version af Windows XP Professional SP1. For at gøre det hurtigt overskueligt, har jeg udformet nogle forkortende navne for de forskellige testbrowsere. Browser Fuldt navn IE 6 <a href=" Internet Explorer 6 SP1</a> IE 5.5 <a href=" Internet Explorer 5.5 SP2, NT</a> IE 5.01 <a href=" Internet Explorer 5.01 SP2, NT</a> IE 4 Microsoft Internet Explorer 4 IE 3 Microsoft Internet Explorer 3, Windows 3.1 Mozilla <a href=" 1.6</a> Firefox <a href=" Firefox 0.8</a> Opera <a href=" 7.23</a> Simple selectors Den simpleste selector du kan lave er * (stjerne, eller asterisk på engelsk). Den sætter dine CSSegenskaber på alle elementer. * { font-size: 13px }
2 IE 6 Ja! IE 5.5 Ja! IE 5.01 Ja! IE 4 Ja! Den næste er specifikt på elementer af samme navn. F.eks. et <div>-element. Her skriver man først elementets navn, efterfulgt af CSS-egenskaberne: div { border: black 1px solid } IE 6 Ja! IE 5.5 Ja! IE 5.01 Ja! IE 4 Ja! Klasser og id'er Før satte vi egenskaber for alle div-elementer, men hvad nu hvis vi kun ønsker at ramme ét element? Til det formål har vi HTML-attributten "id". <table id="foo"> <tr> <td>bar</td> <td>bar</td> </tr> </table>
3 Et element med id-attributten må, i følge W3C's standarder, kun optræde en gang i et HTML-dokument. Havde vi derfor i stedet skrevet <td id="foo">bar</td>, ville det generere en fejl. For at angive at vi gør brug af et id i CSS, bruger man et #-tegn (Pound Sign på engelsk), direkte efterfulgt af navnet på id'et. #foo { border-collapse: collapse } table#foo { border: black 1px solid } Sidste linie er også helt lovlig, men egentlig unødvendig, da id'er jo kun må optræde en gang. IE 6 Ja! IE 5.5 Ja! IE 5.01 Ja! IE 4 Ja! Hvad gør man så hvis der er mange elementer som skal have de samme egenskaber? Til dem har vi HTML-attributten, "class". <div class="foo"> <div class="bar">foobar</div> [div]foobar</div> <div class="bar">foobar</div> </div> For at forklare browseren at vi har med en klasse at gøre, angives et. (punktum) direkte efterfulgt af navnet på klassen..bar { width: 30px } Det kan også gøres så man kun berører klasser fra de rigtige elementer.
4 span.foo { height: 10px } div.foo { height: 20px } Den første sker der intet med, eftersom intet span-element er tilstede. Den sidste bliver til gengæld fortolket i alle div-elementer med klassen "foo". IE 6 Ja! IE 5.5 Ja! IE 5.01 Ja! IE 4 Ja! Underliggende elementer For at slippe for at angive klasser til f.eks. en masse <li>-elementer, kan det gøres lettere. Her er det nemlig muligt at gribe fat i alle <li>-elementer under et andet element, f.eks. meget passende et <ul>element. <ul id="foo"> <li><a href="/">bar</a></li> <li><a href="/">bar</a></li> <li><a href="/">bar</a></li> </ul> Her fortæller vi at ul'en har id'et "foo". For at få alle elementer inde i ul-elementet sætter man mellemrum mellem de to elementers navne. #foo li { list-style-type: none } Vi kunne også skrive "ul li" i stedet for "#foo li", men brugen af id'er og klasser er en god måde at overskue tingene på. Vi kunne også nemt gribe fat i alle a-elementerne under ul'en.
5 #foo a { text-decoration: none } Elementet inde i ul'en behøver altså ikke ligge lige inden for ul'en, men kan ligge langt inde i stakke af elementer. IE 6 Ja! IE 5.5 Ja! IE 5.01 Ja! IE 4 Ja! Men hvad gør vi hvis vi kun vil have at den skal ramme de elementer der lige ligger inden for elementet? Det findes der selvfølgelig også en løsning på! <ul id="foo"> <li>foobar</li> <li>foobar</li> <li> <ul> <li>bar</li> <li>bar</li> <li>bar</li> </ul> </li> <li>foobar</li> </ul> Nu vil vi gribe fat i alle li-elementerne med teksten "foobar". Til det har vi tegnet > (større end). Først skriver vi moder-elements navn, derefter et >-tegn og til sidst navnet på det element lige under moderen, som skal findes. #foo>li { padding: 2px 5px 2px 0px }
6 Ønsker vi også at gribe fat i den underliggende ul kan vi bare gå længere ned i herakierne. #foo>li>ul>li { background-color: #AC0 } I slutningen af artiklen vil jeg give eksempler på nogle længere typer af selectors. Den sidste inden for underliggende elementer vi skal hive fat i er :first-child pseudo-klassen. Som navnet så enkelt siger, så hiver den fat i det første underliggende element. Tager vi udgangspunkt i HTML-eksemplet fra før kan vi se noget i denne retning. #foo :first-child { font-weight: bold } Derved bliver det første element (i dette tilfælde <li>-elementet) vist med fed skrift. Læg mærke til mellemrummet mellem #foo og :first-child. Denne selector finder altså først alle underliggende elementer (vha. mellemrummet), og vælger derefter :first-child. Ønsker vi at angive en speciel :first-child, kan det gøres således. li:first-child { list-style-image: url("foo/bar.png") } Eksemplet for oven finder alle de steder hvor et li-tag er det første element indenfor et andet.
7 Flere pseudo-klasser Der findes nogle egenskaber for elementer som gør vi kan give dem et andet udseende, ved forskellige handlinger. Disse handlinger er :hover, :active og :focus. :hover udføres når brugeren fører musen over et element. :active udføres når brugeren klikker på elementet og gør det aktivt. :focus udføres når brugeren har gjort elementet aktivt. input { background-color: green } input:active { background-color: white } input:hover { background-color: gray } input:focus { background-color: lime } input:focus:hover { background-color: red } Dette giver et input-element forskellig baggrundsfarve, ved forskellige handlinger. Læg mærke til at handlingerne godt kan lægges oven på hinanden. input:focus:hover bliver på den måde udført, når elementet er aktivt, og brugeren har musen over det. IE 6 Kun ved links! IE 5.5 Kun ved links! IE 5.01 Kun ved links! IE 4 Kun ved links! Folk tror ofte at disse egenskaber kun gælder for links, hvilket absolut ikke er tilfældet. Links har dog alligevel reserveret nogle pseudo-klasser til sig selv. Nemlig :link og :visited. :link udføres når et link bliver vist første gang. :visited udføres når brugeren har været på det pågældende link.
8 Følgende eksempler giver på den måde samme resultat. a { color: red } :link { color: red } a:link { color: red } Dog ikke hvis linket har været besøgt før. a { text-decoration: none } :visited { visibility: hidden } IE 6 Ja! IE 5.5 Ja! IE 5.01 Ja! IE 4 Ja! Den næste vi skal kigge på er :lang. Med den kan du give forskellige egenskaber, afhængigt af hvilket sprog dokumentet er på. I HTML bliver sprog-egenskaben blandt andet valgt ud fra lang-attributten, <meta>-elementet og information fra protokollen, f.eks. HTTP headers. I XML bliver sprog-egenskaben valgt ud fra xml:lang-attributten i html-elementet. <html xmlns=" xml:lang="da"> I CSS-eksemplet for neden, angiver vi hvordan quotes skal se ud ved de forskellige sprog-egenskaber. :lang(fr) { quotes: "«" "»" '"' '"' }
9 :lang(da) { quotes: '"' '"' "'" "'" } Opera Nej! Den næste pseudo-klasse hedder :first-line, hvilket hentyder meget til dens virkning. p:first-line { font-weight: 900 } Ovenstående eksempel gør den første linie i en paragraf fed. IE 6 Ja! IE 5.5 Ja! Ligesom man kan gøre noget ved den første linie, kan man også gøre noget ved det første bogstav, med :first-letter. p:first-letter { font-size: xx-large }
10 IE 6 Ja! IE 5.5 Ja! De sidste pseudo-klasser vi skal have fat i er :before og :after. Disse er mest effektive med CSSegenskaben "content". En egenskab som f.eks. kan indsætte tekst før, eller efter, indholdet af et element. Her er det naturligvis :before og :after der bestemmer hvor teksten skal indsættes. <p>en mindre tekst.</p> p:before { content: "Note: " } Vil i browseren fremstå som: Note: En mindre tekst. :after fungerer på samme måde, bortset fra at den indsætter teksten efter indholdet af elementet. <p>to be, or not to be</p> p:before { content: open-quote } p:after { content: close-quote } Hvis vi havde valgt fr (fransk) som sprog for vores dokument, som i eksemplet med :lang, ville det i browseren fremstå som: «To be, or not to be» :before og :after skal altid angives som den sidste del af selector'en!
11 Efterfølgende elementer Som tidligere beskrevet kan man sætte egenskaberne for underliggende elementer i et andet element, men hvad nu hvis man ønsker at ramme det efterfølgende element? <body> <div id="foobar"> <span>foo[/span] </div> <span>bar[/span] </body> For at sætte CSS-egenskaber for et efterfølgende element, bruges tegnet + (plus). Denne regel kan kun bruges hvis elementerne har den samme moder. F.eks. kunne vi ikke ramme <span >bar[/span] med reference fra <span >foo[/span]. #foobar + span { background-color: red } #foobar+span { color: white } Om man sætter mellemrum før/efter +'et er lige meget. I eksemplet for oven rammer vi <span >bar[/span]-elementet. Attribut selectors
12 En attribut selector, finder elementer ud fra hvilke attributter de har, og hvad der står i disse attributter. En attribut i HTML/XML er de egenskaber som findes inde i et tag. <img src="billede.jpg" alt="foo bar" id="bar" /> I ovenstående tag ser vi attributterne src, alt og id. Disse har samtidig en værdi, som vi kan gøre brug af senere. Når man bruger attribut selectors, angives det med firkantede parenteser []. Den simpleste attribut selector er at søge om attributten overhovedet er til stede. img[src] { border: red 1em solid } img[title] { float: right } I ovenstående eksempel vil kun den første CSS-regel blive udført på vores img-tag, da tag'et ikke indeholder en title-attribut. Den næste attribut-selector bruges ved en præcis sammenligning. Den angives stort set ligesom før, bortset fra at der efter attributtens navn indsættes et = (ligmed), og så indholdet i "" (gåseøjne, eller på engelsk: quotes). img[id="bar"] { clear: both }
13 Den næste attribut-selector kan bruges til at finde en værdi i en mellemrums-separeret liste. For at angive den, bruges tegnet ~ før ligmed. Altså ~=. img[alt~="bar"] { margin: 2px 0 1px 0 } img[alt~="oo"] { clip: rect(5px, 0px, 10px, 2px); } Her vil kun den første CSS-regel blive udført, eftersom "bar" ligger blandt "foo" og "bar". ~= leder efter en præcis streng i den mellemrums-separeret liste. Derfor bliver "oo" ikke fundet, eftersom dets fulde værdi vil være "foo", altså bliver anden linie ikke udført. En anden attribut-selector som minder meget om den foregående, finder det første ord i en bindestregssepareret liste (-, eller på engelsk: hyphen). Denne angives med et (pipe) i stedet for ~. <p lang="en-us">some kind of foobar-text.</p> p[lang ="en"] { text-transform: capitalize } p[lang ="us"] { text-decoration: blink } Her bliver kun den øverste CSS-regel udført, da værdien skal ligge i starten af listen.
14 Noget du sikkert sidder og savner lige nu, er muligheden for at finde tekst-værdier hvor som helst i attributterne. Med CSS3 bliver det muligt! CSS3's attribut selectors ADVARSEL!!! Følgende selectors er en del af CSS3, som der for øjeblikket arbejdes på. Dokumentationen er godt nok "Candidate Recommendation", hvilket vil sige at browser-udviklerne så småt godt kan begynde at implementere det i deres browser, men der tages stadig forbehold for små ændringer! For at finde en streng i starten af en værdi angives det med ^=. <a href=" one!</a> a[href^=" { text-decoration: underline overline } Opera Nej! Den næste er muligheden for at søge i slutningen af en attribut-værdi. Det kan vi med $=.
15 <img src="billede.png" alt="foo" /> img[src$=".gif"] { display: none } Opera Nej! Sidst men ikke mindst, skal vi selvfølgelig have mulighed for at kunne søge hvor som helst i værdierne! Dertil har vi *=. a[href*="google"] { text-transform: uppercase } Opera Nej! Flere selectors Som tidligere lovet, vil jeg nu vise nogle eksempler på selectors der gør at vi kan ramme præcist det element vi vil! <div id="foo"> <div class="bar"> <div></div>
16 <p> <div> <span><a href=" </div> </p> </div> </div> #foo>div.bar:hover>div+p span:first-child[href^=" { content: " <-eksternt link"; background-color: #cfc; color: black; } Ovenstående eksempel finder først elementet med id'et "foo", finder alle div-elementer som er direkte underliggende, og har klassen "bar". Når der er :hover på dem, findes alle div-elementer direkte under den. Det næste p-element vælges, og tager alle span-elementer under sig. Fra den findes det først underliggende element. Hvis dette element har attributten "href" og denne starter med " indsættes der teksten " <-eksternt link" efter indholdet af elementet. Dette eksempel er naturligvis helt ekstremt, og overdrevet. Alligevel viser det meget godt hvordan CSS' selectors fungerer. Selv har jeg en gang haft brug for en denne selector: #menu li:hover a[href^=" Afsluttende bemærkninger Jeg håber denne artikel har givet dig en udvidet forståelse for hvordan selectors i CSS fungerer, og kan hjælpe dig med at opbygge dine hjemmesider efter fremtiden standarder. //hermandsen Kommentar af limemedia d. 13. Mar Fin gennemgang af muligheder - jeg savner meget en "dette virker / dette virker ikke" i de forskellige browsere og operativsystemer. Blot fordi vi "seriøse" webudviklere anvender firefox og vores sider virkeligt spiller kanon i den, er der jo en broget skare kaldet brugere ;) og den sidste NN4 er ikke set endnu! Kommentar af olebole d. 15. May Bedste og mest saglige (læs: mindst 'religiøse') artikel om CSS fra denne forfatter. Dog kunne man have skrevet, hvad IE3.X kan bruge af CSS, på én linie i begyndelsen af artiklen. Derimod savner jeg - som andre læsere - info om, hvad NS4.X forstår. Godt nok var CSS ikke implementeret i NS4-serien, men det er faktisk forbløffende, hvormeget CSS den via sit JSSS kunne oversætte og bruge :)
17 Kommentar af minau d. 16. Mar SUPER CSS - avanceret - men lige i øjet :-) Kommentar af jensgram d. 10. May Fantastisk artikel! Gennemarbejdet, informativ og med gode eksempler. Thumbs up... Kommentar af repsac d. 18. Jun Hvorfor ikke bare læse W3's udmærkede "documentation" og så kigge på et par af de allerede eksisterende tabeller? Hvad med folk der skriver CSS for Applefolket? Kommentar af mik789 d. 18. Mar Super nyttig oversigt! Kommentar af ellert d. 14. Mar Virkelig god artikel! CSS bliver vigtigere og vigtigere og denne artikel er god til at få sat det meste på plads! Kommentar af 7th d. 23. Apr Virkelig god og brugbar artikel. Godt stykke arbejde ;o) Kommentar af roenving d. 27. Jul Kanon!-) Det eneste jeg for alvor savner er alle de minusser, hvor IE ikke er med og fedt med en opdatering!-) Kommentar af skovenborg d. 17. Mar Super artikel - en god gennemgang af de forskellige selectore der findes i CSS. Bare ærgeligt IE ødelægger brugen af de fleste, men det er rart at få overblik over understøttelsen alligevel. Måske lidt synd du ikke har :target med under CSS3 - den er ellers meget sjov at bruge ;-) Kommentar af htm d. 13. Mar Fremragende arktikel. Jeg anede virkelig ikke der var så store muligheder med css. Dejlig arktikel. Kommentar af athlon-pascal d. 15. Mar God, lang, grundig artikel, der giver et godt indblik i mere avanceret anvendelse af CSS. Når der står, hvor vidt de enkelte eksempler virker i IE 3 (der slet ikke understøtter CSS), bør der så ikke også stå, om de virker i
18 Netscape 4? _ Du bør også evt. få fat i en nyere Knoppix Linux-cd (helst med nyeste KDE), og teste eksemplerne i Konqueror - hvis de virker der, virker de nok også i Safari til MacOS X (alt andet ville være mærkeligt) :o) _ Desuden kan du godt skrive ved alle eksemplerne, at de ikke virker i Lynx ;o) Kommentar af thesurfer d. 31. Mar %! -- Det fede er at man kan bruge CSS3 til at blokkere reklamer, med FireFox -- Se Kommentar af michael-k d. 14. Mar Kan kun være enig med de andre. Dette er bestemt noget man kan bruge til noget. Tak for det. Kommentar af mm12010 d. 12. Dec Kommentar af jensendk d. 29. Jun Grundig og velskrevet Kommentar af stich d. 24. Jan Kommentar af dripz d. 18. Mar God artikel. Det er bare synd at IE ikke forstår en pølse af det meste I denne artikel :( Kommentar af viciodk d. 14. Mar Thumbs up :) Kommentar af lordhead d. 13. Mar En artikel der absolut er værd at gemme i sine bookmarks, og tage frem hvis man bliver i tvivl om noget ;) Jeg kan personligt ikke huske alt hvad der er blevet skrevet da artiklen i sig selv er meget lang. Ellers godt stykke arbejde. Dog skal du stadig huske den store mængde af brugere der bruger IE, netscape og andre browsere! Kommentar af dustie d. 09. Sep "God artikel. Det er bare synd at IE ikke forstår en pølse af det meste I denne artikel :(" Hvad har det med artiklen at gøre? Fordi IE sutter betyder det ikke artiklen er dårlig. Kommentar af dxs d. 08. Dec
19 Utrolig flot og velformuleret artikel om CSS! Kommentar af drip d. 21. Mar Super Duper oversigt over funktioner i css! Kommentar af slawomir d. 13. Mar Kommentar af jokkejensen d. 16. Apr En skam ie7 ikke er med i compabilitets skemaerne... hvorfor ik?
Sådan skriver du artikler til Eksperten!
Denne guide er oprindeligt udgivet på Eksperten.dk Sådan skriver du artikler til Eksperten! Når du skriver artikler handler det om at få den ud til de rigtige personer, og vise den frem så den er let forståelig.
Læs mereMozilla Firefox (tidligere Firebird): Fremhæve ord
Denne guide er oprindeligt udgivet på Eksperten.dk Mozilla Firefox (tidligere Firebird): Fremhæve ord Du kender sikkert Google Værktøjslinjen til Internet Explorer, ellers har du sikkert hørt om den. I
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 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 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 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 mereDrop tables til design, og få fuld udbytte af CSS!
Denne guide er oprindeligt udgivet på Eksperten.dk Drop tables til design, og få fuld udbytte af CSS! Fremtidens hjemmeside-udvikling består af ganske lidt HTML, som er logisk opbygget, samt en masse CSS,
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 merejquery - selectors, attributes, traversing og manipulation
Denne guide er oprindeligt udgivet på Eksperten.dk jquery - selectors, attributes, traversing og manipulation Jeg vil med denne første artikel fra mig om jquery komme kort ind på jquerys vidunderlige verden.
Læs mereI denne artikel vil jeg gennemgå hvordan en side for RSS "Live Bogmærke" kan se ud.
Denne guide er oprindeligt udgivet på Eksperten.dk RSS "Live Bogmærke" I denne artikel vil jeg gennemgå hvordan en side for RSS "Live Bogmærke" kan se ud. Skrevet den 10. Feb 2009 af madsass I kategorien
Læs mereMartin Møller Web1b Tirsdag den 19 juni 2012
Martin Møller Web1b Tirsdag den 19 juni 2012 Projektbeskrivelse 3 Tema valg 3 Budskab 3 Afsender 4 Målgruppe 4 Kommunikations mål 4 Skitser 6 Layout index 7 Layout Kulturliv 8 Layout Gratis glæder 9 Layout
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 mereFBS for praktikere Fyn. Notifikation og print skabeloner
FBS for praktikere Fyn Notifikation og print skabeloner 1.Velkomst v/anton Helms 2.Introduktion til HTML/CSS/Freemarker v/kent Gottschalk Hansen. 3.Skabeloner i Cicero v/kent Gottschalk Hansen. 4.Erfaringsudveksling
Læs mereForståelse for grafisk produktion og workflow
Forståelse for grafisk produktion og workflow Fallulah hjemmeside Opgaven: Blev stillet i forbindelse med forløbet avanceret webdesign, jeg har hverken fået karakter eller bedømmelse på den. Opgaven bestod
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 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 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 mereAnvendelse af metoder - Programmering
Denne guide er oprindeligt udgivet på Eksperten.dk Anvendelse af metoder - Programmering En forhåbentlig rigtig god forklaring på hvad metoder er og hvordan de anvendes. Lidt om private og public, retur
Læs mereDatabase design for begyndere
Denne guide er oprindeligt udgivet på Eksperten.dk Database design for begyndere Denne artikel beskriver hvordan man kommer fra ide til database design. Den stopper inden normal former. Den forudsætter
Læs mereBeginning CSS and Web Development kap. 1 11
Beginning CSS and Web Development kap. 1 11 Plan Xhtml opbygning CSS Divs, class, id Baggrunde, farver og billeder Tekst Links Lister Tabeller Stand up programmering Xhtml vs. html i XHTML skal alle elementer
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 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 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 mereWebmaster Sweet-Swing.dk Websidens opbygning. Som eksempel er brugt siden om korets målsætning som den vises i editoren.
Opbygning Som eksempel er brugt siden om korets målsætning som den vises i editoren. I editoren vises tabellinierne, selvom de på den færdige side i vores tilfælde er usynlige, bortset fra den sorte ramme
Læs mereLav dine egne hjemmesider/websider
Sider, der skal publiceres på World Wide Web, laves i et særligt format, html, som fortæller browseren, hvordan den skal vise tekst og billeder. Html (Hypertext markup language) er meget fleksibelt og
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 mereCentOS 7. Lavet af Ali Sarac og Andreas Jensen
CentOS 7 Lavet af Ali Sarac og Andreas Jensen 3.8.2017 Indholdsfortegnelse Konklusion... 3 Installer CentOS 7 i VMware... 3 Installation af Apache, PHP5 og vores HTML side... 7 2.4 spørgsmål... 12 Kildekoder...
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 mereTagwall med Php & MySQL
Denne guide er oprindeligt udgivet på Eksperten.dk Tagwall med Php & MySQL Her laver vi en tagwall i Php & MySQL... jeg forklarer dog ikke så meget, men jeg håber du kan få det til at blive til en tagwall
Læs mereAt klippe en streng over på det mest hensigtsmæssige sted
Denne guide er oprindeligt udgivet på Eksperten.dk At klippe en streng over på det mest hensigtsmæssige sted Formålet med denne artikel er at kaste lidt lys over, hvordan man klipper en streng over på
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 mereArrays i PHP. Denne guide er oprindeligt udgivet på Eksperten.dk. Skrevet den 04. Feb 2009 af taskmgr I kategorien Programmering / PHP
Denne guide er oprindeligt udgivet på Eksperten.dk Arrays i PHP De fleste som har skrevet omfattende scripts, er før eller siden stødt på problemet med at de bliver vanskelige at overskue hvis man bruger
Læs mereHurtigstartguide Mamut ez Publish Hurtigstartguide
[Type text] Mamut Active Services Hurtigstartguide Mamut ez Publish Hurtigstartguide 1 Mamut ez Publish Hurtigstartguide Indhold Hurtigstartguide... 2 Generelle oplysninger... 2 Hjemmeside og design...
Læs mereI denne arktikle går jeg gennem Slet, Ret og Opret data i en MySQL database. der er også en lille del i den hvor den postere datanen ud i en løkke
Denne guide er oprindeligt udgivet på Eksperten.dk MySQL for nybegynder I denne arktikle går jeg gennem Slet, Ret og Opret data i en MySQL database. der er også en lille del i den hvor den postere datanen
Læs mereVejledning i udsendelse af s
Side 1 af 5 Vejledning i udsendelse af e-mails Åben en internet browser: Vælg din klubs webadresse og log på siden. Eller log på via ngfp.dk: Nu kommer der en Administrator menu frem som kan have flere
Læs mereProjekt 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 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 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 mereHTML5 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 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 mereGRAFISK WORKFLOW Hjemmesidedesign
GRAFISK WORKFLOW www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline Færdige produkt www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline Færdige produkt www.mediegrafiker-ats.dk/12gf32med8b/stil/caroline
Læs mereHvad Hvorfor Hvordan Overvåg sites via egne feeds
Hvad Hvorfor Hvordan Overvåg sites via egne feeds Undersøg siden, du vil overvåge Grundbegreber i feed43 Grundbegreber i rss Vælg det præcise udsnit, du vil overvåge via rss Ønsker vi at overvåge udviklingen
Læs mereFORSTÅELSE FOR GRAFISK PRODUKTION OG WORKFLOW
Opgaven I AArhus er en fiktiv hjemmeside. Formålet med hjemmesiden, er at Folk som befinder sig i Aarhus kan henvende sig til I AArhus og berette deres synspunkt på Aarhus. Siden henvender sig til unge,
Læs mereGuide til design af mailskabeloner i Medlemsservice
Guide til design af mailskabeloner i Medlemsservice Indledning. I Medlemsservice er der mulighed for at sende mails til medlemmerne for at informere og bekræfte i flere forskellige situationer. Medlemsservice
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 mereMed register_globals = On får du automatisk adgang til en række variabelnavne i dit script.
Denne guide er oprindeligt udgivet på Eksperten.dk Register Globals Off Lad os slå en ting fast med det samme - register_globals = Off er en god ting, i hvert fald set ud fra et sikkerhedsmæssigt synspunkt.
Læs mereHvad er Objekter - Programmering
Denne guide er oprindeligt udgivet på Eksperten.dk Hvad er Objekter - Programmering En rigtig god gennemgang af hvad objekter er! Hvordan de oprettes og anvendes! Det er helt klart til nybegyndere, som
Læs mereLoginsystem (med MySQL)
Denne guide er oprindeligt udgivet på Eksperten.dk Loginsystem (med MySQL) Dette er en guide til, hvordan man kan lave et loginsystem med php og muligvis også med sessioner og MySQL Skrevet den 02. Feb
Læs mereGrundformen 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 mereGrafisk Workflow. Endeligt layout. Om mig. Forside. Portfolio
Endeligt layout Forside Om mig Portfolio 1 Hjemmeside Opgaven I dette design projekt skulle jeg gennemføre en designproces, hvor jeg enten skulle redesigne eller designe et produkt. Jeg valgte at designe
Læs mereUpload af billeder/filer for nybegyndere Del. 2
Denne guide er oprindeligt udgivet på Eksperten.dk Upload af billeder/filer for nybegyndere Del. 2 I denne Del vil jeg ikke gaa saa dybt i fil upload som i sidste. Jeg vil i stedet forklare om funktioner
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 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 mereGRAFISK WORKFLOW WEBSITE: MEEFRED DESIGN
GRAFISK WORKFLOW GRAFISK WORKFLOW WEBSITE: MEEFRED DESIGN OPGAVEN: Meefred Design er en enkeltmandsvirksomhed, som tilbyder grafisk design til både erhverv og private. Meefred Design har endnu ikke fået
Læs mereArrays og deres slægtskab med objects
Denne guide er oprindeligt udgivet på Eksperten.dk Arrays og deres slægtskab med objects Grundlæggende beskrivelse af arrays, deres oprettelse og brug. For den lidt mere øvede er der også en snak om associative
Læs mereGrafisk Workflow STILHISTORIE. Website lavet i forbindelse med et projekt om stilhistorie. Klik her for at se websitet:
STILHISTORIE Website lavet i forbindelse med et projekt om stilhistorie. Klik her for at se websitet: http://www.mediegrafiker-ats.dk/12gf32med8b/stil/maria/ Opgaven I forbindelse med et tema omhandlende
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 mereGrundforløb 1 TEMA2 HTML
Grundforløb 1 TEMA2 HTML HTML KNOWLEDGE BASE Mere HTML og CSS KNOWLEDGE BASE HTML Indhold HVAD ER HTML? WEBSITES I DAG BASIC HTML TAGS MARKUP = HTML TEKST I HTML STANDARDER I HTML ELEMENTERNE I HTML MERE
Læs mereGRAFISK PRODUKTION WORK- FLOW DREAMWEAVER CS5 DESIGN & KODNING AF LANDING PAGE. a.link, a.hover, a.visited. Wrapper. paragraph CSS. h1 h2.
GRAFISK PRODUKTION OG WORK- FLOW CSS Wrapper paragraph h1 h2 DREAMWEAVER CS5 Class Tags Kodning Design a.link, a.hover, a.visited HTML Kundekontakt Komposition og modulopbygning Skelet Pixels Layout Usabillity
Læs mereVelkommen til manualen for Styleclasses Introduktion til Styleclasses Rediger styleclass
14.2.0 Velkommen til manualen for Styleclasses 1 14.2.1 Introduktion til Styleclasses 1 14.2.2 Ny styleclass 1 14.2.3 Rediger styleclass 2 14.2.3.1 Custom 3 14.2.3.2 Setup 3 14.2.3.3 Slet 4 14.2.4 Problemer
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 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 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 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 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 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 mereLad os lave en hjemmeside. Kikker du på http://www.olehasselbalch.dk, vil du højst sandsynligt se dette.
Lad os lave en hjemmeside. Kikker du på http://www.olehasselbalch.dk, vil du højst sandsynligt se dette. Spørgsmålet er nu, hvordan laver man sådan en side? Du skal have et såkaldt webhotel, hvilket jeg
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 mereGRAFISK PRODUKTIONSFORSTÅELSE
GRAFISK PRODUKTIONSFORSTÅELSE Opgavebeskrivelse Julie Abels Dansestudie vil gerne have en ny hjemmeside, der skal promovere studiet. De har en opsat hjemmeside fra 123hjemmeside, som de gerne vil have
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 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 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 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 mereStylesheets - grundteori.
Når du designer med css gør du to ting: på den ene side opmærkes og struktureres sidens indhold med tags, eller markører på den anden side tildeles disse tags css-regler, hvormed du styrer layoutet. Her
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 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 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 mereOPGAVE BESKRIVELSE ARBEJDSPROCES. Idéudvikling. Inspiration. Skelet. Uploade til server. Kodning. Teste sitet igennem. Rettelser og godkendelse
GRAFISK WORKFLOW ARBEJDSPROCES OPGAVE BESKRIVELSE OPGAVEN At lave et redesign af AGF Fanclubs hjemmeside med et mere nutidigt look og bedre oversskuelig brugerflade. Opgaven har jeg stillet mig selv, men
Læs mereSådan laver du et billedhjul i Soundslides Plus Ole Rode Jensen, oktober 2011
Sådan laver du et billedhjul i Soundslides Plus Ole Rode Jensen, oktober 2011 1 Soundslides samler billeder og lyd - ikke andet Soundslides er IKKE billedredigering og IKKE lydredigering, så billeder skal
Læs mereTHOMAS KNUDSHOLT MEDIEGRAFIKER. Grafik - Billedbehandling - Typografi og Ombrydning Grafisk Design - Grafisk Produktionsforståelse
THOMAS KNUDSHOLT MEDIEGRAFIKER Grafik - Billedbehandling - Typografi og Ombrydning Grafisk Design - Grafisk Produktionsforståelse MEDIEGRAFIKER HOVEDFORLØB 2 GRAFISK DESIGN DOKUMENTION Kunden: Retsforbundet
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 mereAfsending af s vha. ASP
Denne guide er oprindeligt udgivet på Eksperten.dk Afsending af emails vha. ASP Det kan ofte være praktisk at afsende emails fra sin hjemmeside. Denne artikel tager udgangspunkt i komponenten JMail fra
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 mereKoden i denne guide vil kun virke i Flash MX 2003 og MX ikke ældre versioner!
Denne guide er oprindeligt udgivet på Eksperten.dk Slideshow - Guide Denne guide gennemgår grundigt og forklarende hvordan man i Flash laver et slideshow med simpel fade-effekt med billeder hentet dynamisk.
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 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 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 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 mereFlash Logic Free CMS. Manual og brugervejledning
Flash Logic Free CMS Manual og brugervejledning Indhold: 1. Funktionalitet 2. Fil-oversigt 3. Baggrundsbillede 4. Banner-billede 5. Redigering af tekst 6. Brug af html-tags 7. Web site navn 8. Upload til
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 mereKontrol-strukturer i PHP
Denne guide er oprindeligt udgivet på Eksperten.dk Kontrol-strukturer i PHP Denne artikel gennemgår kontrolstrukturer i PHP. 'if', 'switch', 'while' og 'for' bliver gennemgået. Den forudsætter lidt grundlæggende
Læs mereI denne artikel, vil der blive gennemgået de grundlæggende PHP-funktioner, såsom udskrift til skærmen, tid og dato og if-sætningen.
Denne guide er oprindeligt udgivet på Eksperten.dk Grundlæggende PHP I denne artikel, vil der blive gennemgået de grundlæggende PHP-funktioner, såsom udskrift til skærmen, tid og dato og if-sætningen.
Læs mereIntroduktion til SQL queries
Denne guide er oprindeligt udgivet på Eksperten.dk Introduktion til SQL queries Denne artikel beskriver nogle forskellige muligheder i SQL queries. Eksemplerne skulle gerne være standard SQL og virke i
Læs mereNaja Schlüter Roskilde Tekniske Gymnasium 26/ Interessentanalyse
Interessentanalyse Jeg fik til opgave at skulle lave en ny studieweb som er min egen personlige side. Min studieweb skal bruges til lidt information og så vil jeg løbende igennem de to år jeg har igen
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 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 mereØ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 mereopsam ling fra sidst
Opsam ling fra sidst Den rette tilgang til HTML og CSS Eksperimentér Tænk logisk Detaljerne betyder noget Find inspiration/information på nettet Gode genveje Gem cmd s på Mac ctrl s på PC Bladre mellem
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 mere