Webutvikling Oblig 5. Oppg 1. Her ser du sidebar og widgets som er tilgjengelig.
|
|
- Tor Berntsen
- 6 år siden
- Visninger:
Transkript
1 Webutvikling Oblig 5 Oppg 1 Her ser du sidebar og widgets som er tilgjengelig. Dette er contact form plugins, funker som kontaktskjema i nettsida, må bruke text fra widgets og kopiere kode blir generert når skjema blir laga
2 Når man skriver post så viser categories og kan bare trykke på checkbox-en for new post. Er også mulig å laste opp image for post. Her er menyen. Du ser på panel-en at header er også tilgjengelig. Alle disse ble laga fra bunnen og ligger i koden.
3 Contact sida, og footer fra footer putter plugin. Contact på sidebaren er plugin. Content sida
4 Themes panel. Aktivert theme er den som jeg laga For denne oppg har jeg valgt å lage en enkel blog sida. Har lasta ned og installert MAMP for Mac, og alle fra wordpress.org. Jeg har valgt å lage min egen theme (veldig enkelt theme) fra denne tuts: Mappe for koder
5 Index.php <?php get_header();?> <?php get_sidebar();?> <?php if(have_posts()): while(have_posts()): the_post();?> <h2><?php the_title();?></h2> <small>posted: <?php the_time("g:i");?> <?php the_time("f j, Y");?> <?php the_category();?></small> <div class="photo-thumbnail"> <?php the_post_thumbnail();?> </div> <p><?php the_content();?></p> <hr> <?php endwhile; endif;?> <?php get_footer();?> Med tid og dato
6 Functions.php Dette her er med navigation support, thumbnails og headers (så det blir mulig å laste opp bilder som ikon og header, også for featured image for posts. <?php function newtheme_script_enqueue(){ wp_enqueue_style("newthemestyle", get_template_directory_uri(). "/css/newtheme.css", array(), "1.0.0", "all"); wp_enqueue_script("firstjs", get_template_directory_uri(). "/js/newtheme.js", array(), "1.0.0", true); add_action("wp_enqueue_scripts", "newtheme_script_enqueue"); function newtheme_options(){ add_theme_support("menus"); register_nav_menu("first", "first navigation"); add_action("init", "newtheme_options"); add_theme_support("custom-header"); add_theme_support("post-thumbnails"); /* sidebar */ function new_theme_setup() { register_sidebar( array( 'name' => 'Sidebar', 'id' => 'firstsidebar', 'class' => 'custom', 'description' => 'Standard Sidebar', 'before_widget' => '<aside id="%1$s" class="widget %2$s">', 'after_widget' => '</aside>', 'before_title' => '<h2 class="widget-title">', 'after_title' => '</h2>', ) ); add_action('widgets_init','new_theme_setup');
7 Footer.php <footer> </footer> <?php wp_footer();?> </body> </html> Siden jeg brukte en plugin for footer har jeg sletta den teksten som jeg først skrev her. Page-template1.php <?php get_header();?> <?php get_sidebar();?> /* Template name: without date and time */ <?php if(have_posts()): while(have_posts()): the_post();?> <h2><?php the_title();?></h2> <p><?php the_content();?></p> <hr> Template kan brukes for pages og da kan brukeren velge hvilken template (i denne situasjon har jeg bare laga en template) for en bestemt side. I template kan du gjøre masse forskjelige, vise hva du vil og ikke vil. Du kan legge mer kode for dette her for andre ting du vil ha i templaten din. I min sida har jeg brukt denne template i Home og Contact sider, for da vil dato og tid ikke vise. Men for Contents er disse synlige. Sidebar.php <div id="sidebar" class="widgets-area"> <?php dynamic_sidebar(firstsidebar);?> </div>
8 Header.php <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>mamedran 1st theme</title> <?php wp_head();?> </head> <body> <?php wp_nav_menu();?> <img src="<?php header_image();?>" height="<?php echo get_custom_header()- >height;?>" width="<?php echo get_custom_header()->width;?>" alt="" /> url(' #menu-menu-1{ width: 80vw; display: flex; flex-flow: row; list-style: none; background-color: black; font-size: 30px; margin-top: 0px; position: fixed; #menu-item-81{ margin-right: 30px; #menu-item-84{ margin-right: 40px; a{ text-decoration: none; color: grey;
9 a:hover{ color: skyblue; body{ width: 82.3vw; margin: auto; text-align: center; background-color: pink; border: 1px solid black; height: 100vh; font-family: 'Scheherazade', serif; #sidebar{ float: left; border-right: 1px solid black; margin-top: 50px; height: 96.4vh; width: 15vw; #calendar-11{ margin-left: 45px; ul{ list-style: none;
10 Har ikke gjort så mye for innholdet til prosjektet. Fokuserte litt mer på hvordan å begynne å lage theme for wordpress. Jeg har brukt disse plugins: På description star det hva dem gjør. Siden jeg brukte footer putter har jeg sletta den som jeg skrev først for footer.php. Da jeg begynte å se på tutorial, trodde jeg at alle functions som å sette widgets, menus, og headers kommer automatisk. Jeg visste ikke at man må lage en kode for å få dem ut fra admin page. Må innrømme at jeg ble forvirret da jeg laste ned wordpress for at jeg ikke skjønte hvordan jeg skal starte med den. Men etter et par tuts fra nett så fikk jeg det med meg. Hadde også problemet da jeg ble logga ut for at jeg husker ikke eller hadde ikke peiling på hvordan man skulle logge inn igjen. I denne oppgaven har jeg fokusert hvordan å lage theme for wordpress. Det er ikke så komplisert, men er ikke enkelt heller, og det tar mye tid, avhenger selvfølgelig om hvordan brukeren vil style sida osv. Oppg2 Hvilke konkrete råd om sikkerhet vil du gi til de som skal sette opp og drifte et CMS? Begrunn rådene med hvilke trusler de skal motvirke der det er nødvendig.
11 - Oppdatere plugins osv for CMS en - Bruk bra kombinasjoner for passord, unngå å bruke admin for admin brukernavn. Velg noe som er unikk (slett admin eller i hverfall gjør endringer for det) - Det finnes password authentication tjenester nå, så om det er mulig, bruk den også. - Oppdater sida ofte! Oppg 3 Gi en mest mulig presis forklaring på hva et CMS er. Hvilke fordeler og ulemper ser du ved å benytte et CMS for henholdsvis utviklere og sluttbrukere? - CMS betyr Content Management Systems som gir adgang til brukere og utviklere i forskjellige grad for å håndtere innlegg til sida. I CMS er det mulig å lage en nettsida og lage innhold uten å kode (eller bruke html), og modifisere innholdet ved bruk av eksisterende plugins. Fordeler: - Lett å bruke - Trenger ikke å vite noe om koding eller programmering (kan laste ned eller kjøpe plugins og themes) - Det er gratis - For utviklere blir det tidseffektivt siden de egentlig bør ikke tenke så mye på kodingen, det eneste er at de må holde sida, innholdet (med plugins) oppdatert så ofte så mulig for bedre sikkerhet. - Det er mulig å ha flere brukere for vedlikehold (kost effektivt vedlikehold også) Ulemper: - Sikkerhet (det koster penger) - Blir litt mer komplisert å få den stilen man vil ha (må skrives koden om igjen for dette her) - Må sørge for at theme og plugins som blir brukt blir også oppdatert samtidig som software. Må sørge for at alt blir kompatibelt og vil fungere. Blir litt krise om man bruker et theme som ble laga av en annen person og må vente for oppdateringa - Bruker mange filer for kodinga - Begrenset på hva utviklere kan gjøre i forhold når man lager egen nettsida fra bunn med Oppg4 egne koder.
12 Norge følger etter en rekke land og innfører nå lovgivning som skal sikre universell utforming av bl.a. nettsider. ( For oppgaven er 1,2,4,6,7 og 11 spesielt interessant. Se bort i fra det som står ang. automater. a) Hva tror du blir den nye lovens innvirkning på norske utviklere og brukere på kort og lang sikt. Svar fra et teknisk vinklet perspektiv. b) Det Norge her gjør er lignende det flere land alt har gjort eller står på trappene for å gjøre. Hva tror du betydningen blir for standarder og verktøy/teknologi i et større perspektiv. (Du kan gjerne svare på a og b sammen, men la det gå frem hva som hører til hvilken vinkling av spørsmålet) Svar: a) For utviklere kan dette blir for mye jobb. Spesielt for eksisterende nettsider som har ikke disse hjelpemidlene som kreves fra loven. Et problem som kan oppstå er at utviklere/eiere har ikke nok kunnskap for å formere disse endringer. Men selvfølgelig er det mulig å ta ekstra kurser osv for å kunne disse. Det er viktig å vise de som jobber i dette områder hvor viktig og lønnsomt det er for samfunnet å kunne kravene. Det er også viktig at utviklere vil tenke mye mer i sine forbrukeres perspektiv når de lager nettsider, apper, eller programmer. Og siden teknologien utvikler seg hele tida må utviklere være oppdatert for endringene, og kunnskapet dems må også utvikles for nye krav og løsninger som trengs. For forbrukere, spesielt for dem som er funksjonshemmede vil dette være en stor hjelp. Da kan de få tilgang til alle mulige deler av teknologier som eksisterer, de som de kunne ikke bruke før pga det finnes ikke noe hjelpemidler eller løsninger for sine situasjoner. Men dette gjelder ikke bare som er funksjonshemmede men også vanlige brukere. F.eks. det finnes nettsider som har for lite skrift, selv om har ikke problemet med synet så vil det ikke være lett og behagelig for deg å lese den du leser, da må du justere skriften selv fra pc eller mobilen så du ser det bedre. Men hvis den funksjonen er allerede tilgjengelig i selve nettsida så har du løsningen med å bare trykke på knappen. Loven ble lagt ut i 1. juli 2013, og disse kravene må være tilgjengelige innen 1. januar Da betyr det at utviklere har god tid, og at regjeringen skjønner at dette blir ikke lett å oppnå med en gang. Selv om vi sier at 8 år er en god tid, vil det ta mye jobb å lage disse funksjonaliteter og gjøre disse endringer. b) Som sagt, teknologien utvikler seg hele tida. Jeg kan tenke at de kravene som står nå, vil endre seg etterhvert til enten mer eller forbedret versjon. Og som jeg har sagt,
13 utviklere må få mer kunnskap, og ikke minst erfaring for å implementere disse kravene. Om disse kravene blir tas i bruk tenker jeg at det blir bare positivt, siden alle mennesker, uavhengig hvem vil ha mindre problem å bruke nettsider. På en måte kan det hende at standarder vil hindre utviklere og bedriftseiere å bruke sine egne ideer av nettsidas design. Men hvis vi tenker på et større perspektiv så kommer det til å være verdt det. Utviklere og nettsida eiere bør egentlig tenke på forbrukere mer, siden det er forbrukere som besøker nettsida dems, og de er nok forpliktet å tenke på tilgjengelighet av nettsider.
Oblig 4 Webutvikling. Oppgave
Oblig 4 Webutvikling Oppgave Lag din egen Wordpress- site der du tester ut CMS- systemet. Det å lage egne templates fra bunnen kan være noe komplisert, så det holder for dette prosjektet om dere modifiserer
DetaljerWebutvikling Høst 2016
Webutvikling Høst 2016 Oblig 5 Trinn1: Installasjon og oppsett av wordpress med wamp database fhhagan Justeringer i config med database, brukernavn og passord Wordpress er oppe og går! Trinn2: Plugins
DetaljerWEBUTVIKLING 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.
DetaljerOppgave 1. Webutvikling. Oblig 5. Sette opp WAMP og Wordpress. Først og fremst må man laste ned WAMP.
Webutvikling Oblig 5 Oppgave 1 Sette opp WAMP og Wordpress Først og fremst må man laste ned WAMP. Etter installasjonen, må man sette opp en database i phpmyadmin. Deretter laster man ned Wordpress fra
DetaljerOblig 5 Webutvikling
Oblig 5 Webutvikling Magnus Kristiansen Oppgave 1 Jeg startet med å laste ned wordpress fra www.wordpress.org, og installerte det gjennom WAMP (lokalserver). Og brukte guiden i https://codex.wordpress.org/child_themes
DetaljerOblig 4 Webutvikling
Oblig 4 Webutvikling Oppgave 1 Lag din egen Wordpresssite der du tester ut CMSsystemet. Det å lage egne templates fra bunnen kan være noe komplisert, så det holder for dette prosjektet om dere modifiserer
DetaljerTilpassning 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)
DetaljerDennis Myhre Oblig 4 Wordpress Dokumentering og Eksamensoppgaver
Dennis Myhre Oblig 4 Wordpress Dokumentering og Eksamensoppgaver Først og fremst lastet jeg ned wamp på http://www.wampserver.com/en/ 64 bit. Deretter gjorde jeg dette: Det markert med rødt trykker jeg
DetaljerCSS-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
DetaljerSteg 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
DetaljerOppgave 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
DetaljerCSS: 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
DetaljerOblig 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
DetaljerJeg lastet ned wordpress 4.0 fra wordpress.org og lastet dette opp til public_html på webområdet mitt via en ftp-klient.
Det første jeg gjorde var å skaffe et.no-domene og webhotell. På webhotellets kontrollpanel måtte jeg sette opp database. Da dette tok en del tid og googling for å finne frem til, glemte jeg dessverre
DetaljerOBLIG 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
DetaljerTENK 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
DetaljerBusinesscatalyst 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
DetaljerCSS: 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å
Detaljerwww.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
DetaljerHøgskolen i Telemark EKSAMEN Webpublisering (inkludert denne) Hjelpemiddel: Ingen
Høgskolen i Telemark Fakultet for allmennvitenskapelige fag EKSAMEN 6101 Webpublisering 05.12.2013 Tid: Målform: Sidetal: 3 timer Bokmål 7 (inkludert denne) Hjelpemiddel: Ingen Merknader: Alle oppgavene
DetaljerHvordan 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.
DetaljerManual 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
DetaljerEKSAMEN / 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
DetaljerHTML: Publiser nettsiden din. Publiser nettsiden din på Internett. Github. Brukernavn.github.io
HTML: Publiser nettsiden din Publiser nettsiden din på Internett Nå har du laget ditt eget nettsted. Du ønsker vel å vise det frem, gjør du ikke? Erfaren Web Husker du servere fra den første økten? Servere
DetaljerInnstallasjon og oppsett av Wordpress
Del 1 - Installasjon og oppsett Innstallasjon og oppsett av Wordpress Wordpress har blitt en veldig populær publiseringsplattform for websider. Uten særlige tekniske ferdigheter kan man sette opp profesjonelle
DetaljerWebutvikling 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å
DetaljerOblig 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
DetaljerHTML5 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
DetaljerHåkon Tolsby Håkon Tolsby
HTML5 og CSS Håkon Tolsby 27.08.2018 Håkon Tolsby 1 En webside min webside en html5 side dett er min første
DetaljerSteg 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
DetaljerI denne oppgaven skal du lære hvordan du kan flytte rundt på elementer og gjemme elementene bak andre elementer ved hjelp av CSS.
CSS: Skjul ninjaene Skrevet av: Oversatt fra Code Club UK (//codeclub.org.uk) Oversatt av: Trude Martinsen Kurs: Web Tema: Tekstbasert, Nettside Fag: Matematikk, Programmering, Teknologi, Kunst og håndverk
DetaljerCSS: 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
DetaljerOblig 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:
DetaljerEKSAMEN 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
DetaljerOblig 3 Webutvikling
Oblig 3 Webutvikling Oppgave 1 Ta for deg en selvvalgt bedrift (gjerne lokal/mindre) og tenk deg at du hadde fått i oppgave å være en SEO-konsulent for disse i én uke. På denne uken skulle du gjennomført
DetaljerOppgave 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
DetaljerWordpress Kort fortalt
Wordpress Kort fortalt: Frontend: Slik brukeren ser det. Backend: kjøkkeninngangen for de som skal redigere siden. Siden bygges opp av: Posts og Pages Post: Det som er mest likt blogg. Må legges i en Category
Detaljernotater Gule lapper Mine Et praktisk eksempel med objekter IT2 Læreplansmål Gløer Olav Langslet Sandvika VGS
Mine notater Gløer Olav Langslet Sandvika VGS Et praktisk eksempel med objekter Vi kjenner alle til korktavlen med gule lapper. Vi henger opp en lapp for at vi selv eller andre skal huske eller bli minnet
DetaljerIntroduksjon til WordPress 2013
Introduksjon til WordPress 2013 Opplæring i WordPress ved UiT Norges arktiske universitet 09.12.2013 Avdeling for IT Flickr: doug88888, ytwhitelight INNHOLDSFORTEGNELSE Kontakt... 1 1 Opprette en WordPress
DetaljerHTML-del. 1. <!-- ikke slett min kode, vær så snill --> er a) en HTML stil-tag b) en CSS stil-tag c) en HTML kommentar-tag d) en CSS kommentar-tag
HTML-del 1. er a) en HTML stil-tag b) en CSS stil-tag c) en HTML kommentar-tag d) en CSS kommentar-tag 2. Grafisk elementer på web skal være a) 72 ppi b) 144
DetaljerBORRENYTT. 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
DetaljerEKSAMEN. Elektronisk publisering. INNFØRING MED PENN, evt. trykkblyant som gir gjennomslag
Høgskolen i Gjøvik KANDIDATNUMMER: EKSAMEN FAGNAVN: FAGNUMMER: Elektronisk publisering L101G EKSAMENSDATO: 04.01.01 KLASSE: TID: FAGLÆRER: ANTALL SIDER UTLEVERT: TILLATTE HJELPEMIDLER: 99hinga/b, 99hdmua/b
DetaljerI 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
DetaljerRAPPORT WEBP MAGNE SILJAN
RAPPORT WEBP MAGNE SILJAN -12.12.13 INNLEDNING TOLKNING AV OPPGAVEN Tolkingen av oppgaven var at det skulle utvikles en webside for en klient (firma, organisasjon eller et annet prosjektområde). Websiden
DetaljerEKSAMEN 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
DetaljerSteg 1: Canvas-elementet
JS: Partikkel-animasjon Skrevet av: Lars Klingenberg Kurs: Web Tema: Tekstbasert, Nettside, Animasjon Fag: Matematikk, Programmering Klassetrinn: 5.-7. klasse, 8.-10. klasse, Videregående skole Introduction
DetaljerWordPress 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
DetaljerOppgave 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
DetaljerInstallasjon InfoMediaPlayer:
Installasjon InfoMediaPlayer: InfoMediaPlayer lastes ned fra: https://dl.dropboxusercontent.com/u/81046462/5.5.42.exe Dette er en executable RAR fil, så kjør filen og sett C:\InfoMedia som bane for utpakking.
DetaljerJavascript. 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 ;-)
DetaljerByafossen.no. Brukermanual
Byafossen.no Brukermanual Innholdsfortegnelse 1 Introduksjon 4 1.1 Om brukermanualen 4 1.2 Wordpress 4 1.2.1 Oppdateringer 4 2 Innlogging 5 3 Dashboard 5 3.1 Right Now 7 3.2 Recent Comments 7 3.3 Quickpress
DetaljerStilark 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
DetaljerStilark 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
DetaljerEn Introduksjon til Wordpress
WORDPRESS GUIDE En Introduksjon til Wordpress Kanskje har du hørt om WordPress, kanskje ikke. Et sted må man begynne, og vi skal i denne guiden gi en helt grunnleggende innføring i hva WordPress er, hvem
DetaljerOBLIG 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
DetaljerLage nettside med squrespace
Lage nettside med squrespace For å lage nettside med squarespace må du ha konto på www.squarespace.com. I browseren skriver du www.squarespace.com og oppreter en konto (hvis du ikke har en fra før): I
DetaljerBilder, 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
DetaljerKOM I GANG MED WORDPRESS En enkel guide for å hjelpe deg gjennom det grunnleggende i Wordpress
KOM I GANG MED WORDPRESS En enkel guide for å hjelpe deg gjennom det grunnleggende i Wordpress Sist oppdatert 05.06.2015 Innholdsfortegnelse 1. Hva er Wordpress?... 3 2. Hvordan logger jeg inn i kontrollpanelet?...
DetaljerHer 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
DetaljerAdministrasjon av FLT-Sunnhordland Web-side
Administrasjon av FLT-Sunnhordland Web-side 1. For å administrere web-sida, gå til denne linken: http://flt-sunnhordland.no/wp-admin 2. Logg inn med brukernavn: avd107 passord: 3. Etter
DetaljerCSS: 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
Detaljerfile:///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
DetaljerPUBLISERING 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
DetaljerOblig 3 Webutvikling. Oppgave 1
Oblig 3 Webutvikling Oppgave 1 Ta for deg en selvvalgt bedrift (gjerne lokal/mindre) og tenk deg at du hadde fått i oppgave å være en SEOkonsulent for disse i én uke. På denne uken skulle du gjennomført
Detaljerfile:///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
DetaljerWordPress startguide
WordPress startguide INNLEDNING... 2 BLOGGINNLEGG... 3 HVORDAN LEGGE TIL ET BLOGGINNLEGG:... 4 UNDERSIDER... 5 HVORDAN LAGE EN NY SIDE... 6 LAST OPP BILDER/VIDEO... 7 KOMMENTARER PÅ INNLEGG... 8 UTSEENDE...
DetaljerSENSORVEILEDNING. Dato: Eventuelt:
SENSORVEILEDNING Emnekode: ITF10511 Emnenavn: Eksamensform: Webutvikling Digital Dato: 03.12.2018 Faglærer(e): Michael A. Lundsveen Eventuelt: Læringsutbytte for emnet KUNNSKAP: Studenten kan forstå nettsteders
DetaljerPublisere 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å...
DetaljerBergeland IKT. Elev guide
Bergeland IKT Elev guide Quick Guide Glemt Passord? www.glemtpassord.rogfk.no eller Scann QR koden Tast inn personnummer (11 siffer) Bytte Passord? www.minkonto.rogfk.no eller Scann QR koden Under flervalgsmenyen,
DetaljerHR analysen. Ny versjon 2009. Brukermal. Administratorer
HR analysen Ny versjon 2009 Brukermal Administratorer 1) Som administrator Det første bildet en kommer inn på når en har logget seg inn er: A) Legg merke til den hvite boksen på høyre side der det står
DetaljerE-post: info@pipfrog.com Tel.: +372 6480111. Hurtigkurs for nybegynnere
Hurtigkurs for nybegynnere Innhold Forutsetninger...3 Prosess...3 Transport...4 Kategorier...5 Produkter...6 Forutsetninger Brukeren har tilgang til administratorens konto. Brukeren har på forhånd ikke
DetaljerRammer. 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
DetaljerVirus på Mac? JA! Det finnes. Denne guiden forteller deg hva som er problemet med virus på Mac hva du kan gjøre for å unngå å bli infisert selv
Virus på Mac? JA! Det finnes. Denne guiden forteller deg hva som er problemet med virus på Mac hva du kan gjøre for å unngå å bli infisert selv «Å tro at det ikke finnes virus på Mac er dessverre litt
DetaljerCSS. 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,
DetaljerOm 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.
DetaljerVelkommen til Creo Portal Kom i gang! Hvordan logge meg på? Oversikt over administrasjonssidene Sideoppsett...
BRUKERVEILEDNING Juni 2012 INNHOLD Velkommen til Creo Portal... 1 Kom i gang!... 1 Hvordan logge meg på?... 1 Oversikt over administrasjonssidene... 1 Sideoppsett... 3 Hvordan opprette et nytt menypunkt?...
Detaljersom blanker skjermen (clear screen). Du får en oversikt over alle kommandoene ved å skrive,
1. Last ned og installer XAMPP. 2. Sjekk at alt fungerer. 3. MySQL. Vi begynner med databaseserveren, MySQL. Gå til DOS klarmelding eller ledetekst (finnes under tilbehør på startmenyen om du ikke som
DetaljerAvansert 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...
DetaljerDette dokumentet er en produktrapport for vårt avsluttende hovedprosjekt våren 2008 ved høgskolen i Oslo, for ingeniør - avdelingen.
1 Sammendrag Dette dokumentet er en produktrapport for vårt avsluttende hovedprosjekt våren 2008 ved høgskolen i Oslo, for ingeniør - avdelingen. Vår oppdragsgiver, ABTF hadde et ønske om en større web
DetaljerHTML: 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
DetaljerBrukermanual. PUS i Web. Mai 2009 (Versjon 1)
Brukermanual PUS i Web Mai 2009 (Versjon 1) Innhold 1 INNLEDNING...1 2 INNLOGGING...1 3 MENYER...4 3.1 EDIT PAGE...5 3.1.1 Content...5 3.1.2 Files...7 3.1.3 Meta...8 3.1.4 Password & security...10 3.1.5
DetaljerSPSS Høgskolen i Innlandet
SPSS Høgskolen i Innlandet Innhold Mac, tilkobling til SPSS... 2 Tilkobling:... 2 Steg 1.... 2 Steg 2.... 3 Steg 3.... 4 Steg 4... 4 Mac, åpne og lagre filer fra egen datamaskin... 5 Lagre eller åpne filer
DetaljerWP-WATCHER WORDPRESS SIKKERHET
WP-WATCHER WORDPRESS SIKKERHET WP-WATCHER BACKUP - SIKKERHETSKOPIERING «Hei! Jeg oppdaterte en plugin på siden min og nå kommer jeg ikke inn på siden min i det hele tatt. Kan du hjelpe meg?» «Hjelp! Jeg
DetaljerLage 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
DetaljerSteg 1: Felix har forsvunnet!
HTML: Forsvunnet katt Skrevet av: Arve Seljebu Kurs: Web Tema: Tekstbasert, Nettside Fag: Programmering, Teknologi, Norsk Klassetrinn: 5.-7. klasse, 8.-10. klasse, Videregående skole Introduksjon Katten
DetaljerWeb 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
DetaljerVisualMobility 2.0. Hurtigreferanse1.0. Funksjoner. Komme igang
VisualMobility 2.0 Hurtigreferanse1.0 Funksjoner VisualMobility tilbyr full trådløs integrasjon mellom kontor og maskin. Trådløs dataoverføring Fjernsupport rett på skjermen Lokalisering av maskinen på
DetaljerVirus på Mac? JA! Det finnes. Denne guiden forteller deg hva som er problemet med virus på Mac hva du kan gjøre for å unngå å bli infisert selv
Virus på Mac? JA! Det finnes. Denne guiden forteller deg hva som er problemet med virus på Mac hva du kan gjøre for å unngå å bli infisert selv «Å tro at det ikke finnes virus på Mac er dessverre litt
DetaljerIntroduksjon til Min Sky - http://min-sky.no
Introduksjon til Min Sky - http://min-sky.no Min Sky 1 Velkommen til Min Sky! Min Sky er en tjeneste for å lagre dine bilder og filer enkelt og trygt i nettskyen. Når disse er lagret kan du se dem på din
DetaljerOblig 5 Webutvikling. Av Thomas Gitlevaag
Oblig 5 Webutvikling Av Thomas Gitlevaag For oppgave 1 og 2 skal dere levere en funksjonell webside på deres hjemmeområde. Dere skal også levere alle phps-filene slik at man for en hver side kan slenge
DetaljerInnfø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
DetaljerBildebehandling i GIMP
Bildebehandling i GIMP 9.1 Opprette et dokument & 9.2 Bildestørrelse For å opprette et nytt dokument velger du File > New (Fil > Ny...) Da vil følgende vindu dukke opp: Her er bildets oppløsning satt til
DetaljerOblig 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
DetaljerForprosjektrapport Gruppe 30
Forprosjektrapport Gruppe 30 Gruppemedlemmer: Eyvind Nielsen s177748 Ullvar Brekke s236375 Kristoffer Pettersen s239404 Innhold Presentasjon... 3 Sammendrag... 3 Dagens situasjon... 3 Mål... 3 Rammebetingelser...
DetaljerBRUKERMANUAL 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...
DetaljerSP Production. mywysiwyg User Guide. Version 1.0 2011-03-01 1
SP Production mywysiwyg User Guide Version 1.0 2011-03-01 1 Innholdsfortegnelse 1 Innledning 2 Innlogging 3 Administrasjonsverktøy.1 Utseende og hovedfunksjoner.1 Section.2 Content.3 Link archive 4 Editor
DetaljerCASCADING 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"Dette skjer når jeg trykker på denne knappen" "Når jeg skriver i dette feltet, ser jeg at det andre forandrer seg"
Tegning med SVG Skrevet av: Teodor Heggelund Kurs: Elm Tema: Tekstbasert, Nettside Fag: Programmering, Teknologi Klassetrinn: 8.-10. klasse, Videregående skole Introduksjon I denne oppagaven skal vi lære
DetaljerProduktdokumentasjon. Madison Møbler Administrasjonsside og Nettbutikk
Produktdokumentasjon Madison Møbler Administrasjonsside og Nettbutikk 1 1. Forord 1.1 Dokumentasjonen Dette er en teknisk dokumentasjon på produktet som er utviklet. Denne er tiltenkt personer med teknisk
Detaljer