On-line produktion TDDC61

Save this PDF as:
 WORD  PNG  TXT  JPG

Storlek: px
Starta visningen från sidan:

Download "On-line produktion TDDC61"

Transkript

1 On-line produktion TDDC61

2 Hej! Jakob Bandelin Kognitionsvetenskap, interaktionsdesign, webbdesign On-line produktion (GDK), Elektronisk publicering (MT), Webbprogrammering (SVP), Webbpublicering, iphoneprogrammering.

3 Kursupplägg Kursvärdering 2014 HTML CSS Teckenkodning FTP. Agenda

4 Kursmål identifiera de processförutsättningar som on-line projekt bedrivs under välja och argumentera för interaktiva kommunikationssätt i en on-line produktion summera och jämföra möjligheter hos olika kanaler i ett multikanalprojekt bedöma och beställa teknikproduktion genomföra viss teknikutveckling.

5 Kursupplägg 5 föreläsningar (en per vecka) Fö #3 kommer vara video 5 laborationer (U, G), 4 hp, grupper om två Projektuppgifter (U, 3, 4, 5), 2 hp, individuella.

6 Laborationer 1. Enkel Webbsida (HTML, CSS) 2. Webbplats (CSS3, RWD, SEO) 3. Animation (CSS3, JS) 4. Quiz (PHP) 5. Fotoalbum (jquery, bildoptimering) 4 hp 100 h 20 h per laboration

7 Inlämningsuppgifter Portfolio (2hp 50 h) Förberedelser: förebildsanalys, målgruppsanalys, persona Design: skisser, wireframe, moodboard Implementation: HTML, CSS, PHP, jquery Utvärdering: Argumentation, reflektion

8 Litteratur Niederst-Robbins, Learning Web Design (2012) Litteratur ej obligatorisk Många gillar den - en del tycker den är onödig Länkar i anslutning till uppgifter och föreläsningar.

9 Kursvärdering 2014 (och andra ändringar) Bättre labbhandledning Rättningsmall och snabbare återkoppling Bättre/mer/tidigare info om projektupplägg Lägger till mer CSS3 och webbdesign Lite högre tempo från start (större lab 1) Vissa ändringar i labbserien.

10 Frågor? Önskemål? bild från

11 HTML HyperTextMarkupLanguage ett språk för att märka upp en text med taggar (etiketter) om vad det är för sorts innehåll hyperlänkar till andra dokument - www

12 HTML5 Ersätter HTML4 (från 1997) Rekommenderas från 2014 Separerar innehåll från presentation Semantiskt korrekt taggning Sökmotorsvänligt Tillgänglighet Bra för utveckla för olika plattformar.

13 HTML och design HTML5 ger inte så snygga webbsidor HTML5 handlar om innehåll Använder CSS för presentation.

14 HTML DEMO

15 Teckenkodning Finns olika sätt lagra tecken digitalt charset, encoding Vanligast: iso och utf-8 Spara i samma teckenkodning som ni angett i filen att den är skriven som (eller vice versa) <meta charset="utf-8">.

16 Validering För denna kurs HTML5 Börja överst med första felet Läs felmeddelanden Rätta ett fel i taget Ibland skapar ett tidigt fel flera fel senare i koden.

17 Färger RGB - Röd Grön Blå Additativ färgblandning Hexadecimala A B C D E F #FFFFFF & #FFF # & #000 #F00 #0FF #999 #693 #063 #F0C RGB(255, 0, 221).

18 Färger

19 CSS Cascading Style Sheet Hur innehåll presenteras Cascade ärver och skriver över Bild från

20 Boxmodellen border margin height padding Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. width Visad bredd = width + padding + margin + border Bild från

21 Boxmodellen Innehåll på webbsidor är uppbyggda av boxar (i boxar) Varje element/tagg har egen box. Bild från

22 Enheter i CSS em, ex, px, pt, pc, in, mm, cm, % De vanligaste: px - pixel em - M (1em 10px) ex - x (1ex 6px) % Bild från

23 Syntax för CSS selector { property: value; } T ex p{ color: #f00; } /* Kommentar */ Bild från

24 Ordning för Cascade Senare gäller över tidigare kommandon Mer specifika gäller över allmänna Om inte annat sägs så ärvs styling från de som ligger utanför/ovanför Parent - child Bild från

25 Demo Bild från

26 FTP File Transfer Protocol remote-und.ida.liu.se SFTP, port 22 katalog: www-pub

27 Cyberduck DEMO

28 Labbgrupper Halvklass (A och B). Laborationer görs i grupper om två studenter. Anmäl er grupp i WebReg: https://www.ida.liu.se/webreg3/tddc /lab1 Pass märkta med A eller B är med handledare (1-2 st) och är halvklass. Endast den gruppen på de passen - för studiemiljö (luft och ljud) och tid med handledare Övriga tider först till kvarn. En dator per grupp. Om det är handledare kommer stå i schemat. Idag är det grupp A och grupp B

29 Lab 1 Gör en webbsida om ett land eller en stad eller annat ämne Använd HTML-taggar för innehållet Rubriker, listor, tabell, med flera Använd CSS för att få en design som passar Färg, layout, typsnitt Validera koden Publicera på webbserver (Ok att hämta text om land/stad från t ex Wikipedia.)

30 Inför nästa föreläsning Läs om HTML och CSS i Learning Web Design eller motsvarande Kolla igenom kursupplägget och lämna önskemål Jobba med labb 1 Fixa så att FTP funkar för ditt konto.

31 www-allmänbildning youtube.com twitter.com tumblr.com pinterest.com vimeo.com startpage.com gogoduck.com opera.com google.com/chrome mozilla.com/firefox

32 Tack och lycka till! bild från

Webbprogrammering 725G54

Webbprogrammering 725G54 Webbprogrammering 725G54 Hej! Jakob Bandelin, gästadjunkt jakob.bandelin@liu.se Interaktionsdesign, webbdesign, apputveckling Agenda Kursmål och -upplägg HTML Teckenkodning Validering Lab 1. Kursmål exemplifiera

Läs mer

TDDD52 CSS. Färger. Färger 1/3/13

TDDD52 CSS. Färger. Färger 1/3/13 Jag önskar göra det lä0are för användarna genom a0 markera vissa delar med en annan färg? HTML är bra, men det är inte så snyggt? TDDD52 - CSS CSS regler och selectors gör a0 jag kan styla min HTML precis

Läs mer

Du kan själv följa med i denna steg-för-steg guide i din texteditor.

Du kan själv följa med i denna steg-för-steg guide i din texteditor. Grundläggande HTML HTML Steg-för-steg Du kan själv följa med i denna steg-för-steg guide i din texteditor. doctype Linköpings universitet I textdokument som används på internet finns på första raden information

Läs mer

Nya samlade läroplaner

Nya samlade läroplaner Nya samlade läroplaner Nya kursplaner Ämnesforum Samråd Samråd Samråd Samråd Samordnings grupp Ämnesarbets grupper Referensgrupper Kursplan Kursplan utkast Referensgrupper Remiss W E B B Kursplane -förslag

Läs mer

Objektorienterad Programkonstruktion. Föreläsning 8 30 nov 2015

Objektorienterad Programkonstruktion. Föreläsning 8 30 nov 2015 Objektorienterad Programkonstruktion Föreläsning 8 30 nov 2015 Projektuppgift (LAB2) IM, skickar meddelanden mellan datorer En lite större labbuppgift, egen planering Basuppgift för E, välj till extrauppgifter

Läs mer

Kursplanerna i svenska och svenska som andraspråk Göteborg 18 oktober 2011

Kursplanerna i svenska och svenska som andraspråk Göteborg 18 oktober 2011 Kursplanerna i svenska och svenska som andraspråk Göteborg 18 oktober 2011 Bikupa Varför finns svenska och svenska som andraspråk som skolämnen? Utgångspunkter Samma språk Olika förutsättningar Rätten

Läs mer

Chefer och Ledare grafisk manual

Chefer och Ledare grafisk manual FÖRENINGEN FÖR CHEFER & LEDARE Chefer och Ledare grafisk manual Version 1.1 (121107) 2 GRAFISK PROFIL Föreningen för Chefer och Ledare Föreningen för Chefer och Ledare beslöt om att under våren/ sommaren

Läs mer

GRAFISKA RIKTLINJER FÖR ÅRSMÖTEN AUGUSTI 2015

GRAFISKA RIKTLINJER FÖR ÅRSMÖTEN AUGUSTI 2015 GRAFISKA RIKTLINJER FÖR ÅRSMÖTEN AUGUSTI 2015 INNEHÅLLSFÖRTECKNING INLEDNING Inledning 3 Bakgrund 4 Inspiration 5 Idé 6 Lokalavdelning och distrikt 7 Större idé 8 Samtliga logotyper 9 Grafiskt material

Läs mer

LGR 11 bygger på samma kunskapssyn och värdegrund som Lpo 94

LGR 11 bygger på samma kunskapssyn och värdegrund som Lpo 94 LGR 11 bygger på samma kunskapssyn och värdegrund som Lpo 94 Kursplan Läroplan Kunskapskrav Bedömning Läroplan Den nya samlade läroplanen 1. Skolans värdegrund och uppdrag 2. Övergripande mål och riktlinjer

Läs mer

GRAFISK Profil. inl4_lisen_a_grafisk_profil_me106a.indd 1 2015-05-17 10:29

GRAFISK Profil. inl4_lisen_a_grafisk_profil_me106a.indd 1 2015-05-17 10:29 GRAFISK Profil inl4_lisen_a_grafisk_profil_me106a.indd 1 2015-05-17 10:29 Logotyp Logotypen är grunden för min verksamhets identitet och dess syfte är att skapa en tydlig avsändare. Jag har arbetat fram

Läs mer

LGR 11 bygger påsamma kunskapssyn och värdegrund som Lpo94

LGR 11 bygger påsamma kunskapssyn och värdegrund som Lpo94 LGR 11 bygger påsamma kunskapssyn och värdegrund som Lpo94 Kursplan Läroplan Kunskapskrav Bedömning Läroplan Den nya samlade läroplanen 1. Skolans värdegrund och uppdrag 2. Övergripande mål och riktlinjer

Läs mer

våra grafiska riktlinjer

våra grafiska riktlinjer Grafisk manual för distrikt & föreningar våra grafiska riktlinjer 2014-12-11 Version 1.0 Innehåll Förord 3 1. Logotyp 1.1 Primär logotyp 4 1.2 Sekundär logotyp 5 1.3 Friyta och placering 6 1.4 Välj rätt

Läs mer

Grafisk manual version 2015-02-10

Grafisk manual version 2015-02-10 Grafisk manual version 2015-02-10 Innehåll 1. Inledning...3 2. Varumärkesfärger...4 2.1 Definitioner...4 3. Carriers logotyp...5 3.1 Logotypens uppbyggnad...5 3.2 Logotypens frizoner...6 3.3 Alternativa

Läs mer

On-line produktion TDDC61

On-line produktion TDDC61 On-line produktion TDDC61 Förra veckan Kursupplägg HTML FTP Validering Laboration 1. Deadlines Laborationer: 12/10, kl 08 Lämna in efterhand ni blir färdiga Vi rättar inom 4 arbetsdagar Portfolio, tillfälle

Läs mer

guide till centerpartiets nya profilering

guide till centerpartiets nya profilering guide till centerpartiets nya profilering ett hållbart val Varför finns Centerpartiet? För oss som är aktiva inom partiet är svaret förstås självklart. Men för många väljare är det tyvärr inte det. Inte

Läs mer

Arbetsintegrerande Kooperativ

Arbetsintegrerande Kooperativ Hedemora 2014 01 30 4 Arbetsintegrerande Kooperativ - Medlemsägda Företag som har som ändamål att skapa arbete för personer med svårigheter att ta sig in på arbetsmarknaden. - Självständiga och fristående

Läs mer

Grafisk manual Märke, typografi, färger Stockholm konst. stockholmkonst.se/grafisk-profil

Grafisk manual Märke, typografi, färger Stockholm konst. stockholmkonst.se/grafisk-profil Grafisk manual Märke, typografi, färger Stockholm konst stockholmkonst.se/grafisk-profil Stockholm konsts uppgift är att ge stadens invånare den allra bästa konsten. Vi tar hand om hela processen som leder

Läs mer

INNEHÅLL 1. LOGOTYP 2.TYPSNITT 3. FÄRGER 1.1 KONCEPT 1.2 STORLEKAR 1.3 FÄRGSÄTTNING 1.4 FRIZON & PLACERING 1.5 EXEMPEL 1.

INNEHÅLL 1. LOGOTYP 2.TYPSNITT 3. FÄRGER 1.1 KONCEPT 1.2 STORLEKAR 1.3 FÄRGSÄTTNING 1.4 FRIZON & PLACERING 1.5 EXEMPEL 1. GRAFISK PROFIL INNEHÅLL 1. LOGOTYP 1.1 KONCEPT 1.2 STORLEKAR 1.3 FÄRGSÄTTNING 1.4 FRIZON & PLACERING 1.5 EXEMPEL 1.6 ANVÄNDNING 2.TYPSNITT 2.1 VAL AV TYPSNITT 2.2 TRYCK & EP 2.3 WEB 3. FÄRGER 3.1 PRIMÄR

Läs mer

Planera smidiga utskick. Guide för planering av maskinsorterbara försändelser

Planera smidiga utskick. Guide för planering av maskinsorterbara försändelser Planera smidiga utskick Guide för planering av maskinsorterbara försändelser Väl planerat är hälften skickat Kom ihåg att beakta Postis krav på maskinell hantering när du planerar en försändelse, till

Läs mer

Schildts & Söderströms LOGOTYP

Schildts & Söderströms LOGOTYP Brand manual Schildts & Söderströms LOGOTYP SAFE AREA 8x x x LOGOTYPENS FÄRG VARIATIONER Logotypen används främst i en av dessa fyra varianter. Logotypens namndel är alltid svart eller negativ. Märket

Läs mer

ScandiRec. Läs mer: Nya Volvo V90 Cross Country SID 23. ScandiRec.se - Skandinavisk Rekrytering Sverige

ScandiRec. Läs mer: Nya Volvo V90 Cross Country SID 23. ScandiRec.se - Skandinavisk Rekrytering Sverige ANNONSBILAGA I DAGENS INDUSTRI FRÅN SCANDIREC Sid. 29 Rekrytering inom Chefspositioner, Ledare & Specialister - Sverige se - Skandinavisk Rekrytering Sverige Issu e I Ve r.ta b l oi d Sv e ri ge Rekrytering

Läs mer

On-line produktion TDDC61

On-line produktion TDDC61 On-line produktion TDDC61 Förra gången MuddyCards Animation Portfolio Lab 3. Muddycards - resultat Positiva kommentarer Tempo föreläsningar Labbhandledning, pedagogik Mer labbhandledning Instruktioner

Läs mer

Seminarium Riktade hälsosamtal/ hälsoundersökningar. Digitaliseringsprocess

Seminarium Riktade hälsosamtal/ hälsoundersökningar. Digitaliseringsprocess Seminarium Riktade hälsosamtal/ hälsoundersökningar Digitaliseringsprocess Digitala situationer En enhet med formfaktor som en platta skulle förmodligen verka minst påträngande under samtalet. Hem enhet

Läs mer

FÖRSÄKRINGSBOLAGSDAGEN 2016

FÖRSÄKRINGSBOLAGSDAGEN 2016 VÄLKOMMEN! FÖRSÄKRINGSBOLAGSDAGEN 2016 PLATS FÖR BILD, ANVÄND GÄRNA UTFALLANDE BILDER. Information /utrymning Toaletter Fika & lunch & bensträckare PROGRAM 09.00 Inledning - moderator Cecilia Uneram 09.30

Läs mer

Kommunikativ plattform

Kommunikativ plattform Grafisk profil Kommunikativ plattform Vad är ett varumärke? Ett varumärke är summan av allt som ett företag eller en organisation är, gör och säger. Vansbro kommuns varumärke är resultatet av alla invånares

Läs mer

GRAFISK MANUAL 6/2012

GRAFISK MANUAL 6/2012 GRAFISK MANUAL 6/2012 2 Innehållsförteckning Innehållsförteckning 01 Baselement Svenska folkpartiets logotyp Vår logo: dimensioner och skyddsområde Logoversioner och minimistorlek Logons användning Applikationer

Läs mer

On-line produktion TDDC61

On-line produktion TDDC61 On-line produktion TDDC61 Sök till Legionen! Förra gången MuddyCards PHP Lab 4. Agenda Webbtermer och annat som är bra att veta Bildoptimering Javascript jquery Portfolio Avstämning kurs. Webbsida Webbsida

Läs mer

DESIGN HANDBOKEN. 15.09.28, Version 2

DESIGN HANDBOKEN. 15.09.28, Version 2 DESIGN HANDBOKEN 15.09.28, Version 2 INNEHÅLLSFÖRTECKNING Inledning... 3 Organisationsbeskrivning... 4 Färger... 5 Typografi... 6 Vår logotyp... 7 Visitkort... 8-9 Brevmallar... 10-11 Rapportmall... 12

Läs mer

Att berätta med webb + En introduktion till HTML

Att berätta med webb + En introduktion till HTML Att berätta med webb + En introduktion till HTML Vad är en bra historia? Uppbyggnad En serie handlingar/händelser som tillsammans bildar en enhet Budskap Produkt Bra, användarvänlig, lättförståelig, etc.

Läs mer

Förra gången. jquery Lab 4 Muddy Cards resultat.

Förra gången. jquery Lab 4 Muddy Cards resultat. Förra gången jquery Lab 4 Muddy Cards resultat. Labgrupper Helklass alltid på lab-tiderna? Ingen föreläsning nästa vecka Bonus-info HTML - formulär Serverskript PHP Portfolio Sammanfattning. Idag Webblingo

Läs mer

Webbprogrammering, grundkurs 725G54

Webbprogrammering, grundkurs 725G54 Webbprogrammering, grundkurs 725G54 Lab 4, 5 ERD PHP + MySQL Återblick Idag Sessions PHP och MySQL för samband Lab 6 725G54: Genomgång projektuppgift Avstämning av kursmål Om sessions På IDA måste ni göra

Läs mer

Sweden AB. Stilmall & presentation av grafisk profil

Sweden AB. Stilmall & presentation av grafisk profil Stilmall & presentation av grafisk profil CMYK 0 / 0 / 0 / 0 RGB 255 / 255 / 255 HEX #FFFFFF HSV 0 / 0 / 0 Logotyp & färgschema En grafisk profil måste tydligt visa verksamhetens art och prägel. Logotypen

Läs mer

Luleå gymnasieskola. Rapportens namn. [Dokumentets underrubrik] Författare [Datum]

Luleå gymnasieskola. Rapportens namn. [Dokumentets underrubrik] Författare [Datum] Luleå gymnasieskola Rapportens namn [Dokumentets underrubrik] Författare [Datum] Sammanfattning Sammanfattningen skall ge en översikt över rapportens viktigaste delar, och skapa ett intresse att läsa den.

Läs mer

WINDOWSPROGRAMMERING LEKTION 2

WINDOWSPROGRAMMERING LEKTION 2 WINDOWSPROGRAMMERING LEKTION 2 Mahmud Al Hakim mahmud@alhakim.se www.alhakim.se 1 GRID Grid är en rutnätslayout med rader och kolumner. 2 1 GRID DEFINIERA RADER

Läs mer

DESIGN. Juni 2016, Version 3

DESIGN. Juni 2016, Version 3 DESIGN HANDBOKEN Juni 2016, Version 3 INNEHÅLLSFÖRTECKNING Inledning... 3 Organisationsbeskrivning... 4 Färger... 5 Typografi... 6 Vår logotyp... 7 Visitkort... 8-9 Gemensam mailavsändare... 10 Brevmallar...

Läs mer

VÅR KAMPANJ. Kampanjhandledning

VÅR KAMPANJ. Kampanjhandledning VÅR KAMPANJ Kampanjhandledning VÅRKAMPANJ 2010: RÄTTVISA OM KAMPANJEN I och med vårkampanjen smygstartar vi valrörelsen. Under våren kommer det att finnas ett stort behov av att höja vår profil och mobilisera

Läs mer

Grafisk manual - Kulturcentrum, Kulturskolan, Folkbiblioteket och Konsthallen

Grafisk manual - Kulturcentrum, Kulturskolan, Folkbiblioteket och Konsthallen Grafisk manual - Kulturcentrum, Kulturskolan, Folkbiblioteket och Konsthallen Logotype Kulturcentrum Logotypen är ett återbruk. Min första tanke och det jag kommer ihåg från föregångaren Äntligen! är utropstecknet.

Läs mer

AGENDA WINDOWS PRESENTATION FOUNDATION LEKTION 2. Mer om Kontroller. Mer om Paneler Grid Stack Panel Wrap Panel Dock Panel

AGENDA WINDOWS PRESENTATION FOUNDATION LEKTION 2. Mer om Kontroller. Mer om Paneler Grid Stack Panel Wrap Panel Dock Panel WINDOWS PRESENTATION FOUNDATION LEKTION 2 Mahmud Al Hakim mahmud@alhakim.se www.alhakim.se COPYRIGHT 2015 MAHMUD AL HAKIM WWW.WEBACADEMY.SE 1 AGENDA Mer om Paneler Grid Stack Panel Wrap Panel Dock Panel

Läs mer

Näringslivsprogram 2020 bästa näringslivsklimatet

Näringslivsprogram 2020 bästa näringslivsklimatet Näringslivsprogram 2020 bästa näringslivsklimatet En del av utvecklingsstrategin Vellinge.se 2015-01-09 2 (21) Innehåll SAMMANFATTNING... 3 INLEDNING... 4 NULÄGESANALYS... 5 Näringslivet... 5 Företagens

Läs mer

Dagens pass. Lgr, Lpo??? Lgr 11 Läroplanens innehåll och struktur

Dagens pass. Lgr, Lpo??? Lgr 11 Läroplanens innehåll och struktur Dagens pass Lgr 11 Läroplanens innehåll och struktur Annika Mindedal 150902 1. Lgr 11 - struktur och innehåll, ca 70 inkl. bensträckare (i lokalen) 2. Kursplanen i svenska ämnesfilmen, 18 Mer om kursplaner

Läs mer

IKT - Plan. Centralskolan

IKT - Plan. Centralskolan IKT - Plan Centralskolan Kapitel 1 Vision och mål Om skolan Centralskolan är belägen i centrala Märsta. Skolan är en av de äldsta i kommunen och ska vid årsskiftet 2017-2018 flytta in i nybyggda lokaler.

Läs mer

De naturorienterande ämnena i Lgr11 Göteborg 2011-11-29

De naturorienterande ämnena i Lgr11 Göteborg 2011-11-29 De naturorienterande ämnena i Lgr11 Göteborg 2011-11-29 Den nya samlade läroplanen Skolans värdegrund och uppdrag Kursplaner Syfte Övergripande mål och riktlinjer Normer och värden Kunskaper Elevernas

Läs mer

On-line produktion TDDC61

On-line produktion TDDC61 On-line produktion TDDC61 Förra veckan Kursupplägg HTML FTP Validering Laboration 1. Deadlines Laborationer: 14/10 Lämna in efterhand ni blir färdiga Vi rättar inom 5 arbetsdagar Portfolio, tillfälle 1:

Läs mer

GRAFISK PROFIL FÖR KUNGÄLVS KOMMUN

GRAFISK PROFIL FÖR KUNGÄLVS KOMMUN GRAFISK PROFIL FÖR KUNGÄLVS KOMMUN GRAFISK PROFIL FÖR KUNGÄLVS KOMMUN SID 2 Varför en grafisk profil? Den grafiska profilen är en del av varumärket Kungälvs Kommun. Mot bakgrund av den varumärkesplattform

Läs mer

Krav på lösenordet? Inloggning i communityt Formulär för att registrera sig. ABFs community. Registrera dig som medlem i ABFs community

Krav på lösenordet? Inloggning i communityt Formulär för att registrera sig. ABFs community. Registrera dig som medlem i ABFs community Formulär för att registrera sig Registrera Registrera dig som medlem i Det är gratis att bli medlem i. För att registrera dig måste du fylla i formuläret nedan. Fält markerade med * är obligatoriska att

Läs mer

Elektronisk publicering TNMK30

Elektronisk publicering TNMK30 Elektronisk publicering TNMK30 Förra gången Usability & interaktionsdesign Projektintroduktion Bildbehandling. Byte av handledare Istället för Martin Johansson Annsofi Pettersson, annpe655@student.liu.se

Läs mer

Lorem ipsum dolor sit aut VISUELL PLATTFORM

Lorem ipsum dolor sit aut VISUELL PLATTFORM VISUELL PLATTFORM Det finns många som vill dela storyn om Skåne. Med denna visuella plattform vill vi göra det lite enklare och roligare att kommunicera kring Skåne. Vår vision är att sätta Skåne på världskartan

Läs mer

Grafiska regler för jubileumssymbolen

Grafiska regler för jubileumssymbolen Grafiska regler för jubileumssymbolen Landskrona gör vågen År 2013 fyller Landskrona stad 600 år. För att skapa så positiv uppmärksamhet som möjligt både kring staden och själva jubileet har vi tagit fram

Läs mer

Valutec Grafisk manual. Grafisk manual

Valutec Grafisk manual. Grafisk manual Grafisk manual 1 INNEHÅLLSFÖRTECKNING Logotyp...3 Färger...5 Typografi...6 Brevpapper...7 Mailsignatur...8 Fax...9 Kuvert...10 Powerpoint... 11 Varseljackor...12 2 LOGOTYP Grundversioner Version 1 är den

Läs mer

Som man sår får man skörda...

Som man sår får man skörda... Som man sår får man skörda... Grafiska anvisningar för Raps Egen identitet i den stora floran En upp till 1,5 meter hög ört med blågröna blad och gula blommor i toppställda klasar. Brassica napus, om man

Läs mer

Föreläsning 4. CSS Stilmallar för webben

Föreläsning 4. CSS Stilmallar för webben Föreläsning 4 CSS Stilmallar för webben Innehåll 1. CSS, vad är det? 2. Repetition av HTML-element 3. CSS, hur, var, när? 4. CSS & arv? CSS Cascading Style Sheet Same, same, but different Samma innehåll

Läs mer

EXPO XTRA MARKNADSFÖRINGSYTOR OCH REKLAMPLATSER PÅ KISTAMÄSSAN

EXPO XTRA MARKNADSFÖRINGSYTOR OCH REKLAMPLATSER PÅ KISTAMÄSSAN 7-9 FEBRUARI 2017 EXPO XTRA MARKNADSFÖRINGSYTOR OCH REKLAMPLATSER PÅ KISTAMÄSSAN KISTAMÄSSAN - MÖJLIGHETERNAS ARENA På Kistamässan anstränger vi oss för att skapa bästa möjliga förutsättningar för det

Läs mer

Webbteknik för ingenjörer

Webbteknik för ingenjörer Institutionen för 2015-01-22 Tillämpad fysik och elektronik Karin Fahlquist Webbteknik för ingenjörer HTML5 & CSS laboration Målsättning Att skapa en webbplats utifrån en Lo-fi prototyp och implementera

Läs mer

Landstinget Kronobergs grafiska profil

Landstinget Kronobergs grafiska profil Landstinget Kronobergs grafiska profil 1 2 Bilden av Landstinget Kronoberg Syftet med den grafiska profilen är att stärka vårt varumärke. Det ska inte vara något tvivel om vem som är avsändare och Landstinget

Läs mer

Unga Aktiesparares varumärke

Unga Aktiesparares varumärke VARUMÄRKE Varumärke 1:1 Unga Aktiesparares varumärke Unga Aktiesparares varumärke är företagets signatur och igenkänningstecken. Därför är det väldigt viktigt att det används på ett riktigt sätt. Varumärket

Läs mer

Grafisk profil RIKTLINJER OCH STÖD I VÅRT KOMMUNIKATIONSARBETE. osthammar.se

Grafisk profil RIKTLINJER OCH STÖD I VÅRT KOMMUNIKATIONSARBETE. osthammar.se Grafisk profil RIKTLINJER OCH STÖD I VÅRT KOMMUNIKATIONSARBETE Tillsammans förmedlar vi bilden av Östhammars kommun Vårt varumärke Den bild vi förmedlar av oss själva är betydelsefull idag kanske mer än

Läs mer

Västervik Framåt. Grafisk profil 1.0

Västervik Framåt. Grafisk profil 1.0 Västervik Framåt Grafisk profil 1.0 Logotype: Västervik Framåt Logotypen består av ordbilden Västervik Framåt där V och A tillsammans bildar två pilar som pekar mot varandra. Pilarna symboliserar kärnkompetens

Läs mer

F02 HTML. Föreläsning 2, HT2013 HTML. Kurser: Klientbaserad Webbutveckling 1DV435. Johan Leitet

F02 HTML. Föreläsning 2, HT2013 HTML. Kurser: Klientbaserad Webbutveckling 1DV435. Johan Leitet Föreläsning 2, HT2013 HTML F02 HTML Kurser: Klientbaserad Webbutveckling 1DV435 Johan Leitet F02 HTML Dagens agenda doctype taggar, element, attribut, värden teckenkodning HTML/XHTML

Läs mer

Uppdaterad i november 2012. Grafisk manual

Uppdaterad i november 2012. Grafisk manual Uppdaterad i november 2012 Grafisk manual Innehåll 03 Avstamp 04 Logotyp 06 Kommunvapnet 07 Färger 08 Bildspråk 09 Särprofilering 10 Typografi 11 Kontorstryck 13 Faktablad 14 PowerPoint 15 Informationsmaterial

Läs mer

Receptfria Läkemedel Grafisk Manual

Receptfria Läkemedel Grafisk Manual Receptfria Läkemedel Grafisk Manual VERSION 2.0 FEBRUARI 2016 Förord Sedan 2009 kan man köpa utvalda receptfria läkemedel i dagligvaruhandeln. Denna ökade tillgänglighet är naturligtvis en stor fördel

Läs mer

Vår grafiska profil en viktig del i hur vi uppfattas.

Vår grafiska profil en viktig del i hur vi uppfattas. 1 2 Vår grafiska profil en viktig del i hur vi uppfattas. Vår framtoning är egentligen inte bara en grafisk fråga. Det är främst resultatet av det dagliga och konsekventa arbete som vi alla lägger ned

Läs mer

Elektronisk publicering TNMK30

Elektronisk publicering TNMK30 Elektronisk publicering TNMK30 Förra gången Färger CSS - layout och styling Lite repetition (X)HTML och SEO Att separera innehåll från presentation. CSS, layoutproblem med float och boxar CSS, layoutproblem

Läs mer

Frågor och svar om vårdval/hälsoval

Frågor och svar om vårdval/hälsoval Frågor och svar om vårdval/hälsoval För att det ska vara lättare att förstå hur Hälsoval Kalmar län fungerar har vi här samlat vanliga frågor och svar. Är det något du ändå undrar över är du välkommen

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

BROMÖLLAKOMMUN VARUMÄRKET VARUMÄRKESMANUAL FÖR BROMÖLLA KOMMUN

BROMÖLLAKOMMUN VARUMÄRKET VARUMÄRKESMANUAL FÖR BROMÖLLA KOMMUN VARUMÄRKET BROMÖLLAKOMMUN VARUMÄRKESMANUAL FÖR BROMÖLLA KOMMUN VARFÖR VARUMÄRKE? Bromölla kommun har en bred och omfattande verksamhet. Därför är det viktigt att kommunens organisation enkelt känns igen

Läs mer

Grafiskt profilprogram för Rättviks kommun 2014-02-03 1 2014-02-03

Grafiskt profilprogram för Rättviks kommun 2014-02-03 1 2014-02-03 Grafiskt profilprogram för Rättviks kommun 1 2 Innehållsförteckning Kommunstyrelsens beslut och delegationsbeslut 4 Tydlighet, enhetlighet och trovärdighet Annette Riesbeck, kommunalråd 5 Logotyp och kommunvapen

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

LATEX-tips. Niklas Andersson och Malin Palö. Institutionen Matematiska vetenskaper vid Göteborgs universitet och Chalmers tekniska högskola

LATEX-tips. Niklas Andersson och Malin Palö. Institutionen Matematiska vetenskaper vid Göteborgs universitet och Chalmers tekniska högskola LATEX-tips En manual för matematikstudenter (version 2013) Niklas Andersson och Malin Palö Institutionen Matematiska vetenskaper vid Göteborgs universitet och Chalmers tekniska högskola c (2012 - ) Alla

Läs mer

Webbutveckling Laboration 1: HTML5 och CSS3.

Webbutveckling Laboration 1: HTML5 och CSS3. Institutionen för 2015-11-30 Tillämpad fysik och elektronik Karin Fahlquist Webbutveckling Laboration 1: HTML5 och CSS3. Målsättning Att skapa en webbplats genom att först skapa en Lo-fi prototyp och sedan

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

Receptfria Läkemedel Grafisk Manual

Receptfria Läkemedel Grafisk Manual Receptfria Läkemedel Grafisk Manual VERSION 2.0 NOVEMBER 2014 Förord Sedan 2009 kan man köpa utvalda receptfria läkemedel i dagligvaruhandeln. Denna ökade tillgänglighet är naturligtvis en stor fördel

Läs mer

KUNSKAP UTVECKLING MÖJLIGHETER

KUNSKAP UTVECKLING MÖJLIGHETER GRAFISK MANUAL INTRODUKTION GRAFISK MANUAL KUNSKAP UTVECKLING MÖJLIGHETER Det här är vår grafiska manual en beskrivning av hur Hälsinglands Utbildningsförbund ska se ut för att signalera de värden vi vill

Läs mer

HYLTE. Grafisk profil för Hylte kommun

HYLTE. Grafisk profil för Hylte kommun Grafisk profil för Hylte kommun Varför behöver vi en grafisk profil? Med ett starkt varumärke kan vi väcka känslor och förmedla värderingar som gör vår kommun unik och attraktiv. Det skapar ett positivt

Läs mer

Logotyp. Norra Skogsägarnas logotyp är den främsta identitetsbäraren för föreningen. Grundform. Logotypen finns i fyra varianter: Tillåtna varianter

Logotyp. Norra Skogsägarnas logotyp är den främsta identitetsbäraren för föreningen. Grundform. Logotypen finns i fyra varianter: Tillåtna varianter 2 Logotyp Logotyp Norra Skogsägarnas logotyp är den främsta identitetsbäraren för föreningen. Den här delen får inte förändras Symboldel Textdel Logosymbol i cmyk, ( 3-färger; 100 % cyan, 10 % magenta

Läs mer

TÄVLINGSKRITERIER INFÖR

TÄVLINGSKRITERIER INFÖR TÄVLINGSKRITERIER INFÖR Varje år genomför Ung Företagsamhet ett antal tävlingar där ditt UF-företag kan vara med och delta. De flesta tävlingarna avgörs i samband med den regionala UF-mässan Våga Vara

Läs mer

Labora&on 2 HTML och validering övningar/uppgi:er

Labora&on 2 HTML och validering övningar/uppgi:er Labora&on 2 HTML och validering övningar/uppgi:er 1M321 Webbteknik 1, 7,5hp Medieteknik 2016 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument Till övningarna i denna labora&on finns det

Läs mer

WWW.ME-FA.SE. Vi ger 12 års garanti mot genomrostning på alla modeller. MEFA har funnits sedan 1969 och naturligtvis är det inte utan stolthet som vi

WWW.ME-FA.SE. Vi ger 12 års garanti mot genomrostning på alla modeller. MEFA har funnits sedan 1969 och naturligtvis är det inte utan stolthet som vi MEFA har funnits sedan 1969 och naturligtvis är det inte utan stolthet som vi idag kan skryta med att vara ledande på marknaden och till och med störst i Norden. ME-FA designar och tillverkar postlådor

Läs mer

Repetition. Hypertext. Internet HTTP. Server och klient Text försedd med länkar till andra texter. Många sammankopplade nät

Repetition. Hypertext. Internet HTTP. Server och klient Text försedd med länkar till andra texter. Många sammankopplade nät Repetition Internet Hypertext Server och klient Föreläsning 2 HTTP HTML Internet Hypertext Många sammankopplade nät Text försedd med länkar till andra texter Gemensamma adresser T ex 10.10.0.1 Gemensamma

Läs mer

Ärende 10. Struktur för Karlskoga kommuns styrdokument

Ärende 10. Struktur för Karlskoga kommuns styrdokument Ärende 10 Struktur för Karlskoga kommuns styrdokument Tjänsteskrivelse 2013-05-15 KS 2012.0294 Handläggare: Anette Jonson Kommunstyrelsen Struktur för Karlskoga kommuns styrdokument Sammanfattning Idag

Läs mer

Webbprogrammering, grundkurs 725G54

Webbprogrammering, grundkurs 725G54 Webbprogrammering, grundkurs 725G54 Återblick Foreign key Normalisering Javascript XML AJAX Mash-up API för webbprogrammering Google Maps API. Idag Projekt Idag Idag Projekt Adobe Flash Idag Projekt Adobe

Läs mer

TNMK30 - Elektronisk publicering

TNMK30 - Elektronisk publicering Webben TNMK30 - Elektronisk publicering Vad är internet? Vad är internet? Vad är internet? Internet: sammankoppling av datornätverk. Används för bl.a. epost, chat, filöverföring, webbsidor. Kommunikation

Läs mer

Hur ser vårt. framtida Piteå ut? PLANSTRATEGI I N G S H A N D L U T S TÄ L L N I N G. Översiktsplan för Piteå. Översiktsplan för Piteå.

Hur ser vårt. framtida Piteå ut? PLANSTRATEGI I N G S H A N D L U T S TÄ L L N I N G. Översiktsplan för Piteå. Översiktsplan för Piteå. U T S TÄ L L N Hur ser vårt framtida Piteå ut? I N G S H A N D L Översiktsplan för Piteå I N G Förslag till PLANSTRATEGI Utställningshandling Översiktsplan för Piteå Där denna symbol förekommer finns mer

Läs mer

Avancerade Webbteknologier

Avancerade Webbteknologier Projektledning, Business Knowledge Användbarhet & Layout Avancerade Webbteknologier Lkti Lektion 1 Kommunikation Tobias Landén tobias.landen@chas.se Avancerade webbteknologier del 1 (4 KY poäng) Syfte

Läs mer

F10 Mer CSS Dagens agenda

F10 Mer CSS Dagens agenda F10 Mer CSS Dagens agenda Stila formulär CSS-genererat innehåll Mediatyper Utskrift Negativa marginaler Sprites Gridbaserade layouter Ramverk Formulär Prydliga formulär #cform { width: 500px;} #cform

Läs mer

Grafisk manual. För verksamheter som använder pilträd med förvaltningsnamn inom Region Skåne. Manualen gäller från och med januari 2005.

Grafisk manual. För verksamheter som använder pilträd med förvaltningsnamn inom Region Skåne. Manualen gäller från och med januari 2005. Grafisk manual För verksamheter som använder pilträd med förvaltningsnamn inom Region Skåne. Manualen gäller från och med januari 2005. Innehåll Region Skåne värt att vårda 3 Vår koncernlogotyp 4 Pilträd

Läs mer

Grafisk manual för Karlskoga kommun

Grafisk manual för Karlskoga kommun Grafisk manual för Karlskoga kommun Grafisk manual för Grafisk Karlskoga manual kommun för Karlskoga Innehåll kommun 2 Därför har vi en grafisk profil Karlskoga kommuns grafiska profil är en del av vårt

Läs mer

Förkunskaper: Tim Berners Lees vision webbläsarkriget W3C strukturtagg

layout-tagg

Förkunskaper: Tim Berners Lees vision webbläsarkriget W3C strukturtagg <h1> layout-tagg <font size=6> CSS { } Anne Diedrichs Medieteknik Södertörns Högskola Förkunskaper: Tim Berners Lees vision webbläsarkriget W3C strukturtagg layout-tagg Kurslitteratur: Niederst Robbins, Learning

Läs mer

Programmeringteknik. Planering 2014-05-12 MÅL LABB: MOMENT LAB4 HTML - EXEMPEL HTML. Webbdelen

Programmeringteknik. Planering 2014-05-12 MÅL LABB: MOMENT LAB4 HTML - EXEMPEL HTML. Webbdelen MÅL Programmeringteknik Webbdelen Efter webbmomentet ska du: kunna använda ett tiotal kommandon i: HTML (göra webbsidor) CSS (webbsidans utseende) Javascript (programmering - klienten) PHP (programmering

Läs mer

Grafisk manual REGIONALA CANCERCENTRUM. Juni, 2017

Grafisk manual REGIONALA CANCERCENTRUM. Juni, 2017 Grafisk manual REGIONALA CANCERCENTRUM Juni, 2017 1 Vår logotyp Logotypen är vår gemensamma främsta identitetsbärare och avsändarsymbol. Den bidrar till att ge oss legitimitet och fungerar som garant för

Läs mer

GRÄNSÄLVSGYMNASIET. Samhällskunskap 1b. Vårterminen Baksidan av media. En studie om bullar och bakverk i tidningen.

GRÄNSÄLVSGYMNASIET. Samhällskunskap 1b. Vårterminen Baksidan av media. En studie om bullar och bakverk i tidningen. GRÄNSÄLVSGYMNASIET Samhällskunskap 1b Vårterminen 2014 Baksidan av media En studie om bullar och bakverk i tidningen Ram Streamingsson Inledning! 1 Syfte och frågeställning! 1 Metod! 1 Källkritik! 1 Bakverkens

Läs mer

För att skriva CSS-kod använder man sig av olika kommandon. Ett exempel på hur man kan skriva kod för att ändra textfärg kan vara:

För att skriva CSS-kod använder man sig av olika kommandon. Ett exempel på hur man kan skriva kod för att ändra textfärg kan vara: Hemsida CSS Introduktion till Cascading Style Sheets (CSS) Detta är en mycket kort genomgång av CSS med exempel på hur sådan kod ska läsas och hur den kan användas på IdrottOnline-sidor. Är man ute efter

Läs mer

ITK:P2 F1. Hemsidor med HTML HTML. FTP, HTTP, HTML, XML och XHTML

ITK:P2 F1. Hemsidor med HTML HTML. FTP, HTTP, HTML, XML och XHTML ITK:P2 F1 FTP, HTTP, HTML, XML och XHTML DSV Peter Mozelius 1 Hemsidor med HTML Hur många av er har provat på att bygga en egen hemsida med HTML eller XHTML? För hand eller med hjälpverktyg? Har ni lagt

Läs mer

Kursplanering Utveckling av webbapplikationer

Kursplanering Utveckling av webbapplikationer Kursplanering Utveckling av webbapplikationer Fakta Ämne Programmering Poäng 40 Yh-poäng Kurskod YSYS-WEB Klass Systemutvecklare.NET Syfte och koppling till yrkesrollen För att kunna arbeta som systemutvecklare

Läs mer

Att styla webbsidor. Nivå. Uppgiften

Att styla webbsidor. Nivå. Uppgiften Nivå 2 Att styla webbsidor 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/ccwreg to register your club.

Läs mer

Webbprogrammering. Sahand Sadjadee

Webbprogrammering. Sahand Sadjadee Webbprogrammering Sahand Sadjadee Agenda Webb The World Wide Web (WWW) is a network of online content that is formatted in HTML and accessed via HTTP. The term refers to all the interlinked HTML pages

Läs mer

Del 1 och 2 HTML/CSS. Webbutveckling Laboration 1 Nicklas Bostedt 850906-8550

Del 1 och 2 HTML/CSS. Webbutveckling Laboration 1 Nicklas Bostedt 850906-8550 Del 1 och 2 HTML/CSS Vi har fått i uppgift att göra en hemsida av eget val! Jag har bestämt mig för att skapa en hemsida åt en påhittad restaurang här i Umeå som inriktar sig på exklusiv nyttig mat och

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

Evaluation Summary - CT3380 Grundäggande webbdesign HT06 Dan Levin

Evaluation Summary - CT3380 Grundäggande webbdesign HT06 Dan Levin Evaluation Summary - CT8 Grundäggande webbdesign HT6 Dan Levin Antal kursutvärderingar: Q. Anser du dig ha tillräckligt med förkunskaper för att klara kursen? (=JA =NEJ) Q. a Kurslitteratur? 6 Medel:,6

Läs mer

Innehåll. Vår logotyp. Våra färger. Våra typsnitt. Grafiskt element. Bilder och illustrationer. Tonalitet i text. Pappersval. Korrespondensmaterial

Innehåll. Vår logotyp. Våra färger. Våra typsnitt. Grafiskt element. Bilder och illustrationer. Tonalitet i text. Pappersval. Korrespondensmaterial Vår logotyp Våra färger Våra typsnitt Grafiskt element Bilder och illustrationer Tonalitet i text Pappersval Innehåll Korrespondensmaterial Trycksaker och annonser Dokumentmallar PowerPoint Diagram och

Läs mer

Riktlinjer för vår visuella identitet

Riktlinjer för vår visuella identitet Riktlinjer för vår visuella identitet Innehåll Vår visuella identitet... 3 Symbolen... 4 Logotypen... 5 färgvarianter... 6 Våra huvudfärger... 7 Kompletterande färgtoner... 8 Typografi... 9 Exempelsamling

Läs mer