Mer om stiler og stilark. Layout. Litt Design

Save this PDF as:
 WORD  PNG  TXT  JPG

Størrelse: px
Begynne med side:

Download "Mer om stiler og stilark. Layout. Litt Design"

Transkript

1 Mer om stiler og stilark. Layout. Litt Design Webpublisering Webpublisering - HiO - Kirsten Ribu

2 I dag Struktur på hjemmesiden Mer om stiler Stiler og layout Litt om design og farger på sidene Webpublisering - HiO - Kirsten Ribu

3 Strukturering av websider Mapper Filer Webpublisering - HiO - Kirsten Ribu

4 Organisering av filene Lag mapper for ulike elementer: feks HTML der legger du alle html filene Legg bilder i en mappe (kall den for eksempel bilder ) Link til bildet blir således /bilder/bilde_av_meg.jpg sti: mappe/fil Webpublisering - HiO - Kirsten Ribu

5 Mappestruktur Webpublisering - HiO - Kirsten Ribu

6 Din hjemmeside Hovedsiden er index.html Lag en mappe for hvert fag: feks Programmering, Webpublisering, Matematikk. Inne i mappen Webpublisering ligger alle filene som hører til faget, gjerne organisert i mapper Bilder, HTML, Lenker, Ukeoppgaver. Webpublisering - HiO - Kirsten Ribu

7 Eksempel Webpublisering - HiO - Kirsten Ribu

8 Mer om selektorer Webpublisering - HiO - Kirsten Ribu

9 Stiltyper for skriftutseende Dette er de viktigste skrifttypene som går på utseende av skriften: body {font-family: "verdana", fantasy, serif; font-size: 12pt; font-style: normal; font-weight: normal} h1 {font-size: 150%; color: red; font-style: italic; font-weight: bold; text-decoration: underline} Webpublisering - HiO - Kirsten Ribu

10 Eksempel Selektoren body definerer standarden i dokumentet, og i dette tilfelle er det skriftutseende, -størrelse, -stil og -tykkelse. Skriftutseende har 3 alternativer, og de er nevnt i prioritert rekkefølge: verdana", fantasy, serif; Selektoren h1 omdefinerer noen av disse stiltypene med andre stilverdier font-size: 200%; font-style: italic; fontweight: bold Webpublisering - HiO - Kirsten Ribu

11 Stiltyper for tekstorganisering De viktigste skrifttypene som går på tekstorganisering: div {text-align: justify; line-height: 150%; text-indent: 10pt} div h1 {text-align: center} Selektoren div definerer standarden for alle blokker (<div>) til å ha tekstorganisering med jevn venstreog høyre-marg, 1,5 linjeavstand og innrykk av 1. linje i avsnitt (<p>) med 10pt. Selektoren div h1 omdefinerer tekstjusteringen til å være sentrert for overskrifter (<h1>) innenfor blokker (<div>). Webpublisering - HiO - Kirsten Ribu

12 Selektorer som klasse eller ID Du kan gi HTML elementene et unikt navn, eller et klasse-navn. For å lage en klasse skriver du.klassenavn (punktum + klassenavn, uten mellomrom!) Eksempel:.nyheter Webpublisering - HiO - Kirsten Ribu

13 Velg elementer basert på klasser Eks:.nyheter{color:red;} virker på alle elementene i klassen nyheter h1.nyheter{color:red;} virker bare på h1 elementene i klassen nyheter I åpningstaggen skriver du class= nyheter, der navnet identifiserer klassen av elementer i klassen nyheter. <div class = nyheter >Nyheter </div> Webpublisering - HiO - Kirsten Ribu

14 Unike elementer: ID Defineres på samme måte som for klassen, men skrives #id et unikt navn. I åpningstaggen skrives id= navn. Navnet er unikt. Feks: #farge <div id = farge > Webpublisering - HiO - Kirsten Ribu

15 <span>-taggen En stildefinisjon er knyttet direkte til en (X)HTML-tag eller indirekte med et classeller id-attributt. I noen situasjoner er det ønskelig å anvende stiler på tegnnivå (f.eks. enkeltord), og det er mulig ved hjelp av <span>-taggen. Nedenfor er det definert en klasse "viktig" som f.eks. kan være rød farge og fet type:.viktig {color: red; font-weight: bold} Webpublisering - HiO - Kirsten Ribu

16 Forts. For å anvende dette på et viktig ord, er det bare å omslutte ordet med <span class="viktig"> og </span>. <span class="viktig"> viktig </span>. PS. For dere som kan litt (X)HTML fra før, så er <span>-taggen arvtageren til <font>-taggen, som nå er borte i XHTML. Webpublisering - HiO - Kirsten Ribu

17 Stiltyper for farger og bakgrunn Dette er de viktigste skrifttypene som går på farger og bakgrunn body {color: #0000ff; backgroundcolor: #fffcbf; background-image: url(bakgrunn.gif); background-repeat: repeat-y; background-attachment: fixed; background-position: 30px} Webpublisering - HiO - Kirsten Ribu

18 Forklaring De to første stiltypene definerer dokumentets tekstfarge og bakgrunnsfarge. De 4 siste stiltypene definerer et bakgrunnsbilde som skal repeteres vertikalt (i y-retningen), og som skal ligge 30 piksler fra venstre kant. Områder som ikke er dekket av bakgrunnsbildet får bakgrunnsfargen. Eksempel Webpublisering - HiO - Kirsten Ribu

19 Stiltyper for layout Layout omfatter marger, rammer, luft innenfor blokker, blokkstørrelser og "flytende objekter": div.bx {margin: 20px; width: 200px; borderwidth: thick; border-color: red; borderstyle: groove; padding: 10px; float: left} Selektoren div.bx inneholder stildefinisjoner for blokker av typen <div class="bx">. Webpublisering - HiO - Kirsten Ribu

20 Forklaring En slik blokk skal ha en margavstand (avstand til andre objekter) på 20 piksler i alle retninger, og blokken skal være 200 piksler bred. Den skal ha tykk rød ramme i stilen "groove". Luften mellom rammen og innholdet (padding) skal være 10 piksler. Den skal legges til venstre slik at andre objekter (vanligvis tekst) kan "flyte" rundt blokken til høyre. Webpublisering - HiO - Kirsten Ribu

21 Design og brukergrensesnitt Kort innføring Webpublisering - HiO - Kirsten Ribu

22 Brukergrensesnitt Alle produkter har et brukergrensesnitt Eks: Pantemanskinen i butikken: Lys lyd, bevelgelse Bil: menneske/maskin grensesnittet PC: Mer enn skjermbildet: mus, tastatur, og skjerm med diverse knapper for lys og lydkontroll Webpublisering - HiO - Kirsten Ribu

23 Brukerens rolle Utfordringer: å kjenne brukeren og dennes oppførsel I alle systemer er det brukeren som avgjør hvorvidt et system er en suksess eller ikke. Webpublisering - HiO - Kirsten Ribu

24 Menybasert GUI Brukeren utfører oppgaver ved å velge fra menyer Menyene består som oftest av tekst, men det er også mulig å ha grafikkmenyer eller en kombinasjon av tekst og grafikk. Ved design av tekstmenyer er det viktig at man bruker terminologi som er kjent for brukeren. Teksten til menyvalg bør være vært knyttet til den tjenesten som tilbys. Det er også viktig at terminologi blir benyttet på en konsistentmåte gjennom alle menyene til et system. Webpublisering - HiO - Kirsten Ribu

25 Drop-down menyer Webpublisering - HiO - Kirsten Ribu

26 Vanlige feil Dårlig navigering Hvor er jeg? Hvordan kommer jeg tilbake? Tekst er tekst og linker er linker. Tekst er ikke understreket, linkene er det Glemmer å teste i ulike browsere For mange detaljer på sidene Ulike fonter. Bruk stilark! Bilder som tekst er OK, men ikke bruk ulike fonter. Bilder som ser ut som linker, men ikke er det. Webpublisering - HiO - Kirsten Ribu

27 Hvordan navigere? Bruk enkle menyer som er konstant synlig og tilgjengelig i skjermbildet. Menyvalg blir markert etter hvert som brukeren forflytter seg mellom dem. Til dette formål kan det benyttes farger /understreking Webpublisering - HiO - Kirsten Ribu

28 Eksempel: HiO Webpublisering - HiO - Kirsten Ribu

29 Skrekkeksempler Webpublisering - HiO - Kirsten Ribu

30 Storyboards Brukes til å planlegge navigering mellom sidene Storyboards brukes av design-team for å kommunisere ideer om struktur og navigering Brukes ikke til å kommunisere med kunder Webpublisering - HiO - Kirsten Ribu

31 Eksempel Storyboardsrepresenterer handlingssekvenser som brukeren gjør for å utføre en handling. Dette storyboardet viser hvordan en bruker anvender en brukerveiledning for å finne informasjon om et gitt emne. Webpublisering - HiO - Kirsten Ribu

32 Sitemap Site-mapsviser systemets struktur (navigering). Brukes av designteamet for å strukturere systemet og skjermbildene. Webpublisering - HiO - Kirsten Ribu

33 Tommelfingerregler om fargebruk Vær konsistent i bruk av farger. Samme farge på de ulike skjermbildene = gjenkjennelse Sørg for at det er kontrast mellom tekst og bakgrunnen Unngå å kombinere farget tekst med sterkt farget bakgrunn Bruk sterke farger med stor forsiktighet Get it right in Black and White (8% av alle menn er fargeblinde) Webpublisering - HiO - Kirsten Ribu

34 Forts. Begrens bruken av animasjon Forsiktig med lyd Video krever ressurser Organiser feltene ryddig Ikke lag overfylte skjermbilder Webpublisering - HiO - Kirsten Ribu

35 Tekst/bakgrunnsfarger Webpublisering - HiO - Kirsten Ribu

36 Kontraster: Mørk på lys og lys på mørk Webpublisering - HiO - Kirsten Ribu

37 Om farger generelt Antall farger i et skjermbilde bør begrenses til 4 pr. skjermbilde 7 for et system som et hele. Farger kan utnyttes i informasjon: F.eks. farge på overtrukne konti Farger kan hjelpe til med å gruppere objekter som hører sammen Webpublisering - HiO - Kirsten Ribu

38 Oppgaver Uke 38 Du skal anvende klasser med stildefinisjoner: Lag en ny side der du bruker div (blokker). Lek deg med farger og bakgrunner på siden. Definer stiler innenfor ulike blokker ved hjelp av klasser. Bruk også det du har lært til nå: definer stiler for lister og linker. Tekst: Forklar hva et stilark er, og hvorfor det brukes. Finn eksempler på gode websider du liker, og forklar hvorfor de er gode. Skriv litt om deg selv, hva slags bakgrunn du har og hvorfor du har valgt datafag på Høgskolen i Oslo Webpublisering - HiO - Kirsten Ribu

39 Neste gang Tjenester i Internett. Protokoller: HTTP FTP SMTP Webpublisering - HiO - Kirsten Ribu

Bilder, tabeller. Kirsten Ribu 26.09

Bilder, tabeller. Kirsten Ribu 26.09 Bilder, tabeller Kirsten Ribu 26.09 1 Repetisjon: div taggen Blokker () Et (X)HTML-dokument kan deles inn i blokker med og hver blokk må avsluttes med . Blokker benyttes i dokumenter der

Detaljer

Stilark - lenker. Mer om (X)HTML Kap. 7, 8 og 9. Webpublisering Kisten Ribu HiO 1

Stilark - lenker. Mer om (X)HTML Kap. 7, 8 og 9. Webpublisering Kisten Ribu HiO 1 Stilark - lenker Mer om (X)HTML Kap. 7, 8 og 9 Webpublisering 2004 - Kisten Ribu HiO 1 I dag Noen flere tagger Stilark Selektorer Stiltyper og stilverdier Stiltyper for skriftutseende Stiltyper for tekstorganisering

Detaljer

Brukergrensesnitt og interaksjonsdesign

Brukergrensesnitt og interaksjonsdesign Brukergrensesnitt og interaksjonsdesign Kirsten Ribu 11.02.04 11.02.2004 1 I dag Brukergrensesnitt Interaksjonsdesign 11.02.2004 2 Interaksjon menneske /maskin Avhengig av tidligere erfaringer Forventninger

Detaljer

Javascript. Mer om layout

Javascript. Mer om layout Javascript. Mer om layout Kirsten Ribu 04.10.04 Kirsten Ribu - Webpublisering - HiO -2004 1 Men først. Hvordan går det med klasser og blokker? Hjalp det med mailene? Litt mer om klasser og blokker ;-)

Detaljer

CSS-formatering: stilark med kommentarer

CSS-formatering: stilark med kommentarer CSS-formatering: stilark med kommentarer /* Demonstrasjon av stilarkregler. Jeg har satt inn forslag til farger og fonter, men du setter inn dine egne valg selvfølgelig. */ /* Stilregler for html-taggen

Detaljer

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.

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

1. Cascading Style Sheet (CSS)

1. Cascading Style Sheet (CSS) Avdeling for informatikk og e-læring, Høgskolen i Sør-Trøndelag Lene Hoff 18.7.2007 Lærestoffet er utviklet for faget LN515D XML Teknologi 1. Resymé: I denne leksjonen skal vi ta for oss CSS (Cascading

Detaljer

Styling og formatering av tekst

Styling og formatering av tekst Lesson 5 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. Styling og formatering

Detaljer

CSS: Style nettsider Nybegynner

CSS: Style nettsider Nybegynner CSS: Style nettsider Nybegynner Web Introduksjon Nå skal vi lære å endre på stilen til nettsider. I denne oppgaven forventer vi at du har gjort HTML-oppgavene eller er litt kjent med HTML fra før av. I

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

Håkon Tolsby. 25.08.2014 Håkon Tolsby

Håkon Tolsby. 25.08.2014 Håkon Tolsby HTML5 og CSS Håkon Tolsby 25.08.2014 Håkon Tolsby 1 En webside min webside en html5 side dett er min første

Detaljer

Tema Guide for PHP-Fusion v6.01.

Tema Guide for PHP-Fusion v6.01. 1 av 12 18.08.2007 20:47 Tema Guide for PHP-Fusion v6.01 Publisert av sveinungs den 18. august 2007 13:29 Tema Guide for PHP-Fusion v6.01. Sist oppdatert: 18-08-2007 Innhold: Innledning Theme.php Endre

Detaljer

Oblig 1 Erlend Hannestad

Oblig 1 Erlend Hannestad Oblig 1 Erlend Hannestad Oppgave 1 Nettsiden er ustrukturert og uryddig når det kommer til layout og design, det er vanskelig å holde oversikt over alt som vises på siden, det er rett og slett for mye

Detaljer

Kursdokumentasjon for Dreamweaver

Kursdokumentasjon for Dreamweaver Kursdokumentasjon for Dreamweaver Skrevet av 2/13 1 Komme i gang med Dreamweaver... 3 2 Bruk av Dreamweaver... 4 2.1 Verktøylinja...5 2.2 Properties... 5 3 Sidens egenskaper... 6 4 Tekst... 7 4.1 Endre

Detaljer

CSS: Endre utseende og stil på tekst Nybegynner

CSS: Endre utseende og stil på tekst Nybegynner CSS: Endre utseende og stil på tekst Nybegynner Web Introduksjon I denne oppgaven skal vi jobbe videre med skrift, størrelser og farger. Vi skal utforske forskjellige skrifttyper, se på bakgrunnsfarger

Detaljer

Tilpassning av Wordpress - Enterprise Theme

Tilpassning av Wordpress - Enterprise Theme Del 2 - Tilpassning Tilpassning av Wordpress - Enterprise Theme Del 1 var en gjennomgang av hvordan man setter opp det tekniske som kreves for å kjøre en Wordpress webside/blogg. Installere webserver (Apache)

Detaljer

file:///c:/users/michaelp/sites/dkdm/dw5/dreamweaver5_1.html

file:///c:/users/michaelp/sites/dkdm/dw5/dreamweaver5_1.html 1 of 10 09.04.2015 15:49 Fra forrige gang: Om tabeller Tabeller er i utgangspunktet en måte å presentere data på. Skal ikke brukes for å legge ut sider Dreamweaver har fasiliteter for å opprette, redigere

Detaljer

La oss gjøre nettsiden vår bedre med noen stiler. I denne og den neste leksjonen skal vi lære hvordan man endrer farge, tekst, størrelser og mer!

La oss gjøre nettsiden vår bedre med noen stiler. I denne og den neste leksjonen skal vi lære hvordan man endrer farge, tekst, størrelser og mer! Lesson 4 CSS 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

Oppsummering fra forelesning 2

Oppsummering fra forelesning 2 1 of 16 02.04.2015 15:42 Oppsummering fra forelesning 2 Lenker Lenker er, historisk sett, webens første eksistensberettigelse Lenker kan være relative (går til sider innenfor samme nettsted) eller absolutte

Detaljer

SUKKERGRIS. Anita og Silje DAT100

SUKKERGRIS. Anita og Silje DAT100 SUKKERGRIS Anita og Silje DAT100 I NNHOLD 1. Innledning... 2 2. Beskrivelse av Sukkergris... 3 2.1 Struktur og grafisk design... 3 2.1.1 Sidens oppbygning... 3 2.1.2 CSS og Grafisk design... 4 2.2 Oversikt

Detaljer

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

Brukergrensesnitt og design av skjermbilder

Brukergrensesnitt og design av skjermbilder I dag Brukergrensesnitt og design av skjermbilder Litt om prosjektet og innleveringen Om komposisjon og farger Kirsten Ribu 02.05.2007 Noen ord om prosjektet God design er god kommunikasjon. Hvordan fungerer

Detaljer

Stilark Cascading Style Sheets - CSS

Stilark Cascading Style Sheets - CSS Stilark Cascading Style Sheets - CSS /* Eksempel på stilark */ h1 { text-align: center; color: blue; } Læreboka kapittel 5 12. september 2007 INF1040-CSS-1 Boks-modellen Et XHTML-dokument er satt sammen

Detaljer

Stilark Cascading Style Sheets - CSS

Stilark Cascading Style Sheets - CSS Stilark Cascading Style Sheets - CSS /* Eksempel på stilark */ h1 { text-align: center; color: blue; } Læreboka kapittel 5 12. september 2007 Boks-modellen Et XHTML-dokument er satt sammen av elementer

Detaljer

CSS. Aud Marie Hauge ekspert i brukskvalitet og universell utforming i Epinova AS

CSS. Aud Marie Hauge ekspert i brukskvalitet og universell utforming i Epinova AS CSS Aud Marie Hauge ekspert i brukskvalitet og universell utforming i Epinova AS CSS står for Cascading Style Sheets CSS blir brukt til å bestemme hvordan HTML-elementene skal se ut (farge, størrelse,

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

INF1040 Oppgavesett 4: CSS

INF1040 Oppgavesett 4: CSS INF1040 Oppgavesett 4: CSS (Kapittel 5) Fasitoppgaver Ingen fasitoppgaver denne gang. Se flervalgsoppgavene under. Flervalgsoppgaver I følgende oppgaver er det oppgitt fem alternativer der nøyaktig ett

Detaljer

HTML5 og CSS. Webdesign med Dreamweaver. Glemmen vgs - Medier og kommunikasjon 1. januar Arly Dale 2013 Side 1

HTML5 og CSS. Webdesign med Dreamweaver. Glemmen vgs - Medier og kommunikasjon 1. januar Arly Dale 2013 Side 1 Webdesign med Dreamweaver Glemmen vgs - Medier og kommunikasjon 1. januar 2013 Arly Dale 2013 Side 1 Strukturere layout på en webside Layouten på en webside kan organiseres på forskjellige måter. Tidligere

Detaljer

CSS: Animasjon Nybegynner

CSS: Animasjon Nybegynner CSS: Animasjon Nybegynner Web Introduksjon I denne oppgaven skal du lære å animerer HTML-objekter ved hjelp av CSS. Under ser du hvordan resultatet vil bli til slutt: Men før vi starter å lage animasjonen

Detaljer

GUI/ SYSTEM DESIGNHÅNDBOK. Versjon 1.0 December 2014

GUI/ SYSTEM DESIGNHÅNDBOK. Versjon 1.0 December 2014 GUI/ SYSTEM DESIGNHÅNDBOK Versjon 1.0 December 2014 GUI designmanual Innhold Her beskrives layout og grafisk profil for systemer og tjenester i Landbruksdirektoratet. Designmanualen er utarbeidet av Ciber

Detaljer

Communicate SymWriter: R4. Bruke handlinger

Communicate SymWriter: R4. Bruke handlinger Communicate SymWriter: R4. Bruke handlinger Du har allerede sett Rediger cellehandlinger dialogen i bruk. Denne delen gir en oversikt over de handlingene som er tilgjengelige. Innhold R4.1 Grunnleggende

Detaljer

Rammer. Mer om Javascript

Rammer. Mer om Javascript Rammer. Mer om Javascript LO130A Kirsten Ribu 11.10.2004 Kirsten Ribu - HiO - LO 130 A 1 I dag Om rammer (Frames) Mer om Javascript Kirsten Ribu - HiO - LO 130 A 2 Innledende om rammer (Frames) Med rammer

Detaljer

Fakultet for informasjonsteknologi, EKSAMEN I EMNENE TDT4110/TDT4115 SIF8008/SIF8009 INFORMASJONSTEKNOLOGI GK 5. AUGUST 2004 KL. 09.00 13.

Fakultet for informasjonsteknologi, EKSAMEN I EMNENE TDT4110/TDT4115 SIF8008/SIF8009 INFORMASJONSTEKNOLOGI GK 5. AUGUST 2004 KL. 09.00 13. Side 1 av 13 NTNU Norges teknisk-naturvitenskapelige universitet BOKMÅL Fakultet for informasjonsteknologi, matematikk og elektroteknikk Institutt for datateknikk og informasjonsvitenskap EKSAMEN I EMNENE

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

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

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

Oblig 2: Oppgave 1. section { width: 50%; height: 30%; margin: 5% 0 0 0; } h1 { color:#000000; font-size:2em;

Oblig 2: Oppgave 1. section { width: 50%; height: 30%; margin: 5% 0 0 0; } h1 { color:#000000; font-size:2em; Oblig 2: Oppgave 1 Hva og hvorfor Jeg har valgt å lage et nettsted basert på relative målenheter. Det vil si at jeg tar i bruk prosent og em istedenfor pixler. For eksempel: section { width: 50%; height:

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

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

SymWriter: R6 Innstillinger, preferanser og verktøylinjer

SymWriter: R6 Innstillinger, preferanser og verktøylinjer SymWriter: R6 Innstillinger, preferanser og verktøylinjer Innhold R6.1 Startinnstillinger og utseende...3 R6.2 Tekst og bilder...................................................4 R6.3 Tale og staving...5

Detaljer

Gode råd og tips for bedre lesbarhet klarer dine kunder å lese det du skriver?

Gode råd og tips for bedre lesbarhet klarer dine kunder å lese det du skriver? Gode råd og tips for bedre lesbarhet klarer dine kunder å lese det du skriver? En kampanje fra Opp med skrifta vær lesbar! I denne brosjyren vil du finne gode råd til hvordan du med enkle grep kan gjøre

Detaljer

Innføring i Dynamisk HTML

Innføring i Dynamisk HTML Innføring i Dynamisk HTML Her kommer en enkel innføring i dynamisk HTML (DHTML). DHTML er en webside (et web dokument) som kan endres etter at den er lastet inn i webleseren. Når brukeren fører musepekeren

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

This Learning Activity must be published on your WordPress blog by the end of the fifth week of Web Design.

This Learning Activity must be published on your WordPress blog by the end of the fifth week of Web Design. Week 23 Learning Activity - Planning the Structure Create the structure of your web page (from Learning Activity - Put Thought Into Your Design) in terms of HTML files and folders. You need to set these

Detaljer

Vedlegg Brukertester INNHOLDFORTEGNELSE

Vedlegg Brukertester INNHOLDFORTEGNELSE Vedlegg Brukertester INNHOLDFORTEGNELSE Vedlegg Brukertester... 1 Testrapport Wireframe... 2 1. INTRODUKSJON... 2 1.1 Systemoversikt... 2 1.2 Meningen med testen... 2 2 TESTPLAN... 2 2.1 Funksjoner som

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

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

BRUKERMANUAL KOM I GANG... 2 BLOGGINNLEGG... 4 UNDERSIDER... 6 LAST OPP BILDER/VIDEO... 8 KOMMENTARER PÅ INNLEGG... 9 UTSEENDE...

BRUKERMANUAL KOM I GANG... 2 BLOGGINNLEGG... 4 UNDERSIDER... 6 LAST OPP BILDER/VIDEO... 8 KOMMENTARER PÅ INNLEGG... 9 UTSEENDE... BRUKERMANUAL KOM I GANG... 2 SKRIV ET INNLEGG... 2 LEGG TIL UNDERSIDE... 2 LAST OPP BILDER... 2 REDIGER MENYINNHOLD... 3 LEGG INN SIDEMENY ELLER BUNNTEKST... 3 TILPASS BLOGGENS DESIGN... 3 BLOGGINNLEGG...

Detaljer

Kom i gang 1: Lage en enkel tavle for å skrive

Kom i gang 1: Lage en enkel tavle for å skrive Kom i gang 1: Lage en enkel tavle for å skrive Enkle tavler kan brukes for å skrive korte setninger om et spesielt emne. I dette eksemplet vil vi lage et miljø med en enkel tavle for å skrive setninger

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

Retningslinjer for bruk av logo. Norsk Jernbaneklubb

Retningslinjer for bruk av logo. Norsk Jernbaneklubb Retningslinjer for bruk av logo Norsk Versjon 2a 24. mars 2004 1. Formålet med dette dokumentet Norsk har mange avdelinger og fora som benytter klubbens profil. For å ha en helhetlig profil og virke som

Detaljer

Brukerveiledning for SparTi

Brukerveiledning for SparTi Norsk Bridgeforbund SparTi Brukerveiledning for SparTi Klubbens Hjemmeside 10.10.05 1 Innhold 1) Første gangs bruk av hjemmeside. Oppsett og passord... 3 2) Oppdatering av hjemmeside... 11 3) Forklaring

Detaljer

Communicate SymWriter: R1 Lage en tavle

Communicate SymWriter: R1 Lage en tavle Communicate SymWriter: R1 Lage en tavle I denne delen beskrives egenskaper som kan brukes for å lage en tavle til å skrive med. Stort sett vil du bare ha bruk for en del av dette når du lager skrivemiljøer.

Detaljer

PUBLISERING AV INNHOLD TIL KVAMSSIDA.NO

PUBLISERING AV INNHOLD TIL KVAMSSIDA.NO PUBLISERING AV INNHOLD TIL KVAMSSIDA.NO Innhold Kapitel 1 - Registrering og innlogging... 2 Kapitel 2 - Lage ny artikkel uten bruk av bilder eller annen grafikk... 3 Kapitel 2a - Ingress... 4 Kapitel 3

Detaljer

Tilleggsoppgaver. Avslutning

Tilleggsoppgaver. Avslutning Dette dokumentet er laget i formatet 1920x1080px og vi anbefaler å åpne PDF filen i fullskjerm. Til å navigere anbefaler vi å bruke piltaster (høyre/venstre) eller pilene vi har lagt til i dokumentet.

Detaljer

<HTML Koder> 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

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

www.borettslag.net Brukermanual Versjon 2.0

www.borettslag.net Brukermanual Versjon 2.0 www.borettslag.net Brukermanual Versjon 2.0 Brukermanual for hjemmesider fra Borettslag.net Innholdsfortegnelse: Velkommen som redaktør...3 Innlogging...4 Meny...5 Generelle innstillinger...6 Hovedmeny...8

Detaljer

Veileder i bruk av GoodReader

Veileder i bruk av GoodReader RISØR KOMMUNE Veileder i bruk av GoodReader Innhold 1. Laste ned dokument fra kommunens hjemmeside til GoodReader... 2 2. Bruke GoodReader... 7 3. Redigere filnavn... 8 4. Opprette kataloger / mapper...

Detaljer

Slik lager du et web-område bestående av flere sammenhengende websider i. Frontpage 2003. Laget av Magnus Nohr Høgskolen i Østfold

Slik lager du et web-område bestående av flere sammenhengende websider i. Frontpage 2003. Laget av Magnus Nohr Høgskolen i Østfold Slik lager du et web-område bestående av flere sammenhengende websider i Frontpage 2003 Laget av Magnus Nohr Høgskolen i Østfold Innholdsfortegnelse 1 Opprett Web-område 3 2 Opprett en navigasjonsstruktur

Detaljer

GEO2311. Obligatorisk Innlevering 1

GEO2311. Obligatorisk Innlevering 1 GEO2311 Obligatorisk Innlevering 1 STUDENTER: Kia Simonsen Morten Kappelslåen Gjøvik, 14.10.2015 Side 1 av 11 Innholdsfortegnelse Introduksjon... 3 Del 2 - HTML delen... 4 Del 2 - CSS delen... 9 Del 3

Detaljer

Li-Bjørk A/S på Web !" # $% $&"!' Studentoppgave. SY 241 Elektronisk Publisering. Prosjektrapport 2002. Avdeling for samfunn, næring og natur

Li-Bjørk A/S på Web ! # $% $&!' Studentoppgave. SY 241 Elektronisk Publisering. Prosjektrapport 2002. Avdeling for samfunn, næring og natur !" # $% $&"!' Studentoppgave SY 241 Elektronisk Publisering Prosjektrapport 2002 Avdeling for samfunn, næring og natur 0 Innholdsfortegnelse 1 FORMÅL OG BRUKSOMRÅDE...2 2 LOVER OG AVTALER...3 2.1 SAMARBEIDSAVTALE...3

Detaljer

Følgende «tommelfinger-regler» bør (må) følges:

Følgende «tommelfinger-regler» bør (må) følges: Notat Denne «oppskriften» er basert på erfaringer om hva som går bra når en benytter Word til å lage navigasjonsdiagrammer. Det finnes sikkert andre måter som også gir et brukbart resultat. Det er bare

Detaljer

med canvas Canvas Grafikk Læreplansmål Gløer Olav Langslet Sandvika VGS

med canvas Canvas Grafikk Læreplansmål Gløer Olav Langslet Sandvika VGS Grafikk med canvas Gløer Olav Langslet Sandvika VGS Høsten 2011 Informasjonsteknologi 2 Canvas Læreplansmål Eleven skal kunne bruke programmeringsspråk i multimedieapplikasjoner Med CSS3, HTML og JavaScript

Detaljer

Bruk av OpenOffice.org 3 Writer

Bruk av OpenOffice.org 3 Writer Bruk av OpenOffice.org 3 Writer OpenOffice.org 3 er et gratis og bra alternativ til Microsoft Office (Word, Excel, Power Point osv.). 1 Oppstart av OpenOffice.org Trykk på Start etterfulgt av Programmer

Detaljer

Logo Logo plassering. Logo. Fargeprofil Fargesammensetning. Farge. Typografi Font hierarki. Skrifttype

Logo Logo plassering. Logo. Fargeprofil Fargesammensetning. Farge. Typografi Font hierarki. Skrifttype Profilhåndbok Denne profilhåndboken fungerer som en hjelp til å implementere og ta i bruk MDN sin identitet effektivt på tvers av ulike medier. Disse retningslinjene er essensielle for å bevare kontinuitet

Detaljer

Kom i gang 4: Tavler for å skrive med tekst

Kom i gang 4: Tavler for å skrive med tekst Kom i gang 4: Tavler for å skrive med tekst Tavler for å skrive med tekst I dette mer komplekse eksemplet vil vi lage et miljø med to scener. Miljøet benytter tekst tavler og bilder for å stimulere kreativ

Detaljer

8 - Rapporter i M-STAS

8 - Rapporter i M-STAS 8 - Rapporter i M-STAS Innledning Denne brukerveiledningen tar sikte på å gi deg en generell innføring i hvordan du henter ut rapporter fra M-STAS. Selv om rapportene er forskjellige med hensyn til innhold

Detaljer

Hjem Om oss Kontakt Style sheet. Hjem Om oss Kontakt Style sheet. Hjem Om oss Kontakt Style sheet. Hjem Om oss Kontakt Style sheet.

Hjem Om oss Kontakt Style sheet. Hjem Om oss Kontakt Style sheet. Hjem Om oss Kontakt Style sheet. Hjem Om oss Kontakt Style sheet. HJEM OM OSS KONTAKT STYLE SHEET LIMITLESS - SUNN & ENERGIRIK BAGUETT Limitless inneholder en optimal balanse av karbohydrater, fett og protein for aktive mennesker. Vårt mål er å kunne tilby deg sunn,

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

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

Use case modellering. Use case modellen. Metode for systembeskrivelse og Nettsted-design

Use case modellering. Use case modellen. Metode for systembeskrivelse og Nettsted-design Use case modellering Metode for systembeskrivelse og Nettsted-design Kirsten Ribu 11.09.2007 Use case modellen beskriver kravene til systemet beskriver systemet sett fra kundens perspektiv beskriver hva

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

BRUKERVEILEDNING TIL MAGNORMOEN INDUSTRIOMRÅDE OG GAUSTADVEGEN INDUSTRIOMRÅDES HJEMMESIDER:

BRUKERVEILEDNING TIL MAGNORMOEN INDUSTRIOMRÅDE OG GAUSTADVEGEN INDUSTRIOMRÅDES HJEMMESIDER: BRUKERVEILEDNING TIL MAGNORMOEN INDUSTRIOMRÅDE OG GAUSTADVEGEN INDUSTRIOMRÅDES HJEMMESIDER: http://www.magnormoen.no/ og http://www.gaustadvegen.no/ Utarbeidet av Solveig Hem Sørli og Arne Sørli Side 1

Detaljer

Dobbelklikk på program-ikonet!

Dobbelklikk på program-ikonet! En hjemmeside kan lages i hvilket som helst enkelt tekstbehandlingsprogram (som f.eks. Notepad i Windows eller EnkelTekst på en Mac). Forutsetningen for å kunne gjøre dette er at man behersker html. Html

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

BRUKERGRENSESNITT BankID på mobil. Versjon: 28. september 2015

BRUKERGRENSESNITT BankID på mobil. Versjon: 28. september 2015 BRUKERGRENSESNITT BankID på mobil Versjon: 28. september 2015 BRUKERGRENSESNITT BankID på mobil Dette er dokumentet har to deler, en del som viser og beskriver det visuelle og en del beregnet for utviklere

Detaljer

NY PÅ NETT. Enkel tekstbehandling

NY PÅ NETT. Enkel tekstbehandling NY PÅ NETT Enkel tekstbehandling Innholdsfortegnelse Tekstbehandling... 3 Noen tips for tekstbehandling...3 Hvordan starte WordPad?... 4 Wordpad...4 Wordpad...5 Forflytte deg i dokumentet... 7 Skrive og

Detaljer

BRUKERMANUAL (versjon 1.0)

BRUKERMANUAL (versjon 1.0) BRUKERMANUAL (versjon 1.0) 1. Innlogging Du må ha en egen bruker for å kunne logge inn på nettsidene. Du logger inn ved å scrolle helt nederst på forsiden av Forbundet.no, til det svarte feltet, og trykke

Detaljer

Brukergrensesnittdesign

Brukergrensesnittdesign Brukergrensesnittdesign Hva er brukergrensesnittet? Tone Bratteteig INF-102, 7/3 2003 se lenke fra INF102s web-side: http://www.sylvantech.com/~talin/projects/ui_design.html A summary of principles for

Detaljer

Lage klubbens webside i Rotary med verktøyet Webwiz 2.0

Lage klubbens webside i Rotary med verktøyet Webwiz 2.0 Lage klubbens webside i Rotary med verktøyet Webwiz 2.0 Versjon 1.0 av DICO 2250 25.04.2011 Det å lage en webside uten å ha kjennskap til dette fra før, kan virke vanskelig, men ikke fortvil. Det går alltid

Detaljer

Gjeldende fra 01.08.2006 1. trinn. Mål / elevene skal kunne:

Gjeldende fra 01.08.2006 1. trinn. Mål / elevene skal kunne: Gjeldende fra 01.08.2006 1. trinn starte og slå av en PC, starte programmer via STARTmenyen og via ikoner på skrivebordet, samt avslutte programmer og slå av maskinen benytte musa til å navigere i et program

Detaljer

PC-EN HUSKER ALT FOR DEG ORD FOR ORD. Skriv dagbok

PC-EN HUSKER ALT FOR DEG ORD FOR ORD. Skriv dagbok PC-EN HUSKER ALT FOR DEG ORD FOR ORD Kjære da Husk å skrive om Paris Skriv dagbok på pc-en SÅNN! Bruk datamaskinen til å skrive dagbok. DETTE TRENGER DU Programmet idailydiary og en pc TIDSFORBRUK minutter

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

versjon 1.1 Brukermanual

versjon 1.1 Brukermanual Side 1 05.11.2004 versjon 1.1 Brukermanual Side 2 05.11.2004 Beskrivelse av IKT-verktøy for strukturering og organisering av referanser til store mengder informasjon. GrandView er et program for strukturering

Detaljer

WordPress. Brukerveiledning. Kjære kunde. Innlogging

WordPress. Brukerveiledning. Kjære kunde. Innlogging Brukerveiledning WordPress Sist oppdatert: 07.01.2015 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

MULTICOM 112. Muntlig innvirkning A1: Ingen krav

MULTICOM 112. Muntlig innvirkning A1: Ingen krav MULTICOM 112 Brukerveiledning Formål Denne MULTICOM112 CD-ROM har som mål å hjelpe alarmsentralpersonell med å utvikle grunnleggende språkkunnskaper til det nivået hvor de kan identifisere et fremmende

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

Høgskoleni østfold EKSAMEN

Høgskoleni østfold EKSAMEN Høgskoleni østfold EKSAMEN Emnekode: Emne: ITF10511 Webutvikling Dato: Eksamenstid: 03/12-2014 09.00-13.00 Hjelpemidler: Faglærer: In en Tom Heine Nått Eksamensoppgaven: Oppgavesettet består av 6 sider

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

19.03.14 1. HBF Drammen 2014 Tips og triks 1. Innhold... Side. Tips og triks 1... 3

19.03.14 1. HBF Drammen 2014 Tips og triks 1. Innhold... Side. Tips og triks 1... 3 19.03.14 1 HBF Drammen 2014 Tips og triks 1 Innhold... Side Tips og triks 1... 3 Meny Fil i hovedknapperad... 3 Sikkerhetslagring... 3 Presentasjonsegenskap... 4 Detaljoppsett... 4 Lagoppsett... 5 Pennoppsett...

Detaljer

IT-HJELP/ IT.UIB.NO Hvordan bidra med informasjon til IT-avdelingens hjemmesider (En innføring)

IT-HJELP/ IT.UIB.NO Hvordan bidra med informasjon til IT-avdelingens hjemmesider (En innføring) IT-HJELP/ IT.UIB.NO Hvordan bidra med informasjon til IT-avdelingens hjemmesider (En innføring) IT-avdelingen, UiB 14.10.2010 Innhold Innhold... 2 Kort om IT-hjelp (utdrag fra https://it.uib.no/om_it-hjelp)...

Detaljer

PBL Barnehageweb. Brukerveiledning

PBL Barnehageweb. Brukerveiledning PBL Barnehageweb Brukerveiledning 1 1. Innledning Gratulerer med valget av nye PBL Barnehageweb! Med PBL Barnehageweb skal det være enkelt å lage en brukervennlig, moderne og profesjonell nettside for

Detaljer

PUBLISERING PÅ WWW.HIT.NO

PUBLISERING PÅ WWW.HIT.NO 2. 2. 2011 HØGSKOLEN I TELEMARK PUBLISERING PÅ WWW.HIT.NO Publisering på www.hit.no Frode Evenstad 1 Innholdsfortegnelse 2 Komme i gang...3 2.1 Logge inn...3 2.2 Verktøylinja...4 3 Nettside...5 3.1 Brødtekst...5

Detaljer

Brukerveiledning mal for masteroppgaver ved Høgskolen i Hedmark

Brukerveiledning mal for masteroppgaver ved Høgskolen i Hedmark Brukerveiledning mal for masteroppgaver ved Høgskolen i Hedmark 1. Kontakt spørsmål og svar Dette er en generell veiledning for oppgaveskriving for de som bruker Microsoft Word. Veiledningen er særlig

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

Dere klarer kanskje ikke å komme gjennom hele heftet, men gjør så godt dere kan.

Dere klarer kanskje ikke å komme gjennom hele heftet, men gjør så godt dere kan. I denne timen skal dere få en innføring i skriveprogrammet vi har på skolen, Writer. De aller fleste av dere er vel mest vant til Word, og Writer ser litt annerledes ut, men har stort sett de samme funksjonene

Detaljer

www.lakselvdal.no Brukerkurs 16.februar 2012

www.lakselvdal.no Brukerkurs 16.februar 2012 Brukerkurs 16.februar 2012 Kort introduksjon til world wide web og struktur der. Forskjellige måter å lage seg en hjemmeside på. Hvordan vi i Lakselvdal gjør det. Og viktigst av alt, utdanne flere til

Detaljer

Kom i gang med E-Site - Med E-Site er det enkelt og trygt å redigere dine websider

Kom i gang med E-Site - Med E-Site er det enkelt og trygt å redigere dine websider Kom i gang med E-Site - Med E-Site er det enkelt og trygt å redigere dine websider Innhold Side 1 Introduksjon...2 2 Logge inn i administrasjonsområdet...3 2.1 Fyll inn brukernavn og passord...3 2.2 Glemt

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