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

Størrelse: px
Begynne med side:

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

Transkript

1 1 of :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 og endre tabeller i design-modus Viktige aspekter ved en "fullstendig" nettside Vi gjennomgår designet av en nettside i DW. Viktige milepæler: velge DW-utlegg (vi skal arbeide med en 1-kolonnes liquid-design) endring og stiling av topptekst-diven (header) Legge inn et avsnitt med overskrift bilde (tabell) liste endring og stiling av bunntekst-diven (footer) kontaktlenke med "fixed" posisjon

2 2 of :49 DW-utlegg Viktig med riktig lagring av stilarkfil Opprett mappen dw5 under M:\dkdm_site, altså: M:\dkdm_site\dw5 Start Dreamweaver. Opprett en ny nettside i Dreamweaver. Bruk menyer File > New > HTML > 1 column liquid, centered, header and footer Vi antar denne siden er den første vi lager med dette designet (her ikke noen CSS for designet ennå). Her bør 'Create New File' velges for CSS. ikke 'Add to Head'. Lagre stilarket og HTMLen i dw5-mappen. Legg til en tittel, for eksempel Påsken 2015

3 3 of :49 OBS: Hvis stilarkreglene er 'feilaktig' lagt in HTMLen (Head) vises de slik i Stilark-ruten: Endre bakgrunnsfarge på body til #FFFF99 eller en annen farge (se også under "Topptekst" lenger ned her.). Erstatt teksten i inndelingen <div.content> 'Instructions...' osv. med tekst fra f.eks.: Pakkeliste for skitur ( Kvikk lunsj ( Endre line-height (finnes under kategorien Type) på tekst i avsnitt til 1.5. Bruk 'multiple' som enhet. (øker linjeavstanden til nåværende ganger 1.5)

4 4 of :49 Topptekst (<div.header>-avsnittet) Her endrer vi logobilde og dens plassholder, og dertilpasset div-høyde bakgrunnsfargen, overskriftteksten Endre bakgrunnsfarge. Finn f.eks et fargetema på /nb/explore Plasser markøren over et fargetema klikk på rediger-ikonet

5 5 of :49 Marker og kopier HEX-koden tilhørende valgt farge fra nederst i skjermbildet Lim hexkoden inn som background-color-verdien Finn div.header i tag-selector, "Add property", finn background-color lim inn koden. (husk # foran).

6 6 of :49 Fjern lenken som finnes rundt plassholderen for bildet. Dette er lettest å gjøre ved å gå inn i koden (code-visning). Gjør det om til et avsnitt, dvs endre a-tagg til p-tagg. Underveis fjerne du <style> og widthegenskaper. Legg et bilde ( kopier lenken til bildet paaskelilje, og lim inn lenken i src="" attributtet.) <div class="header"> <a href="#"> <img src="" alt="insert Logo Here" name="insert_logo"... (Fjerne style og width) </a> <!-- end.header --></div> Etter endring: <div class="header"> <p> <img src="" alt="insert Logo Here" name="insert_logo" </p> <!-- end.header --></div> Legg inn en hovedoverskrift, f.eks. 'Påsken 2015', ved siden av bildet. Overskriften "havner" under bildet, da bildet ligger i et avsnitt <p>, som er et block-element Gjør 'Påsken 2015' til en H1-overskrift

7 7 of :49 Plasser overskriften ved siden av bildet. Bildet må "venstreflyte". Utlegget har en klasse,.fltlft, som kan brukes for dette formålet. Bruk klassen.fltlft som er en del av dette utleggets stilark. 1. klikk i bildet. 2. høyreklikk <p> i tag-selector 3. Set Class: fltlft Kontroller at bildet er nå til venstre for overskriften. Legg inn en height (finnes i kategorien Box) på.header. Height skal være lik høyden på bildet som du har lagt inn. Evt. prøv og feil. Klikk på bildet og se i properties-rute for å finne høyden på bildet. Her finner du også størrelsen i byte (f.eks. 9K = byte) Eller (enda bedre): velg fra menyene øverst: View/Rulers. Pass på at "pixels" er valgt, og deretter velg "show". Deretter kan du flytte nullpunktet til øverste-venstre hjørnet av bildet, og måle størrelsen. Pass på at det er god kontrast mellom fargen på overskrift og bakgrunn. Bruk Webaim Color Contrast Checker ( for å sjekke. Venstrestill overskriften.

8 8 of :49 Innholdet (<div.content>-avsnittet) Her legger vi inn et bilde en tabell en liste Legg inn et bilde Her ser vi på: ramme padding midtstilling max-width Legg til bildet i teksten. Finn evt. et bedre bilde. Legg en ramme rundt bildet. Legg luft mellom bildet og rammen. Midtstill bildet i siden. Legg til følgende regel max-width: 100% på bildet (img). Max-width finnes ikke som valg under categories. Bruk Add Property og finn frem til regelen i listen som vises. Tips: begynn å skrive max for å gå til riktig sted i listen. Hva gjør regelen? avskaff min-width regelen for.container (sett lik 0) Ta opp nettsiden i en nettleser reduserer bredden. Hva skjer med bildet?

9 9 of :49 Bunntekst (footer) Midtstilt navn og epost-adresse Legg inn ditt navn og e-post adresse i footer. E-post adresse skal være en mailto-lenke. I DW: Bruk insert/ link Gjør teksten mindre Midtstille teksten. begge deler gjøres ved å klikke et sted i navnet, velge <p> i tag-selektor, block text-align center type font size. eksperimenter med størrelser med em-enheten (0.9, 0.8, osv.) Plasser markøren på teksten, velg <p> (avsnittet som omfatter både teksten og lenken), reduser fontstørrelsen Sett bakgrunnsfarge i sidebunnen til #333 og tekstfargen til #FFF. For lenken kan du velge en annen lys farge.

10 10 of :49 Plassering av tekstboks med position: fixed Hva med en kontakt-lenke som står fast øverst til venstre for innholdet i siden? Tips: Legg inn et avsnitt i.container-diven som du bruke position for å plassere. Dette verk er lisensiert under en Creative Commons Navngivelse-Ikkekommersiell-Del på samme vilkår 3.0 Unported lisens. Michael Preminger, michael.preminger@hioa.no,

file:///c:/users/michaelp/sites/dkdm/dw4/dreamweaver4o.html

file:///c:/users/michaelp/sites/dkdm/dw4/dreamweaver4o.html 1 of 8 02.04.2015 20:45 Oppsummering fra forrige gang Bakgrunner i DW kan lages både med farger og bilder kan brukes til å lage tiltalende design, skal derimot være obs. på at kontrasten til innholdsteksten

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

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

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

Steg 1: Vi starter fra toppen

Steg 1: Vi starter fra toppen CSS: Layout Skrevet av: Lars Klingenberg Kurs: Web Tema: Tekstbasert, Nettside Fag: Programmering, Teknologi Klassetrinn: 8.-10. klasse, Videregående skole Introduksjon Målet med oppgaven er å lære hvordan

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

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

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

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

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

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

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

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

Oppsummering fra forelesning 1

Oppsummering fra forelesning 1 1 of 25 01.04.2015 16:26 Oppsummering fra forelesning 1 HTML har å gjøre med innhold og struktur skal strengt tatt bare brukes til slikt. alt annet med css CSS kontrollerer utseende: utlegg, skrift og

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

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

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

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

Ny konfirmantpåmelding fra Agrando

Ny konfirmantpåmelding fra Agrando Ny konfirmantpåmelding fra Agrando Hva er nytt? Mye er nytt. Dette er det viktigste: Påmeldingen er nå delt mellom to moduler. 1. En oppsettsmodul «Oppsett av konfirmantpåmelding». Denne modulen settes

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

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

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

TENK TECH SUMMERCAMP BYGG DIN EGEN NETTSIDE

TENK TECH SUMMERCAMP BYGG DIN EGEN NETTSIDE TENK TECH SUMMERCAMP BYGG DIN EGEN NETTSIDE JULIE HILL ROA MIRA THOEN FEIRING HVA ER WEBUTVIKLING? SERVER KLIENT HTTP request HTML, CSS, JavaScript HTTP response HTML Innhold CSS Utseende JAVASCRIPT Oppførsel

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

Behandling av dokumenter i Microsoft Word. En rask innføring

Behandling av dokumenter i Microsoft Word. En rask innføring Behandling av dokumenter i Microsoft Word En rask innføring Forord Denne guiden er utformet av Orakeltjenesten ved Dragvoll som en enkel innføring i grunnleggende funksjoner i Word for å hjelpe studenter

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

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

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

EKSAMEN Webpublisering

EKSAMEN Webpublisering Høgskolen i Telemark Fakultet for allmennvitenskapelige fag EKSAMEN 6101 Webpublisering 03.12.2015 Tid: Målform: Sidetal: 3 timer Bokmål 5 (inkludert denne) Hjelpemiddel: Ingen Merknader: Alle oppgavene

Detaljer

Tekstbehandling. En introduksjon. Alvor Berg

Tekstbehandling. En introduksjon. Alvor Berg Alvor Berg 14.06.13 Tekstbehandling En introduksjon Alvor Berg Innhold Opprette strukturerte mapper... 3 Lagring... 3 Oversiktlig dokument... 4 Klipp/kopier og lim inn... 5 Punkt og nummermarkering...

Detaljer

EKSAMEN Web-publisering

EKSAMEN Web-publisering EKSAMEN 6101 Web-publisering 02.06.2016 Tid: Målform: Sidetall: 3 timer Bokmål 5 (inkludert denne) Hjelpemiddel: Ingen Merknader: Vedlegg: Alle oppgavene er vektet, pass på å fordele tiden du bruker mellom

Detaljer

2009 Thomas Haugland Rudfoss. PowerPoint 2007 En rask introduksjon

2009 Thomas Haugland Rudfoss. PowerPoint 2007 En rask introduksjon PowerPoint 007 En rask introduksjon Agenda PowerPoint vinduet PowerPoint vinduet Office Knappen Ny, åpne og lagre presentasjoner Skrive ut lysbilder, støtteark og notatark Egenskaper for presentasjonen

Detaljer

Informasjon for nye brukere (for administratorer) Mars 2014, 3. utgave

Informasjon for nye brukere (for administratorer) Mars 2014, 3. utgave Informasjon for nye brukere (for administratorer) Mars 2014, 3. utgave INNHOLD Viktig før oppstart 1. Innlogging 1a. Med FEIDE 1b. Uten FEIDE 2. Registrering av skole 3. Bekreft registrering 4. Ferdig

Detaljer

Steg 1: Animasjons-attributtet

Steg 1: Animasjons-attributtet CSS: Animasjon Skrevet av: Lars Klingenberg Kurs: Web Tema: Tekstbasert, Nettside, Animasjon Fag: Matematikk, Programmering, Kunst og håndverk Klassetrinn: 5.-7. klasse, 8.-10. klasse, Videregående skole

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

Brukerdokumentasjon PIM Bohus

Brukerdokumentasjon PIM Bohus Brukerdokumentasjon PIM Bohus Til Fra Bohus WebOn AS Dato: 10.08.2105 Vår ref: Camilla Hetty Osa Telefon: 41 56 51 59 E-post: camilla@webon.net Ver: 2.0 WebOn AS, Wirgenes vei 8 B, P.O. Box 2198, N-3103

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

<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

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

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

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

Bruksanvisning/Veileder For Mysoft Regional medlemsservice (RMS) i Norsk Folkehjelp

Bruksanvisning/Veileder For Mysoft Regional medlemsservice (RMS) i Norsk Folkehjelp Bruksanvisning/Veileder For Mysoft Regional medlemsservice (RMS) i Norsk Folkehjelp Oppdatert av Per Øivind Eriksen Jan 2016 1 Innhold Om RMS Regional Medlem service er utviklet for at du som lagsleder

Detaljer

Endre utseendet på nytt grensesnitt med Primo Studio

Endre utseendet på nytt grensesnitt med Primo Studio Endre utseendet på nytt grensesnitt med Primo Studio Ex Libris har lansert en ny funksjonalitet sommeren 2018 som gjør det lettere å tilpasse grensesnittet og se endringene live. Endringene har ingen virkning

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

Del 1: Overgang fra gammel hjemmeside til ny hjemmeside

Del 1: Overgang fra gammel hjemmeside til ny hjemmeside Del 1: Overgang fra gammel hjemmeside til ny hjemmeside Instituttsider og personlige hjemmesider som ligger på HFs egen webserver skal nå fases ut.dette innebærer at alle som fortsatt har hjemmesider der,

Detaljer

Brukerveiledning for NSFs nyhetsbrev

Brukerveiledning for NSFs nyhetsbrev Brukerveiledning for NSFs nyhetsbrev VERSJON 2 nov 2015. Nye punkter er markert i rødt. A. Lag en profil 1. Nyhetsbrevet ligger på Min side/min side/administrer nyhetsbrev (Gi beskjed til IT dersom du

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

Den beste måten hvis du skal endre allerede eksisterende artikler

Den beste måten hvis du skal endre allerede eksisterende artikler OPPLÆRING I NETTPUBLISERING MED JOOMLA 3 Sist oppdatert: 2. October 2018 13:49 redigering fra FORSIDEN Den beste måten hvis du skal endre allerede eksisterende artikler Side 2 Innhold Forsiden - redigere

Detaljer

Veiledning for innlevering av Årsrapport

Veiledning for innlevering av Årsrapport Veiledning for innlevering av Årsrapport Årsrapporten leveres elektronisk gjennom StyreWeb. Lederen i korpset/ensemblet må levere årsrapporten, men andre brukere kan gå inn og klargjøre informasjonen hvis

Detaljer

infotorg Enkel brukermanual

infotorg Enkel brukermanual infotorg Enkel brukermanual Innhold Innledning... 3 Logg inn... 3 Feilmelding... 3 Sperret bruker / Glemt passord... 4 Bytt passord... 5 Innstillinger og oppstartsregister... 5 Søk og Svar... 6 Velg tjeneste/register...

Detaljer

Straffespark Introduksjon Scratch Lærerveiledning

Straffespark Introduksjon Scratch Lærerveiledning Straffespark Introduksjon Scratch Lærerveiledning Introduksjon Vi skal lage et enkelt fotballspill, hvor du skal prøve å score på så mange straffespark som mulig. Steg 1: Katten og fotballbanen Vi begynner

Detaljer

CSS: Style nettsider. Introduksjon. Skrevet av: Arve Seljebu

CSS: Style nettsider. Introduksjon. Skrevet av: Arve Seljebu CSS: Style nettsider Skrevet av: Arve Seljebu Kurs: Web Tema: Tekstbasert, Nettside Fag: Programmering, Teknologi Klassetrinn: 8.-10. klasse, Videregående skole Introduksjon Nå skal vi lære å endre på

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

EKSAMEN / 6101N WebPublisering

EKSAMEN / 6101N WebPublisering EKSAMEN 6101 / 6101N WebPublisering 09.12.2016 Tid: Målform: Antall sider: 3 timer Bokmål 8 (inkludert denne) Hjelpemidler: Ingen Merknader: Vedlegg: Alle oppgavene er vektet, pass på å fordele tiden du

Detaljer

EKSAMEN. Emne: Innføring i informasjons- og kommunikasjonsteknologi

EKSAMEN. Emne: Innføring i informasjons- og kommunikasjonsteknologi EKSAMEN Emnekode: LA101IKT Emne: Innføring i informasjons- og kommunikasjonsteknologi Dato: 26.11.2010 Eksamenstid: kl. 09:00 til kl. 15:00 Hjelpemidler: Ingen trykte, kun hjelpefunksjoner på datamaskinen

Detaljer

Pålogging nettsider Fjellhamar FK

Pålogging nettsider Fjellhamar FK Pålogging nettsider Fjellhamar FK For å kunne legge ut nyheter og informasjon på lagsidene, må man først logge seg på med brukernavn og passord. Etter å ha åpnet nettsiden til FFK, gjør du som følger:

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

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

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

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

Veiledning i administrering av egne loge-/leirsider i portalen www.oddfellow.no

Veiledning i administrering av egne loge-/leirsider i portalen www.oddfellow.no Veiledning i administrering av egne loge-/leirsider i portalen www.oddfellow.no Innhold: Skjermbilde 3: Skjermbilde 4-8: Skjermbilde 9-13: Skjermbilde 14-17: Skjermbilde 18-20: Skjermbilde 21-24: Skjermbilde

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

Om LifeVision CMS. Enklere og mer profesjonelt enn dette blir det ikke!

Om LifeVision CMS. Enklere og mer profesjonelt enn dette blir det ikke! Om LifeVision CMS Med LifeVisions brukervennlige og intuitive drag and drop CMS løsning er du ett steg inn i fremtiden. Det er ikke lenger nødvendig å kunne programmere og kode for å bygge mobilsider.

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

Installasjon av Skatt

Installasjon av Skatt Installasjon av Skatt NB. For nettverksinstallasjon følges samme prosedyre, med henvisning til ditt share eller nettverksdrev. Se siste punkt i bunn av prosedyren. Nedlasting av vår programvare her: http://www.akelius.no/nedlastinger/

Detaljer

1. Opprett betalinger uten bruk av mappe 2. Opprett betalinger med bruk av mappe

1. Opprett betalinger uten bruk av mappe 2. Opprett betalinger med bruk av mappe I kom godt i gang dokumentet Min første betaling ble det vist 2 forskjellige måter å opprette en betaling på. 1. Opprett betalinger uten bruk av mappe 2. Opprett betalinger med bruk av mappe Godkjennelsesprosedyren

Detaljer

Oppgavesett videregående kurs i NVivo 9

Oppgavesett videregående kurs i NVivo 9 Oppgavesett videregående kurs i NVivo 9 Oppgave 1 Alt i en mappe Når man skal kode på lyd og video er det lurt å ha disse filene i samme mappa som NVivo-prosjektfila. Opprett en mappe på skrivebordet.

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

Kortfattet Brukermanual for nye revmatiker.no

Kortfattet Brukermanual for nye revmatiker.no Kortfattet Brukermanual for nye revmatiker.no BEREGNET PÅ TILLITSVALGTE I FYLKES- OG LOKALLAG Sist oppdatert 15. mars 2016 Versjon 1.00 1 av 10 INNHOLD SLIK LOGGER DU INN... 3 SLIK BYTTER DU PASSORD...

Detaljer

TILLEGGSMODULEN SKJEMA Denne tilleggsmodulen brukes til å lage skjemaer som bruker på web kan fylle ut og

TILLEGGSMODULEN SKJEMA Denne tilleggsmodulen brukes til å lage skjemaer som bruker på web kan fylle ut og Skjema Knapperaden vår. Dersom noen er grå betyr det at du må velge et skjema for å få tilgang til de TILLEGGSMODULEN SKJEMA Denne tilleggsmodulen brukes til å lage skjemaer som bruker på web kan fylle

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

Velkommen. til. en læringsstøttesystem som vil bli brukt i undervisningen

Velkommen. til. en læringsstøttesystem som vil bli brukt i undervisningen Velkommen til en læringsstøttesystem som vil bli brukt i undervisningen En enkel veiledning for studenter slik at de kan starte opp med å bruke it's learning. Internettadressen til it's learning er: http://www.its-learning.com

Detaljer

REFLEKSJONSNOTAT FOR WEBPERIODEN

REFLEKSJONSNOTAT FOR WEBPERIODEN 9. 11. 2010 HEIDI BJELLAND 2MKA REFLEKSJONSNOTAT FOR WEBPERIODEN HØSTEN 2010 Webdesign www.omfoto.net23.net Heidi Bjelland Jeg valgte prosjektoppgave C som var å lage en informativ side om foto. Målgruppen

Detaljer

Brukerveiledning for «Styreadministrasjon Helse Midt-Norge RHF»

Brukerveiledning for «Styreadministrasjon Helse Midt-Norge RHF» Innhold: Funksjoner som gjelder for alle brukere: 1. Dokumenter a. Sakliste og protokoll b. Presentasjoner fra styret 2. RSS-feed 3. Kalender 4. Oversikt over styremedlemmer 5. Lenker 6. Hvordan navigere

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

Mer om stiler og stilark. Layout. Litt Design

Mer om stiler og stilark. Layout. Litt Design Mer om stiler og stilark. Layout. Litt Design Webpublisering 13.09.2004 Webpublisering - HiO - Kirsten Ribu - 2004 1 I dag Struktur på hjemmesiden Mer om stiler Stiler og layout Litt om design og farger

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

Odd Fellow Webadministrasjon

Odd Fellow Webadministrasjon Odd Fellow Webadministrasjon En innføring og tips til et bedre nettsted for din Loge/Leir Alf A. Pedersen Nettansvarlig Loge nr. 19 Thule Krav til DEG som nettansvarlig Du bør ha kunnskap om/være: Generelt

Detaljer

Forsvunnet katt webside

Forsvunnet katt webside Lesson 3 Forsvunnet katt webside 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

KSYS brukermanual for skole

KSYS brukermanual for skole KSYS brukermanual for skole Innhold / deltema: 1. Logge inn i KSYS...s. 2 2. Oppdatere generell informasjon om skolen...s. 3 3. Endre- eller legge til ny bruker.s. 5 4. Endre kulturkontakt...s. 10 5. Endre

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

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

Veileder GINT. Geografi i Nord-Trøndelag. Brukerveiledning. www.gint.no. (http://a3.gint.no/ før lansering)

Veileder GINT. Geografi i Nord-Trøndelag. Brukerveiledning. www.gint.no. (http://a3.gint.no/ før lansering) Geografi i Nord-Trøndelag Brukerveiledning www.gint.no (http://a3.gint.no/ før lansering) 1 Utarbeidet september 2015 Kristin Bjerke Denstadli, GIS-medarbeider Fylkesmannen i Nord-Trøndelag Gry Aune Tveten,

Detaljer

Uansett hvilken håndbok du benytter vil fremgangsmåten være den samme. I denne veiledningen benytter vi personalhåndboken som eksempel.

Uansett hvilken håndbok du benytter vil fremgangsmåten være den samme. I denne veiledningen benytter vi personalhåndboken som eksempel. Velkommen som bruker av nettbaserte håndbøker fra Hovedorganisasjonen Virke. Våre nettbaserte håndbøker kan tilpasses din virksomhet. De er redigerbare, samtidig blir de automatisk oppdatert med nye lover

Detaljer

Businesscatalyst PAGES

Businesscatalyst PAGES Businesscatalyst 1. Gå til http://www.businesscatalyst.com/ og login med brukernavn og passord. Du kommer da til administrasjonspanelet der du kan organisere nettsiden. Her kan du også se hvordan nettsiden

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

Brukerveiledning Aibel Agency Portal

Brukerveiledning Aibel Agency Portal 1. INNLEDNING Fra høsten 2010 vil Aibel AS administrere alle innleie forespørsler og tilbud gjennom vårt nye e-innleie system, i-grasp. Aktiviteter som vil bli håndtert gjennom i-grasp vil være: Utsendelse

Detaljer

Veiledning i administrering av egne loge-/leirsider i portalen www.oddfellow.no Innhold:

Veiledning i administrering av egne loge-/leirsider i portalen www.oddfellow.no Innhold: Veiledning i administrering av egne loge-/leirsider i portalen www.oddfellow.no Innhold: Skjermbilde 3: Påloggingsinformasjon Skjermbilde 4-6: Redigere Første-siden (loge/leir) Skjermbilde 7-11: Redigere

Detaljer

WordPress for transmark-subsea.com

WordPress for transmark-subsea.com WordPress for transmark-subsea.com Nettsiden nås på følgende adresserer: Før lansering: http://transmark.wpengine.com Etter lansering: http://transmark-subsea.com WordPress for transmark-subsea.com Side

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

MinGat ny innloggingsmetode

MinGat ny innloggingsmetode MinGat ny innloggingsmetode Helse Vest IKT har vurdert at tidligere innloggingsmetode til MinGat hjemmefra ikke var sikker nok. De har derfor skjerpet sikkerheten. Dersom du ønsker å logge deg inn hjemmefra

Detaljer

NYTT MEDLEMSSYSTEM HYPERSYS Oppstartveiledning for gruppeledere

NYTT MEDLEMSSYSTEM HYPERSYS Oppstartveiledning for gruppeledere NYTT MEDLEMSSYSTEM HYPERSYS Oppstartveiledning for gruppeledere KFUK-KFUM-speiderne har gått over til Hypersys, vårt nye medlemssystem. I begynnelsen av februar vil alle få tilgang til det nye medlemssystemet.

Detaljer

Forside. Hovedmeny Infolinkstruktur > Meny > Hå kommune. Melding Denne er koblet til: Redigering > Egendefinert > Maler> Forside - Viktig melding

Forside. Hovedmeny Infolinkstruktur > Meny > Hå kommune. Melding Denne er koblet til: Redigering > Egendefinert > Maler> Forside - Viktig melding Forside Hovedmeny Infolinkstruktur > Meny > Hå kommune Tjenesteområder (Snarveimeny) Infolinkstruktur > Meny > Hå kommune> Tjenestemeny (snarveier) *Må lenkes til Dypdykk > menyelement>... som er i hovedmeny

Detaljer

Oppbygging av innhold på responsive nettsider.

Oppbygging av innhold på responsive nettsider. 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

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

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

HJELPEGUIDE TIL WEB-TIME

HJELPEGUIDE TIL WEB-TIME HJELPEGUIDE TIL WEB-TIME OPPDRAGSGIVER (web-time godkjennere) 1. Innlogging web-time 2. Oversikt web-time 3. Kontroll av timelister 4. Vanlige spørsmål 1 1. Innlogging web-time For at du som oppdragsgiver

Detaljer

NYHETER I MEDARBEIDEREN

NYHETER I MEDARBEIDEREN NYHETER I MEDARBEIDEREN Innhold 1. Kontakt og gruppemodulen... 2 1.1. Redigere kontakter i tabellen... 2 1.2. Duplikatsjekk for nye kontakter... 2 1.3. Max antall medlemmer i en gruppe... 3 2. Kalendermodulen...

Detaljer

Competence / Requirement modulen

Competence / Requirement modulen Competence / Requirement modulen Vi har i OniX People mulighet for å registrere kompetanse på den enkelte person samt definere generelle kompetanse krav knyttet opp mot f.eks. stilling eller prosjekt/aktivitet.

Detaljer

Velkommen som ny bruker av Uni Økonomi!

Velkommen som ny bruker av Uni Økonomi! Velkommen som ny bruker av Uni Økonomi! Som ny kunde har du fått tilsendt tilsendt epost som vist under, hvor du starter installasjonen av Uni Økonomi - ved å klikke på lenken som står etter "Gå til:"

Detaljer