Struktur & Layout med CSS
|
|
- Andreas Nilsson
- för 5 år sedan
- Visningar:
Transkript
1 1ME321 Webbteknik 1 Lektion 5 Struktur & Layout med CSS Rune Körnefors Medieteknik Rune Körnefors rune.kornefors@lnu.se
2 Agenda Veckoplanen Denna vecka Exemplet Gretas Blommor Garretts modell Structure plane Informationsarkitektur Interaktionsdesign CSS layout display float clear overflow sprites 2
3 Resultat på plan 2 Från lektion 4 Kravspecifikationen för Gretas Blommor Kravspecifikation Innehåll Vad ska finnas - Produkter ska visas med bild, namn och pris. - Produkterna är kategoriserade i buketter, kransar och övrigt. - Veckans erbjudanden ska visas på ingångssidan. - Ingångssidan ska ha foto som visar butiken och öppettider ska anges. - Interiörbilder från butiken samt kort presentation av personalen (förnamn och bild). - Förslag på blommor efter vad de ska användas till, t.ex.födelsedag, bröllop, begravning, etc. - Karta som visar var butiken finns. - Beställningsformulär där tilläggsavgifter och totalpriset hela tiden visas. Vad ska man kunna göra Funktionellt - Bilder på produkter ska kunna förstoras. - Man ska kunna sortera inom kategorierna på pris eller i bokstavsordning. - Man ska kunna beställa buketter och kransar för leverans. - Man ska kunna göra en fritextsökning på webbplatsen. - Man ska kunna kontakta butiken via ett kontaktformulär. Plan 3: Informationsarkitektur Hur ska det organiseras och struktureras? Var ska innehållet finnas? Plan 3: Interaktionsdesign Hur ska interaktionen gå till? Vad ska användaren respektive programmet göra? 3
4 Plan 3: informationsarkitektur Första utkast till struktur och namn på sidor/länkar. Webbplatsens struktur Förändrad struktur och namn, efter ytterligare en genomgång av kravspecen samt koll av analys av andra webbplatser och personas. Ljusgrön ruta = webbsida 4
5 Plan 3: informationsarkitektur Ljusgrön ruta = webbsida 5 Plan 3: Gretas Blommor Start välkomsttext bild på butiken öppettider veckans erbjudande Var innehållet i kravspecen ska finnas. länkar (utöver global navigering) till sortimentsidor för olika tema (födelsedag, bröllop och begravning) Sortimentsidor alla produkter i kategorin visas med: liten bild namn pris köpknapp (med länk till beställningsformulär) Ej i kategorin Övrigt Beställ beskrivning av hur man beställer Köpvillkor punktlista med villkoren. Interiör bilder och kort text som visar butiken invändigt en bild på all personal och text med förnamn Kontakt kontaktformulär karta Beställningsformulär allt som krävs för beställningen på en enda sida
6 Plan 3: Interaktionsdesign Plan 3: Gretas Blommor Flöde i interaktionen. Bilder på produkter ska kunna förstoras: 1. Klicka på bilden, så visas en ruta med förstorad bild. 2. Klicka på den förstorade bilden, så döljs den igen. Sortera inom kategori på pris eller i bokstavsordning: 1. Pris eller bokstavsordning väljs i en meny. Fritextsökning: 1. Skriv sökord. 2. Utför sökning. Kontakt via kontaktformulär: 1. Formulär med namn epost-adress meddelande Interaktion för att beställa blomsterbukett eller krans för leverans: (Det går endast beställa en produkt.) 1. Gå in på sortiment för buketter eller kransar (eller födelsedag, etc.). 2. Klicka på köpknapp för önskad produkt. 3. Man kommer då till ett formulär med följande: a. Datum för leverans b. Mottagare Namn, adress, telefon, om varan får lämnas vid dörr om mottagare ej är hemma c. Korttext d. Beställare Namn, epost, telefon e. Betalningssätt Faktura: adress Kort: Om detta väljs går man vidare till en betaltjänst, då man klickar på knappen för att bekräfta beställningen f. Acceptans av köpvillkoren 6
7 CSS Cascading Style Sheets 7
8 Test av några stilar som används i layouten display float clear overflow lekt5-ex1 lekt5-ex2 lekt5-ex3 lekt5-ex4 8
9 Layout Grundstilen med centrering och färgade bakgrunder. Justering av navigeringsmenyn. Lika breda rutor. Två kolumner med hjälp av float. Skjut ned sidfoten till fönstrets underkant med "Sticky footer". lekt5-ex5-1 lekt5-ex5-2 lekt5-ex5-3 lekt5-ex5-4 9
10 CSS sprites En bild innehåller flera mindre bilder. Visas som bakgrundsbild. Width och height för elementet bestäms, så att en av bilderna visas. Vilken bild som ska visas, bestäms genom att positionera bakgrunden. lekt5-ex6 10
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
Läs merSkeleton plane & Responsiv webbdesign med CSS
1ME321 Webbteknik 1 Lek0on 6 Skeleton plane & Responsiv webbdesign med CSS Rune Körnefors Medieteknik 1 2016 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen U2 deadline Exemplet Gretas Blommor
Läs merFormulär, textsträngar och en del annat
1ME322 Webbteknik 2 Lektion 6 Formulär, textsträngar och en del annat Rune Körnefors Medieteknik http://medieteknik.lnu.se/1me322 1 2018 Rune Körnefors rune.kornefors@lnu.se Agenda JavaScript Interaktion
Läs merKravspecifika.on, pappersprototyp & CSS
1ME321 Webbteknik 1 Lek0on 4 Kravspecifika.on, pappersprototyp & CSS Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen Vecka 39 UppgiI U2 = L4+L5+L6 UppgiI U3 Allmänna
Läs merVisuell design Bilder & färger
1ME321 Webbteknik 1 Lek0on 8 Visuell design Bilder & färger Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen Vecka 43 Läsanvisningar UpphovsräPslagen Kort sammanfapning
Läs merLaboration 3 HTML och struktur samt frågorna A - C övningar/uppgifter
Laboration 3 HTML och struktur samt frågorna A - C övningar/uppgifter 1M321 Webbteknik 1, 7,5hp Medieteknik 2018 Rune Körnefors rune.kornefors@lnu.se 1. Skapa ett nytt HTML-dokument I denna laboration
Läs merLabora&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
Läs merLabora&on 3 HTML och struktur övningar/uppgi:er
Labora&on 3 HTML och struktur övningar/uppgi:er 1M321 Webbteknik 1, 7,5hp Medieteknik 2016 Rune Körnefors rune.kornefors@lnu.se 1. Skapa em nym HTML-dokument I denna labora&on ska du skapa tre sidor, som
Läs merHTML & Projektstrategi
1ME321 Webbteknik 1 Lek0on 3 HTML & Projektstrategi Rune Körnefors Medieteknik 1 2017 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen UppgiE U1 = L1+L2+L3 UppgiE U3 Läsanvisningar Exempel Påbörja
Läs merLabora&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 merLabora&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
Läs merOptimering av webbsidor
1ME323 Webbteknik 3 Lektion 7 Optimering av webbsidor Rune Körnefors Medieteknik 1 2019 Rune Körnefors rune.kornefors@lnu.se Agenda Optimering SEO (Search Engine Optimization) Sökmotor: index, sökrobot
Läs merLabora&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
Läs merLabora&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 merIntroduktion Översikt av kursen och området webbteknik
1ME321 Webbteknik 1 Kursintroduktion och lektion 1 Introduktion Översikt av kursen och området webbteknik Rune Körnefors Medieteknik http://medieteknik.lnu.se/1me321 1 2019 Rune Körnefors rune.kornefors@lnu.se
Läs merSnabbguide: Hur man öppnar en egen nätbutik
Snabbguide: Hur man öppnar en egen nätbutik Vill du öppna din egen nätbutik? Nu är det enklare än någonsin. Följ stegen i den här snabbguiden så är du redo att öppna dörrarna. Vad du borde förbereda innan
Läs merHTML & Projektstrategi
1ME321 Webbteknik 1 Lek0on 3 HTML & Projektstrategi Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen Vecka 38 HTML UppgiG U1 U1=L1+L2+L3 UppgiG U3 Läsanvisningar
Läs merBeställa varor från Webbutik KUL
1 (12) 2016-10-07 Status: i Pilotdrift Beställa varor från Webbutik KUL Innehållsförteckning Inloggning... 2 Snabbguide för beställning... 2 Spara beställning... 6 Spara som mall - Favoritbeställning...
Läs merINNEHÅLL. INNEHÅLL 30 juni 2015. 1 Administrera din butik 2. 2 Lägg in dina första varor och artiklar 4. 3 Butiksinställningar 8
INNEHÅLL 30 juni 2015 INNEHÅLL 1 Administrera din butik 2 2 Lägg in dina första varor och artiklar 4 3 Butiksinställningar 8 i Nordisk e-handel Lathund Nordisk e-handel AB INNEHÅLL 30 juni 2015 sv 1 Nordisk
Läs merTelia Internet WebOrder Förvandlar kunder till besökare 1 2002-01-24
Telia Internet WebOrder Förvandlar kunder till besökare 1 Introduktion till Telia Internet WebOrder Välkommen! Denna presentation ger dig en snabb introduktion till tjänsten Telia Internet WebOrder. Efter
Läs merLabora&on 1 Introduk&on &ll utvecklingsmiljön övningar/uppgi<er
Labora&on 1 Introduk&on &ll utvecklingsmiljön övningar/uppgi
Läs merSnabbguide: Hur man öppnar en egen nätbutik
Snabbguide: Hur man öppnar en egen nätbutik Vill du öppna din egen nätbutik? Nu är det enklare än någonsin. Följ stegen i den här snabbguiden så är du redo att öppna dörrarna. Vad du borde förbereda innan
Läs merAnvändarcentrerad design Structure plane (tredje nivån)
Webbteknik Användarcentrerad design Structure plane (tredje nivån) Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se " our concerns shi? from more abstract issues of strategy and scope
Läs merFormulärredigering, inställningar, visningssätt och versioner Innehållsförteckning
Inställningar och visningssätt i CMS7.5, på sunne.se Sida 1 av 8 Formulärredigering, inställningar, visningssätt och versioner Innehållsförteckning Hjälp finns i den globala menyn... 1 Formulärredigering...
Läs merLabora&on 1 Introduk&on &ll utvecklingsmiljön övningar/uppgi<er
Labora&on 1 Introduk&on &ll utvecklingsmiljön övningar/uppgi
Läs merSnabbguide. Vill du öppna din egen nätbutik? Nu är det enklare än någonsin. Följ stegen i den här snabbguiden så är du redo att öppna dörrarna.
Snabbguide Hur man öppnar en egen nätbutik Vill du öppna din egen nätbutik? Nu är det enklare än någonsin. Följ stegen i den här snabbguiden så är du redo att öppna dörrarna. Vad du borde förbereda innan
Läs mer1ME323 Webbteknik 3 Lektion 6 API. Rune Körnefors. Medieteknik Rune Körnefors
1ME323 Webbteknik 3 Lektion 6 API Rune Körnefors Medieteknik 1 2019 Rune Körnefors rune.kornefors@lnu.se Agenda API (Application Programming Interface) Mashup Flickr API Google Maps API Labb 6 2 API (Application
Läs merLabora&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
Läs merELLEVIO PROJEKTPORTAL EN ANVÄNDARGUIDE
ELLEVIO PROJEKTPORTAL EN ANVÄNDARGUIDE STARTSIDAN PORTALENS FRAMSIDA Huvudmeny I denna meny kan du komma åt grundläggande inställningar för ditt konto i portalen. 4 Produktmeny Här finns alla produkter
Läs merLänkar och navigering
Föreläsning i webbdesign Länkar och navigering Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Hypertext Hyper [grekiska] över Hypertext Går över textens sekvengella flöde Referens
Läs merVisma Proceedo Version 8.15 2014-05-12. Visma Proceedo Användarhandbok Lokala administratör Administrera
Visma Proceedo Version 8.5 204-05-2 Visma Proceedo Användarhandbok Lokala administratör Administrera. Innehållsförteckning SNABBGUIDE... 3 2 INLOGGNING... 5 3 STARTSIDA... 8 4 INKÖP... 9 4. Allmänt Inköp...
Läs merversion Om du som kund har frågor kring vår sajt är du varmt välkommen att kontakta vår kundtjänst:
www.alloffice.se version 2018-01 Om du som kund har frågor kring vår sajt är du varmt välkommen att kontakta vår kundtjänst: 020-45 50 50 Startsidan består av en navigationslist där de flesta av de viktigaste
Läs merSammanfattning av hantering av redovisning av uppgift U1
Sammanfattning av hantering av redovisning av uppgift U1 Hur du redovisar Hur svar ges Hur eventuell komplettering sker Hur restuppgifter hanteras Hur registrering av resultat görs 1M321 Webbteknik 1,
Läs merArtikelnummer 803429 Senast ändrad 130530 Giltig från 110501 WEBGUIDE/ARTIKELSÖK
Artikelnummer 803429 Senast ändrad 130530 Giltig från 110501 WEBGUIDE/ARTIKELSÖK MERCADO SHOP Funktionen Artikelsök som du hittade tidigare på hemsidan är nu ersatt av vår webshop Mercado Shop! Mercado
Läs merOffice Management Lathund webbshop
Office Management Lathund webbshop Datum: 2016-10-26 Innehåll Login & Lösenord 3 Skapa konto 3 Logga in 4 Inloggat läge 5 Hitta produkter 7 Navigera via meny 7 Filtrera & sortera 9 Sök 10 Produkter 12
Läs merEButiken.nu. Kom igång med din butik. Steg 1 Steg 2 Steg 3. Talex AB, EButiken.nu Tfn: Fax: Epost:
Kom igång med din butik Tack för att du har valt en butik hos! Detta är en liten snabbguide som hjälper dig att komma igång med din butik. Den är skapad för att du snabbt ska få ett grepp om hur vårat
Läs merLathund för webbshop
Lathund för webbshop Ocay.se version 2014-12 Nu har vi lanserat nya ocay.se och därför släpper vi en ny guide för hur sidan används. Även om mycket uppdaterats layoutmässigt och under skalet kommer mycket
Läs merKOM IGÅNG MED DIN E-HANDEL! LATHUND 1.2
KOM IGÅNG MED DIN E-HANDEL! LATHUND 1.2 Innehåll 1, 2,3 och du är igång med din egen e-handel: Steg 1 Logga in din butiksadministration Steg 2 Lägg in dina första varor Steg 3 Butiksinställningar Kontakta
Läs merPrototyper och användartest
Föreläsning i webbdesign Prototyper och användartest Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Prototyp för en webbplats! Utkast eller enkel variant av webbplatsen" Syfte"
Läs merManual E-butiken Innehåll:
Manual E-butiken Innehåll: Allmänt... 2 Logga in... 2 Översikt... 2 Kategorisera produkter... 3 Lägg till en produkt... 4 Lägg till produktbilder... 5 Ändra en produkt... 5 Skapa menysidor... 6 Ladda upp
Läs merBlackboard Studentmanual - Att arbeta med Wikis
1 (5) Blackboard Studentmanual - Att arbeta med Wikis Läraren på kursen kan ha valt att kursen ska använda sig av Wikis. Då syns funktionen i menyn. En wiki är en webbsida/webbplats som användarna skapar
Läs merOn-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 merORDLISTA 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 merLabora&on 1 Variabler och beräkningar övningar/uppgi9er
Labora&on 1 Variabler och beräkningar övningar/uppgi9er 1M322 Webbteknik 2, 7,5hp Medieteknik 2015 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument Till övningarna i denna labora&on finns
Läs merAnvändarhandledning ICA Torget
Användarhandledning ICA Torget Våra kunder frågar alltmer efter närproducerade produkter, ekologiskt odlade, kravmärkta och/eller premiumprodukter. ICA har redan idag starkt lokalt fokus men vi kan bli
Läs merBeställa varor från webbutiken för provtagningsmateriel, remisser och övrigt materiel.
1 (15) 2019-05-22 Beställa varor från webbutiken för provtagningsmateriel, remisser och övrigt materiel. Innehållsförteckning Inloggning... 2 Regelverk för lösenord:... 3 Felmeddelanden vid byte av lösenord
Läs merMed UNITY Webbpublicering har ni ett kraftfullt och dynamiskt verktyg för att uppdatera och administrera er webbplats.
Församlingens Webbplats Premium Manual Med UNITY Webbpublicering har ni ett kraftfullt och dynamiskt verktyg för att uppdatera och administrera er webbplats. I Församlingens Webbplats Premium ingår ett
Läs merAdmin Administra#onen är uppbyggd på ungefär samma sä= som bu#ken. Det är dock både en vänstermeny och en högermeny, en toppsida och e= mi=enfält.
Butiken Bu#ken bygger på 4st olika ytor. Toppsidan, vänstersidan, mi=en och varukorgen. Dessa byggs upp av e= ramverk som du kan fly=a runt sidorna i samt justera i storlek. Det är denna sida bu#kens ramverk
Läs merProgrammets startmeny ser ut så här. För att få fram menyerna Avsluta, Inställningar och Användare måste du föra markören upp till det blåa fältet.
Programmets startmeny ser ut så här. För att få fram menyerna Avsluta, Inställningar och Användare måste du föra markören upp till det blåa fältet. Då du klickar på Användare öppnas denna bläddringslista.
Läs merKom igång med din butik. 1. Skapa kategorier och produkter 2. Att göra en beställning i butiken 3. Övriga verktyg
Kom igång med din butik Tack för att du har valt en butik hos Talex! Detta är en liten snabbguide som hjälper dig att komma igång med din butik. Den är skapad för att du snabbt ska få ett grepp om hur
Läs merLaboration 6 Formulär och stränghantering övningar/uppgifter
Laboration 6 Formulär och stränghantering övningar/uppgifter 1M322 Webbteknik 2, 7,5hp Medieteknik 2017 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument Till övningarna i denna laboration
Läs merLathund för webbpublicering på Vi Ungas distriktswebbplatser
Lathund för webbpublicering på Vi Ungas distriktswebbplatser 1 1. Introduktion 3 2. Inloggning 3 3. Publicering av nyheter 4 4. Hantera nyheter 7 5. Snabblänkar 7 6. Sidor 8 7. Händelser 8 8. Distriktets
Läs mer[Innehåll] Sida 2, Sida 3 - Persona Sida 4, Sida 5 - Persona Walk-Through Sida 6 - Reflektioner
[Innehåll] Sida 2, Sida 3 - Persona Sida 4, Sida 5 - Persona Walk-Through Sida 6 - Reflektioner [Rune Tennesmed] [Göran Hultgren] Profil Kön Ålder Arbete/roll [Kund] [Man] [46 år] [Sågverksoperatör] Personlighet
Läs merFöreningen Nordens lokala hemsidor
Guide till Föreningen Nordens lokala hemsidor 2015-09-01 1 Innehåll Hjälpfilm... 3 Logga in... 3 Nytt inlägg... 4 Lägg till bild... 7 Lägga till bildgalleri... 10 Publicera... 12 Kalendarium... 14 Ta bort
Läs merInstruktioner. Innehåll: 1. Vad är Kimsoft Control (SIDA 2) 3. Hem (SIDA 2)
1 Instruktioner Innehåll: 1. Vad är Kimsoft Control (SIDA 2) 2. Logga in (SIDA 2) 3. Hem (SIDA 2) 4. Skapa/redigera sidor (SIDA 3) 41. Lägg till ny sida (SIDA 3) 42. Avancerat (SIDA 4) 5. Texteditor (SIDA
Läs merAtea eshop tablet/mobil
GUIDE ATEA ESHOP XXXXX Atea eshop tablet/mobil 3 UTGÅVA APRIL 2016 Innehåll GUIDE ATEA ESHOP ORDERLÄGGNING eshop - tablet/mobil 5 Beta-version 5 Orderläggning 6 STEG 1 Lägg produkter i kundvagn 6 STEG
Läs merBeställa varor från webbutiken för provtagningsmateriel, remisser och övrigt materiel.
1 (14) 2017-06-14 Beställa varor från webbutiken för provtagningsmateriel, remisser och övrigt materiel. Innehållsförteckning Inloggning... 2 Regelverk för lösenord:... 2 Felmeddelanden vid inloggning...
Läs merVisa och dölja element med JavaScript
Föreläsning i webbdesign Visa och dölja element med JavaScript Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Visa och dölja element Förändra elementets sdl för display eller visibility
Läs merNu är det äntligen dags! Vi publicerar vår nya hemsida!! Förutom att den ser oerhört fräsch och god ut så finns där många nya finesser att upptäcka.
Hej alla ÅF! Nu är det äntligen dags! Vi publicerar vår nya hemsida!! Förutom att den ser oerhört fräsch och god ut så finns där många nya finesser att upptäcka. Börja med att använda din vanliga inloggning
Läs merDokumentation. Joomla - Administrationsguide 1. Logga in i administrations-gränssnittet 2. Ändra globala inställningar 2.
Joomla - Administrationsguide Joomla - Administrationsguide 1 Logga in i administrations-gränssnittet 2 Ändra globala inställningar 2 Ändra titel 3 Artiklar, kategorier och sektioner 4 Skapa sektioner
Läs merTillämpad programmering CASE 1: HTML. Ditt namn
Tillämpad programmering CASE 1: HTML Ditt namn 18 [HTML] Din handledare vill se din skicklighet i att använda HTML-koden. Du ska utveckla en webbplats om ditt intresse, inriktning eller gymnasiearbete.
Läs merLabora&on 2 Funk&oner, if och loop övningar/uppgi:er
Labora&on 2 Funk&oner, if och loop övningar/uppgi:er 1M322 Webbteknik 2, 7,5hp Medieteknik 2017 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument Till övningarna i denna labora&on finns
Läs merAnvändarcentrerad design Prototyper & användartest
Webbteknik Användarcentrerad design Prototyper & användartest Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Prototyp för en webbplats Utkast eller enkel variant av webbplatsen
Läs merFraktjakt manual Privatperson. Att komma igång! Version 1.1 2011-11-30
Fraktjakt manual Privatperson Att komma igång! Version 1.1 2011-11-30 1 Innehållsförteckning Innehållsförteckning...2 Välkommen...3 Registrera användarkonto...4 Sök fraktpriser, inrikes och utrikes...6
Läs mersteg! första Gör din fotobok i 10 enkla Snabba instruktioner För Windows 7.4 och nyare versioner Välj ut dina bästa foton. Öppna fotoboksprogrammet.
Snabba instruktioner För Windows 7.4 och nyare versioner Gör din första fotobok i 10 enkla steg! 1 Välj ut dina bästa foton. Välj ut de bilder du vill använda och placera dem i en separat mapp på datorn
Läs merAnvisningar för hur man loggar in och använder office: sharepoint och e-post
Anvisningar för hur man loggar in och använder office: sharepoint och e-post Logga in Loggar in gör du med ditt användarnamn (e-postadressen) och lösenordet som du fått tilldelat Epost: [den tilldelade
Läs merNy webbsajt för Landslagets fotbollsskola. Korthandledning 1
Ny webbsajt för Landslagets fotbollsskola Korthandledning 1 Två blir en Admin- och Tränarsajten slås ihop. 2 Alla måste registrera Helt nytt system 2015 Första gången i det nya systemet måste alla välja
Läs merNy webbsajt för Landslagets fotbollsskola. Korthandledning
Ny webbsajt för Landslagets fotbollsskola Korthandledning Två blir en Admin- och Tränarsajten slås ihop. Alla måste registrera Helt nytt system 2015 Första gången i det nya systemet måste alla välja Registrera
Läs merManual till det nya ordersystemet start v Logga in på följande sida och spar som favorit:
Manual till det nya ordersystemet start v 32 2017 Logga in på följande sida och spar som favorit: order.tupperware.se E-postadress och password (4 sista sifforna i personnumret) är samma som förra orderportalen:
Läs mer/*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 merCarl-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...
Läs merFDT Kundportal. Copyright 2012. FDT AB Köpmangatan 40 972 33 LULEÅ. Försäljning 0920 24 33 10 Support 0920 24 33 20 Fax 0920 24 33 99
FDT Kundportal Copyright 2012 FDT AB Köpmangatan 40 972 33 LULEÅ Försäljning 0920 24 33 10 Support 0920 24 33 20 Fax 0920 24 33 99 E-mail support@fdt.se Hemsida www.fdt.se Innehållet i denna programmanual
Läs merStartsidan Här beskriver vi hur du hittar på webbplatsen.
Så fungerar tullverket.se 1 (17) Startsidan Här beskriver vi hur du hittar på webbplatsen. När du kommer till tullverket.se möts du av en startsida. På startsidan ligger en lista med nyheter, kompletterat
Läs merJoomla CMS Del 2 av 2
JOOMLA 3 CMS GRUNDKURS DEL 2 AV 2 Innehåll Extern Struktur Menyer och Sidor Användare och Åtkomstnivåer Skapa en sida som kräver inloggning Moduler och Positioner Sökmotor och undermenyer Copyright Mahmud
Läs merLabora&on 5 Dynamisk HTML och &mers övningar/uppgi=er
Labora&on 5 Dynamisk HTML och &mers övningar/uppgi=er 1M322 Webbteknik 2, 7,5hp Medieteknik 2015 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument Till övningarna i denna labora&on finns
Läs merKom igång. Readyonet Lathund för enkelt admin. Logga in Skriv in adressen till din webbsida följt av /login. Exempel: www.minsajt.
Kom igång Logga in Skriv in adressen till din webbsida följt av /login. Exempel: www.minsajt.se/login Nu dyker en ruta upp på skärmen. Fyll i ditt användarnamn och lösenord och klicka på "logga in". Nu
Läs merE-handel. Beställ dina byggvaror online
E-handel Beställ dina byggvaror online Handla byggvaror online från både mobil, surfplatta och dator Öppet 05-24 alla dagar Prislista med ditt unika pris Se aktuellt lagersaldo Se inneliggande order Se
Läs merSportAdmin i GF Nikegymnasterna
SportAdmin i använder SportAdmin som system för medlemshantering, fakturering och hemsida. Här nedan kommer du att kunna läsa om de funktioner som du som ledare behöver ha koll på i systemet. För att logga
Läs merTillä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
Läs merDIN RESTAURANGGROSSIST E-HANDEL DU BESTÄLLER, VI LEVERERAR! ÄNNU INTE E-HANDELSKUND?
DIN RESTAURANGGROSSIST E-HANDEL DU BESTÄLLER, VI LEVERERAR! ÄNNU INTE E-HANDELSKUND? I denna broschyr finner du information om Axfood Snabbgross och vår e-handel. Tips! Vill du ha hjälp att komma igång
Läs merHögsbynät Mailservice - egroupware -användarmanual för personal i Högsby kommun
Högsbynät Mailservice - egroupware -användarmanual för personal i Högsby kommun Inloggning Hemsida: mail.hogsby.se Om länken inte fungerar eller om du befinner utanför kommunens nätverk, logga in via Mobility
Läs merEn guide till. Skövde Kontorscenters Webbutik. www.skovdekontorscenter.se
En guide till Skövde Kontorscenters Webbutik www.skovdekontorscenter.se www Vår Webbutik Det skall vara enkelt och smidigt att handla av oss. I vår webbutik hittar du hela vårt sortiment och kan i lugn
Läs merGesällprov. Webbutveckling klient- och serversidan. Tomas Pålson topa4233
Gesällprov Webbutveckling klient- och serversidan Tomas Pålson topa4233 Kombinerat gesällprov Webbutveckling klient- och serversidan Startsida (Filens namn= start.html) Här är startsidan till mitt gesällprov.
Läs merWordpress och Sociala medier av Sanna Ohlander 110308. Guide till hur du skapar och förändrar inlägg och sidor på staffanstorp.se
Guide till hur du skapar och förändrar inlägg och sidor på staffanstorp.se 1 Innehållsförteckning Tänk på! Sid 3 Logga in sid 4 Panel sid 5 Sidor och inlägg 1. Skapa eller redigera en sida eller inlägg
Läs merObjektbaserad programmering
1ME323 Webbteknik 3 Lektion 4 Objektbaserad programmering Rune Körnefors Medieteknik 1 2018 Rune Körnefors rune.kornefors@lnu.se Agenda Objekt i JavaScript Strukturering av data Strukturering av programkod
Läs merAnvändarcentrerad design Navigering
Webbteknik Användarcentrerad design Navigering Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se "navigera, bestämma kurs och posi?on?ll sjöss, i lucen eller i rymden. naviga(on (av
Läs merWordpress handledning för distrikt, lokalavdelningar och personsidor
Wordpresshandledning fördistrikt,lokalavdelningaroch personsidor 1 Index Adminpanel... 5 Användare... 21 BWS Plugins... 15 inlägg... 6 Inlägg skapa och hantera... 7 Kategorier... 7 Inställningar... 14
Läs merIT-körkort för språklärare. Modul 4: Video, del 1
IT-körkort för språklärare Modul 4: Video, del 1 Innehåll Skapa en egen YouTube-kanal... 3 Samla videofilmer i en spellista... 5 Ladda upp videofilmer från YouTube till en blogg eller hemsida eller skicka
Läs merBeställa varor från webbutiken för provtagningsmateriel, remisser och övrigt materiel.
1 (15) 2018-02-28 Beställa varor från webbutiken för provtagningsmateriel, remisser och övrigt materiel. Innehållsförteckning Inloggning... 2 Regelverk för lösenord:... 3 Felmeddelanden vid första inloggning...
Läs merbehö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 merSå gör Vägledningen 24-timmarswebben dig till en bättre beställare. Funda Denizhan, Statskontoret Kommits 17 november, 2005
Så gör Vägledningen 24-timmarswebben dig till en bättre beställare Funda Denizhan, Statskontoret Kommits 17 november, 2005 Om IT och webb inte är en teknikfråga vad är det då? Är IT och webb en verksamhetsfråga?
Läs merSNABBKURS Se hur man använder programmen
SNABBKURS Se hur man använder programmen Min Kassa Min Räknare Min Plånbok MIN KASSA I Min Kassa kan du undersöka om pengarna du har räcker till det du planerar att köpa. Du kan också skriva ut en minneslapp.
Läs merLathund Behörighetshantering
Lathund Behörighetshantering För att kunna ställa in behörigheter krävs det att SiteVision är kopplat till en katalogtjänst. Behörigheter Hantering av behörigheter och rättigheter kan göras för hela webbplatsen,
Läs merUtbildning webbredaktörer. Hösten 2012
Utbildning webbredaktörer Hösten 2012 Att komma igång Organisation för webben Skapa en sida Publiceringsdatum Redigera sidan Bilder Länkar Spalter Rubriker Verktygslådan Att komma igång Registrera dig
Läs merwebshop.cycleurope.com Om du redan har tillgång till vår tidigare webshop, ska du använda samma användarnamn och lösenord...
NY WEBSHOP Vi har en ny version av webshop! Det innebär att i framtiden skall du använda följande adress: webshop.cycleurope.com Om du redan har tillgång till vår tidigare webshop, ska du använda samma
Läs merIntroduk+on +ll JavaScript if- sats, funk+oner, bilder
Föreläsning i webbdesign Introduk+on +ll JavaScript if- sats, funk+oner, bilder Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se if- sats I en if- sats kan man kontrollera ee villkor
Läs merWordpress och Sociala medier av Sanna Ohlander 110319. Guide till hur du skapar och förändrar inlägg och sidor på staffanstorp.se
Guide till hur du skapar och förändrar inlägg och sidor på staffanstorp.se 1 Innehållsförteckning Tänk på! Sid 3 Logga in sid 4 Panel sid 5 Sidor och inlägg 1. Skapa eller redigera en sida eller inlägg
Läs merLaboration 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
Läs merFramtagen utav Learningpoint. Kort skriftlig instruktion om Enköpings mallar
Framtagen utav Learningpoint Kort skriftlig instruktion om Enköpings mallar Innehållsförteckning Skapa nya dokument knappen Nytt... 3 Fliken Enköpings kommun... 3 Bildbanken... 3 Välja bilder och färg
Läs mer