{"version":"1.0","provider_name":"Hemsida24","provider_url":"https:\/\/www.hemsida24.se\/blogg","author_name":"supervisor","author_url":"https:\/\/www.hemsida24.se\/blogg\/author\/supervisor\/","title":"Planera din hemsida: 3 kreativa tips - Hemsida24","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"8KXwAPTeCI\"><a href=\"https:\/\/www.hemsida24.se\/blogg\/2013\/02\/21\/planera-din-hemsida-3-kreativa-tips\/\">Planera din hemsida: 3 kreativa tips<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/www.hemsida24.se\/blogg\/2013\/02\/21\/planera-din-hemsida-3-kreativa-tips\/embed\/#?secret=8KXwAPTeCI\" width=\"600\" height=\"338\" title=\"\u201dPlanera din hemsida: 3 kreativa tips\u201d &ndash; Hemsida24\" data-secret=\"8KXwAPTeCI\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/*! This file is auto-generated *\/\n!function(c,d){\"use strict\";var e=!1,o=!1;if(d.querySelector)if(c.addEventListener)e=!0;if(c.wp=c.wp||{},c.wp.receiveEmbedMessage);else if(c.wp.receiveEmbedMessage=function(e){var t=e.data;if(!t);else if(!(t.secret||t.message||t.value));else if(\/[^a-zA-Z0-9]\/.test(t.secret));else{for(var r,s,a,i=d.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),n=d.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),o=new RegExp(\"^https?:$\",\"i\"),l=0;l<n.length;l++)n[l].style.display=\"none\";for(l=0;l<i.length;l++)if(r=i[l],e.source!==r.contentWindow);else{if(r.removeAttribute(\"style\"),\"height\"===t.message){if(1e3<(s=parseInt(t.value,10)))s=1e3;else if(~~s<200)s=200;r.height=s}if(\"link\"===t.message)if(s=d.createElement(\"a\"),a=d.createElement(\"a\"),s.href=r.getAttribute(\"src\"),a.href=t.value,!o.test(a.protocol));else if(a.host===s.host)if(d.activeElement===r)c.top.location.href=t.value}}},e)c.addEventListener(\"message\",c.wp.receiveEmbedMessage,!1),d.addEventListener(\"DOMContentLoaded\",t,!1),c.addEventListener(\"load\",t,!1);function t(){if(o);else{o=!0;for(var e,t,r,s=-1!==navigator.appVersion.indexOf(\"MSIE 10\"),a=!!navigator.userAgent.match(\/Trident.*rv:11\\.\/),i=d.querySelectorAll(\"iframe.wp-embedded-content\"),n=0;n<i.length;n++){if(!(r=(t=i[n]).getAttribute(\"data-secret\")))r=Math.random().toString(36).substr(2,10),t.src+=\"#?secret=\"+r,t.setAttribute(\"data-secret\",r);if(s||a)(e=t.cloneNode(!0)).removeAttribute(\"security\"),t.parentNode.replaceChild(e,t);t.contentWindow.postMessage({message:\"ready\",secret:r},\"*\")}}}}(window,document);\n<\/script>\n","description":"De flesta av oss har en inre bild av hur vi vill att v\u00e5r hemsida ska se ut innan vi skapar den. Men det som s\u00e5g s\u00e5 bra ut p\u00e5 id\u00e9stadiet fungerar inte alltid n\u00e4r hemsidan v\u00e4l \u00e4r byggd. I det h\u00e4r inl\u00e4gget ska vi ber\u00e4tta om hur du kan planera din hemsida innan du skapar den - s\u00e5 att du b\u00e5de sparar tid och f\u00e5r st\u00f6rre kontroll \u00f6ver slutresultatet.Att skapa en hemsida \u00e4r lite som att bygga ett hus: du \u00e4ger en massa saker (bilder och text) som du vill f\u00e5 in i flera rum (sidor), g\u00e4rna p\u00e5 ett s\u00e5 fint och v\u00e4l avv\u00e4gt s\u00e4tt som m\u00f6jligt. Och precis som n\u00e4r du bygger ett hus s\u00e5 \u00e4r det mycket l\u00e4ttare att lyckas om du fr\u00e5n b\u00f6rjan har en ritning eller sketch \u00f6ver var allting ska vara: d\u00e5 slipper du komma p\u00e5 saker l\u00e4ngs v\u00e4gen, \u00e5ngra dig och beh\u00f6va b\u00f6rja om fr\u00e5n b\u00f6rjan eller uppt\u00e4cka att den d\u00e4r fina soffan inte f\u00e5r plats i vardagsrummet ... &nbsp; P\u00e5 samma s\u00e4tt som en ritning underl\u00e4ttar konstruktionen av ett hus kan det allts\u00e5 vara bra att ha en plan f\u00f6r din hemsida innan du skapar den. H\u00e4r \u00e4r tre id\u00e9er som kan underl\u00e4tta planeringen av din hemsida:P\u00e5 n\u00e5got s\u00e4tt k\u00e4nns det alltid l\u00e4ttare att t\u00e4nka fritt med penna och papper i handen. F\u00f6rutom att du kan testa, sudda och g\u00f6ra om \u00e4r en av de stora f\u00f6rdelarna att det g\u00e5r mycket fortare att rita f\u00f6r hand \u00e4n att bygga en hemsidesdesign som du kanske inte blir n\u00f6jd med. N\u00e4r du ritar blir det l\u00e4ttare att se var alla saker du vill ha p\u00e5 din hemsida ska vara, och n\u00e4r du k\u00e4nner dig f\u00e4rdig s\u00e5 har du en bra mall att utg\u00e5 fr\u00e5n. &nbsp; S\u00e5 h\u00e4r g\u00f6r du: L\u00e5t ett blankt papper representera varje sida p\u00e5 din hemsida. Anv\u00e4nd en blyertspenna f\u00f6r att rita ut var du vill ha exempelvis meny, bilder och rubriker. Experimentera! Sudda ut och g\u00f6r om f\u00f6r att k\u00e4nna efter hur proportionerna ska vara. Anv\u00e4nd f\u00e4rger om du vill f\u00f6r att ytterligare f\u00e5 en k\u00e4nsla f\u00f6r hur sidan kommer att se ut i verkligheten \u2013 och l\u00e5t dina tankar fl\u00f6da fritt! &nbsp; Tips: Ta inspiration fr\u00e5n en tidning eller ett magasin du gillar. D\u00e4r kan du f\u00e5 m\u00e5nga id\u00e9er till hur du ska g\u00f6ra med exempelvis proportioner och text. Du kan ocks\u00e5 klippa ut bilder eller text fr\u00e5n tidningar och klistra in p\u00e5 ditt papper \u2013 ett perfekt s\u00e4tt att enkelt f\u00e5 en bild av hur en hemsida kan se ut. Inspiration:&nbsp;Beautiful sketches for prototypes har exempel p\u00e5 ritade hemsidesid\u00e9er. Om du inte har tillg\u00e5ng till penna och papper kan du rita&nbsp;direkt p\u00e5 n\u00e4tet med hj\u00e4lp av&nbsp;Odosketch. En inneh\u00e5llslista \u00e4r helt enkelt en tabell d\u00e4r du best\u00e4mmer vad varje sida ska heta, vad den ska handla om och hur h\u00f6gt upp i hemsideshierarkin den ska vara. Det \u00e4r ett utm\u00e4rkt s\u00e4tt att f\u00e5 \u00f6verblick \u00f6ver ditt material innan du s\u00e4tter dig ner och arbetar p\u00e5 designen. &nbsp; S\u00e5 h\u00e4r g\u00f6r du: \u00f6ppna ett nytt kalkylblad i Excel (eller g\u00f6r en tabell i en ordbehandlare), och namnge dina sidor. I exemplet har jag anv\u00e4nt mig av en siffernumrering f\u00f6r att gruppera mina sidor (f\u00f6r att markera att exempelvis \"Om\" och \"Historia\" kan ligga under samma menyknapp), men man kan sj\u00e4lvklart anv\u00e4nda ett system som man sj\u00e4lv tycker passar. Skriv sedan vad f\u00f6r typ av inneh\u00e5ll du vill ha p\u00e5 varje sida och skriv lite kort om vad sidan \u00e4r till f\u00f6r. Anledningen till att skriva upp hela sidf\u00f6rteckningen p\u00e5 det h\u00e4r s\u00e4ttet \u00e4r framf\u00f6r allt att du ska tvingas fundera \u00f6ver inneh\u00e5llet p\u00e5 varje sida, men det \u00e4r ocks\u00e5 bra att ha sparat till senare tillf\u00e4llen om du exempelvis ska bygga om din hemsida och beh\u00f6ver fundera \u00f6ver hur du ska g\u00f6ra den b\u00e4ttre. Inspiration:&nbsp;Jumpchart \u00e4r ett internetbaserat program som l\u00e5ter dig planera en hemsida i realtid, dela den med andra och mycket mer. Om du vill g\u00f6ra en mer avancerad plan \u00f6ver din hemsida \u00e4r det h\u00e4r verktyget bra. Ett annat s\u00e4tt att f\u00e5 \u00f6verblick \u00f6ver sin hemsida, innan du har b\u00f6rjat designa den, \u00e4r att anv\u00e4nda sig av skrivna kort. Information \u00e4r helt enkelt l\u00e4ttare att v\u00e4lja ut och sortera om man har den framf\u00f6r sig och kan flytta den fritt. G\u00f6r s\u00e5 h\u00e4r: skriv ned alla dina l\u00e4nkar (exempelvis \"Hem\", \"Om\", \"Butik\" och s\u00e5 vidare), dina id\u00e9er eller dina varor p\u00e5 utklippta papperslappar, och testa sedan att organisera lapparna efter hur viktiga sidorna \u00e4r. Vad b\u00f6r komma f\u00f6rst? Vad \u00e4r mindre viktigt? Tips: l\u00e5t n\u00e5gon som du k\u00e4nner och som \u00e4r intresserad av det du g\u00f6r eller s\u00e4ljer titta p\u00e5 korten och sortera dem efter hur viktigt han eller hon upplever sidorna vara. Eller anv\u00e4nd korten som byggstenar n\u00e4r du designar din hemsida. Inspiration: Card sorting: a definitive guide&nbsp;\u00e4r en guide till hur du kan anv\u00e4nda den h\u00e4r tekniken b\u00e5de professionellt och privat.","thumbnail_url":"https:\/\/h24-original.s3.amazonaws.com\/44\/11103522-fFpQG.jpg?name=.jpg"}