Copyright Mahmud Al Hakim, Copyright Mahmud Al Hakim, 2014 NÅGRA EXEMPEL
|
|
|
- Mats Jonsson
- för 8 år sedan
- Visningar:
Transkript
1 CSS CASCADING STYLE SHEETS GRUNDKURS Introduktion till stilmallar, CSS CSS står för Cascading Style Sheets CSS är ett språk som används för att få bättre kontroll över utseendet (formatering och layout) på webbsidor. CSS används tillsammans med HTML för att definiera hur innehållet ska presenteras! CSS 1 (1996) Copyright Mahmud Al Hakim CSS 2 (1998) CSS 2.1 (2011) mahmud@dynamicos.se CSS 3 (Start Under utveckling) Källa: 2 Varför CSS? CSS är en samling formateringsregler som styr utseendet på en eller flera webbsidor. Med CSS skiljer man mellan innehåll/struktur och utseende/presentation. CSS Med CSS får du bättre kontroll över layout, teckensnitt, färg, bakgrund och mycket mer! Man får renare HTML-dokument som är lättare att felsöka och är oftast tillgängliga/sökmotorvänliga! HTML HTML HTML HTML Källa: TVÅ OLIKA OCH HELST SEPARATA SKIKT HTML Struktur (Rubrik. Stycke. Lista, Tabell m.m). Innehåll (text). CSS Presentation (Formatera text, rubriker, länkar. Kantlinjer. Marginaler m.m.) Utseende (Layout. Menyer. Bakgrundsbilder m.m.) Kom ihåg! I HTML koncentrerar du dig på att strukturera innehållet (semantik). I CSS arbetar du med presentation och utseende. 5 NÅGRA EXEMPEL CSS Zen Garden är en välkänd och inflytelserik webbplats vars syfte är att visa upp vad man kan åstadkomma inom webbdesign med CSS. Den skapades av webbdesignern Dave Shea 2001 och målet är att inspirera och uppmuntra användandet av webbstandarder med vackra och avancerade exempel. 6 1
2 HTML Innehåll CSS Utseende Webbsida CSS baserad design Skapa en CSS-Regel Deklaration Regel Väljare (Selektor) { Egenskap: värde; Egenskap: värde;... 7 Använd semikolon ; för att separera flera egenskaper! 8 Skapa en CSS-Regel Exempel En CSS-Regel Deklaration body { color:red; Väljare (Selektor) Koppla HTML och CSS Metod 1: Intern CSS Kallas även Inbäddad format eller Rubrikformat Skriv CSS-reglerna i dokumenthuvudet i taggen <style> <!doctype html> <html> <head> <title>css</title> <style type="text/css"> color:red; </style> </head> Egenskap Värde 9 <body> Lite text i kroppen. </body> </html> 10 Koppla HTML och CSS Metod 2: Extern CSS Skriv CSS-reglerna i en separat CSS-fil (t.ex. style.css) Länka till CSS-filen med hjälp av en taggen <link> index.html style.css <!doctype html> <html> <head> <title>hemsida med CSS</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> Lite text och annat smått och gott! </body> </html> body{ color:red; 11 Koppla HTML och CSS Metod 3: Inline CSS Kallas även Inbyggda eller Infogade CSS Inline CSS innebär att man skriver CSS-egenskaper direkt i HTML-taggar med hjälp av attributet style. Exempel <p style="color:blue;"> Blå text och lite annat smått och gott. </p> OBS! Grundtanken är att separera innehåll från utseende därför bör man använda denna teknik i undantagsfall! 12 2
3 /* Kommentarer i CSS */ Kommentarer i CSS anges mellan /* och */ /* En kommentar kan placeras var som helst i koden vilket gör det lättare att senare förstå vad som var tanken bakom en viss kod. Du kan även använda en kommentar för att bortkommentera kod! */ 13 Teckensnitt och textformatering Egenskapen font-family ändrar standard teckensnitt. font-size sätter teckenstorlek. Storleken anges i följande enheter: px : pixlar (bildskärmsupplösning) pt : punkter (1 pt = 1/72 tum) in : tum (inch) cm : centimeter mm : millimeter pc : pica (1 pc =12 punkter) % : Procent (relativ till andra element) em : Relativ storlek. Ex. Om webbläsaren standard-teckenstorlek är 16px då blir 1em = 16px, 2em = 2x16 = 32px, 1,5em=? (Räkna ut själv!) Egenskapen color sätter teckenfärg. Här kan du ange färgnamn, hexnummer eller RGB-värde. Med egenskaper font-style kan du ange kursivstil. Med egenskaper font-weight kan du ange fetstil. Med egenskaper font-variant kan du ange SMALL-CAPS (KAPITÄLER). 14 CSS Web Safe Fonts Olika familjer! Serif Fonts Georgia, serif "Palatino Linotype", "Book Antiqua", Palatino, serif "Times New Roman", Times, serif Sans-Serif Fonts Arial, Helvetica, sans-serif Arial Black, Gadget, sans-serif "Comic Sans MS", cursive, sans-serif Impact, Charcoal, sans-serif "Lucida Sans Unicode", "Lucida Grande", sans-serif Tahoma, Geneva, sans-serif "Trebuchet MS", Helvetica, sans-serif Verdana, Geneva, sans-serif Monospace Fonts "Courier New", Courier, monospace "Lucida Console", Monaco, monospace 15 Textformatering - Exempel p{ font-family:verdana, Geneva, sans-serif; font-size:10px; font-style:italic; color:green; Kom ihåg! Det är lättare att läsa sans-serif på en datorskärm. Tips: Seriffer T T T.1 sans-serif Serif monospace 16 Läs mer: Formatera rubriker h1{ font-family:arial, Helvetica, sans-serif; font-size:18px; color:blue; h2{ font-family:arial, Helvetica, sans-serif; font-size:16px; color:blue; 17 Gruppering (Kombinera selektorer) Gruppering innebär att man använder samma regel (deklaration) till flera olika taggar h1,h2{ font-family:arial, Helvetica, sans-serif; color:blue; h1{ font-size:18px; h2{ font-size:16px; 18 3
4 Textjustering Justera text med egenskapen text-align body{ h1{ h2{ p{ text-align:center; /* centrerar allt */ text-align:right; /* högerjusterar alla huvudrubriker */ text-align:left; /* Vänsterjustera! */ text-align:justify; /* marginaljusterar alla stycken */ 19 Styckeformatering Word-spacing Anger ordmellanrum dvs. avstånd mellan orden. Letter-spacing Ökar eller minskar avståndet mellan bokstäver eller tecken. Text-indent Anger ett indrag på styckets första rad. Line-height Anger radhöjden. Sätter du ett större värde än normal på ett stycke blir det större mellanrum mellan textraderna. 20 Förkortade font-egenskaper The font shorthand property Med hjälp av egenskapen font kan du ange värden för flera egenskaper i en enda rad. Följande värden kan ställas (i ordning) font-style font-variant font-weight font-size/line-height font-family font-size och font-family är obligatoriska! Bakgrundsfärger Egenskapen background-color ändrar bakgrundsfärgen. body{ background-color:gold; h1{ background-color:white; Exempel p{ font:italic bold 0.75em/1.5em Georgia,serif; 21 p{ background-color:silver; 22 CSS Övningar Skapa en enkel hemsida med en huvudrubrik (h1) och ett stycke (p). Ändra sidans bakgrundsfärg (valfri färg). Formatera rubriken med Arial, 1.5em och valfri teckenfärg. Centrera rubriken. Formatera stycket med Verdana, 0.75em och valfri teckenfärg. 23 Arv Arv är en viktig princip i CSS Ett "barn-element" är ett element (en tagg) som skrivs inuti ett annat element. Barn ärver förälderns egenskaper. Exempel <html> color:green; p {font-family:verdana; Här ärver p egenskapen color från body <head> <body> <p> 24 4
5 Arvselektorer Arvselektorer används för att välja element som är avkomlingar till andra element. Exempel: a {color:#000; li a {text-decoration: none; Vad betyder Cascading? Cascading (kaskaden eller kaskadkoppling) innebär att stilmallar kan överlappa varandra! Ibland kan flera egenskaper säga emot varandra. För att lösa detta behöver webbläsaren följa en Kaskadordning (Prioritetsordning) som anger i vilken ordning olika egenskaper ska gälla. Här sätts färgen (svart) på alla länkar och sedan tas understrykningen bort enbart från länkar inuti listelement. 25 Kom ihåg! CSS har stöd för Överlappande regler! 26 Olika typer av stilmallar Webbläsarmallar Webbläsarens standardmallar t.ex. Teckenstorlek i de flesta webbläsare är 16px. Användarmallar En användare som besöker webbplatsen kan skapa egna stilmallar d.v.s. ändra webbläsarens standardmallar. Författarmallar Dessa är webbdesigners mallar och kallas för huvudmallar! Dessa kan placeras i Separata CSS-filer. Taggen style i head. Attributet style inuti en tagg. 27 KASKADORDNING Webbläsarmallar (Standardmallar) Användarmallar OBS! Länken (link-taggen) till externa mallar som placeras nedanför interna mallar (styletaggen) har högre prioritet. Externa Mallar Separata CSS-filer Webbläsaren läser in ett HTMLdokument uppifrån och ned! Regler som läses in sist gäller före regler som läses in före! Tips! Kaskaden betyder vattenfall Högst prioritet Interna Mallar (Taggen Style i head) Författarmallar (Huvudmallar) Inline-Mallar (Attributet Style inuti en tagg) 28 INSPEKTERA ARV OCH KASKADEN I FIREFOX MED HJÄLP AV FIREBUG. CSS klasser Du kan dela in dina regler i olika klasser. Detta underlättar strukturering av webbsidan. Med klasser specificerar man en regel som kan återanvändas. En klass kan användas i valfritt HTML-element. Klasser ger möjlighet att skapa ett enhetligt utseende! Använd CSS klasser om du t.ex. vill att olika stycken skall se olika ut!
6 Skapa en klass Observera punkten... <style>.centrera { text-align: center; </style> </head> Övning Skapa ett HTML-dokument som innehåller 3 stycken (3 p-taggar)! Skapa en CSS-klass som ändrar teckensnitt och formaterar text med kursivstil. Namnge klassen som ingress. Koppla klassen till det första stycket i dokumentet! Här används klassen <body> <p class="centrera">centrerad text</p> </body> OBS! Klassnamn får inte påbörjas med en siffra Google web fonts Google web fonts är en gratis tjänst som erbjuder ickestandard typsnitt som webbdesigners kan enkelt använda på webbsidor. FÖRHANDSGRANSKA FONTER Du kan förhandsgranska ett ord, en mening eller ett stycke. Du kan ange eget text Steg 1: Choose Välj en eller flera fonter genom att klicka på knappen Add to Collection Steg 1: Review Klicka på knappen Review för att gå igenom dina valda fonter!
7 Steg 3: Use Klicka på knappen Use för hämta koderna! Kopiera link-taggen och klistra in i HTMLdokumentets huvud (head-taggen) Tips: Skuggeffekt i CSS 3 Egenskapen text-shadow lägger till skugga. OBS! Stöds inte i IE9 och tidigare versioner! Exempel h1{ font-family: 'Tangerine', serif; font-size: 48px; text-shadow: 4px 4px 4px #aaa; Använd CSS-egenskapen font-family för att välja en font t.ex. font-family: 'Crafty Girls', cursive; 37 Tips! Boxmodellen - Introduktion Boxmodellen är en av de viktigaste grundbegreppen i CSS. Boxmodellen används för att bl.a. ange bredd, höjd, utfyllnad (padding), kantlinjer (border) och marginaler på HTML-element. Alla CSS-baserade webbsidor består av ett antal boxar! TIPS Dra i reglaget 40 Margin och Padding Margin anger marginaler d.v.s. avståndet mellan kanten på ett element och ett annat element. Padding anger utfyllnaden d.v.s. avståndet mellan innehållet i ett element och elementets kant. MARGIN EXEMPEL 1 41 margin:100px; anger 100 pixlar på topp-, höger-, botten- och vänster-marginaler! Alltså samma som margin-top: 100px; margin-right: 100px; margin-bottom: 100px; margin-left: 100px; 42 7
8 MARGIN EXEMPEL 2 Tips! margin:100px 200px; anger 100 pixlar på topp och botten marginaler. Och 200 pixlar på höger och vänster marginaler! Alltså samma som margin-top: 100px; margin-right: 200px; margin-bottom: 100px; margin-left: 200px; Ett sätt att centrera ett block Automatiska marginaler till höger och vänster och en fast bredd centerar ett block. Exempel.container{ width: 960px; margin: 0 auto; Padding - Exempel padding:50px; Anger 50 pixlar på topp-, höger-, botten- och vänster-padding. top bottom right left Kortformer för margin och padding padding:10px 20px 30px 40px; margin: 10px 20px 30px 40px; Anger 10 pixlar topp, 20 pixlar höger, 30 pixlar botten och 40 pixlar vänster margin/padding. padding:20px 10px; Anger 20 pixlar på topp- och botten-padding och 10 pixlar på höger- och vänster-padding! KANTLINJER border-width border-style OLIKA STILAR PÅ KANTLINJERNA I CSS SNYGGT :-) border-color border: 1px solid #
9 KANTLINJER - FLERA EXEMPEL BOXMODELLEN - EXEMPEL Tips: Tips! Undersök Boxmodellen i Firebug 1. Starta Firefox 2. Starta Firebug KANTLINJER RUNT BILDER 3. Klicka på fliken Layout Kantlinjer runt bilder - Exempel.solidkant { border: 1px solid #ccc; <img class="solidkant" src="bild.jpg"> CSS TABELLER FORMATERA KANTLINJER I TABELLER border-width border-style border-color border: 1px dashed #
10 Bakgrundsbilder background-repeat anger hur bakgrundsbilden ska visas på sidan. Standardinställningen är upprepning (repeat) alltså bilden upprepas sida vid sida och över och under. Värdet no-repeat visar bakgrundsbilden en gång. repeat-x upprepar bakgrundsbilden i horisontell ledd. repeat-y upprepar bakgrundsbilden i vertikal ledd. 55 Egenskapen background-position (x,y) y background-position anger placeringen av bakgrundsbilden Exempel: background-position: right bottom x y Övning centrera bakgrundsbilden Bakgrundsbilden visas längst ner till höger 56 x Egenskapen background-repeat background-image: url(images/bg.jpg); background-repeat: repeat; background-image: url(images/bg.jpg); background-repeat: no-repeat; Egenskapen background-attachment background-attachment anger om bakgrundsbilden ska ha en fast placering (fixed) eller rullas med innehållet (scroll). background-image: url(images/bg.jpg); background-repeat: repeat-y; background-image: url(images/bg.jpg); background-repeat: repeat-x; Block- och Rad-element (Inline-element) Blockelement visas normalt som textblock med radbrytningar och marginaler före och efter, tex. Rubriker, stycken och citatblock. Radelement (inline) visas inte som block. Innehållet visas i den aktuella raden och det visas inga radbrytningar och marginaler före och efter, tex. strong, em och a (länkar). Med hjälp av egenskapen display kan du ändra block till inline och vise versa, t.ex. a{ display:block; 59 CONTAINER-ELEMENT Div är ett blockelement. <div> är en container som upptar hela området som ska formateras med CSS. div{ <div> background-color: gold <div>en div Span är ett inline-element. <span> är en container som bara formaterar ett område lika stort som innehållet. span{ <span> background-color: gold <span>en span</span> 60 10
11 BOXMODELLEN SKAPA BOXAR MED DIV-TAGGAR Id-regler # betyder Id-Regel (Id-väljare/ Id-selektor) Attributet id används för att koppla Id-regler används oftast för att bygga CSSbaserade menyer och sidlayouter. Id-regler får inte återanvändas! Id används för endast ett HTMLelement. #logo { font-family:georgia; font-size:26px; color:#cc3300; <div id="logo">logotyp CSS Listor Punktlistor <ul> och Numrerade listor <ol> kan formateras med CSS. Egenskapen list-style-type anger listelements format (punkter eller siffror). De flesta typerna är identiska med attributet type i HTML! Egna bilder i punktade listor Med egenskapen list-style-image kan du ange en anpassad bild för alla punkter. list-style-type:none tar bort punkarna Vertikala CSS menyer En navigeringsmeny i CSS består av två delar: 1. En punktlista med länkar till andra sidor på webbplatsen. 2. En CSS formatmall som formaterar alla element i listan t.ex. ul och a. Att skapa en vertikal CSS-meny Steg 1 Skapa en UL-lista i HTML-dokumentet. Markera ul-taggen med ett ID-attribut tex. <ul id="navigation"> Tips! Nummertecknet (#) används för att aktivera tomma länkar i webbläsaren!
12 Att skapa en vertikal CSS-meny Steg 2 Förberedd CSS-kod med selektorerna för formatering av alla element i listan. Identifieraren #navigation används för att vara säker på att formatera just denna specifika lista och inta alla listor och länkar i dokumentet! ul#navigation { ul#navigation a { ul#navigation a:hover { 67 Att skapa en vertikal CSS-meny Steg 3 Formatera UL-taggen. Här behöver vi nollställa marginaler och ta bort punkarna med egenskapen list-style-type ul#navigation { margin:0; padding:0; list-style-type:none; 68 Att skapa en vertikal CSS-meny Steg 4 Formatera A-taggen! <a> är ett inline-element dvs. formaterar ett område lika stort som innehållet. För att ändra till blocknivå använder vi display:block; Ta bort understrykning med text-decoration:none; Ändra teckenfärg, bakgrundsfärg, bredd, padding och kantlinjer! ul#navigation a{ display:block; text-decoration:none; color:#fff; background-color:#036; width: 100px; padding:10px; border-bottom: 1px solid #fff; 69 Att skapa en vertikal CSS-meny Steg 5 Lägg till en överrullning (Hover-effekt) Använd a:hover för att ändra utseendet på länkar när musmarkören förs över dem. Här räcker det att ändra teckenfärg och bakgrundsfärg. ul#navigation a:hover { color: #000; background: #69C; 70 TIPS! LISTAMATIC Flytande element (float) Egenskapen float anger om ett visst element ska ligga till vänster eller till höger i förhållande till andra element
13 Rensa flytande element (clear) Egenskapen clear rensar flytande element d.v.s förhindrar element att flyttas till vänster eller till höger. CSS LAYOUTER Fast Bredd anges i pixlar Flytande Bredd anges i procent CSS Fast Layout - En kolumn, centrerad margin: 0; padding: 0; background: #CCC; /* Container är en behållare som omsluter alla element */.container { width: 800px; /* Fast bredd anges i pixlar */ margin: auto; /* Automatiska marginaler tillsammans med bredden centrerar layouten */ background: #FFF; /* Innehållet placeras i en div med klassen content */.content { padding: 10px; background: #FFF; <body> <div class="container"> <div class="content"> <h1>css Fast Layout</h1> <h2> En kolumn, centrerad</h2> <p>lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> </body> 75 CSS Flytande Layout - en kolumn margin: 0; padding: 0; background: #CCC;.container { width: 80%; /* Flytande bredd anges i procent */ margin: auto; /* Automatiska marginaler tillsammans med bredden centrerar layouten */ background: #FFF;.content { padding: 10px; background: #FFF; <body> <div class="container"> <div class="content"> <h1>css Flytande Layout</h1> <h2> En kolumn</h2> <p>lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> </body> 76 CSS Fast Layout - Två kolumner margin: 0; padding: 0; background: #CCC;.container { width: 800px; margin: auto; background: #FFF; Tips: FREE CSS TEMPLATES { width: 580px; float: left; padding: 10px; background: #FFF; min-height:300px;.sidebar { width: 180px; float: left; padding: 10px; background: #FFC; min-height:300px; <div class="container"> <div class="sidebar"> <h1>vänster</h1> <div class="content"> <h1>css Fast Layout</h1> <p>lorem ipsum dolor sit amet</p>
<Webbutvecklare lektion="02"> Kursledare: Mahmud Al Hakim
Kursledare: Mahmud Al Hakim Lektionstillfällets mål Introduktion till CSS CSS Regler och egenskaper Externa CSS-filer: Link-taggen Intern CSS: Style-taggen Inline CSS: Attributet
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
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.
CSS-övningar. 1. Grunder
CSS-övningar 1. Grunder CSS Testa stilmallar Klasser Elementen div och span Ärvda egenskaper Mer om typsnitt, marginaler och mått Textdekor Fristående CSS -fil Attributet style Prioritetsordning hos stilelement
Internet och WWW Laboration 3 VT10 Högskolan Dalarna Hans Rosendahl. Laboration 3 CSS del 2. 1 av 20
Laboration 3 CSS del 2 1 av 20 Vad kommer jag att lära mig på laboration 3? 1. Skriva en stilmall Boxegenskaper o border o margin o padding o width o float o clear Färger och bakgrundsbilder Positionering
12/9/2010 REGLER WEBBPRODUKTION WEBBDESIGN CASCADING STYLE SHEETS CSS LOKALA STILMALLAR GLOBALA STILMALLAR. Selektor. Deklaration
REGLER Selektor Deklaration Body { font-family:verdana WEBBPRODUKTION WEBBDESIGN CASCADING STYLE SHEETS CSS Ulrik Söderström Ulrik.soderstrom@tfe.umu.se h1,h2 { font-color:red; font-size:10pt; Egenskap
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
CSS-WORKSHOP. Nätverksträff för it-bibliotekarier, 7 mars 2013 Sara Britta Jadelius Trollhättans Stadsbibliotek
CSS-WORKSHOP Nätverksträff för it-bibliotekarier, 7 mars 2013 Sara Britta Jadelius Trollhättans Stadsbibliotek sarabritta.jadelius@trollhattan.se 0520-49 76 65 HTML strukturerar innehåll det här är
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
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
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
Styla och formatera text
Nivå 2 Styla och formatera text All Code Clubs must be registered. By registering your club we can measure our impact, and we can continue to provide free resources that help children learn to code. You
Övning 1 Vi börjar med en vanlig html-fil där html används för både innehåll och utseende:
Uppsala universitet Institutionen för utbildning, kultur och medier IKT A HT 2009 Monica Langerth Zetterman 2009-09-23 Testa stilmallar Övning 1 Vi börjar med en vanlig html-fil där html används för både
Gilla r d u d en h ä r g u id en? Vill d u a tt vi ska f o rtsä tta g ö ra f ler g u id er? - lä s mer h ä r»
Gilla r d u d en h ä r g u id en? Vill d u a tt vi ska f o rtsä tta g ö ra f ler g u id er? - lä s mer h ä r» skriv ut» C SS - gr unde r Infor mation om C S S CS S i exter n mall eller i dokumentet? A
07/12/2015. Stilmallar. - styra utseendet av webbplatsen DEL 1. Karin Fahlquist. index.html. iecept.html frukt.html grönsaker.html
Stilmallar - styra utseendet av webbplatsen DEL 1 Karin Fahlquist index.html iecept.html frukt.html grönsaker.html 1 Samma kod olika utseende Olika exempel om layout: http://www.csszengarden.com/ Utseende
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
Ö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
F07 Stilmallar Dagens agenda
F07 Stilmallar Dagens agenda CSS, Stilmallar Lokala, interna, externa Selektorer - Taggselektorer - Klasselektorer - ID-selektorer Egenskapsarv Pseudo-klasser och element Kombinatorer Specificitet Stilmallar
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
Internet & WWW Laboration 2 VT10 Högskolan Dalarna Hans Rosendahl. Laboration 2 CSS del 1. 1 av 8
Laboration 2 CSS del 1 1 av 8 Vad kommer jag att lära mig på laboration 2? Skriva en stilmall: o Skriva extern CSS-mall och länka den till XHTML-dokument o Skriva inbäddad CSS-mall i XHTML-dokument o Skriva
Xhtml och CSS.Tillämpad fysik och elektronik Per Kvarnbrink (redigering Ulf Holmgren 2011)
Laboration 1: Xhtml och CSS.Tillämpad fysik och elektronik Per Kvarnbrink (redigering Ulf Holmgren 2011) Målsättning Att prova på grundläggande html samt att separera innehåll och utseende. Slutresultatet
/*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:
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.
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
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
Labora&on 5 CSS och layout samt fråga E övningar/uppgi>er
Labora&on 5 CSS och layout samt fråga E övningar/uppgi>er 1M321 Webbteknik 1, 7,5hp Medieteknik 2017 Rune Körnefors rune.kornefors@lnu.se 1. Dokument i övningarna I denna labora&on finns inga filer ar
En introduktion till stilmallar (CSS) Cascading Style Sheets (CSS)? 2002 Ulf Tornert 1
En introduktion till Stilmallar eller Cascading Style Sheets (CSS) 1 Stilmallar en introduktion... 4 Vad är stilmallar?...4 Vad behöver du för att lära dig stilmallar?...4 Hur stilmallar integreras i en
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
Labora&on 4 CSS och validering samt fråga D övningar/uppgi?er
Labora&on 4 CSS och validering samt fråga D övningar/uppgi?er 1M321 Webbteknik 1, 7,5hp Medieteknik 2017 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument och skapa en mapp för U2 Till övningarna
Laboration 2. Webbproduktion En stiligare webbsida HT2015
Laboration 2 Webbproduktion Inledning Vi har hittills koncentrerat oss på att strukturera upp vår information på ett så semantiskt sätt som möjligt. Nu är det dags att ge ögat något vackert att vila på.
Laboration 2: Xhtml och CSS.
Laboration 2: Xhtml och CSS. Målsättning Att prova på grundläggande html samt att separera innehåll och utseende. Slutresultatet kommer att bli en webbplats med layout, bakgrundsbilder, minst en meny och
HTML och CSS. Eric Elfving Institutionen för datavetenskap. 18 augusti 2015
. HTML och CSS Eric Elfving Institutionen för datavetenskap 18 augusti 2015 Översikt 2/17 Introduktion HTML Syntax Vanliga element CSS Syntax Selektorer Kombinera HTML och CSS Webserver Introduktion 3/17
Adobe. Dreamweaver CS3. Grundkurs. www.databok.se
Adobe Dreamweaver CS3 Grundkurs www.databok.se Innehållsförteckning 1 Arbetsmiljön... 1 Användningsområde... 1 Starta Dreamweaver... 2 Arbeta i Dreamweaver... 2 Fönster... 3 Statusfältet... 4 Menyer...
Lektion 3 HTML, CSS och JavaScript
Lektion 3 HTML, CSS och JavaScript I den här lektionen behandlas HTML, CSS och JavaScript (JS). Det förutsätts att lektion 1 och 2 är gjord, eller att du har tillräckliga kunskaper i grundläggande HTML
Repetition. Hypertext. Internet HTTP. Server och klient Föreläsning 2. Text försedd med länkar till andra texter. Många sammankopplade nät
Repetition Föreläsning 2 Internet Hypertext Server och klient HTTP HTML Internet Många sammankopplade nät Gemensamma adresser T ex 10.10.0.1 Gemensamma protokoll Protokoll = regler och algoritmer för kommunikation
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
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.
HTML och CSS. Eric Elfving Institutionen för Datavetenskap (IDA)
HTML och CSS Eric Elfving Institutionen för Datavetenskap (IDA) Upplägg Introduktion Grundläggande HTML Ändra utseende med CSS 2 Introduktion HyperText Markup Language används för att strukturera text
CSS Cascading Style Sheets
CSS Cascading Style Sheets första bilden andra bilden tredje bilden
IGÅR. Internet, www, TCP/IP, IP-adress, DNS, URL. HTTP Request. HTTP Response (HTML & status code)
CSS Presentation IGÅR Internet, www, TCP/IP, IP-adress, DNS, URL client HTTP Request server HTTP Response (HTML & status code) HTML Innehåll och struktur via semantiska märkningar Block, inline element
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
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
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
Tillämpad fysik och elektronik Per Kvarnbrink m.fl. Laboration 2: HTML och CSS.
Laboration 2: HTML och CSS. Målsättning Att prova på grundläggande html samt att separera innehåll och utseende. Slutresultatet kommer att bli en enkel webbplats med layout, bakgrundsbilder, minst en meny
Ikon Menyalternativ Funktion och beskrivning Sök och ersätt text i arbetsfältet. Ramformatering
Innehåll Redigeringsverktyget... 3 Hantera bilder... 5 Infoga pdf-fil... 5 Lägg till mall... 6 Infoga YouTube-klipp... 6 Infoga länk... 7 Infoga tabell... 8 Kodupprensning... 10 CSS-klass... 10 Egna anteckningar:...
Lektion 2 Del 1 Kapitel 6
Lektion 2 Del 1 Kapitel 6 Inlärningsmål Att kunna kontrollera och styra webbsidors utseende med hjälp av CSS mallar Att med hjälp av CSS mallar kunna ge en hel website ett gemensamt utseende Att med hjälp
Introducerande övningar i HTML
Introducerande övningar i HTML En webbsida består av en textfil som innehåller sidans text och koder i språket HTML, för att formatera innehållet. Har man bilder på sidan, så finns de som separata filer
Lathund Bygga mallar. Senselogic AB Version 2.3
Lathund Bygga mallar Senselogic AB Version 2.3 Innehållsförteckning 1 Begrepp... 1 1.1 Innehållsyta... 1 1.2 Mallyta... 2 1.3 Layouter... 3 1.3.1 Fliken marginaler... 1.3.2 Fliken Inställningar... 1.3.3
WEBBUTVECKLING CSS. Formatmallar - CSS
betyder Cascading Style Sheets, vilket i svensk översättning blir ungefär formatmallar (inte riktigt, men nästan...). Anledningen till att man använder är att det är ett lätt sätt att skilja utseende och
Labora&on 6 CSS och responsiv webbdesign övningar/uppgi:er
Labora&on 6 CSS och responsiv webbdesign ö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
CSS. TNMK30 - Elektronisk publicering
CSS TNMK30 - Elektronisk publicering Dagens föreläsning CSS Layout med CSS Vad är CSS? Cascading Style Sheets (CSS), ett språk som beskriver hur HTML element ska se ut. Utseende Layout Presentation (HTML
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
Sidan kommer inte läggas upp någonstans utan du redovisar den för mig på något handledningstillfälle.
Lab1 - CV-sidan Du ska bygga en variant av en CV-sida i HTML och CSS. Sidan ska åtminstone innehålla en bild på dig, en klassisk tabell med utbildningar/erfarenheter, ditt favoritcitat, en eller flera
CSS Cascading Style Sheets första bilden andra bilden 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
Tabeller. Lektion 7. en tabellrubrikcell som centrerad och i fetstil.
Lektion 7 Tabeller Under denna lektion kommer du att få lära dig hur man bygger upp tabeller med HTML och hur man styr layout och utseende på en webbsida som innehåller tabeller. Enkla tabeller Av tradition
Användargränssittet (Front-end) i mobilversionen bygger i stor utsträckning på jquery Mobile-ramverket.
e-line mobilversion Pyramid Business Studio 3.42A servicepack 05 (2015-07-13) Mobilversionen av e-line är i grunden samma applikation som fullversionen av e-line. Skillnaden är att endast valda delar av
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
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
Prototyper används för att
Skapa en prototyp Prototyper används för att Demonstrera ett koncept i ett tidigt stadium Testa detaljer i ett senare stadium Som en specifikation för den färdiga produkten Lo-fi Prototyp: pappers prototyp
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
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
Cascading Style Sheets (CSS) An Introduction. Nayeb Maleki
Cascading Style Sheets (CSS) An Introduction Nayeb Maleki CSS CSS utvecklades under mitten av 90-talet för att kunna separera stilformatering och formateringsinformation från innehåll i HTML sidor. Fungerar
Användarmanual för Content tool version 7.5
Användarmanual för Content tool version 7.5 TM WEB Express AB Manual Content tool 7.5 Sid 2 INNEHÅLLSFÖRTECKNING 1 OM PUBLICERINGSVERKTYGET... 3 1.1 ALLMÄNT... 3 2 ÖVERSIKT... 3 3 ALLMÄNT OM WEBBSIDAN
Labora&on 8 Formulär övningar/uppgi6er
Labora&on 8 Formulär övningar/uppgi6er 1M321 Webbteknik 1, 7,5hp Medieteknik 2015 Rune Körnefors rune.kornefors@lnu.se 1a. Ladda ner arbetsdokument Till övningarna i denna labora&on finns det en par dokument
Hur du gör ditt Gilles hemsida - en liten hjälp på vägen
Hur du gör ditt Gilles hemsida - en liten hjälp på vägen Sidan 2 - Logga in Sidan 3 - Uppbyggnad av en sida Sidan 4 - Infoga länk Sidan 5 - Infoga bilaga Sidan 6 - Infoga bild Sidan 7-8 Vad betyder knapparna
Carl-Oscar Hermansson WEBB DESIGN
Carl-Oscar Hermansson WEBB DESIGN Del SKAPA DIN WEBBPLATS MED HTML. Öppna ett HTML-dokument... 8 6. HTML grundkod... 9 7. Färger... 0 8. Textformatering... 9. Listor... 0 0. Bilder.... Bakgrundsbilder...
LATHUND FRONTPAGE 2000
LATHUND FRONTPAGE 2000 RXK Läromedel AB, Riddarplatsen 36 Plan 7 177 30 Järfälla Tel: 08-580 886 00, Fax: 08-580 259 40 www.rxk.se, e-post: info@rxk.se Detta material är författat av RXK Läromedel AB.
Skapa en webbplats med WordPress
Skapa en webbplats med WordPress Daniel Karlsson 2016-01- 26 Licens Creative Commons Attribution- NonCommercial 2.0 Du får fritt sprida, redigera och kopiera guiden, men ej för ekonomisk vinning och endast
Anvisningar. till rapportmall version /Lotta Selander, e-postadress
Anvisningar till rapportmall version 1.0 /, e-postadress lotta.selander@uadm.uu.se Viktig information om rapportmallen Hur innehållsförteckningen ser ut: se sidan 6 Hur formatmallarna ser ut: se sidan
P O R T A L S Y S T E M
P O R T A L S Y S T E M MODULER OCH TILLÄGGSTJÄNSTER: Publisher o Administrationsmeny o Ny sida o Ändra sida o Nytt/ändra stycke o Min publisher o Publisherns verktyg Kalender < Språkmodulen Korsholm Mustasaari
Gör släktboken enhetlig - använd formatmallar
Gör släktboken enhetlig - 25 använd formatmallar I en lättläst bok märks inte typografin - om den märks stör den! För att på ett enkelt sätt ge din bok enhetlig layout och typografi bör du använda formatmallar.
Grundläggande Ordbehandling Microsoft Word
Grundläggande Ordbehandling Microsoft Word Programfönstret Namnlist Verktygsfält Menyrad Vågrät linjal Lodrät linjal Rullningslist Statusfält Menyer och Verktygsfält Visa eller dölja ett verktygsfält Högerklicka
Vägen till en lyckad responsiv webbdesign.
Vägen till en lyckad responsiv webbdesign. Tänk mobilt först! Utgå ALLTID från den mista skärmen och jobba dig uppåt. Man brukar räkna med att 320px är i minsta laget idag. Korrekt ViewPort är mycket viktig,
Internet A. HTML Grunder. 02-01-14 Maximilien Chiang 1
Internet A HTML Grunder 1 HTML Tags (Speciella markeringar) < Instruktion> De flesta instruktioner avslutas också med en 2 untitled Min
Labbrapport: HTML och CSS
Labbrapport: HTML och CSS Utförd av: Natalie Olmosse Mailadress: natalie.olmosse@gmail.com Datum: 2015 12 18 Kursansvarig: Karin Fahlquist Övriga lärare: Ulrik Söderström Första inlämningen Resultat (Godkänd/Retur):
Struktur & Layout med CSS
1ME321 Webbteknik 1 Lek0on 5 Struktur & Layout med CSS Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen Vecka 40 Läsanvisningar Exemplet Gretas Blommor GarreKs
Frontpage 2002/XP (2)
Frontpage 2002/XP Frontpage 2002 eller Frontpage XP som det också kallas är ett hemsideprogram där du inte behöver kunna koda som annars är fallet om man gör en hemsida. Att snabbt, enkelt och snyggt kunna
Sophia Prosell DREAM WEAVER SKAPA OCH PUBLICERA EFFEKTIVA WEBBSIDOR
Sophia Prosell DREAM WEAVER SKAPA OCH PUBLICERA EFFEKTIVA WEBBSIDOR Del 4 BILDER OCH TABELLER 0. Arbeta med bilder... 9. Redigera bilder... 96. Klickbara bilder/imagemaps... 0. Tabeller... 04 4. Skapa
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
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
T a b e l l e r - t a b l e s
skriv ut» T a b e l l e r - t a b l e s Exempel på tabeller» Grundkoden för tabellen» Tabell- och kolumnbredd» Sammanfoga celler» Bakgrundssbild och bakgrundsfärg» Kantlinjebredd och färg» Avstånd mellan
Sidornas struktur och snabbinstruktion (se också Information om Hanken-stilarna )
1 INTRODUKTION Skriv ut instruktionerna och läs igenom dem samtidigt som du tittar på dokumentmallen ( Att ta i bruk dokumentmallen ). Sidornas struktur och snabbinstruktion (se också Information om Hanken-stilarna
Word 2003. bengt hedlund
Word 2003 bengt hedlund Det här dokumentet är tänkt underlätta för Dig när Du arbetar med Word. I kursen Datagrund, när Du skriver en rapport i någon annan kurs, eller i varje sammanhang när Du vill använda
WordPress fortsättning Anpassa teman, bildgalleri, fleranvändare, webshop, CSS mm
WordPress fortsättning Anpassa teman, bildgalleri, fleranvändare, webshop, CSS mm WordPress är ett kraftfullt publiceringsverktyg för webben som trots sin flexibilitet och styrka är lätt att komma igång
Ö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
Övrigt Ljud Bild Kyrkvärd. Gun Björk. Liv Ek Nattvard Jon Gran
acal version 1.1 Översikt Den centrala delen i acal är en kalender. Till skillnad från andra digitala kalendrar som vanligen har ett par olika fält kan man här fritt skapa fält utifrån de behov man har.
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
Den kompletta HTML- och CSS-guiden. Framsida
Framsida 2005-08-24 14.34 Sida 1 av 99 Innehållsförteckning Framsida...1 Vad kommer HTML ifrån?...3 SGML... 3 XML...5 Struktur...6 HTML...7 Får vi börja skriva webbsidor nu?... 9 HTML 4.01...9 Introduktion
I den här labben ska vi använda oss av en trevlig nyhet i HTML5: Local Storage, för att implementera en sorts lokal gästbok.
Lokal Gästbok I den här labben ska vi använda oss av en trevlig nyhet i HTML5: Local Storage, för att implementera en sorts lokal gästbok. Gästboken ska fungera som så att man har ett fält där man kan
Utseende. Lauri Watts Översättare: Stefan Asserhäll
Lauri Watts Översättare: Stefan Asserhäll 2 Innehåll 1 Utseende 4 1.1 Allmänt............................................ 4 1.2 Teckensnitt.......................................... 4 1.3 Stilmallar...........................................
Innehållsförteckning. Dreamweaver 3.0
Innehållsförteckning 1 Välkommen till Dreamweaver... 1 Vad är Dreamweaver?... 11 Öppna Dreamweaver... 11 Hur du arbetar med Dreamweaver... 11 Arbetsområdet i Dreamweaver... 12 Vanliga komponenter i Dreamweaver...
LATHUND FRONTPAGE 2000 SV/EN
LATHUND FRONTPAGE 2000 SV/EN RXK Läromedel AB, Riddarplatsen 36 Plan 7 177 30 Järfälla Tel: 08-580 886 00, Fax: 08-580 259 40 www.rxk.se, e-post: info@rxk.se Detta material är författat av RXK Läromedel
Guide Till Bättre Nyhetsbrev. För dig som jobbar som webbdesigner eller med HTML i allmänhet
Guide Till Bättre Nyhetsbrev För dig som jobbar som webbdesigner eller med HTML i allmänhet För dig som har, eller ska börja skicka nyhetsbrev Introduktion Skicka HTML brev Många som är nya på området
Innehåll Introduktion... 3 InteractiveScene.config... 3 Scener <scenes>... 3 Typsnitt <fonts>... 3 Övergångar <transitions>...
Innehåll Introduktion... 3 InteractiveScene.config... 3 Scener ... 3 Typsnitt ... 3 Övergångar ... 4 Mall för slide ... 5 , ...
Labb 3: ASP.NET 4.5 Anpassningar av användargränssnittet: Master Pages, Teman, och Kontroller
Labb 3: ASP.NET 4.5 Anpassningar av användargränssnittet: Master Pages, Teman, och Kontroller Beräknad tidsåtgång: ca. 3 timmar. I ASP.NET 4.5 finns en stor mängd nya funktioner för att förenkla utvecklingen
On-line produktion TDDC61
On-line produktion TDDC61 Hej! Jakob Bandelin jakob.bandelin@liu.se Kognitionsvetenskap, interaktionsdesign, webbdesign On-line produktion (GDK), Elektronisk publicering (MT), Webbprogrammering (SVP),
Grafisk design För synskadade och lite om dyslexi
Grafisk design För synskadade och lite om dyslexi Färgblind Tritanopi/tritanomali, blått Protanopi/protanomali, röd Deuteranopi/deuteranomali, grönt Röd-grön vanligast Gul-blå ovanlig Mycket ovanligt,
Gör släktboken enhetlig använd formatmallar 25
Vad är en formatmall? 25-1 Gör släktboken enhetlig använd formatmallar 25 I en lättläst bok märks inte typograf in om den märks stör den! För att på ett enkelt sätt ge din bok enhetlig layout och typograf
Kom igång med FrontPage 2003
Kom igång med FrontPage 2003 Skolorna i Kristianstads kommun har inte gemensam licens som med vissa övriga Microsoft-program utan licens måste köpas för varje dator som det ska installeras på. Din tekniker