Grafisk Webbprofil. Skrivregler och grafiska riktlinjer för utformning och publicering av Sjökrogen bojens hemsida.

Storlek: px
Starta visningen från sidan:

Download "Grafisk Webbprofil. Skrivregler och grafiska riktlinjer för utformning och publicering av Sjökrogen bojens hemsida."

Transkript

1 1 Grafisk Webbprofil Skrivregler och grafiska riktlinjer för utformning och publicering av Sjökrogen bojens hemsida. Författare: Eva Wallin Publicering på Internet, Högskolan Dalarna vt2010

2 2 Innehållsförteckning Inledning 3 Sidlayouter 3 Sidrubriker/Mastheads 6 Navigering 6 Färger 7 Typsnitt 8 Grafiska element 8 Informationsstruktur 8 Hemsidan Bojen - adress 8

3 3 120 px Inledning Hemsidan för Bojens restaurang och sjökrog skall andas friskhet och ha vackra bilder på mat och dryck i marin miljö. Färgen på logotype, huvud och fot är mörkt mellanblå, bakgrunden vit och textrutorna har en grå bakgrund. Vid utskrift blir fonterna serifer (Times) och de grå tonplattorna försvinner. Textfärgen blir svart på både text och länkar. Detta dokument avser att beskriva strukturen för Bojens hemsida i form av fastställda sidlayouter, navigering, färger, fonter och grafiska element. Sidlayouter Basstruktur Sidan är baserad på 3 kolumner med en totalvidd på 960 pixlar. Objekten ligger kant-i-kant utan marginaler. Sidhuvud (Header Navigeringspanel (Index (Main Sidopanel (Sidebar Sidfot med sidrubrik (Footer region = Masthead) 600 px 160 px Bilderna på huvudarean har fastställda mått (stående 300x200 eller liggande 200x300px), medan text- och faktarutornas mått är variabla, kan ökas och minskas beroende på textmängd. Ett idealiskt mått för att undvika scrollning och för att sidrubriken som ligger i foten skall synas, är om totala huvudareans höjd inte överskrider totalt 500 pixlar, (tex för den första sidvariationen med en bild på 300 pixlar och en textruta på 200 pixlars höjd).

4 4 300 px Storlek på sidhuvud är 120x960 pixlar och monteras från originalfil. Sidfoten skrivs i 16 punkter (vit textfärg) är vänsterjusterad och har en padding på 20 pixlar. Sidfoten används för att sätta sidans rubrik, exempelvis Välkommen, Menu och Öppettider. Navigeringspanelen till vänster används för navigering till övriga sidor samt får innehålla övriga externa länkar. Länkarna placeras 40 pixlar från vänsterkanten. Inga bilder eller logotyper får förekomma i navigeringspanelen. Sidopanelen till höger är till för att skapa luft och utrymmet används enbart till logotypen som placeras centrerat nedtill i kolumnen (top 440px, left 805px om logon är 100x100 pixlar). Sidvariation 1 Sidvariation 1 kan med fördel användas som framsida, Välkommen. Den består av 3 st stående bilder med en liggande textruta under. Textrutans färg är grå, se vidare under kapitlet som behandlar färger. Sidhuvud (Header Navigeringspanel (Index Bild 3_1 Bild 3_2 Bild 3_3 Sidopanel (Sidebar Textruta, liggande, 100% Sidfot (Footer

5 5 300 px Sidvariation 2 Sidvariation 2 kan användas när en större textmassa behöver presenteras, tex Menyn. Här finns plats för text (faktaruta stor med grå bakgrund), 1 stående bild på samma plats som den tredje bilden i sidvariation 1 (kallad bild 3_3). Under bilden finns en mindre faktaruta (faktaruta liten) på grå botten med plats för information eller länkade PDF-filer, som en utökad meny eller vinlista. Sidhuvud (Header Navigeringspanel (Index Faktaruta stor 66,6% Bild 3_3 Sidopanel (Sidebar Faktaruta liten Sidfot (Footer 400 px

6 6 Sidvariation 3 Sidvariation 3 består av fyra liggande bilder (200x300px) och avser att användas som en typ av bildgalleri med en liggande faktaruta under (faktaruta mini) som innehåller tex Öppettider eller annan kortare fakta. Sidhuvud (Header Navigeringspanel (Index Bild 4_1 50% Bild 4_2 50% Sidopanel (Sidebar Bild 4_3 50% Bild 4_4 50% Sidfot (Footer Faktaruta mini, liggande, 100% 300 px 300 px Sidrubriker/Mastheads Sidrubriken ligger som tidigare nämnts i sidfoten och skrivs med 16 punkters storlek, vänsterjusterad och med vit textfärg på blå botten. Navigering Navigeringsknappar/länkar läggs i navigeringspanelen till vänster. Alla länkar till huvudsidor skall synas på alla sidor och ny sida öppnas i samma fönster. Byggs flera undersidor på kommer underrubriker att bli synliga när man navigerar över huvudrubriken med musen.

7 7 Färger Primära färger: # # # #CCCCCC #FFFFFF R: 0 G: 0 B: 0 R: 0 G: 102 B: 153 R: 0 G: 102 B: 102 R: 204 G: 204 B: 204 R: 255 G: 255 B: 255 # (svart): Text i tex faktaruta liten # (blå): Logotype. Bakgrund i huvud och fot # (blågrön): Text och länkar #CCCCCC (grå): Bakgrund i text- och faktarutor #FFFFFF (vit): Masthead/rubrik i huvud och fot Textfärg kan varieras mellan blå och svart. Sekundära färger: #33CCFF R: 51 G: 204 B: 255 #FF6600 R: 255 G: 102 B: 0 #33CCFF (turkos): #FF6600 (orange): Kan användas i bilder och illustrationer Kan användas i bilder och illustrationer

8 8 Typsnitt Typsnitt är Tahoma: - Tahoma regular - Tahoma bold Grafiska element Placering Grafiska element (fotografier eller illustrationer) placeras på angiven plats, se sidlayouter ovan. Bilderna och textrutorna har inga marginaler mellan sig utan placeras kant-i-kant. Färger Grafiska objekt som inte är fotografier skall använda färgerna i angiven färgpalett. Synlighet Använd alltid attributet alt= för att visa alternativ text ifall åtkomst till bildlänken inte fungerar. Välj en relevant text som förklarar vad besökaren inte ser. Informationsstruktur Rubriker Första rubriken, h1, är i fetstil och storlek +1. Nästa rubriknivå, h2, är i fetstil och samma storlek som brödtext. Tredje nivån är kursiv (och inte fet). h1 h2 h3 Menu Menu Räkor Hemsidan Bojen - adress

/*formatering för html och body elementen - elementens höjd sträcker sig över hela webbläsarfönstrets höjd*/ html, body { height: 100%; }

/*formatering för html och body elementen - elementens höjd sträcker sig över hela webbläsarfönstrets höjd*/ html, body { height: 100%; } /*CSS document*/ /* nollställer margin för alla element*/ * { margin: 0; /*formatering för html och body elementen - elementens höjd sträcker sig över hela webbläsarfönstrets höjd*/ html, body { height:

Läs mer

Instruktioner till övningen som börjar på nästa sida

Instruktioner till övningen som börjar på nästa sida Instruktioner till övningen som börjar på nästa sida Övningen innehåller det grundläggande som du måste kunna för att klara Word. Varje stycke ska vara formaterat så som det står i stycket. Under varje

Läs mer

12 steg för att göra en bok med Word

12 steg för att göra en bok med Word steg för att göra en bok med Word I den här övningen ska vi göra en bok med tre kapitel utifrån en råtext och några bilder. Texten och bilderna finns på www.kj.se/merword. Boken ska skrivas ut på egen

Läs mer

small phones for big people Grafisk manual Innehåll Förutsättningar small phones for big people En enhetlig grafisk profil 1 Logotyp

small phones for big people Grafisk manual Innehåll Förutsättningar small phones for big people En enhetlig grafisk profil 1 Logotyp Grafisk manual Innehåll Förutsättningar En enhetlig grafisk profil 1 Logotyp Cellulite s logotyp 2 Mini logga 3 Frizon 4 Storlek 5 Placering 5 Färger 2 Cellulite s färger 6 Typografi Cellulite s typografi

Läs mer

Labora&on 4 CSS och validering övningar/uppgi9er

Labora&on 4 CSS och validering övningar/uppgi9er Labora&on 4 CSS och validering övningar/uppgi9er 1M321 Webbteknik 1, 7,5hp Medieteknik 2016 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument och skapa en mapp för U2 Till övningarna i denna

Läs mer

Den grafiska profilieringen för roar

Den grafiska profilieringen för roar Den grafiska profilieringen för roar 2013 edition INNEHÅLL LOGOTYP 04 LOGOTYPENS FRIZON 05 TYPOGRAFI 06 FÄRGER 07 KONTORSMATERIAL 08 ANNONS & BILDER 10 BROSCHYR 12 GRAFISKA ELEMENT/BYXMÄRKE 14 WEBBSIDA

Läs mer

Lathund PDF-utskrift. Senselogic AB Version 2.3

Lathund PDF-utskrift. Senselogic AB Version 2.3 Lathund PDF-utskrift Senselogic AB Version 2.3 Innehållsförteckning 1.1 PDF -utskrift... 3 1.1.1 Användningsområde... 3 1.1.2 Inställningar för PDF... 3 Fliken Allmänt... 3 Fliken Kapitel... 3 Fliken Formatmallar...

Läs mer

Grafisk manual. Innehåll. Kontakt: max@desmond.com

Grafisk manual. Innehåll. Kontakt: max@desmond.com Grafisk manual Innehåll Kontakt: max@desmond.com Förutsättningar Hoop skall ha en modern och sportig profil som skall vara denna manual trogen i allt formellt material som: Brev, Mejl, Instruktionsböcker

Läs mer

ORDLISTA WEBBDESIGN 100P

ORDLISTA WEBBDESIGN 100P ORDLISTA WEBBDESIGN 100P HTML- TAGGAR M.M. (DE BLÅFÄRGADE ORDEN ÄR OLIKA ATTRIBUT SOM HÖR TILL DE OLIKA TAGGARNA.) HTML Står för Hyper Text Markup Language och är en uppsättning markeringskoder.

Läs mer

Innehåll. 3 Grafisk profil. 4 Logotyp Färgversion av logotyp Konturversion av logotyp Inga förändringar tillåtna Frizon Placering Storlek

Innehåll. 3 Grafisk profil. 4 Logotyp Färgversion av logotyp Konturversion av logotyp Inga förändringar tillåtna Frizon Placering Storlek Grafisk profil Innehåll 3 Grafisk profil 4 Logotyp Färgversion av logotyp Konturversion av logotyp Inga förändringar tillåtna Frizon Placering Storlek 6 Teckensnitt 7 Färger Profilfärger och kompletterande

Läs mer

Bilaga Digital profilmanual

Bilaga Digital profilmanual Bilaga Digital profilmanual Version 3 December 2011 SID 2 Innehåll Inledning... 3 Logotyp... 4 Placering... 4 Alternativ placering... 5 Färger... 6 Färgpalett... 6 Färganvändning... 7 Färghierarki... 8

Läs mer

Bilaga Digital profilmanual

Bilaga Digital profilmanual Bilaga Digital profilmanual Version 1 Januari 2011 SID 2 Innehåll Inledning... 3 Logotyp... 4 Placering... 4 Alternativ placering... 5 Färger... 6 Färgpalett... 6 Färganvändning... 7 Färghierarki... 8

Läs mer

Om din presentation:

Om din presentation: Om din presentation: Bilderna ska vara stöd, ersätter ej muntlig presentation. Högst en bild per minut. Välj raka typsnitt som är standardinstallerade i alla datorer. Luftiga marginaler som här och undvik

Läs mer

GRAFISK MANUAL Arcada studerandekår - ASK

GRAFISK MANUAL Arcada studerandekår - ASK GRAFISK MANUAL Arcada studerandekår - ASK Innehåll 1 Inledning 3 2 Namn och undertecknare 3 3 Färgskala 3 4 Typografi 4 4.1 Brödtext 4 4.2 Rubriker 5 5 Logo 5 5.1 Logo med text 5 5.2 Logo utan text 6 5.3

Läs mer

Manual - Introduktionskurs SiteVision

Manual - Introduktionskurs SiteVision Sidan 1 Manual Introduktionskurs SiteVision 20141125 Version 2 Innehållsförteckning Logga in 2 Redigera text 3 Om bilder på ale.se 6 Lägga till en bild 7 Lägga till en länk i text 9 Lägga till länkar under

Läs mer

Grafiska riktlinjer för e-tjänster. Enligt stadens nya grafiska profil - 2013

Grafiska riktlinjer för e-tjänster. Enligt stadens nya grafiska profil - 2013 Grafiska riktlinjer för e-tjänster Enligt stadens nya grafiska profil - 2013 Form Typsni!, färger och layout skapar igenkänning mellan stockholm.se och e-tjänster. Typsni! och färg Typsni! Stockholm

Läs mer

Lektion 2 - CSS. CSS - Fortsätt så här

Lektion 2 - CSS. CSS - Fortsätt så här Lektion 2 - CSS I den här lektionen behandlas HTML och CSS. Det förutsätts att lektion 1 är gjord, eller att du har tillräckliga kunskaper i grundläggande HTML för att klara den här lektionen. CSS - Fortsätt

Läs mer

Även om man placerar information kolumnvis så kommer all information att visas radvis i PDF-utskriften.

Även om man placerar information kolumnvis så kommer all information att visas radvis i PDF-utskriften. Lathund PDF-modulen Detta är en lathund för hur man ställer in och använder PDF-modulen. Med hjälp av PDF-utskrift kan du enkelt skapa PDF-utskrifter av webbsidor. Denna modul omvandlar text, bild och

Läs mer

Grafisk manual Version 1.0

Grafisk manual Version 1.0 Grafisk manual 2 0 / Innehåll 1 / Introduktion 1.1 / Syfte 2 / Grafisk manual 2.1 / Logotyp 2.1.1 Logotypens sammansättning 2.1.2 Storlekar & friyta 2.1.3 Användning 2.1.4 Strapline 2.1.5 Operatörslogotyper

Läs mer

PM: THS grafiska profil. Regelverk

PM: THS grafiska profil. Regelverk PM: THS grafiska profil Regelverk Skapat av Helen Silvander 2008 Sid 2(9) Innehåll Innehåll... 2 1 Formalia... 3 1.1 Sammanfattning... 3 1.2 Syfte... 3 1.3 Omfattning... 3 1.4 Historik... 3 2 Bakgrund...

Läs mer

Grafisk Manual. Fastställd av Ordens Direktorium 2009.04.24

Grafisk Manual. Fastställd av Ordens Direktorium 2009.04.24 Grafisk Manual Fastställd av Ordens Direktorium 2009.04.24 Grafisk manual Bifrostordens grafiska manual beskriver hur vi ska arbeta med vår grafiska profil. Profilen är till för att hjälpa oss att skapa

Läs mer

En enhetlig profil är viktig för alla organisationer

En enhetlig profil är viktig för alla organisationer En enhetlig profil är viktig för alla organisationer och ännu viktigare för en stor grupp av frivilliga. Då öppnas möjligheten för att alla känner samhörighet och vet åt vilket håll gruppen går. Det gör

Läs mer

Grafisk Profil. Innehåll: logotyp. teckensnitt/fonter. bilder

Grafisk Profil. Innehåll: logotyp. teckensnitt/fonter. bilder Grafisk Profil Innehåll: logotyp teckensnitt/fonter bilder logotyp KOMMUNVAPEN 1-FÄRG Vilhelminas kommunvapen ska i första hand användas i den information som hanteras av kommunanställda och där budskapet

Läs mer

INNEHÅLLSFÖRTECKNING. Sida 3. Övergripande regler. Sida 4. Logotyp. Logotyp alternativ. Sida 5. Sida 6. Färger. Sida 7. Typsnitt.

INNEHÅLLSFÖRTECKNING. Sida 3. Övergripande regler. Sida 4. Logotyp. Logotyp alternativ. Sida 5. Sida 6. Färger. Sida 7. Typsnitt. GRAFISK MANUAL INNEHÅLLSFÖRTECKNING Övergripande regler Logotyp Logotyp alternativ Färger Typsnitt Dekor och papper Visitkort Brevpapper Brevpapper internt Korrespondenskort Kuvert Sida 3 Sida 4 Sida 5

Läs mer

Dokumentation av rapportmall

Dokumentation av rapportmall Dokumentation av rapportmall Utgivningsår: 2003 Författare: Eva Erbenius Samhällsmedicin Centrum för Tillämpad Näringslära Box 175 33 Wollmar Yxkullsgatan 19 118 91 Stockholm Innehåll Inledning... 3 Rapportens

Läs mer

Västra Götalandsregionen Grafisk manual. -Webbplatser

Västra Götalandsregionen Grafisk manual. -Webbplatser Västra Götalandsregionen Grafisk manual -Webbplatser Innehåll Inledning.................................3 Allmänt, de grafiska grundelementen..............4 Sidhuvud (SH).........................4 Sidfot

Läs mer

Det ska synas att det är vi. Vår gra ska pro l

Det ska synas att det är vi. Vår gra ska pro l Det ska synas att det är vi Vår gra ska pro l Vår gra ska pro l Inledning Riksförbundet för Rörelsehindrade Barn och Ungdomar (RBU) arbetar för barn och ungdomar med rörelsehinder och deras familjer. RBU

Läs mer

behövs för enhetlighet, tala samma språk, så att användaren kan lära sig och använda det vidare.

behövs för enhetlighet, tala samma språk, så att användaren kan lära sig och använda det vidare. 1 2 3 Grafisk profil reglerar grunddragen i utseendet (logga, färger, typsnitt) en helhet skapas Vi ska känna igen oss, vi ska förstå vad som avsändaren vill kommunicera. Kan vara svårt att direkt applicera

Läs mer

Grundläggande funktioner i CMS ifrån Argonova Systems, 2011.

Grundläggande funktioner i CMS ifrån Argonova Systems, 2011. Grundläggande funktioner i CMS ifrån Argonova Systems, 2011. Syfte Detta dokument tar upp grundläggande funktioner i Argonova Systems CMS i syfte att förbereda och stödja användaren, vid sidan av och inför

Läs mer

Verktyget är begränsat till Microsoft Internet Explorer v 7.0 och uppåt

Verktyget är begränsat till Microsoft Internet Explorer v 7.0 och uppåt Verktyget är begränsat till Microsoft Internet Explorer v 7.0 och uppåt 1. Inställningar / Kontaktuppgifter Uppgifter som matas in i den vyn ovan visas i sidfoten på hemsidan: 2. Skapa nya sidor Om man

Läs mer

Manual Introduktionskurs SiteVision

Manual Introduktionskurs SiteVision Manual Introduktionskurs SiteVision sidan 1 Manual Introduktionskurs SiteVision 20141125 Version 3 Innehållsförteckning Logga in 2 Redigera text 3 Om bilder på ale.se 6 Lägga till en bild 7 Lägga till

Läs mer

GRAFISK MANUAL. Samverkan för ett Jönköpings län fritt från alkohol- och drogrelaterade skador

GRAFISK MANUAL. Samverkan för ett Jönköpings län fritt från alkohol- och drogrelaterade skador GRAFISK MANUAL Samverkan för ett Jönköpings län fritt från alkohol- och drogrelaterade skador Vikten av att ha grafiska riktlinjer I Insikt/Utsikt ryms en mängd olika aktörer såsom myndigheter och frivilligorganisationer.

Läs mer

Om din presentation:

Om din presentation: Om din presentation: Bilderna ska vara stöd, ersätter ej muntlig presentation. Högst en bild per minut. Välj raka typsnitt som är standardinstallerade i alla datorer. Luftiga marginaler som här och undvik

Läs mer

Grafisk profil R AB. Ransäters Invest AB

Grafisk profil R AB. Ransäters Invest AB Grafisk profil R AB Ransäters Invest AB Innehåll 3 Grafisk profil 4 Logotyp Färgversion av logotyp Konturversion av logotyp Inga förändringar tillåtna Frizon Placering Storlek 6 Teckensnitt 7 Färger och

Läs mer

1. Uppdateringsmodul (CMS)

1. Uppdateringsmodul (CMS) Innehåll 1. Uppdateringsmodul (CMS)... 2 2. Artiklar... 3 2.1 Upprätta din första artikel... 4 2.2 Skapa innehåll i artikeln... 5 2.2.1 RUBRIK I ARTIKELN:... 5 2.2.3 INFOGA BILDER:... 7 2.2.4 CELLER...

Läs mer

Introduktionsmanual till Design- / Utvecklarmodulen

Introduktionsmanual till Design- / Utvecklarmodulen Introduktionsmanual till Design- / Utvecklarmodulen Redigera utskriftslayouter och fönsterdesignen I den senaste versionen av System Bokhållaren (från ver 4.6 och senare), finns en helt ny avancerad funktion,

Läs mer

Grafisk manual 1.0 2009-10-07

Grafisk manual 1.0 2009-10-07 Grafisk manual 1.0 2009-10-07 Innehåll Logotyp... 3 Profilfärger... 4 Symbolen... 4 Typografi... 5 Svenska Vård i text... 6 Svenska Vård Grafisk manual 1.0 2 Logotyp Svenska Vårds logotyp finns i två versioner.

Läs mer

Innehållsförteckning. Logotyp 3. Logotyp mått 6. Färger 7. Grafiskt element 9. Typsnitt 10. Powerpointpresentation 11. Brevpapper 12.

Innehållsförteckning. Logotyp 3. Logotyp mått 6. Färger 7. Grafiskt element 9. Typsnitt 10. Powerpointpresentation 11. Brevpapper 12. Grafisk manual Innehållsförteckning Logotyp 3 Logotyp mått 6 Färger 7 Grafiskt element 9 Typsnitt 10 Powerpointpresentation 11 Brevpapper 12 Mailsignatur 13 Kuvert 14 Visitkort 15 Exempel i tryck 16 2

Läs mer

Inför prov 1 i webbdesign

Inför prov 1 i webbdesign Inför prov 1 i webbdesign Skapa ett grundläggande HTML-dokument sidtitel övriga instruktioner Grundläggande märken, samt hur de används startmärke

Läs mer

Kommunikation och presentation

Kommunikation och presentation Kommunikation och presentation MFM310 2010-09-16 Eva Larsson FoUU-enheten primärvården i Fyrbodal Om din presentation: Bilderna ska vara stöd, ersätter ej muntlig presentation. Högst en bild per minut.

Läs mer

Grafisk Manual. Skapad av 2xAngland AB på uppdrag av Svenska Bilsportförbundet

Grafisk Manual. Skapad av 2xAngland AB på uppdrag av Svenska Bilsportförbundet Grafisk Manual Skapad av 2xAngland AB på uppdrag av Svenska Bilsportförbundet Svenska Bilsportförbundet jobbar för bilsporten i Sverige. Vi jobbar mot en modern och hållbar bilsportutveckling där både

Läs mer

Dags att skriva uppsats?

Dags att skriva uppsats? Dags att skriva uppsats? Grundkurs i Word 2010 SDM Studentdatorutbildning vid Malmö högskola Att skriva i Word! 1 Börja skriva/skapa ditt dokument- något att tänka på 1 Spara ditt dokument 1 Bra att veta

Läs mer

Frågor och svar - Diagnostisk prov ht14 - Webbutveckling 1

Frågor och svar - Diagnostisk prov ht14 - Webbutveckling 1 Frågor och svar - Diagnostisk prov ht14 - Webbutveckling 1 Bilder och optimering --- Vilken upplösning är lämplig för bilder som ska användas på Internet? Sträva efter korta nedladdningstider. 72 ppi/dpi

Läs mer

PM FÖR GRAFISK PROFIL THS KEMISEKTIONEN

PM FÖR GRAFISK PROFIL THS KEMISEKTIONEN PM FÖR GRAFISK PROFIL THS KEMISEKTIONEN Skapad av Emma Fogelström 2012 Sid 2(7) Innehåll 1 Formalia... 3 1.1 Sammanfattning... 3 1.2 Syfte... 3 1.3 Omfattning... 3 1.4 Historik... 3 2 Bakgrund... 4 3 Emblem...

Läs mer

Grundläggande grafisk profilmanual för SKR. Georgia Pro Black italic. Georgia Bold italic. Typografi. Rubriker. Georgia Pro light italic 16 pkt

Grundläggande grafisk profilmanual för SKR. Georgia Pro Black italic. Georgia Bold italic. Typografi. Rubriker. Georgia Pro light italic 16 pkt Grundläggande grafisk profilmanual för SKR Typografi Vi använder Calibri och georgia. Dessa typsnitt finns förinstallerade på de flesta datorer och därmed kan både tryck, web och word-dokument hålla samma

Läs mer

En stiligare portal Laboration 3

En stiligare portal Laboration 3 Laborationsanvisning En stiligare portal Laboration 3 Författare: Johan Leitet Version: 1 Datum: 2011-09-09 Inledning Vi har hittills koncentrerat oss på att strukturera upp vår information på ett så semantiskt

Läs mer

Användarguide. Bildslinga internet

Användarguide. Bildslinga internet Användarguide Bildslinga internet Capitex AB Bildslinga internet Inledning Bildslingan låter dig exponera dina objekt i helskärmsläge, exempelvis för skyltfönstret. Text och bild hämtas från de objekt

Läs mer

Övning (X)HTML 2. Sidan 1 av 7 2010-11-11

Övning (X)HTML 2. Sidan 1 av 7 2010-11-11 Sidan 1 av 7 2010-11-11 Övning (X)HTML 2 Innan du börjar med laborationen ska du se till så att du har öppnat din editor (till exempel Notepad++). I denna editor ska du skriva (X)HTML-kod som du sedan

Läs mer

Grafsk Profl. Stilmanual för Astronomisk Ungdoms kommunikation

Grafsk Profl. Stilmanual för Astronomisk Ungdoms kommunikation Grafsk Profl Stilmanual för Astronomisk Ungdoms kommunikation Inledning Varför grafsk profl? Identifkation För att alla ska uppfatta att det är Astronomisk ungdom som står bakom ett meddelande måste vi

Läs mer

Grafisk profil för Charlott Zsoldos. Holistic Health Coach

Grafisk profil för Charlott Zsoldos. Holistic Health Coach Grafisk profil för Charlott Zsoldos Holistic Health Coach Innehållsförteckning 1. Logotype 2. Typsnitt 3. Annonsering 4. Imagebilder Logotype Charlott Zsoldos använder sig av två stycken olika logotyper.

Läs mer

Skrivinstruktioner för RA-dokument

Skrivinstruktioner för RA-dokument Skrivinstruktioner för RA-dokument 1 (5) 1.1 Allmänt Detta dokument ska ses som riktlinjer för upprättande och uppdatering av RA-dokument samt mall för de texter som ska skrivas. Ingen dokumentinformation

Läs mer

Lathund steg för steg

Lathund steg för steg Lathund Lathund steg för steg Jessica Mattsson Administrativ assistent och Lotta Karlsson Informationsansvarig och Webbredaktör Oktober 2014 Innehållsförteckning Logga in... 1 Logga in på Insidan... 1

Läs mer

GRAFISK MANUAL. En grafisk manual stärker även Ockelbo Kommuns kommunikation och varumärke. Skapar igenkänning och en egen identitet.

GRAFISK MANUAL. En grafisk manual stärker även Ockelbo Kommuns kommunikation och varumärke. Skapar igenkänning och en egen identitet. GRAFISK MANUAL GRAFISK MANUAL Denna manual är framtagen för att göra allt material från Ockelbo Kommun enhetligt och tydligt. Det är ett hjälpmedel i det dagliga arbetet inom kommunen då brev, kallelser

Läs mer

Manual till publiceringsverktyg

Manual till publiceringsverktyg Manual till publiceringsverktyg Allmänt När man har loggat in hamnar man direkt på översikten över hela webbplatsen. Överst hittar man en meny som alltid ligger med i verktyget. Denna meny innehåller översikten

Läs mer

Logotyp och Grafisk profil för UT Transport i Norr AB

Logotyp och Grafisk profil för UT Transport i Norr AB Logotyp: Introduktion UT Transport i Norr AB s logotyp är designad för att på ett tydligare och starkare sätt representera det företag som UT har utvecklats till att bli idag och kommer att bli imorgon.

Läs mer

Manual Anvisningar vid annonsering på startsida i Ratsit 3.0.

Manual Anvisningar vid annonsering på startsida i Ratsit 3.0. Version 2.0 onsdag 12 oktober 2016 1 av 8 Manual Anvisningar vid annonsering på startsida i Ratsit 3.0. Kort beskrivning Instruktioner: Nedan finner du instruktioner kring hur du skapar wallpaper för ratsit.se.

Läs mer

Skriva rapporter i Word

Skriva rapporter i Word SOLNA GYMNASIUMS BIBLIOTEK Skriva rapporter i Word En lathund 2014-03-12 Göra en automatisk innehållsförteckning En innehållsförteckning i Word gör man när hela rapporten är klar. Formatinställning Börja

Läs mer

Lägga till artiklar i Joomla

Lägga till artiklar i Joomla Lägga till artiklar i Joomla från framsidan Logga först in så att du är inloggad. Klicka sedan på Lägg till ny artikel i menyn under hem. Skriv in en rubrik på rubrikraden ej för lång! Skriv sedan artikeln

Läs mer

Skapa nyheter på startsidan för din förening under: Senaste Nytt...

Skapa nyheter på startsidan för din förening under: Senaste Nytt... Skapa nyheter på startsidan för din förening under: Senaste Nytt... OBS! föreningen får lägga in max 4 Senaste Nytt per gång. Vi börjar med att gå till: Fliken Nyheter Klicka på fliken så den blir markerad

Läs mer

Inledning. Inledning. Namn

Inledning. Inledning. Namn Grafisk manual Inledning I den här manualen presenteras de beståndsdelar som utgör Stockholms Skridskoseglarklubbs visuella identitet, samt regler och riktlinjer hur de skall användas. Reglerna och riktlinjerna

Läs mer

Projektrapport. Magnus Krantz Oscar Berggren Olof Hammarberg Daniel Kreivi. Diverse slutsatser i relation till ursprungligt projektplan

Projektrapport. Magnus Krantz Oscar Berggren Olof Hammarberg Daniel Kreivi. Diverse slutsatser i relation till ursprungligt projektplan Projektrapport Diverse slutsatser i relation till ursprungligt projektplan När det gäller projektet som slutprodukt i jämförelse med vår ursprungliga plan så är det en del som har ändrats. Då huvudidén

Läs mer

Skövdes skyddshelgon S:ta Elin

Skövdes skyddshelgon S:ta Elin Skövdes skyddshelgon S:ta Elin Vår profil. För att få en enhetlig profil och ett starkare varumärke är det viktigt att denna manual följs. Riktlinjerna har kommit till för att vi ska ge ett enhetligt och

Läs mer

GRAFISK MANUAL PARTNERSKAP BERGSLAGSBANAN PARTNERSKAP BERGSLAGSBANAN

GRAFISK MANUAL PARTNERSKAP BERGSLAGSBANAN PARTNERSKAP BERGSLAGSBANAN GRAFISK MANUAL PARTNERSKAP PARTNERSKAP grafisk manual Innehållsförteckning Inledning 3 Partnerskap Bergslagsbanan 4 Vår logotyp 5 Typografi 7 Färger 9 Gestaltning 11 Material 13 Om du läser denna grafiska

Läs mer

Grafisk manual KORTVERSION 2015

Grafisk manual KORTVERSION 2015 Grafisk manual KORTVERSION 2015 Innan du börjar I den här manualen har vi samlat de viktigaste rekommendationerna för hur du använder logotyp, färger och typsnitt för Högskolan i Borås grafiska profil.

Läs mer

GRAFISKA RIKTLINJER Svenska Ridsportförbundet maj 2015. Svenska Ridsportförbundet Grafiska riktlinjer 1

GRAFISKA RIKTLINJER Svenska Ridsportförbundet maj 2015. Svenska Ridsportförbundet Grafiska riktlinjer 1 GRAFISKA RIKTLINJER Svenska Ridsportförbundet maj 2015 Svenska Ridsportförbundet Grafiska riktlinjer 1 VÅR PROFIL Det här är en grafisk manual för Svenska Ridsportförbundet som talar om hur vi vill se

Läs mer

Grafiska riktlinjer för

Grafiska riktlinjer för Grafiska riktlinjer för INNEHÅLL Detta är FR2000 3 De grafiska elementen 4 Färgerna 5 Att använda logotypen 6 Användarföretagen och FR2000 7 Typografin 8 Frågor? 9 2 Detta är FR2000 är ett integrerat,

Läs mer

Hur skriver man ett textdokument med bild i OpenOffice?

Hur skriver man ett textdokument med bild i OpenOffice? Lathund för textdokument (Writer) och lite presentation (Impress). 1. Ladda hem OpenOffice på www.openoffice.org. 2. Öppna OpenOffice och välj textdokument (Writer). 3. Välj ett lämpligt teckensnitt genom

Läs mer

Manual - Introduktionskurs SiteVision

Manual - Introduktionskurs SiteVision Manual Introduktionskurs SiteVision sidan 1 Manual Introduktionskurs SiteVision den 3 september 2014 09:00 Innehållsförteckning Logga in 2 Redigera text 3 Om bilder på ale.se 6 Lägga till en bild 7 Lägga

Läs mer

Inför tryck. Färger: CMYK eller dekorfärger. Observera att inga dubbletter av dekorfärgerna är tillåtna.

Inför tryck. Färger: CMYK eller dekorfärger. Observera att inga dubbletter av dekorfärgerna är tillåtna. Inför tryck Färger: CMYK eller dekorfärger. Observera att inga dubbletter av dekorfärgerna är tillåtna. Bilder: Spara bilderna som EPS (objektgrafik) eller TIFF (pixelbilder) Högupplösta (minst 300 ppi)

Läs mer

Skapa innehållsförteckning i. word. IT-avdelningen

Skapa innehållsförteckning i. word. IT-avdelningen Skapa innehållsförteckning i word IT-avdelningen Skapa innehållsförteckning i Word Detta är en handledning i hur man skapar innehållsförteckning i Word. När man gör innehållsförteckningar kan man göra

Läs mer

Grafisk profil till Dear Area

Grafisk profil till Dear Area Grafisk profil till Dear Area Av: Jenny Andersson & Josephine Persson 2008-09-26 Webbutvecklare på KY Akademien Introduktion Detta är en grafisk manual för Dear Area, ett designföretag som gör butiksinredning,

Läs mer

LO-TCO Biståndsnämnds grafiska profil. LO-TCO Biståndsnämnds grafiska profil ska utstråla kompetens, engagemang och seriositet.

LO-TCO Biståndsnämnds grafiska profil. LO-TCO Biståndsnämnds grafiska profil ska utstråla kompetens, engagemang och seriositet. LO-TCO Biståndsnämnds grafiska profil LO-TCO Biståndsnämnds grafiska profil ska utstråla kompetens, engagemang och seriositet. Identitet Logotypen LO-TCO BISTÅNDSNÄMND bildar tillsammans med kartbilden

Läs mer

SCRIBUS grund. Guide och uppgifter. ITlyftet Gunnar Markinhuhta. Sida 1

SCRIBUS grund. Guide och uppgifter. ITlyftet Gunnar Markinhuhta. Sida 1 SCRIBUS grund Guide och uppgifter ITlyftet Gunnar Markinhuhta Sida 1 Scribus grund del 1 Text och textramar Inställningar: 1. Gå till Fil/Inställningar 2. Välj Dokument 3. Ändra enheter till millimeter.

Läs mer

ORDBEHANDLIG MED MICROSOFT WORD... 2 PRINCIPER... 2 STARTA PROGRAMMET... 2 ARBETSINSTÄLLNINGAR...

ORDBEHANDLIG MED MICROSOFT WORD... 2 PRINCIPER... 2 STARTA PROGRAMMET... 2 ARBETSINSTÄLLNINGAR... MED MICROSOFT WORD 1 ORDBEHANDLIG MED MICROSOFT WORD... 2 PRINCIPER... 2 STARTA PROGRAMMET... 2 ARBETSINSTÄLLNINGAR... 2 Marginaler... 2 Sidnumrering... 2 Radavstånd... 3 VISNINGSLÄGEN... 3 SPARA DOKUMENT...

Läs mer

Övningar i CSS för anpassning till olika enheter

Övningar i CSS för anpassning till olika enheter Övningar i CSS för anpassning till lika enheter Hittills har vi i föregående labratiner tittat på hur man med CSS utfrmar en presentatin för bildskärm på en vanlig datr. Men det finns fler presentatiner

Läs mer

Riktlinjer och profilering av arbetskläder

Riktlinjer och profilering av arbetskläder r ö f l a u man r e d ä l k arbets Riktlinjer och profilering av arbetskläder Kommunens arbetskläder ska vara profilerade enligt kommunens grafiska identitet, med kommunens logotyp och balk med texten

Läs mer

Microsoft Word. Lathund för. Innehåll. www.bit.mah.se/support. Autokorrigering. Autotext. Format

Microsoft Word. Lathund för. Innehåll. www.bit.mah.se/support. Autokorrigering. Autotext. Format Lathund för Microsoft Word Innehåll Autokorrigering 1 2 3 4 5 6 7 8 9 4 Format På denna rullgardinsmeny väljer du om du vill skriva brödtext, rubriker osv. Mycket bra verktyg om du arbetar med formatmallar.

Läs mer

Allt är Tobbes fel. Grafisk profil för förbundet. Ung Pirat

Allt är Tobbes fel. Grafisk profil för förbundet. Ung Pirat Allt är Tobbes fel. Grafisk profil för förbundet Ung Pirat Varför behövs en grafisk profil? En grafisk profil har man för att en organisation enkelt ska kännas igen. Här sammanställs olika riktlinjer för

Läs mer

SWEBO Bioenergy Grafisk profil

SWEBO Bioenergy Grafisk profil SWEBO Bioenergy Grafisk profil Formsmedjan Reklam & Kommunikation Grafisk profil Den image vi har, det vill säga hur andra människor uppfattar vårt företag är ett resultat av alla de intryck vi gör på

Läs mer

INNEHÅLL. Om vår grafiska profil 3. Logotyp 3. Färger 3. Typsnitt 4. Brev, fax och skrivelser 4. Meddelandeblock och visitkort 4

INNEHÅLL. Om vår grafiska profil 3. Logotyp 3. Färger 3. Typsnitt 4. Brev, fax och skrivelser 4. Meddelandeblock och visitkort 4 Grafisk Profil SÖRAB Grafisk Profil 2 (6) INNEHÅLL Om vår grafiska profil 3 Logotyp 3 Färger 3 Typsnitt 4 Brev, fax och skrivelser 4 Meddelandeblock och visitkort 4 Overhead-presentationer 5 Övriga användningsområden

Läs mer

ÖvningsProv Internet att skapa hemsidor vt-2006 Webbsideskapande

ÖvningsProv Internet att skapa hemsidor vt-2006 Webbsideskapande ÖvningsProv Internet att skapa hemsidor vt-2006 Webbsideskapande Hjälpmedel: Kurslitteratur, utdelade papper, webbdesignskolan, samt World Wide Web. Tillåtna program att skriva kod i är Anteckningar eller

Läs mer

Frågor och svar Gränssnittsdesign/Webbutveckling

Frågor och svar Gränssnittsdesign/Webbutveckling Frågor och svar Gränssnittsdesign/Webbutveckling Bilder och optimering 1. Vilken upplösning är lämplig för bilder som ska användas på Internet? Sträva efter korta nedladdningstider. 72 ppi/dpi eller 96

Läs mer

En grundkurs i hemsidor och hur de är uppbyggda

En grundkurs i hemsidor och hur de är uppbyggda En grundkurs i hemsidor och hur de är uppbyggda Den här artikeln tänkte väldigt grundligt gå igenom koncepten kring en hemsida och hur den är uppbyggt, för att ge dig grundkunskap att bygga vidare på och

Läs mer

STEGBESKRIVNING - WEBB

STEGBESKRIVNING - WEBB STEGBESKRIVNING - WEBB Logga in och Ut 1. Öppna upp en webbläsare (Chrome eller Firefox) 2. Skriv in sökvägen: www.krukmakarenshus.org/wp-admin/ 3. Fyll i inloggningsuppgifterna och tryck Logga in 3. När

Läs mer

grafisk Profilmanual yeos

grafisk Profilmanual yeos grafisk Profilmanual yeos 2011-08-05 INNEHÅLL Introduktion 01 Logotyp 02 typsnitt 03 färgpalett 04 01 Introduktion Profilmanualen hjälper den som kommunicerar med YEOS som avsändare att upprätthålla önskvärd

Läs mer

Kort instruktion för arbete i Sitevision ( exempel från ATM)

Kort instruktion för arbete i Sitevision ( exempel från ATM) Sitevision på HiG BOL /2010-06-07 Kort instruktion för arbete i Sitevision ( exempel från ATM) För att lägga in text eller redigera text på HiG s nya webb måste du tillhöra någon grupp som har behörighet

Läs mer

Analys av com hems startsida

Analys av com hems startsida IT-Universitetet Interaktionsdesign Grafiska gränssnitt, 6p Göteborg ht 2003 Analys av com hems startsida Björn Nord d00nord@dtek.chalmers.se 1. Innehållsförteckning 1. Innehållsförteckning... 2 2. Inledning...

Läs mer

Lampladan City. Grafisk manual

Lampladan City. Grafisk manual Grafisk manual Innehåll 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. Introduktion Logotyp Logotyp: Färgalternativ Logotyp: Färgalternativ Färger Färger: Förklaring Grafisk dekor Typografi Typografi: Tillämpling

Läs mer

VARUMÄRKESPLATTFORM OCH GRAFISK MANUAL

VARUMÄRKESPLATTFORM OCH GRAFISK MANUAL VARUMÄRKESPLATTFORM OCH GRAFISK MANUAL VARUMÄRKESPLATTFORM 3 4 5 6 Tillsammans bygger vi varumärket Karlskrona Varumärkesplattformen Det som gör platsen unik och känslan vi förmedlar Målgrupper och budskap

Läs mer

21/01/2016. Stilmallar. styra utseendet av webbplatsen DEL 1. Karin Fahlquist. index.html. recept.html frukt.html grönsaker.html

21/01/2016. Stilmallar. styra utseendet av webbplatsen DEL 1. Karin Fahlquist. index.html. recept.html frukt.html grönsaker.html Stilmallar styra utseendet av webbplatsen DEL 1 Karin Fahlquist index.html recept.html frukt.html grönsaker.html 1 Samma kod olika utseende Olika exempel om layout: http://www.csszengarden.com/ Stilmallar

Läs mer

Linjalens inställningar och formatering i ordbehandling.

Linjalens inställningar och formatering i ordbehandling. SYDSOL Handledning ordbehandling 2000-02-23 Linjalens inställningar och formatering i ordbehandling. Syfte: Beskriva linjalens funktioner i ordbehandling och utformning av ett dokument Skall du lyckas

Läs mer

Innehållsförteckning. Kurs i MS Office 2010-2013 våren 2013 Word

Innehållsförteckning. Kurs i MS Office 2010-2013 våren 2013 Word Kurs i MS Office 2010-2013 våren 2013 Word Innehållsförteckning Office 2013 Översikt... 2 Introduktion till Office 2013 Sv... 2 Gränssnitt med menyflikar... 2 ARKIV fliken Backstage vyn... 2 Flytta/ändra

Läs mer

I den tidigare filen Manual Editor belystes grunderna för enkel uppdatering samt editorns utformning.

I den tidigare filen Manual Editor belystes grunderna för enkel uppdatering samt editorns utformning. Sida 1 av 23 Editor, Avancerad I den tidigare filen Manual Editor belystes grunderna för enkel uppdatering samt editorns utformning. Detta dokument syftar till att hjälpa dig som vill jobba mer aktivt

Läs mer

Det här dokumentet är tänkt som en minnesanteckning. programmet och är alltså inte tänkt att förklara allt.

Det här dokumentet är tänkt som en minnesanteckning. programmet och är alltså inte tänkt att förklara allt. Det här dokumentet är tänkt som en minnesanteckning från min genomgång av programmet och är alltså inte tänkt att förklara allt. Den förutsätter att du ska göra layout till den tidningsartikel du skrivit

Läs mer

DOME. storyteller DOME STORYTELLER

DOME. storyteller DOME STORYTELLER STORYTELLER Domteatern på Visualiseringscenter C är ett fantastiskt presentationsverktyg med en yta på nästan 300 kvadratmeter som är helt anpassningsbar efter kundens önskemål. Dome Storyteller är utvecklat

Läs mer

Webzoo AB har idag ett tiotal anställda. Webzoo AB ägs till 100 % av anställda inom företaget och har en sund ekonomisk grund som bas.

Webzoo AB har idag ett tiotal anställda. Webzoo AB ägs till 100 % av anställda inom företaget och har en sund ekonomisk grund som bas. Backoffice Manual Inledning Webzoo AB Webzoo är en webbyrå som varit med sedan internet började ta fart under mitten av 90-talet. Vi hjälper till från idé till lansering och med alla behov som det kan

Läs mer

NACKA KOMMUN FÖRSLAG TILL BESLUT FÖR NY GRAFISK PROFIL

NACKA KOMMUN FÖRSLAG TILL BESLUT FÖR NY GRAFISK PROFIL NACKA KOMMUN FÖRSLAG TILL BESLUT FÖR NY GRAFISK PROFIL 1. SYMBOL OCH LOGOTYP 1:1 SYMBOLENS BAKGRUND 1) Nacka kommuns symbol härstammar sedan flera hundra år från det gamla kvarnhjulet.troligtvis var det

Läs mer

Storleksförändra figurer och bildobjekt - Word 2007 / 2010

Storleksförändra figurer och bildobjekt - Word 2007 / 2010 Word (Textruta Figursättning, storleksförändra, beskära, Linjal, Sidhuvud/fot) 1:5 En textruta är en ram som kan innehålla text, bild, tabell etc. och kan precis som bilder, figursättas. Textrutan använder

Läs mer

Grafisk manual. 1.0 Index. Om logotypen... 2 DOTTERBOLAG... 3 DOTTERBOLAG 2 RADER... 4 VARIATIONER... 6 EXEMPEL PÅ EJ TILLÅTEN ANVÄNDNING...

Grafisk manual. 1.0 Index. Om logotypen... 2 DOTTERBOLAG... 3 DOTTERBOLAG 2 RADER... 4 VARIATIONER... 6 EXEMPEL PÅ EJ TILLÅTEN ANVÄNDNING... Grafisk manual 1.0 Index Om logotypen... 2 DOTTERBOLAG... 3 DOTTERBOLAG 2 RADER... 4 Friyta och MinimIstorlek... 5 VARIATIONER... 6 EXEMPEL PÅ EJ TILLÅTEN ANVÄNDNING... 7 EXEMPEL PÅ EJ TILLÅTEN ANVÄNDNING...

Läs mer

Regler för användning av certifikatsmärke utfärdat av SP Certifiering

Regler för användning av certifikatsmärke utfärdat av SP Certifiering Regler för användning av certifikatsmärke utfärdat av SP Certifiering CERTIFI AD ER Grundvillkor för att få använda certifikatsmärke utfärdat av SP Certifiering SP:s certifikatsmärke får användas under

Läs mer