Oppbygging av innhold på responsive nettsider.

Save this PDF as:
 WORD  PNG  TXT  JPG

Størrelse: px
Begynne med side:

Download "Oppbygging av innhold på responsive nettsider."

Transkript

1 Oppbygging av innhold på responsive nettsider. HTML og CSS er koder som forteller nettleseren hvordan strukturen og utseende på en nettside skal vises på skjermen din. Selv om du ikke ser kildekoden når du redigerer innhold vil de alltid være disse som forteller hvordan resultatet skal bli til slutt. Når du arbeider med nettsider, kan det være greit med en grunnleggende innføring slik at du unngår å bryte den responsive strukturen når du redigerer siden, og slik at du selv kan strukturere innholdet på en god måte. For å se kildekoden åpner du editoren for siden du skal redigere (klikk på innhol og editer), og klikker på source øverst til venstre i menyen

2 Grunnleggende struktur For å strukturere innhold omgir man teksten med tagger. En tag begynner og slutter slik <> </> Her er noen eksempler: <h1>dette er en overskrift</h1> <h2> Dette er en overskrift </h2> <h3> Dette er en overskrift </h3> <h4> Dette er en overskrift </h4> <h5> Dette er en overskrift </h5> <h6> Dette er en overskrift </h6> <p>dette er et avsnitt.</p> <p> Dette er et annet avsnitt.</p> <a href="http://www.digipoint.no">dette er en link</a> Dette er et bilde, og bilder står alene < />: <img src=" alt="logo" /> Dette er et linjeskift, og linjeskift star alene < />:: Linje <br /> Ny linje <p><b>fet tekst i et avsnitt</b></p> <p><i>kursiv tekst i et avsnitt</i></p> Om du limer kodene du ser over inn i kildekoden på siden din vil det se slik ut:

3

4 Om du går tilbake til tekstmodus vil du se hvilken effekt taggene gir.

5 Om du redigerer tekst kan du holde deg innenfor første og siste tegn for å unngå å bryte taggen. For å endre bildet klikker du på bildet og åpner bildeegenskaper.

6 Velg «browse server» for å åpne bildearkivet.

7 Klikk på mappen du skal hente bildet i fra, og klikk på bildet for å ta det med deg tilbake til siden. Her kan du også laste opp et nytt bilde til en eksiterende mappe, eller opprette en ny kategori/mappe og laste opp et bilde til denne.

8 Dele inn sider i responsive bokser (div) Om du ønsker å dele inn siden i flere felt, samtidig som du bevarer den responsive strukturen, skal du benytte bokser <div</div> <div>dette er tekst i en en boks</div> Du kan dele opp i to halve sider, en halv og to fjeredeler, tre tredjedeler osv. <div class="one-half">første halve</div> <div class="one-half last">siste halve</div> Boksene skal ligge innenfor en annen boks som holder dem sammen. Denne boksen får klassen «clearfix». Vi skal også fortelle hvilken boks som er den siste boksen, slik at de flyter på linje. Denne får klassen «last». Da blir det slik: <div class="clearfix"> <div class="one-half">første halve</div> <div class="one-half last">siste halve</div> </div> Her er noen eksempler på bokser med bilde og tekst som du kan kopiere inn på nettsiden som en mal: ½ SIDE <div class="clearfix"> <div class="one-half"><img alt="" src="http://digipoint.no/maler/slider.jpg" /><p>tekst</p></div> <div class="one-half last"><img alt="" src="http://digipoint.no/maler/slider.jpg" /><p>tekst</p></div> </div> 1/3 SIDE <div class="clearfix"> <div class="one-third"><img alt="" src="http://digipoint.no/maler/slider.jpg" /><p>tekst</p></div> <div class="one-third"><img alt="" src="http://digipoint.no/maler/slider.jpg" /><p>tekst</p></div> <div class="one-third last"><img alt="" src="http://digipoint.no/maler/slider.jpg" /><p>tekst</p></div> </div>

9 1/4 SIDE <div class="clearfix"> <div class="one-fourth"><img alt="" src="http://digipoint.no/maler/slider.jpg" /><p>tekst</p></div> <div class="one-fourth"><img alt="" src="http://digipoint.no/maler/slider.jpg" /><p>tekst</p></div> <div class="one-fourth"><img alt="" src="http://digipoint.no/maler/slider.jpg" /><p>tekst</p></div> <div class="one-fourth last"><img alt="" src="http://digipoint.no/maler/slider.jpg" /><p>tekst</p></div> </div> 1/5 SIDE <div class="clearfix"> <div class="one-fifth"><img alt="" src="http://digipoint.no/maler/slider.jpg" /><p>tekst</p></div> <div class="one-fifth"><img alt="" src="http://digipoint.no/maler/slider.jpg" /><p>tekst</p></div> <div class="one-fifth"><img alt="" src="http://digipoint.no/maler/slider.jpg" /><p>tekst</p></div> <div class="one-fifth"><img alt="" src="http://digipoint.no/maler/slider.jpg" /><p>tekst</p></div> <div class="one-fifth last"><img alt="" src="http://digipoint.no/maler/slider.jpg" /><p>tekst</p></div> </div>

10 Om du limer koden inn i kildekoden vil det se slik ut når du går tilbake til tekstmodus: Du kan velge den strukturen som passer best for din side, og fjerner/legger til tekst der det passer.

OBLIG 1 - WEBUTVIKLING

OBLIG 1 - WEBUTVIKLING OBLIG 1 WEBUTVIKLING Oppgave 1 Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak. Problemer med funksjonalitet / bruk Uoversiktlig side For

Detaljer

Enkle HTML koder for bruk til bl.a cachebeskrivelser. Ver. 2.01

<HTML Koder> Enkle HTML koder for bruk til bl.a cachebeskrivelser. Ver. 2.01 Enkle HTML koder for bruk til bl.a cachebeskrivelser. Ver. 2.01 Side 2 Ett HTML dokument inneholder både tekst som skal vises og instruksjoner om hvordan den skal vises av nettleseren. Instruksjonene

Detaljer

Hvordan legge ut en melding i Fronter

Hvordan legge ut en melding i Fronter OPPDATERT 1. sept 2008 Hvordan legge ut en melding i Fronter Vi skal her lære å legge ut meldinger. De vil være noe kjedelige av utseende fordi vi har lagt vekt på at det skal være rask å bruke, lett å

Detaljer

Brukermanual Scriptor 2006 Side 1 av 7. Brukermanual. Scriptor 2006. Copyright AESTON

Brukermanual Scriptor 2006 Side 1 av 7. Brukermanual. Scriptor 2006. Copyright AESTON Brukermanual Scriptor 2006 Side 1 av 7. Brukermanual Scriptor 2006 Brukermanual Scriptor 2006 Side 2 av 7. Innlogging... 3 Internet Explorer forberedelse... 3 Norton Internet Security Forberedelse... 4

Detaljer

the web Introduksjon Lesson

the web Introduksjon Lesson Lesson 1 the web All Code Clubs must be registered. Registered clubs appear on the map at codeclub.org.uk - if your club is not on the map then visit jumpto.cc/18cplpy to find out what to do. Introduksjon

Detaljer

Lyd og video på nettsider

Lyd og video på nettsider Lesson 8 Lyd og video på nettsider 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/18cplpy to find out what

Detaljer

en hjemmeside Lesson Introduksjon Du kjenner en del HTML tagger, så nå er det på tide å lage din første hjemmeside! La oss begynne med en gang.

en hjemmeside Lesson Introduksjon Du kjenner en del HTML tagger, så nå er det på tide å lage din første hjemmeside! La oss begynne med en gang. Lesson 2 en hjemmeside All Code Clubs must be registered. Registered clubs appear on the map at codeclub.org.uk - if your club is not on the map then visit jumpto.cc/18cplpy to find out what to do. Introduksjon

Detaljer

Brukerdokumentasjon for LabOra portal - forfattere

Brukerdokumentasjon for LabOra portal - forfattere Brukerdokumentasjon for LabOra portal - forfattere Skin: Dnnbest-Grey-Skin1024 Skin: Metro7 Custom LabOra web-portal er et web-basert publiseringsprogram for publisering av informasjon på hjemmesider.

Detaljer

Brukermanual. Itpays W3 Publish. Sette opp, logge inn og komme i gang. Redigert den 23. mai 2005. http://www.itpays.no/produkter/publisering/

Brukermanual. Itpays W3 Publish. Sette opp, logge inn og komme i gang. Redigert den 23. mai 2005. http://www.itpays.no/produkter/publisering/ Brukermanual Itpays W3 Publish Sette opp, logge inn og komme i gang Redigert den 23. mai 2005 http://www.itpays.no/produkter/publisering/ Innholdsoversikt: 1 Generelt om Itpays w3 publish Side 3 2 Sette

Detaljer

Oblig 1 Webutvikling av Jon-Håkon Rabben

Oblig 1 Webutvikling av Jon-Håkon Rabben Oblig 1 Webutvikling av Jon-Håkon Rabben Oppgave 2 og 3) http://www.it-stud.hiof.no/~jhrabben/boxmodel.html Oppgave 6) http://www.it-stud.hiof.no/~jhrabben/oblig1oppg6.html Oppgave 1) Siden tar lang tid

Detaljer

BORRENYTT. Dette er en innføringsguide om hvordan man kan legge til nye poster, og hvordan disse bør settes opp.

BORRENYTT. Dette er en innføringsguide om hvordan man kan legge til nye poster, og hvordan disse bør settes opp. Dette er en innføringsguide om hvordan man kan legge til nye poster, og hvordan disse bør settes opp. I denne guiden skal jeg ta for meg hvordan man kan legge til eller endre tekst, opprette nyheter og

Detaljer

Hvordan redigere blogg sider i Joomla 3.x

Hvordan redigere blogg sider i Joomla 3.x Hvordan redigere blogg sider i Joomla 3.x Side 1/8 For å endre en side/artikkel i Joomla logger du inn. Velkomstskjermen er denne. Klikk på artikler. Eller velg artikler fra toppmenyen: Innhold >> Artikler

Detaljer

HTML: Del inn nettsiden

HTML: Del inn nettsiden HTML: Del inn nettsiden Erfaren Web Introduksjon Målet med denne oppgaven er å lære hvordan man kan organisere en nettside ved å dele den inn med forskjellige tagger. Dersom du ikke er kjent med tagg-strukturen

Detaljer

BRUK AV TEKSTEDITOREN

BRUK AV TEKSTEDITOREN Dynamisk Internett-publisering med DM Web BRUK AV TEKSTEDITOREN BRUKERVEILEDNING 2007 Datamann AS er Brukermanualen er utarbeidet av Datamann AS Postboks 74 9551 ØKSFJORD Telefon 78 45 95 00 Telefaks 78

Detaljer

Brukerveiledning nettsted Stjørdal kajakklubb. Tilgang til siden. Opprette bruker? Tilgang til siden... 1 Opprette bruker?... 1

Brukerveiledning nettsted Stjørdal kajakklubb. Tilgang til siden. Opprette bruker? Tilgang til siden... 1 Opprette bruker?... 1 Brukerveiledning nettsted Stjørdal kajakklubb Tilgang til siden... 1 Opprette bruker?... 1 Nyheter / artikler... 3 Lage artikkel... 3 Redigerer artikkel... 11 Slette artikkel... 12 Tilgang til siden Opprette

Detaljer

file:///c:/users/michaelp/sites/dkdm/dw6/dreamweaver6.html

file:///c:/users/michaelp/sites/dkdm/dw6/dreamweaver6.html 1 of 9 15.04.2015 14:15 Spry og behaviours Både Spry and Behaviours er basert på programmeringsspråket Javascript. Javascript kjører i nettleseren og ikke på webserver som PHP og Perl. På en lignende måte

Detaljer

KOMME I GANG 2. Logge på 2. I redigeringsvinduet 3 OVERSIKT OVER KNAPPENE SOM LIGGER ØVERST I REDIGERINGSVINDUET 5

KOMME I GANG 2. Logge på 2. I redigeringsvinduet 3 OVERSIKT OVER KNAPPENE SOM LIGGER ØVERST I REDIGERINGSVINDUET 5 Innhold KOMME I GANG 2 Logge på 2 I redigeringsvinduet 3 OVERSIKT OVER KNAPPENE SOM LIGGER ØVERST I REDIGERINGSVINDUET 5 Lukk 6 Ny 6 Flytt opp/ Flytt ned 6 Klipp 7 Kopier 7 Lim inn (krysspubliser, ny,

Detaljer

I denne oppgaven forventer vi at du har vært gjennom HTML- og CSS-oppgavene så langt og/eller er kjent med

I denne oppgaven forventer vi at du har vært gjennom HTML- og CSS-oppgavene så langt og/eller er kjent med <div> - og HTML5-taggene. CSS: Layout Ekspert Web Introduksjon Målet med oppgaven er å lære hvordan man lager en nettside med en meny og et innholdsfelt. I denne oppgaven forventer vi at du har vært gjennom HTML- og CSS-oppgavene

Detaljer

Oppgave 1 (Etter forelesning 31/8) Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak.

Oppgave 1 (Etter forelesning 31/8) Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak. Oblig 1 Oppdatert: 10/09 Nye oppgaver Oppgave 1 (Etter forelesning 31/8) Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak. Oppgave 2 (Etter

Detaljer

Brukerveiledning WordPress. Innlogging:

Brukerveiledning WordPress. Innlogging: Brukerveiledning WordPress Her er en liten guide for hjelpe deg gjennom det grunnleggende i Wordpress. Denne veilederen vil ta deg gjennom: Innlogging Lage en side Lage et innlegg Innlogging: For å logge

Detaljer

Her prøver vi å gi en enkel introduksjon til Venstres publiseringssystem for nettsider (Venstre Publish):

Her prøver vi å gi en enkel introduksjon til Venstres publiseringssystem for nettsider (Venstre Publish): 9 IT i lokallaget 9.1 Hjemmesider Redigering av lokallagets hjemmesider skjer via et publiseringsverktøy som du finner på https://publish.venstre.no. Brukernavn og passord får du ved å henvende deg til

Detaljer

Vedlikeholde nettstedet i Joomla 2.5 +

Vedlikeholde nettstedet i Joomla 2.5 + Vedlikeholde nettstedet i Joomla 2.5 + Innlogging: Klikk deg inn på din nettside. I menyen på ditt nettsted vil det være en link til logg inn eller adm. Klikk på denne og logg inn med det brukernavnet

Detaljer

Forberedelser; De sidene vi nå skal lage har etternavnet.htm eller.html. HypertextMarkupLanguage

Forberedelser; De sidene vi nå skal lage har etternavnet.htm eller.html. HypertextMarkupLanguage Vi lager hjemmeside Forberedelser; 1) Start med Utforskeren. Still deg i C: 2) Lag ei ny mappe som du døper det navnet du vil legge alle filene og mappene du vil legge ut på internett i. 3) Hvis du ikke

Detaljer

Søkemotorer. - en guide for en bedre rangering. Søkemotorer en guide for bedre rangering. InBusiness AS 2006 1

Søkemotorer. - en guide for en bedre rangering. Søkemotorer en guide for bedre rangering. InBusiness AS 2006 1 Søkemotorer - en guide for en bedre rangering Søkemotorer en guide for bedre rangering. InBusiness AS 2006 1 Innledning Har du endelig fått deg et nettsted med bra design og oppdatert innhold MEN så oppdager

Detaljer

Memoz brukerveiledning

Memoz brukerveiledning Memoz brukerveiledning http://memoz.hib.no Pålogging...1 Oversikt...2 Profilside...2 Inne i en memoz...3 Legg til ting...3 Tekstboks...3 Rediger og flytte på en boks...4 Bildeboks...5 Videoboks...7 HTML-boks...7

Detaljer

Manual for innlegging av standard sideinnhold og nyheter via «backend»

Manual for innlegging av standard sideinnhold og nyheter via «backend» Manual for innlegging av standard sideinnhold og nyheter via «backend» 23.3.2006 Utarbeidet av: 2 Innlogging og beskrivelse av hovedelement i «backend» For å få tilgang til redigeringsmodul velges følgende

Detaljer

Brukermanual til Domenia Norges adminløsning

Brukermanual til Domenia Norges adminløsning Brukermanual til Domenia Norges adminløsning 1. Login For å logge inn på løsningen din skriver du inn domenenavnet ditt og /siteadmin (f.eks www.domenia.no/siteadmin ). Skriv inn brukernavn og passord

Detaljer

1) Sørg for at du fortsatt er i eventredigeringsmodus (klikk F6 på tastaturet, eller velg ikonet med en person fra menylinjen).

1) Sørg for at du fortsatt er i eventredigeringsmodus (klikk F6 på tastaturet, eller velg ikonet med en person fra menylinjen). Nå har du mange karakterer i spillverdenen din, men det er ikke noe spennende hvis du ikke kan prate med dem! I dette oppdraget lærer du å legge til dialog til karakterene, slik at du kan snakke med dem.

Detaljer

Veiledning hjemmeside Stjørdal Friidrettsklubb

Veiledning hjemmeside Stjørdal Friidrettsklubb Veiledning hjemmeside Stjørdal Friidrettsklubb Hjemmesida med adressen www.sfik.no er åpen for alle. Hvis du skal publisere et innlegg på hjemmesida må du logge deg inn med brukernavn og passord. Dette

Detaljer

Webutvikling oblig 1 Marius Hanssen

Webutvikling oblig 1 Marius Hanssen Webutvikling oblig 1 Marius Hanssen Oppgave 1 arngren.net er en rotete nettside, enkelt sett forpestet med et uorganisert layout og en kode så grov at jeg ikke skjønner hvordan de klarte å finne en så

Detaljer

Side 1. Sniggabo CMS brukermanual rev. 2

Side 1. Sniggabo CMS brukermanual rev. 2 Side 1 Sniggabo CMS brukermanual rev. 2 INNHOLDSFORTEGNELSE Logg inn... 3 Menylinje... 3 Artikkelliste... 4 Ny artikkel... 5 Aktiviteter... 8 Rediger aktivitet... 9 Dokumenter... 9 Nytt dokument... 10

Detaljer

Hvordan setteopp en wordpress site med wampserver. Lokal site på din pc.

Hvordan setteopp en wordpress site med wampserver. Lokal site på din pc. Hvordan setteopp en wordpress site med wampserver. Lokal site på din pc. Av Thomas Gitlevaag Steg 1. Installasjon Steg 2. simpel utforsking av wordpress steg 3. Sette opp en veldig enkel side. Steg 1.

Detaljer

Nettside24 Brukerveiledning Nettside24 Brukerveiledning

Nettside24 Brukerveiledning Nettside24 Brukerveiledning Nettside24 Brukerveiledning Nettside24 Brukerveiledning 1 av 14 Oversikt over brukerveiledningen. 2. Oversikt. 3. Logge inn på nettsiden. 4. Redigere innholdet på undersidene. 5. Redigere innholdet i blokkene.

Detaljer

Brukerveiledning wikispaces. Kursholder Kari Saasen Strand

Brukerveiledning wikispaces. Kursholder Kari Saasen Strand Brukerveiledning wikispaces Kursholder Kari Saasen Strand Våren 2011 2 Innhold Hvordan lage en wiki?... 4 Opprette konto.... 4 Rediger din side... 5 Manage wiki... 5 Rediger din velkomstside... 6 Verktøymeny...

Detaljer

Brukermanual - Joomla. Kopiering av materiale fra denne Bonefish manualen for bruk annet sted er ikke tillatt uten avtale 2010 Bonefish.

Brukermanual - Joomla. Kopiering av materiale fra denne Bonefish manualen for bruk annet sted er ikke tillatt uten avtale 2010 Bonefish. Brukermanual - Joomla Bonefish brukermanual - Joomla Gratulerer med ny nettside fra Bonefish. Du er nå blitt eier og administrator for din egen nettside, noe som gir deg visse forpliktelser ovenfor din

Detaljer

Hvordan redigere sider i Joomla 3.x

Hvordan redigere sider i Joomla 3.x Hvordan redigere sider i Joomla 3.x Side 1/6 For å endre en side/artikkel i Joomla logger du inn. Velkomstskjermen er denne. Klikk på artikler. Eller velg artikler fra toppmenyen: Innhold >> Artikler Siden

Detaljer

Brukerdokumentasjon Prosjektrom

Brukerdokumentasjon Prosjektrom Brukerdokumentasjon Prosjektrom eksterne brukere Microsoft SharePoint 2010 Veidekke Side 1 Innhold Komme i gang... 3 Hvordan orientere seg i prosjektrommet?... 4 Laste opp dokumenter til prosjektrommet...

Detaljer

OBLIG 2 WEBUTVIKLING

OBLIG 2 WEBUTVIKLING OBLIG 2 WEBUTVIKLING Oppgave 1 Design ved hjelp av skisser eller wireframes et nettsted med et "avansert" design. Lag spesifikke design for ulike skjermstørrelser og utskrift. Fokuser spesielt på å få

Detaljer

ActiveBuilder Brukermanual

ActiveBuilder Brukermanual ActiveBuilder Brukermanual Forfatter: TalkActive I/S Dato: Juni 2004 Versjon: R. 1.01 Språk: Norsk Copyright 2004 - Talk Active - all rights reserved. Innhold: 1. INNLEDNING...2 2. HURTIGSTART...3 3. OPPBYGGINGEN

Detaljer

Alle publiserte nyheter arkiveres i kategorier som du selv oppretter, Det gir deg en ryddig oversikt i arkivet senere.

Alle publiserte nyheter arkiveres i kategorier som du selv oppretter, Det gir deg en ryddig oversikt i arkivet senere. PUBLISERING Som innlogget bruker får du tilgang til publiseringsfunksjoner... ABC for publisering Overskrift Ingress Ingressbilde Hovedtekst Widget Visning Verktøy Annet Alle publiserte nyheter arkiveres

Detaljer

KOMME I GANG 3. Logge på 3. I redigeringsvinduet 4 OVERSIKT OVER KNAPPENE SOM LIGGER ØVERST I REDIGERINGSVINDUET 6

KOMME I GANG 3. Logge på 3. I redigeringsvinduet 4 OVERSIKT OVER KNAPPENE SOM LIGGER ØVERST I REDIGERINGSVINDUET 6 Innhold KOMME I GANG 3 Logge på 3 I redigeringsvinduet 4 OVERSIKT OVER KNAPPENE SOM LIGGER ØVERST I REDIGERINGSVINDUET 6 Lukk 7 Ny 7 Flytt opp/ Flytt ned 7 Klipp 8 Kopier 8 Lim inn (krysspubliser, ny,

Detaljer

Legg opp din nye Website raskt og enkelt!

Legg opp din nye Website raskt og enkelt! Legg opp din nye Website raskt og enkelt! Det å bytte fra gammel til ny løsning tar normalt sett ikke lang tid, siden du allerede vet hvordan du ønsker at siden din skal være bygget opp og inneholde. o

Detaljer

Bedrift Online. Komme i gang. Nå er det enklere enn noensinne å redigere nettstedet ditt.

Bedrift Online. Komme i gang. Nå er det enklere enn noensinne å redigere nettstedet ditt. Bedrift Online Komme i gang Nå er det enklere enn noensinne å redigere nettstedet ditt. oktober 2008 Bedrift Online 2008 Nidelven IT and WOW webdesign. All rights reserved. Under the copyright laws, this

Detaljer

Brukerveiledning i Siteman CMS for Godt Vann Drammensregionen

Brukerveiledning i Siteman CMS for Godt Vann Drammensregionen BrukerveiledningiSitemanCMSforGodtVannDrammensregionen HMO06.08.10 Innhold 1. Pålogging...2 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. Velkomstside...2 2.1.Forskjellenside artikkel...2 Nyside...3 Redigereside...5

Detaljer

1 Innholdsfortegnelse

1 Innholdsfortegnelse 1 Innholdsfortegnelse 1 INNHOLDSFORTEGNELSE 2 2 HVORDAN LEGGE UT INFORMASJON PÅ LAGSSIDENE? 3 2.1 Hvordan legge til link til ett dokument i websiden? 7 3 HVORDAN LEGGE UT EN NYHET SOM SKAL PUBLISERES PÅ

Detaljer

Bruksanvisning for administrasjon av www.lillehammerfk.no

Bruksanvisning for administrasjon av www.lillehammerfk.no Bruksanvisning for administrasjon av www.lillehammerfk.no Målet med lillehammerfk.no er å være en levende nettside for hele klubben. For å få til det, må de enkelte lagene selv legge til innhold på nettsiden.

Detaljer

WEBUTVIKLING OBLIG 4. Installasjon

WEBUTVIKLING OBLIG 4. Installasjon WEBUTVIKLING OBLIG 4 Installasjon 1. Jeg lastet ned MAMP gratis fra www.mamp.info og installerte på maskinen. Trykker så på Start Server og ser at det fungerer når Apache Server og MySQL Server lyser grønt.

Detaljer

Brukerveiledning http://www.hovikif.no/ Bruk av siden. Når du går inn på siden får du opp følgende bilde:

Brukerveiledning http://www.hovikif.no/ Bruk av siden. Når du går inn på siden får du opp følgende bilde: Brukerveiledning http://www.hovikif.no/ Bruk av siden Når du går inn på siden får du opp følgende bilde: Øverst i høyre hjørne kan du endre størrelsen på teksten og søke etter lagrede artikler. De enkelte

Detaljer

Her er en enkel bruksanvisning på administrasjonspanelet til hjemmesiden din på QTSystems.

Her er en enkel bruksanvisning på administrasjonspanelet til hjemmesiden din på QTSystems. Her er en enkel bruksanvisning på administrasjonspanelet til hjemmesiden din på QTSystems. Redigert 10.februar 2010. For at det skal bli lettere å lese denne manualen kan du justere størrelsen på dette

Detaljer

www.eidsvold-turn.no/handball www.eidsvold-turn.no/handball www.eidsvold-turn.no/handball www.eidsvold-turn.no/handball www.eidsvold-turn.

www.eidsvold-turn.no/handball www.eidsvold-turn.no/handball www.eidsvold-turn.no/handball www.eidsvold-turn.no/handball www.eidsvold-turn. Webansvarlig ETF håndball Ver.02 / 2012 Geir Vold-webredaktør http://www.eidsvold-turn.no Hvordan formatere et bilde som skal inn på websiden.... 3 Hvordan beskjære et bilde... 3 Ingressbilder... 5 Brødtekstbilder...

Detaljer

ThinkPage CMS 2.0. Hurtigveiledning. Av ThinkPage AS

ThinkPage CMS 2.0. Hurtigveiledning. Av ThinkPage AS ThinkPage CMS 2.0 Hurtigveiledning Av ThinkPage AS ThinkPage CMS 2 Forord Dette er en midlertidig brukerveiledning tar for seg de viktigste basisfunksjonene i ThinkPage CMS og gir brukeren nødvendig innføring

Detaljer

Publiseringsveiledning for www.tromsfylke.no

Publiseringsveiledning for www.tromsfylke.no Publiseringsveiledning for www.tromsfylke.no Sist oppdatert 09.07.2013 av Khalil Dahbi Innholdsliste 1. Side:... 3 a. Lage en ny side:... 3 b. Endre innstilling til en side:... 3 c. Slette en side:...

Detaljer

Oppgave 1. Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak.

Oppgave 1. Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak. Oppgave 1 Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak. Når man tar pilen over fanene, dukker det opp utrolig mange tagger. Dvs alt er

Detaljer

BRUKE ONEDRIVE OG SHAREPOINT

BRUKE ONEDRIVE OG SHAREPOINT Viste du dette om OneDrive og SharePoint: BRUKE ONEDRIVE OG SHAREPOINT Office 365 for bedrifter gir deg 2 muligheter for å lagre og dele dokumenter, OneDrive for Business og SharePoint Nettsteder. Her

Detaljer

Oppgave 1: Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak.

Oppgave 1: Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak. Oppgave 1: Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak. Svar: Ved første øyekast har utvikleren av nestesiden plasser altfor mange div

Detaljer

Formatering og bruk av bilder på Hemings hjemmeside

Formatering og bruk av bilder på Hemings hjemmeside Formatering og bruk av bilder på Hemings hjemmeside Generelt om bildebruk Bilder skaper liv på en side. Mange undersøkelser har vist at øynene dras mot bilder på nettet. Noe av det første våre øyne dras

Detaljer

Brukerveiledning www.f3cnorge.info

Brukerveiledning www.f3cnorge.info Brukerveiledning www.f3cnorge.info Pålogging: Etter at du har logget på ser du en Menyblokk til venstre med brukernavnet ditt. I blokken finner du det du har tilgang til å gjøre på site n. Generelt om

Detaljer

SiteGen CMS. Innføringsmanual

SiteGen CMS. Innføringsmanual SiteGen CMS Innføringsmanual Copyright Barlind Solutions AS 2008 Hva er SiteGen CMS? SiteGen CMS er et såkalt content-management-system; eller med litt andre ord et publiseringssystem. Det kan brukes til

Detaljer

KF Lokal personalhåndbok - brukerveiledning for redaktør

KF Lokal personalhåndbok - brukerveiledning for redaktør KF Lokal personalhåndbok - brukerveiledning for redaktør Innhold 1. KF Lokal personalhåndbok og KF Infoserie... 2 2 Din rolle - Redaktør... 4 3 Skriv lokal tekst... 4 4 Lag lenker i lokal tekst... 6 5.

Detaljer

Hvordan redigere fotoblogg sider i Joomla 3.x

Hvordan redigere fotoblogg sider i Joomla 3.x Hvordan redigere fotoblogg sider i Joomla 3.x Side 1/6 For å endre en side/artikkel i Joomla logger du inn. Velkomstskjermen er denne. Klikk på artikler. Eller velg artikler fra toppmenyen: Innhold >>

Detaljer

Publisere på nvfnorden.org

Publisere på nvfnorden.org Kommunikasjonsgruppen i NVF Publisere på nvfnorden.org En guide til de viktigste funksjonene i publiseringsverktøyet LiSA Live, 2. utg. Johanne Solheim 22.02.2013 Innhold Introduksjon... 1 Logg deg på...

Detaljer

CASCADING STYLESHEETS (CSS)

CASCADING STYLESHEETS (CSS) CASCADING STYLESHEETS (CSS) HVA ER CSS Stylesheets er en metode for å flytte selve formatteringen av et HTML dokument ut av selve dokumentet og over i et eksternt regelsett. Dette skyldes HTMLs manglende

Detaljer

Hvordan å lage og publisere ditt personlige visittkort

Hvordan å lage og publisere ditt personlige visittkort Hvordan å lage og publisere ditt personlige visittkort Av Asle Skauge Dette skal være en bruksanvisning som alle kan følge for å få lagt ut sitt personlige visittkort på internett. Hensikten med et slikt

Detaljer

Prosjektmodulen i Cristin

Prosjektmodulen i Cristin Prosjektmodulen i Cristin Tanja Strøm I Registrere prosjekt Prosjekter registreres ved å trykke på prosjekter i menyen til venstre. Velg deretter Registrere prosjekt. Det er mulig å registrere Tittel generell

Detaljer

ebudbok Elektronisk budbok på PDA Registrering av gangrekkefølge på web http://www.budbok.no

ebudbok Elektronisk budbok på PDA Registrering av gangrekkefølge på web http://www.budbok.no ebudbok Elektronisk budbok på PDA Registrering av gangrekkefølge på web http://www.budbok.no Rev. 2.0 Når du har logget inn på forsiden med brukernavn og passord, kommer du til en side lik den over. Oppe

Detaljer

FAQ community. Ofte stilte spørsmål. Hvordan lager jeg fotoalbum? Gå inn på bilder i menyen øverst på siden. Klikk på nytt bildegalleri knappen.

FAQ community. Ofte stilte spørsmål. Hvordan lager jeg fotoalbum? Gå inn på bilder i menyen øverst på siden. Klikk på nytt bildegalleri knappen. FAQ community Ofte stilte spørsmål Hvordan lager jeg fotoalbum? Gå inn på bilder i menyen øverst på siden. Klikk på nytt bildegalleri knappen. Du vil nå få opp en boks hvor du kan legge inn navn på albumet

Detaljer

Brukerveiledning digital eksamen via WISEflow

Brukerveiledning digital eksamen via WISEflow Brukerveiledning digital eksamen via WISEflow. For å kunne gjennomføre en skriftlig skoleeksamen i WISEflow, må du ha installert en egen browser i forkant. Du logger deg på via https://uia.wiseflow.dk.

Detaljer

Avansert tekstmodul... 27 Eksempel... 27 Administrasjon... 27 Bilde... 31 Eksempel på en bildemodul... 31 Eksempel på en bildemodul lagt til uten

Avansert tekstmodul... 27 Eksempel... 27 Administrasjon... 27 Bilde... 31 Eksempel på en bildemodul... 31 Eksempel på en bildemodul lagt til uten Destinet 3.3 Manual Innholdsfortegnelse 1. Logg inn... 4 2. Destinet brukergrensesnitt... 5 1. Sidestruktur... 5 2. Modulpalett... 6 3. Forhåndsvisning av/på... 7 4. Faner... 8 1. Side... 8 2. Sett inn...

Detaljer

Brukermanual for nettpublisering. frivilligsentral.no

Brukermanual for nettpublisering. frivilligsentral.no Brukermanual for nettpublisering frivilligsentral.no Innholdsfortegnelse Introduksjon 3 1 - Innlogging 4 1.1 - Logge inn 4 1.1 - Logge ut 4 2 - Grensesnitt 5 2.1 - Menyfelt 5 2.2-3 - Opprette, lagre og

Detaljer

MMT105 Internettprogrammering Uke 44, høst 2007

MMT105 Internettprogrammering Uke 44, høst 2007 MMT105 Internettprogrammering Uke 44, høst 2007 Introduksjon til CSS MMT105 HiNT 2007 1 HTML-elementenes strukturerende egenskaper HTML-elementene skal markere strukturen i et webdokument, dvs. at de forskjellige

Detaljer

Introduksjonskurs med grunnleggende info for å komme i gang med å legge inn og redigere informasjon i Liferay

Introduksjonskurs med grunnleggende info for å komme i gang med å legge inn og redigere informasjon i Liferay Introduksjonskurs med grunnleggende info for å komme i gang med å legge inn og redigere informasjon i Liferay Knut & Roar Oppdatert 15.07.13 NTNU Universitetsbiblioteket Innhold Redigering... 4 Artikkel

Detaljer

Brukermanual. Support: Skytterkontoret Tlf: 02419, tast 2 support@dfs.no http://www.dfs.no/support. Velkommen til EPI-Server 7.

Brukermanual. Support: Skytterkontoret Tlf: 02419, tast 2 support@dfs.no http://www.dfs.no/support. Velkommen til EPI-Server 7. Velkommen til EPI-Server 7.5 (CMS) Levert av Skytterkontoret. EPI-Server 7.5 (CMS 7.5) er et publiseringssystem som gjør det enkelt for deg å oppdatere innholdet på dine Internettsider. I denne brukerdokumentasjonen

Detaljer

For å administrere filer i InfoMediaPlayer må du logge inn på din InfoMediaServer. Har du ikke tilgang til denne, ta kontakt med infostation.

For å administrere filer i InfoMediaPlayer må du logge inn på din InfoMediaServer. Har du ikke tilgang til denne, ta kontakt med infostation. For å administrere filer i InfoMediaPlayer må du logge inn på din InfoMediaServer. Har du ikke tilgang til denne, ta kontakt med infostation. Når du har logget deg inn på startsiden kan du laste ned oppdateringer,

Detaljer

Vis filer fra banken Filoverføring forenklet

Vis filer fra banken Filoverføring forenklet Vis filer fra banken gir deg en oversikt over de filer som kan hentes fra banken. Dette forutsetter som regel at du tidligere har opprettet en filbestilling. Bestillingen opprettes via Bestill fil fra

Detaljer

Dette eksemplet forutsetter at du allerede har gjennomgått Kom i gang med tavler 1.

Dette eksemplet forutsetter at du allerede har gjennomgått Kom i gang med tavler 1. Kom i gang 2: En sekvens av tavler for strukturert skriving En sekvens av tavler for strukturert skriving I dette eksemplet vil vi lage et miljø for å bygge setninger ved hjelp av et strukturert sett med

Detaljer

PDF Expert for politikere

PDF Expert for politikere PDF Expert for politikere Brukerveiledning Innhold Oversikt:... 2 Hvordan fungerer Synk?... 2 Sette opp Synk... 3 Navigere og søke... 4 Markere og notere... 4 Andre tips.... 5 Notatverktøy... 6 Legge til

Detaljer

WordPress. Brukerveiledning. Kjære kunde. Innlogging:

WordPress. Brukerveiledning. Kjære kunde. Innlogging: Brukerveiledning WordPress Sist oppdatert: 26.02.2014 Kjære kunde Her er en liten guide for å hjelpe deg gjennom det grunnleggende i Wordpress. Denne veilederen vil ta deg gjennom: Innlogging - s.1 Kontrollpanel

Detaljer

Brukerveiledning til. KS- Læring. Innlogging Registering av arbeidssted Lage snarvei

Brukerveiledning til. KS- Læring. Innlogging Registering av arbeidssted Lage snarvei Brukerveiledning til KS- Læring Innlogging Registering av arbeidssted Lage snarvei Innlogging i KS Læring Brukerveiledning Brukerveiledning KS-Læring 1 KS Læring er en lærings- og delingsarena for kommunene.

Detaljer

Klikk på publisering + offentlig + nyhet for å lage en artikkel som skal komme som nyhetssak på forsiden av fylkeslagssiden.

Klikk på publisering + offentlig + nyhet for å lage en artikkel som skal komme som nyhetssak på forsiden av fylkeslagssiden. 1. Logg deg inn i portalen: Klikk på Min side og oppgi medlemsnummer og passord: Inntil du endrer passord, er det NJFF + ditt postnummeret, som er passord, f.eks. NJFF1378. Velg fylkeslag fra dropdown-menyen

Detaljer

Web Computing AS Brukerveiledning WebWiz 3.0. WebWiz 3.0. Brukerveiledning

Web Computing AS Brukerveiledning WebWiz 3.0. WebWiz 3.0. Brukerveiledning WebWiz 3.0 Brukerveiledning 1 Innholds fortegnelse advanced mode 1.0 Innledning s 3 2.0 Innlogging s 4 3.0 Legge ut nyheter s 6 3.1 Hvordan legge inn tekst s 6 3.2 Hvordan legge inn bilder s 9 3.3 Hvordan

Detaljer

OBLIG 1 WEBUTVIKLING. Oppgave 1 Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak.

OBLIG 1 WEBUTVIKLING. Oppgave 1 Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak. OBLIG 1 WEBUTVIKLING Oppgave 1 Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak. Tar lang tid å laste inn siden: Mye bilder Mange animasjoner

Detaljer

Oblig 1. Oppgave 1. Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak.

Oblig 1. Oppgave 1. Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak. Oblig 1 Oppgave 1 Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak. Problemer med arngren.net: 1. Nettsiden er SYKT uoversiktlig! 2. Det er

Detaljer

jazzprofil-blogg Hvordan opprette og bruke din egen blogg på jazzprofil.no

jazzprofil-blogg Hvordan opprette og bruke din egen blogg på jazzprofil.no Nettsamfunnet for jazz i Norge jazzprofil-blogg Hvordan opprette og bruke din egen blogg på jazzprofil.no Her er en kort bruksanvisning for deg som vil lage din egen blogg gjennom Jazzprofil. Vi forklarer

Detaljer

Brukermanual For app.minmemoria.no

Brukermanual For app.minmemoria.no Brukermanual For app.minmemoria.no For videomanual: søk etter MinMemoria App på www.youtube.com Velkommen! Memoria er en digital minnebok og en plattform for sosial kommunikasjon mellom familier, helsepersonell

Detaljer

Hvordan bruke Øyane Sykehjem sitt varslingssystem for kvalitetsdokumenter

Hvordan bruke Øyane Sykehjem sitt varslingssystem for kvalitetsdokumenter Hvordan bruke Øyane Sykehjem sitt varslingssystem for kvalitetsdokumenter 1. Bla i mapper 2. Åpne dokumenter 3. Legge til varsler for et dokument 4. Se på varsler for et dokument 5. Oversikt over alle

Detaljer

Standardsvar. edialog24 Operator. edialog24 AS. Avd. Oslo Hovfaret 17B 0275 Oslo. Avd. Trondheim Ingvald Ystgaards vei 23 7047 Trondheim

Standardsvar. edialog24 Operator. edialog24 AS. Avd. Oslo Hovfaret 17B 0275 Oslo. Avd. Trondheim Ingvald Ystgaards vei 23 7047 Trondheim Standardsvar edialog24 Operator edialog24 AS Avd. Trondheim Ingvald Ystgaards vei 23 7047 Trondheim Telefon +47 73 89 48 00 Avd. Oslo Hovfaret 17B 0275 Oslo E-post: edialog24@sentinel.no Innhold Standardsvar...

Detaljer

Administrering av SafariSøk

Administrering av SafariSøk Administrering av SafariSøk Administrering av SafariSøk Revisjonshistorie Revisjon $Revision: 1.6 $ $Date: 2003/08/05 12:44:02 $ Innholdsfortegnelse 1. Om programmet... 1 Generelt... 1 2. Fremgangsmåter...

Detaljer

INF1040 Oppgavesett 2: Nettsider og XHTML

INF1040 Oppgavesett 2: Nettsider og XHTML INF1040 Oppgavesett 2: Nettsider og XHTML (Kapittel 4) Fasitoppgaver Ingen fasitoppgaver denne gang. Se flervalgsoppgavene under. Flervalgsoppgaver I følgende oppgaver er det oppgitt fem alternativer der

Detaljer

Grunnleggende om websider og HTML-kode

Grunnleggende om websider og HTML-kode Grunnleggende om websider og HTML-kode Html er et språk / en standard som brukes for å gi instrukser til nettlesere om hvordan ulike elementer på en webside skal fortolkes og presenteres for en sluttbruker.

Detaljer

BRUKE ONEDRIVE OG SHAREPOINT

BRUKE ONEDRIVE OG SHAREPOINT Viste du dette om OneDrive og SharePoint: OneDrive er ditt private hjørnet av SharePoint. Hver bruker får 10TB med egen lagringsplass. Bruk den når dokumentene er mest for deg. Bruker du OneDrive for Business

Detaljer

Manual for PENDULUM MUSIKER WEBSIDE

Manual for PENDULUM MUSIKER WEBSIDE Manual for PENDULUM MUSIKER WEBSIDE Nordisk Design - 02/05-2011 INNHOLDSFORTEGNELSE VELKOMMEN TIL WORDPRESS s. 3 MENYFUNKSJONER s. 3-4 LEGGE TIL/ENDRE BLOGGINNLEGG s. 5-6 LEGGE TIL/ENDRE SIDER s. 7 WIDGETS/MENYER

Detaljer

Brukerveiledning for programmet HHR Animalia

Brukerveiledning for programmet HHR Animalia Brukerveiledning for programmet HHR Animalia Versjon 1.0 Rakkestad, 26.03.2014 Innholdsfortegnelse 1. Introduksjon... 3 2. Installasjon og oppgradering... 3 2.1 Nedlasting... 3 2.2 Oppdatering av operativsystem

Detaljer

Innhold. ailæring Lage/endre leksjon. Innledning Lage en leksjon Legge inn tekst, kulepunktliste og bilde... 6

Innhold. ailæring Lage/endre leksjon. Innledning Lage en leksjon Legge inn tekst, kulepunktliste og bilde... 6 Lage/endre leksjon 1 Innhold Innledning... 2 Lage en leksjon... 3 Legge inn tekst, kulepunktliste og bilde... 6 Kopiere og lime inn tekst fra andre programmer... 10 Bygge inn en video... 10 Sette inn hyperkobling...

Detaljer

En brukerveiledning for. StyrerAssistenten HMS

En brukerveiledning for. StyrerAssistenten HMS En brukerveiledning for StyrerAssistenten HMS innholdsliste: (du kan manøvrere deg frem og tilbake i veiledningen ved å trykke på linkene) 3 Endringer i bruk av HMS modulen 19 Lim inn tekst i nyopprettet

Detaljer

Manual oppdatering av nettsider Sogndal idrettslag

Manual oppdatering av nettsider Sogndal idrettslag Manual oppdatering av nettsider Sogndal idrettslag Dato: 27.04.2015 Versjon: 1.0 1. Innlogging og support Gå til www.sogndalidrettslag.no/login Her finn du oversikt over supportsider og korleis du får

Detaljer

Sørum i Kunnskapsskyen

Sørum i Kunnskapsskyen Sørum i Kunnskapsskyen Alle elever i Sørum kommune har fått tilgang til Office 365. Her kan elevene lagre og dele dokumenter, sende e-post og bruke programmer som Windows Office tilbyr. Med denne skylagringstjenesten

Detaljer

Skriv ordbøker og litteratur på Tegnspråk med en nett-tjener i lommeformat! For ivrige Tegnskrift (SignWriting )- brukere!

Skriv ordbøker og litteratur på Tegnspråk med en nett-tjener i lommeformat! For ivrige Tegnskrift (SignWriting )- brukere! Skriv ordbøker og litteratur på Tegnspråk med en nett-tjener i lommeformat! For ivrige Tegnskrift (SignWriting )- brukere! En SignPuddle (Tegndam) server på en USB minnepinne! Bær tegnspråks-datene dine

Detaljer

23. Spillere. For spillere i Postenligaen og 1.div.

23. Spillere. For spillere i Postenligaen og 1.div. 23. Spillere For spillere i Postenligaen og 1.div. Hva kan du gjøre? Alle spillere har egne nettsider som er knyttet til sin unike ID i NHF sin database. Alt du lager her vil være knyttet til deg og din

Detaljer

Veiledning for Krets- og gruppesider.

Veiledning for Krets- og gruppesider. Veiledning for Krets- og gruppesider. For å hjelpe grupper og kretser som ønsker å komme på nett, men ennå ikke er det, tilbyr nå forbundet grupper og kretser egne nettsider. Nettsiden til gruppe og krets

Detaljer

Løsningsskisse prøve IT1

Løsningsskisse prøve IT1 Løsningsskisse prøve IT1 Etikk og regler Forklar disse begrepene åndsverk litterært, vitenskapelig eller kunstnerisk visst minimum av original, skapende innsats verkshøyde for å ha opphavsrettslig vern

Detaljer