Tillykke Med Fødselsdagen
|
|
- Egil Dalgaard
- 8 år siden
- Visninger:
Transkript
1 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 your club. Introduktion I dette projekt bliver du introduceret til HTML & CSS ved at lære, hvordan du laver dit helt eget personlige fødselsdagskort. Arbejdsliste Test dit Projekt Gem dit Projekt Følg disse INSTRUKTIONER trin for trin Klik på det grønne flag for at AFPRØVE din kode Sørg for at GEMME dit projekt 1
2 Trin 1: Hvad er HTML? HTML står for HyperText Markup Language, hvilket er det sprog, som man bruger til at lave websider. Lad os se på et eksempel! Arbejdsliste Du skal bruge en webside, der hedder Trinket til at skrive din HTML. Åbn denne Trinket: jumpto.cc/web-intro. Hvis du læser dette online, så kan du også benytte den indlejrede Trinket nedenfor. Koden, som vises til venstre i vores Trinket, er HTML. I højre side kan du se den webside, som HTML koden har lavet. HTML bruger tags til at opbygge websider. Prøv at lægge mærke til følgende HTML i linje 8 af din kode: <p>hej. Mit navn er Anders.</p> <p> er et eksempel på et tag, og er en forkortelse af paragraph. Du kan begynde en paragraf med <p> og afslutte en paragraf med </p>. Kan du få øje på andre tags? Måske du har lagt mærke til et tag på linje 9, som er <b>, hvilket står for bold (fed): <b>løbe</b> Her er nogle flere tags: <html> og </html> markerer begyndelsen og slutningen af dit HTML 2
3 dokument; <head> og </head> omringer fx din CSS (det kommer vi ind på senere!); <body> og </body> indeholder dit website indhold. Prøv at ændre en af dine tekstparagrafer i din HTML (til venstre). Klik på Run. Nu bør du se, at din webside ændrer sig (i højre side)! Hvis du har lavet en fejl og har lyst til at fortryde dine ændringer, så kan du klikke på menuknappen og derefter Reset. Prøv det selv! 3
4 4
5 Gem dit projekt Du behøver ikke have en Trinket konto for at kunne gemme dine projekter! Hvis du ikke har en Trinket konto, så klik på pil-ikonet, der vender nedad, og klik så på Link. Så vil du få et link, som du kan gemme og vende tilbage til senere. Dette skal du gøre hver gang du laver ændringer, som du gerne vil gemme, for linket ændrer sig tilsvarende! Hvis du har en Trinket konto, så er den letteste måde at gemme din webside på ved at klikke på Remix knappen øverst til højre. Så gemmer du en kopi af din Trinket på din profil. 5
6 Udfordring: Tilføj en ny paragraf Kan du tilføje en tredje tekstparagraf til din webside under dine 2 øvrige paragrafer? Husk at din nye paragraf skal starte med et <p> tag og slutte med et </p>. Din webside bør se således ud: Kan du tilføje fed (bold) og understreget tekst til din nye paragraf? Du skal bruge <u> og </u> for at understrege din tekst. Gem dit projekt Trin 2: Hvad er CSS? CSS står for Cascading Style Sheets, og er det sprog man bruger til at style websider (forme layout) og få dem til at se indbydende ud. Du kan linke din webside til en CSS fil i <head> sektionen af et HTML dokument på denne måde: Arbejdsliste CSS definerer egenskaberne for et givent tag. Klik på style.css fanen for CSS en til din webside. 6
7 Find denne kode: p { } color: black; Denne CSS kode indeholder en enkelt egenskab for paragrafer, hvilket er at tekstfarven skal være sort. Ændr ordet black i CSS en til blue. Du bør nu se at tekstfarven på alle dine paragrafer skifter farve til blå. Gem dit projekt 7
8 Udfordring: Tilføj endnu mere styling Kan du lave tekstlinjerne orange? Eller baggrunden grå? Gem dit projekt Trin 3: Lav et fødselsdagskort Lad os bruge hvad du har lært indtil videre omkring HTML og CSS og gå igang med at lave dit helt eget fødselsdagskort. Arbejdsliste Åbn denne Trinket: jumpto.cc/web-kort, eller benyt den indlejrede version nedenfor, hvis du læser dette online. Bare rolig hvis du ikke forstår al koden. Fødselsdagskortet ser lidt kedeligt ud, så nu skal du lave nogle ændringer i HTML- og CSS en. Hvis du klikker på knappen på forsiden af kortet, så bør du se at det åbner sig. 8
9 Gå til linje 13 i din kode. Ligesom vores tidligere eksempel, så kan du redigere hvilken som helst tekst i HTML en for at gøre dit kort personligt. Kan du finde HTML en for dit robotbillede? (Hint: den er på linje 16!) Ændr ordet robot til sun - så vil du se at billedet ændrer sig! Du kan bruge andre ord som boy, diamond, dinosaur, flowers, girl, rainbow, robot, spaceship, sun, tea, og trophy. Du kan også redigere CSS en til dit fødselsdagskort. Klik på fanen style.css. Det begynder med al CSS en 9
10 outside (udenpå) kortet. Ændr background-color til lightgreen. Du kan også ændre størrelsen på et billede. Gå til linje 29 i din CSS og ændr width (bredde) og height (højde), af billedet udenpå, til 200px ( px står for pixels). Skrifttypen (font) kan også ændres. Gå til linje 24 og ændr font-family til Comic Sans MS og font-size til 16pt. Du kan benytte andre skrifttyper som fx arial, Impact og Tahoma. Gem dit projekt 10
11 Udfordring: Lav et personligt kort Brug alt det du har lært omkring HTML og CSS for at færddiggøre dit personlige kort. Det behøver ikke være et fødselsdagskort, men kan være til hvilken som helst lejlighed! Her er et eksempel: Gem dit projekt Nu hvor du har lavet dit kort færdigt, så kan du dele, eller e, det til nogen. 11
Efterlyst! Introduktion HTML & CSS. I dette projekt skal du lære, hvordan du laver din egen plakat. Arbejdsliste. Test dit Projekt.
HTML & CSS 1 Efterlyst! All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your club. Introduktion
Læs 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 mereChatBot. Introduktion. Scratch. Nu skal du lære hvordan du programmerer din egen talende robot! Arbejdsliste. Test dit Projekt.
Scratch 1 ChatBot 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 mereRockband. Introduktion. Scratch. I dette projekt skal du lære, hvordan du kan kode dit eget musikinstrument! Arbejdsliste.
Scratch 1 Rockband 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 mereRumfart. Introduktion. Scratch. Nu skal du lære hvordan du programmerer din egen animation! Arbejdsliste. Test dit Projekt.
Scratch 1 Rumfart 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 mereFang Prikkerne. Introduktion. Scratch
Scratch 2 Fang Prikkerne 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 mereBekrig Klonerne. Introduktion. Scratch. I dette projekt skal du lære, hvordan du laver et spil, hvor du skal redde Jorden fra monstre i rummet.
Scratch 2 Bekrig Klonerne 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.
Læs mereSkab Din Egen Verden
Scratch 2 Skab Din Egen Verden 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.
Læs mereUMS Velkomst Byder nye brugere velkommen til skolen
Forord UMS Velkomst modulet giver mulighed for at give de kommende studerende et godt førstehåndsindtryk ved skolestart - den indledende kontakt til de studerende er umådelig vigtig. Velkomst modulet består
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 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 mereHukommelsesspil. Introduktion. Scratch
Scratch 2 Hukommelsesspil All Code Clubs must be registered. By registering your club we can measure our impact, and we can continue to provide free resources that help children learn to code. You can
Læs mereTegnekasse. Introduktion. Scratch. I dette projekt skal du lave dit eget tegneprogram! Arbejdsliste. Test dit Projekt.
Scratch 1 Tegnekasse All Code Clubs must be registered. By registering your club we can measure our impact, and we can continue to provide free resources that help children learn to code. You can register
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 mereCSS introduktion: Tekstformatering med CSS
Webdesign og webkommunikation, formiddagshold (hold 1), IT Universitetet, forår 2012. Øvelse 3, individuel øvelse CSS introduktion: Tekstformatering med CSS 1. Lidt om hvad du har lært Du har i øvelse
Læs mereHøvdingebold. Introduktion. Scratch
Scratch 2 Høvdingebold All Code Clubs must be registered. By registering your club we can measure our impact, and we can continue to provide free resources that help children learn to code. You can register
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 mereGoogle Chrome side 1 af13
Google Chrome side 1 af13 Indholdsfortegnelse: Download Google Chrome... Side 2 Overblik... Side 3 Angiv startside... Side 7 Søg direkte i adresselinjen... Side 8 Bogmærker sider... Side 8 Bogmærkeadministratoren...
Læs mere5. Billeder og logo til websitet er optimeret til web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet.
GRAFISK WORKFLOW Grafisk workflow Beskrivelse Opgaven Design af website til Tipsbladet Fokus, som er noget, jeg selv har fundet på. Det er tænkt som et alternativ til Tipsbladet.dk, hvor der på Tipsbladet
Læs mereHjernetræning. Introduktion. Scratch
Scratch 2 Hjernetræning All Code Clubs must be registered. By registering your club we can measure our impact, and we can continue to provide free resources that help children learn to code. You can register
Læs mereweb via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet.
GRAFISK WORKFLOW Grafisk workflow Beskrivelse Opgaven Redesign af website for bilforhandleren PerB. Opgave har jeg stillet mig selv med det formål at lave en simpel men indbydende udgave af PerB s website.
Læs mereGrafisk produktionsforståelse
04 Grafisk produktionsforståelse Design og koding af steentrae.dk 24 Svendeprøveportfolio Steentrae.dk Responsivt website med CMS I forlængelse af min Grafisk design-del, har jeg her valgt at fokusere
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 mereMoltrup-sogn.dk - Vejledning i redigering af undersider, og oprettelse af nye sider.
Indholdsfortegnelse Moltrup-sogn.dk - Vejledning i redigering af undersider, og oprettelse af nye sider.... 2 Brugernavn og kodeord.... 2 Selve tekstbehandleren... 3 Indsættelse af billeder... 4 Metadata...
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 mereManual til brug af youtube
Manual til brug af youtube For at kunne bruge din nye video på din hjemmeside, facebook med videre, skal du først uploade den til youtube. Vi gennem gennemgår hele processen her i fire nemme trin. 1. Sådan
Læs 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 mereBådsejlads. Introduktion. Scratch. Du skal lære hvordan du laver et spil, hvor man bruger musen til at styre en båd til en øde ø.
Scratch 1 Bådsejlads All Code Clubs must be registered. By registering your club we can measure our impact, and we can continue to provide free resources that help children learn to code. You can register
Læs mereVELKOMMEN TIL PHOTO STORY FOR WINDOWS
VELKOMMEN TIL PHOTO STORY FOR WINDOWS Jens Honoré 2005 Photo Story er et program, du kan bruge til at lave en billedfortælling med. Du kan: Indsætte billeder Ændre billedernes farver Tilføje effekter til
Læs mereMini brugermanual CMD 5.1
Mini brugermanual CMD 5.1 Kom i gang For at tilgå CMD skal du åbne en web browser og indtaste URL en på dit CMD website i adressefeltet, hvorefter dialogboksen til log in vises. 1. Indtast dit brugernavn
Læs mereLeif Smidt E-MAIL GODT IGANG MED IPAD - IOS 9
Leif Smidt E-MAIL GODT IGANG MED IPAD - IOS 9 KAPITEL E-MAIL På din hjemmeskærm finder du en app ved navn Mail. Appen er et mailprogram, som kan vise og håndtere dine e-mails på en enkel og overskuelig
Læs mereInstallation af ETF s cloudløsning for Privatpraktiserende ergoterapeuter
Installation af ETF s cloudløsning for Privatpraktiserende ergoterapeuter For at starte opsætningen af produktet, downloades programmet ved at gå til nedstående link, og vælge under Privat praktiserende
Læs mereVÆGGEN. Københavns Museum byder dig velkommen i et stort fællesskab, der via VÆGGEN deler billeder og fortællinger om livet i København.
KØBENHAVNS MUSEUM MUSEUM OF COPENHAGEN GUIDE TIL UPLOAD PÅ VÆGGEN Kære bruger Københavns Museum byder dig velkommen i et stort fællesskab, der via VÆGGEN deler billeder og fortællinger om livet i København.
Læs mereBrugermanual til Wordpress 3.2.x Content Management System
Indhold Brugermanual til Wordpress 3.2.x Content Management System Kontrolpanelet 2 Brugerniveauer 2 Log ud 3 Profil 4 Generel Info (vigtigt) 5 Tilføj nyt indlæg(1) 6 Tilføj nyt indlæg(2) 7 Tilføj nyt
Læs mereGhostbusters. Introduktion. Scratch. Du skal lave et fangelegsspil med spøgelser! Arbejdsliste. Test dit Projekt. Gem dit Projekt
Scratch 1 Ghostbusters All Code Clubs must be registered. By registering your club we can measure our impact, and we can continue to provide free resources that help children learn to code. You can register
Læs mereIn stal l ati on sv ejl edn i n g er ti l di gi tal e n o- tesbøger
Dato 15. marts 2016 Sagsbehandler Kim N. Eriksen Mail kine @vd.dk Telefon +45 2544 7014 Dokument 16/03534-1 Side 1 / 29 In stal l ati on sv ejl edn i n g er ti l di gi tal e n o- tesbøger 1. Introduktion
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 mereBestyrelsesadgang (Min Side)
Bestyrelsesadgang (Min Side) Login på Min side på www.randersbolig.dk med dine brugeroplysninger som står i mail/brev. Du er nu logget ind på Min Side, og kan nu klikke på menupunkterne vedr. bestyrelsen
Læs mereBe funky med billeder E-læringsmodul billedkunst IT-færdighedsniveau: 1 2 3 4 5 Af Simon Rune Jørgensen
Be funky med billeder E-læringsmodul billedkunst IT-færdighedsniveau: 1 2 3 4 5 Af Simon Rune Jørgensen Overblik I dette modul lærer du at anvende det online-baserede billedredigeringsprogram Befunky i
Læs mereRoskildes tekniske gymnasium. Kulløse Mijlømesse. Afsluttende kom/it projekt
Roskildes tekniske gymnasium Kulløse Mijlømesse Afsluttende kom/it projekt Casper Hansen og Christian Hansen 26-04-2009 Indhold Indledning... 3 Planlægning... 3 Overvejelser... 3 Hvordan man kommer til
Læs mereManual og Hjælp Skoletasken 2
Manual og Hjælp Skoletasken 2 I Skoletasken 2 - Hjælp Indhold I Introduktion 1 Velkomst 2... 2 2 Systemkrav... 2 3 Installation... 3 4 Skoletasken... 8 II Opsætning 10 1 Systemopsætning... 10 2 Bogopsætning...
Læs mereBrugervejledning @venbuild Light
HÅNDBOG FOR SYSTEMADMINISTRATOR/REDAKTØR Side 1 INDHOLDSFORTEGNELSE OM @VENBUILD LIGHT... 3 ADGANG... 3 OVERSIGT OVER LÆRINGSOBJEKTER... 4 NAVIGATION... 5 OVERSIGT OVER VARIANTER... 5 OVERSIGT OVER EGNE
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 mereBrugervejledning til udfyldelse og udstedelse af Europass Mobilitetsbevis i Europass Mobilitetsdatabasen
Brugervejledning til udfyldelse og udstedelse af Europass Mobilitetsbevis i Europass Mobilitetsdatabasen Europass Mobilitetsbevis skal udfyldes og udstedes i mobilitetsdatabasen: http://mobilitet.europass.dk/.
Læs mereØvelse 1, individuel øvelse billeder, links og undersider
Øvelse 1, individuel øvelse billeder, links og undersider 1. Målsætning I dag skal du lære om principperne bag HTML5 -om hvordan form og indhold er adskilt, og hvordan koden binder dem sammen. Det er et
Læs mereVejledning i opbygning af Tillidszonen
Vejledning i opbygning af Tillidszonen Vejledning til FOAs lokale afdelinger i opbygningen af deres del af Tillidszonen FOA Fag og Arbejde Januar 2006 1 Indholdsfortegnelse Forbunds- og afdelingsdel...3
Læs mereHJÆLP TIL FILM-X ANIMATIONSVÆRKTØJ
HJÆLP TIL FILM-X ANIMATIONSVÆRKTØJ Når du bruger FILM-X animationsværktøjet har du hele tiden adgang til at få hjælp. Hjælpeboksen ligger i højre side af skærmen og den kan ses her nedenfor. Hjælpen er
Læs mereCecilie Maria Nielsen, Mathias Fornitz Eriksen og Martin Arnetoft klasse 1.6 07-05-2010
ROSKILDE TEKNISKE GYMNASIUM Eksamensopgave Kommunikation/it Cecilie Maria Nielsen, Mathias Fornitz Eriksen og Martin Arnetoft klasse 1.6 07-05-2010 Vi har valgt at beskæftige os med opgave 1 fra oplæget.
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 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 mereGuide. Administration af FDF.dk/Nyborg. 1. Udgave 2008. Ide og layout Christoffer S. Rasmussen
Guide Administration af FDF.dk/Nyborg 1. Udgave 2008 Ide og layout Christoffer S. Rasmussen FDF.Dk/NyboRG Den nye hjemmeside for FDF Nyborg er baseret på et bloksystem. Det vil sige at det er super nemt
Læs mereTYPOGRAFI & OMBRYDNING
TYPOGRAFI & OMBRYDNING BOX OFFICE E-MAGASIN Magasin Design http://issuu.com/mads-pj/docs/e-magazine DOKUMENTATION OPGAVE Opgaven jeg stillede mig selv, var at designe et e-magasin omkring Box Office resultater.
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 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 mereWORKFLOW & PRODUKTION
OPGAVE Jeg har lavet et fiktiv website for en hundekennel. Det er mit bud på hvordan sådan en eventuelt kan se ud. PROGRAMMER Photoshop Dreamweaver Illustrator WORKFLOW & PRODUKTION KENNEL BISCO Dokumentation
Læs mereAnnemette Søgaard Hansen/www.dinwebvejleder.dk
Google Docs Dokumenter Indholdsfortegnelse Værktøjer... Side 3 Menuer... Side 5 Opgave... Side 8 Få adgang til filerne fra din computer... Side 16 Vejledende løsning... Side 17 GoogleDocs Dokumenter 2
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 mereNyhedsmodul brugermanual
Nyhedsmodul brugermanual version 6 Indholdsfortegnelse 1. Kategorier... 02 1.1. Hvordan opretter jeg en kategori?... 02 1.2. Hvordan viser jeg en nyhedskategori på websitet?... 02 2. Oprettelse/redigering
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 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 mereMitch Studerer programmering og elsker at lave fede programmer. Han holder også meget af film og kunst. Mitch er i det hele taget en fin fyr.
Mitch Studerer programmering og elsker at lave fede programmer. Han holder også meget af film og kunst. Mitch er i det hele taget en fin fyr. De Kosmiske Vogtere: Gobo, Fabu og Pele De Kosmiske Vogtere
Læs mereForfattere: Thomas Dreisig Thygesen & Grethe Grønkjær Layout: Jens Holm Møller
Forfattere: Thomas Dreisig Thygesen & Grethe Grønkjær Layout: Jens Holm Møller Login Hver gang du ser en rød prik og en rød tekst, er det noget, du skal gøre! Når du ser en pære, er der et godt tip. Læs
Læs mereManual til www.skoleskibet-danmark.dk s forum
Manual til www.skoleskibet-danmark.dk s forum Her gennemgås de mest almindelige funktioner i dette forum. Instillinger: Hvordan registrer jeg mig som bruger? (side 2) Hvordan logger jeg ind? (side 3) Hvordan
Læs mereAptana editor til MAC og Windows
1 Aptana editor til MAC og Windows http://aptana.com/products/studio3/download For at downloade Mac versionen skal du klikke på : Customize Your Download og der efter klikke på MAC OS X. Indtast navn og
Læs mereBook Creator. Du skal bruge App en Book Creator for at følge denne vejledning. Scan koden og se en videovejledning
Book Creator Du skal bruge App en Book Creator for at følge denne vejledning Scan koden og se en videovejledning Book Creator er super nem at bruge. App en er godt nok på engelsk og derfor er den vejledning,
Læs mereManual Serif Web & Tableau Public
Manual Serif Web & Tableau Public Indhold 2 Start 3 Festivalprogram 4-19 Kursuskatalog 20-22 Dramaskolehold 23-28 Visitkort konsulenter 29-30 Visitkort scener 31-35 Amatørkulturens tal 36-42 VIGTIGT! For
Læs mereIntroduktion. Unifaun Online 29-04-2014
Introduktion Unifaun Online 29-04-2014 2 Indhold 1 Introduktion til Unifaun Online... 3 1.1 Grundlæggende navigering... 3 1.2 Søgning af information... 3 1.3 Indtastning af faste oplysninger... 4 1.4 Din
Læs mereHerning Centerby Guide til Umbraco
Herning Centerby Guide til Umbraco marts 2016 I GANG MED UMBRACO 4 LOGIN 4 LÆR UMBRACO AT KENDE 5 SÅDAN REDIGERER DU SIDER 6 VÆRKTØJSLINJEN 6 RET I TEKSTEN 7 RET ELLER INDSÆT LINK I TEKSTEN 8 RET ELLER
Læs mereGruppe 9 Visuel Interface Design, 27/09/2011
Gruppe 9 Visuel Interface Design, 27/09/2011 Først øvelse. Lav en designanalyse i tekst og billeder af det udleverede website www.kariyer.net. Vi startede med en hjemmeside, der så ud som følgende: Gennemgående
Læs mereBetjeningsvejledning. for. UniRace
Betjeningsvejledning for UniRace 2007 Et konkurrence indtastningsprogram. Indholdsfortegnelse Indholdsfortegnelse... 2 Figur fortegnelse... 3 Indledning... 4 Race info... 4 Indtastning af deltagere...
Læs mereDigital eksamen for studerende
Digital eksamen for studerende Indhold Digital eksamen for studerende... 1 Information om eksamen... 1 Eksamenen er i gang... 3 Udfyldelse af besvarelsesinformationer... 4 Upload besvarelse... 5 Sådan
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 mereModul 8: Clouds (Lagring af filer)
Det sprogpædagogiske kørekort 2012/2013 Modul 8: Clouds (Lagring af filer) Del II Sabine Kramer Indholdsfortegnelse side Opret en Google konto (punkt 1-4).. 3 Upload filer fra computeren til Google docs
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 mereBrugervejledning til InfoLand.dk skabelonen
Indhold Indledning... 4 Første gang... 4 Log ind som Administrator og ændre kodeord... 4 Opret Redaktør (dig selv)... 4 Log ind... 4 Log ind med dit eget brugernavn ( Redaktør )... 4 Log ind som Administrator...
Læs mereExcel-4: Diagrammer og udskrift
Excel-4: Diagrammer og udskrift Udfra indtastede tal og formler kan Excel oprette forskellige typer meget flotte diagrammer: grafer, kurver, søjler og cirkeldiagrammer. OPGAVE: Men der skal være nogle
Læs mereVigtige funktioner i Word 2003
Vigtige funktioner i Word 2003 Indhold Husk... 2 Skrifttype... 2 Skriftstørrelse... 3 Overskrifter... 4 Andre vigtige funktioner... 5 Margen... 6 Linjeafstand... 7 Ordoptælling... 8 Sidetal... 10 Sidehoved
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 mereQUICKGUIDE TIL XMEDIA
QUICKGUIDE TIL XMEDIA 1 UPLOAD DINE EGNE BILLEDER TIL "MINE MAPPER" 2 ARBEJD MED EN SKABELON 3 OPRETTELSE AF PDF 4 ÅBN OG ARBEJD VIDERE MED EN SKABELON 1 OPLOAD DINE EGNE BILLEDER TIL MINE MAPPER Opret
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 mereIndholdsfortegnelse. Side 1 af 9
Indholdsfortegnelse Koster det noget at oprette sig som bruger på schaeferhvalpe?... 2 Hvordan opretter jeg mig som bruger på schaeferhvalpe?... 2 Hvordan ændre jeg mit kodeord.... 3 Hvad hvis jeg har
Læs mereStudiestart med itslearning. for studerende ved radiografuddannelsen, UCN
for studerende ved radiografuddannelsen, UCN 11. januar 2013 INDHOLD Velkommen til studiestart med itslearning... 3 Login på itslearning... 4 Undervisningsplaner, forberedelse og litteratur... 7 Opgaver,
Læs mereKort brugervejledning til Vindsiden
Kort brugervejledning til Vindsiden Vejledningen beskriver kun de mest anvendte funktioner, og er meget kortfattet. Vejledningen udvides efterhånden, som der sker ændringer i sidens opbygning og/eller
Læs mere21-05-2008 Side 1 af 7
-05-008 Side af 7 Grundlæggende funktioner i billedbehandling. NB! Arbejd på en kopi af dit billede, så du altid har det oprindelige liggende, hvis noget skulle gå galt.. Ændring af billedstørrelse i IrfanView
Læs mereVejledning til Photofiltre nr. 117 Side 1
Side 1 I denne vejledning skal vi bruge 7 billeder som skal sættes ned i størrelse. Bagefter sættes de sammen 3 i den ene rækker og 4 i den anden. Til sidst sættes de 2 rækker sammen så det er som en collage.
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 mereOPGAVEN PROGRAMVALG. Jeg har brugt Illustrator til at lave logo og ikoner.
GRAFISK DESIGN OPGAVEN Min kæreste er medstifter af en vinloge. Medlemmerne af logen kunne godt tænke sig et sted, hvor de bl.a. kunne få et overblik over, hvilke vine de har bedømt og hvornår næste loge
Læs mereManual til Rsiden.dk for rygestoprådgivere
1 Manual til Rsiden.dk for rygestoprådgivere Muligheder på Rsiden.dk www.rsiden.dk er en side, der skal samle alle de relevante dokumenter, informationer og kurser til rygestoprådgivere på et sted. Det
Læs mereBRUGERVEJLEDNING STANDTEKST
BRUGERVEJLEDNING STANDTEKST 2 StandTekst Software v/jurjen de Boer Platanvej 4 4200 Slagelse Tlf.: 58 52 28 69 E-mail: mail@standtekst.dk Hjemmeside: www.standtekst.dk Indholdsfortegnelse Indholdsfortegnelse...
Læs mereDokumentation. Grafisk Design
Dokumentation Dokumentation OPGAVEN: Denne opgave er lavet for en ny opstartet cafe og restaurant i Vordingborg, de skulle derfor bruge et logo som det første og derefter en hel design linje. Deres ide
Læs mereMark André Lyhne. Eksamen 2012. 12web1b
Mark André Lyhne Eksamen 2012 12web1b Indholdsfortegnelse Indholdsfortegnelse... 1 Projekt beskrivelse... 3 Målgruppe... 3 Afsender... 3 Budskab... 3 Kommunikationsmål... 3 Ideudvikling... 3 De 6 Designparametre...
Læs mereTema MitHelbred på din ipad
Tema MitHelbred på din ipad Sofus 18. oktober 2015 Side 1 Vejledning til Besøglægen.dk e-portal Første besøg Første gang du besøger e-portalen, skal du oprettes som bruger. Brugeroprettelsen sker ved at
Læs mereInstallering af Microsoft Office 2012-09-12 Version 2.1
Installering af Microsoft Office 2012-09-12 Version 2.1 Indholdsfortegnelse Installering af Microsoft Office... 2 Oplysninger inden installeringen... 2 Installering af Microsoft Office... 3 Introduktion...
Læs mereIndstillinger af skærm, skrivebord og papirkurv
Skærmens format og opløsning Skærmens opløsning angives i pixels (små kvadrater). Den valgte opløsningen skal helst passe med skærmens format, dvs. forholdet mellem længde og bredde, ellers bliver billederne
Læs mereTrivselAPV 2013 Teknisk guide til arbejdsmiljøgrupperne
TrivselAPV 2013 Teknisk guide til arbejdsmiljøgrupperne DEL 3: Udarbejdelse af handleplan Når I har drøftet resultatet i hele personalegruppen og er blevet enige om, hvilke punkter, der skal indføjes i
Læs merePralemappen.dk Din online portfolio Brugerhåndbog til undervisere support@pralemappen.dk Brugerhåndbog til undervisere
www.pralemappen.dk v4 side 1 af 10 Indholdsfortegnelse Velkommen til pralemappen.dk 1.1 Introduktion...side 3 1.2 Grundlæggende funktioner...side 3 1.3 Indstillinger der gælder hele skolen...side 4 1.4
Læs mereRefWorks Workshop Medicinsk Bibliotek Aalborg Universitetshospital. Oprettelse af konto/log in... 2. RefWorks-databasen... 2
RefWorks vejledning Indhold Oprettelse af konto/log in... 2 RefWorks-databasen... 2 Import af referencer... 2 Pubmed... 3 Embase/Psycinfo/Medline (Ovid)... 4 Cinahl... 5 RefGrab-it... 6 Organisering af
Læs mere