Designspecifikation BMK BOSTON. Rebecka Törngren Webbdesign med HTML och CSS 7,5hp (2IS202-Sommar14) Informatik och Media, Campus Gotland
|
|
- Pernilla Nyström
- för 7 år sedan
- Visningar:
Transkript
1 Designspecifikation BMK BOSTON Rebecka Törngren Webbdesign med HTML och CSS 7,5hp (2IS202-Sommar14) Informatik och Media,
2 Innehållsförteckning 1. Övergripande information Arbetstitel för sajten Målet med sajten Målgruppen Innehåll 4 2. Struktur Vilka delar Sitemap Mappstruktur 5 3. Layout och Design Layout Design Färg och känsla Bilder och teckensnitt 8 4. Tillägg vid slutinlämning Tillägg strukturplaneringen Tillägg genom tidens gång Övriga kommentarer och förändringar 13 2
3 1. Övergripande information Sajten kommer att innehålla information om badmintonklubben BMK Boston samt aktuella händelser kopplad till denna Arbetstitel för sajten Titeln för sajten är BMK Boston Målet med sajten Sajt som ska informera klubbens medlemmar gällande händelser kopplade till badmintonklubben. Syftet är också att fånga och rekrytera nya medlemmar Målgruppen Målgruppen består av personer i alla åldrar och av båda könen, men de flesta befinner sig i intervallet år och består av båda könen, dock en aning fler män än kvinnor. Detta stora åldersintervall beror på att det finns träningsgrupper from 5 år till och med motionärsgrupper utan ålderstak, som alla har intresse av en informativ webbsida. Det finns föräldrar till de yngre barnen som också behöver ha tillgång till informationen även om de själva inte är medlemmar. Förutom dessa är målgruppen också personer som ännu ej är medlemmar men som är intresserade av att bli. Gemensamt för målgruppen är att de är intresserade av sporten badminton. Jag kan alltså inte förutsätta att det finns någon djupare förståelse för teknik och måste vara medveten om den spridda användningen av olika sorters webbläsare och versioner av operativsystem. Det är därför viktigare att webbsidan ser okej ut i flera webbläsare än att den ser perfekt ut i en enda. Tre profiler för min målgrupp: Namn: Sandra Ålder: 14 Kön: Kvinna Webbläsare: Internet Explorer Arbete: Studerande Operativsystem: Windows 7 Övrigt: Sandra har hållit på med datorer sen hon föddes och har ganska bra koll på hur en webbsida generellt är uppbyggd. Hon använder sig av sina föräldrars stationära dator för att se plats och tid för samling till tävlingen i helgen. Namn: Peter Ålder: 33 Kön: Man Webbläsare: Safari Arbete: Revisor Operativsystem: Mac OS X Övrigt: Peter är inte själv medlem i klubben men han skjutsar ofta sin 6åriga son till träningen. Eftersom han har ett mycket fullspäckat schema är det bekvämt för honom att få information om plats och tid för sonens träning via webben. Namn: Johan Ålder: 16 Kön: Man Webbläsare: Google Chrome Arbete: Studerande Operativsystem: Windows XP Övrigt: Johan funderar på att börja i någon idrottsförening för att ha en hobby på sidan av skolan. En lagsport känns inte aktuell då han tycker att han redan blivit för gammal för det vid 16 års ålder. Därför sitter han en eftermiddag efter skolan och 3
4 strökollar sina alternativ, det är då viktigt att han får bra information om sporten och dess träningsgrupper, annars kommer detta bara rinna ur sanden Innehåll Sajten ska innehålla information om klubben och sporten, träningsgrupper och tider, tävlingar, medlemskap och hur man får kontakt med klubben. 2. Struktur 2.1. Vilka delar Sajten ska handla om BMK Boston och berätta om de olika träningsgrupper som finns men också om tränare, styrelse, tävlingar, länkar till andra sidor med bra information, och kontaktsida. Startsidan här finns nyheter med information som är aktuell som sedan länkar till andra sidor med mer information. Träningssidan här berättas det lite kort om varje träningsgrupp, tider, plats, tränare, ålder och vilken utrustning som krävs. Tävlingssida information om vilka tävlingar som är på kalendern under året och information om den senast aktuella tävlingen för klubben. Länkar till resultat och reseinformation. BMK Boston-sidan här står det information om klubben samt vilka som sitter i styrelsen. Medlemskapssidan sida som handlar om priser och vad ett medlemskap innebär. Här finns även länk till kontaktformuläret på kontaktsidan. Badmintonsidan information om sporten badminton, historik och rolig fakta samt en regelbok. Detta för att skapa intresse för nya medlemmar. Kontaktsida med våra kontaktuppgifter men också med ett kontaktformulär för att börja träna eller för att ställa frågor. Totalt ser jag i uppstarten att sajten kommer att innehålla 7 sidor Sitemap 4
5 2.3. Mappstruktur 3. Layout och Design 3.1. Layout Allmänt för layouten är att den kommer att vara fixerad till mitten. 5
6 Ovan är layouten för startsidan. Det är egentligen bara innehållet inom de röda linjerna som skiljer sig från de övriga sidorna. Här kommer sidan vara indelad i tre kolumner som står för de olika rubrikerna. När bilder läggs in blir alla i samma storlek, och man får då trycka på miniatyrerna för att få upp bilderna fullskaligt. Eventuellt kommer det att finnas två bildminiatyrer en för landskapsläge och en för porträtt. Alla kolumner kommer sedan att ha en slags arkivfunktion där man kan se gamla nyheter, länkas till ett utökat galleri eller till klubbens Facebookgrupp. Det finns dock en risk att tre kolumner kan tyckas väldigt grötigt och trångt, vilket i sin tur gör att det blir rörigt och inte används. Tanken är i så fall att Facebookkolumnen tar upp en större del av sidan och ett eventuellt galleri kommer att ligga på Facebook istället för på webbsidan. Se följande figur: Ännu en risk är min bristande kompetens, vilket gör att en koppling mellan Facebook och webbsida ännu ej är möjlig eller att jag inser att denna lösning inte är den optimala för det tänkta syftet. Om så är fallet kommer layouten se ut så här: 6
7 Nedan är layouten för alla de övriga sidorna på sajten: Även här kommer alla bilder som läggs in på samma sida vara av samma storlek i miniatyrer. Undernavigationen är tänkt att fungera som en extra meny under den första menyn. T ex fliken Om badminton kommer vara indelad i två stycken på samma sida Fakta/Historik och Regler. Trycker man på knappen regler blir man automatiskt nedscrollad till stycket regler. Allt som är under samma knapp i den första menyn, kommer också ha en undermeny trots att allting finns på samma sida. För att förtydliga kommer man kunna trycka på Om badminton och sen välja mellan Fakta/Historik eller Regler. Men man kan också välja att scrolla ned för att komma till regler eftersom allting egentligen ligger under sidan Om badminton Design Färg och känsla Den känsla jag vill skapa är att det ska kännas inbjudande att vara inne på sidan, det ska kännas som att man tillhör och är en del av klubben, och är man inte medlem ska man vilja bli det. Hemsidan ska kännas trygg. En del av BMK Bostons motto är BMK Boston ska via badminton ge ungdomar en meningsfull fritid. Därför vill jag skapa trygghet och motivation med webbsidan. För att välja ett ord att beskriva den känslan jag beskrev ovan stämmer familjär in väldigt bra. Under min uppväxt har denna klubb varit som min andra familj, vilket jag vill att fler ska uppleva. Med denna känsla i bakhuvudet väljer jag följande färgschema: 7
8 Det är viktigt att alla känner sig välkomna och därför har jag valt ett färgschema med en könsneutral look. Att alla ska känna sig välkomna är något som BMK Boston prioriterar högt eftersom de anser att det är nyckeln till den meningsfulla fritid som mottot benämner. Förutom den könsneutrala touchen har jag hämtat inspiration från klubbens färger. De har i tidigare år haft den är typen av grönfärg som klubbfärg, och använt den på så väl klubboverall som tävlingströjor. Klubbfärgen är inte absolut, och den har växlat från grön, till kornblå och idag är den svart. Ett sista skäl till valet av den gröna färgen är att den får mig motiverad och sugen på att träna, och tycker att den fungerar mycket bra som ett komplement till den annars lätt kalla och sterila looken svart och vit. Min första tanke var att använda mig av den kornblåa färgen, då klubben idag använder sig av den på dagens webbsida, men den blev lätt tråkig och lite för lugn. Detta är en idrottsklubb och det är därför jag vill framkalla motivation och gärna adrenalin. Som tidigare nämnt är det viktigt att webbsidan samtidigt utstrålar trygghet varför jag har valt att inte använda mig av rött. Enligt föreläsning 4 vecka 2 (2014) framkallar rött passion och adrenalin vilket tordes vara ett självklart val för att framkalla det jag beskriver. Dock kan röda toner lätt framkalla stress, och återigen är det också viktigt att känna trygghet med klubben. Sammanfattning: Min känsla är att dessa färger är familjär men motiverande Bilder och teckensnitt Jag kommer att använda mig av två teckensnitt, ett för rubriker och ett för brödtexten. Det för rubriker heter Wagner modern och är en gratisfont som jag laddat ned från Jag skulle säga att teckensnittet är tungt och utmanande vilket jag tycker stämmer överens med sporten badminton. Jag kommer 8
9 att använda teckensnittet Helvetica Neue LT com, 55 Roman för brödtexten då jag tycker att den är lättläst och snygg. De bilder jag kommer att använda mig av är egengjorda bilder på Photoshop, klubbens logga samt medlemmars egna foton. Självklart kommer jag behöva medlemmarnas godkännande för dessa bilder och detsamma gäller godkännandet av loggan fast från klubbens ordförande. Den design jag kommer att utgå ifrån när jag skapar min webbsida kommer att se ut som följer: (Jag vill vara noga med att poängtera att denna design kan komma att ändra sig med tidens gång och ju mer erfaren jag blir). Detta är version ett av startsidan. Tanken är att badmintonracket ska byta plats när man klickar på något av de andra fälten i menyn, och på så sätt vet man var på sajten man befinner sig. Bilderna är tagna från dagens webbsida och klubbens Facebookgrupp. Min förhoppning är som tidigare nämnt att Facebook ska kunna finnas med på webbsidan, och eftersom det här kanske blir för smått har jag i så fall tänkt att det ska kunna se ut så här om det blir som tidigare nämnt grötigt: 9
10 Galleriet kommer här istället att ligga på klubbens Facebooksida och endast flödet visas på sajten. Nästa bild är hur jag har tänkt mig att de övriga sidorna ska se ut: Här finns det en meny under den stora menyn, det är denna jag kallar för undernavigation i min layoutbeskrivning. Tanken är att det ska gå att scrolla på denna sida, och då kommer man i denna bild komma till Kontaktformulär. Man kan också, om man vill, trycka på knappen kontaktformulär så blir man scrollad dit direkt. 10
11 4. Tillägg vid slutinlämning Efter att ha arbetat med webbsajten under tio veckor har en del förändringar gjorts. Jag börjar med att komplettera förra inlämningen av designspecifikationen med kommentarer jag fått från lärare gällande strukturplaneringen från första designspecifikationen. Sedan går jag till att visa de förändringar av sajtens som har gjorts från mina egna lärdomar samt klasskamraters kommentarer. 4.1 Tillägg strukturplaneringen Med påvisning att det bör finnas en tillhörande bildtext till både mappstruktur och sitemap lägger jag här med till det: I mappen Boston (bmk boston i verkligheten) ligger alla mappar som tillhör sajten, där finns också startsidans html-fil. I html-mappen finns alla resterande html-filer. Varje sida på sajten har en egen mapp, och där ingår även filer eller bilder som finns med i html-filen. Bilder som angår innehållet ligger alltså i html-mappen medan bilder som angår utseende tillsammans med stilmallar ligger i mappen images. För sitemapen var det mycket riktigt fel att starta med en sida som heter bmk boston, den finns ju inte. Den har därför gjort om så att jag visar att man kommer in på startsidan först och kan sedan komma till de olika flikarna på sajten, det är de mörkare färgerna som visar vilka just dessa flikar är. De ljusare färgerna står för det innehåll som finns när man klickar på flikarna i huvudmenyn. 11
12 4.2 Tillägg genom tidens gång De förändringar jag nu ska visa är de jag själv upptäckt för att hitta en smartare lösning för att få ett effektivare innehåll. Dessa rör sitemapen. Jämför med bilden i föregående stycke med den nedan. Förklaring till siffrorna i bilden kommer här: 1. Istället för ett facebookflöde visas de senast inlagda bilderna i ett galleri. 2. Seriespelet i BMK Boston är en viktig del av tävlandet och har speciella regler och annan information som skiljer sig från övriga tävlingar, därför fick det ett eget område. 3. Boston arrangerar egna tävlingar vilka ska vara enkla att hitta för såväl egna spelare som för de som kommer och gästspelar. Genom denna flik kommer man tillrespektive tävling. 4. För någon som är helt ny inom sporten kan det vara viktigt att veta saker om de olika materialen som används, därför har ett område inom material tillkommit. 5. En ny flik på menyn som heter Arkiv har tillkommit. Detta för att kunna spara nyhetshändelser, dokument samt för att enkelt hitta bilder i galleriet. 6. Från galleriet kan man klicka på de små bilderna för att få upp de som stora i en egen sida där alla bilder från den tävlingen kommer upp. Längst upp på denna sida finns också information om vilken tävling de är ifrån. Så här ser alltså sitemapen ut idag: 12
13 4.3 Övriga kommentarer och förändringar I övrigt har det gjorts vissa justeringar på kodning samt utseende efter kritik från klasskamrater samt efter egna upptäckter. Justeringarna som gjorts är: Sidfotens kontrast är justerad med hjälp av fet stil på texten, jag får för mig att den syns tydligare nu. Menyn är justerad så den även ser bra ut i internet explorer. (Innan hoppade texten utanför menyraden) Ordnades med marginal på ul istället för li. Svårlästa rubriker då jag ville ha kvar fonten för min känsla med sajten löste jag detta med letter-spacing för mer luft mellan bokstäverna. 13
14 HTML-filerna såg röriga ut, och jag lade in mer luft i dessa. Bilder och filer kopplade till viss sida ligger i sidans mapp. Bilder kopplade till css ligger i images-mappen. Innan uppstod det förvirring då bilder som egentligen tillhörde html-filen Om_badminton låg i images, vilket de inte borde då endast bilder kopplade till stilmallen skulle ligga där. Stilmallen är nu mera validerad korrekt (grönt ljus). Alla html-sidor är nu mera validerade med grönt ljus Sparade om alla html-filer i notepad++ med utf-8 utan bom för att teckenkodningen skulle fungera korrekt, och det gör den nu. I designens första del ville jag ha ett racket med på sidan för att markera var på sajten man befann sig. Detta har jag tagit bort då jag ansåg att det blev för rörigt och försvårade mer än framhävde innehållet. Racketet är ersatt med fet stil och ett understreck istället. Det jag kan konstatera är att det var mycket bra att få kritik från andra för att se förbättringsförslag jag själv inte sett, jag fick också tips på hur jag lättare kunde lösa saker. Efter dessa förändringar är jag nöjd med sajten. Sajten är driftsatt och går att hitta på 14
Manual för nya hemsidan. Grundläggande funktioner för lagledare
Manual för nya hemsidan Grundläggande funktioner för lagledare Inledning Detta dokument beskriver de grundläggande funktionerna på Onyx nya hemsida och hur Du: Lägger ut en nyhet på ditt lags hemsida Lägger
Läs merWebbsidekurs för nybörjare
Webbsidekurs för nybörjare Hörselskadades distrikt i Stockholms län (www.distriktet.info) Inledande faktaruta Alla HRF föreningar erbjuds möjligheten att kostnadsfritt publicera information på en egen
Läs merÖvning (X)HTML 2. Sidan 1 av 7 2010-11-11
Sidan 1 av 7 2010-11-11 Övning (X)HTML 2 Innan du börjar med laborationen ska du se till så att du har öppnat din editor (till exempel Notepad++). I denna editor ska du skriva (X)HTML-kod som du sedan
Läs merAnvändarmanual för webbapplikationen Fejjan för alla. Manualens version:1.0. Datum: 5 februari 2014
Fejjan för alla 1.0 Användarmanual för webbapplikationen Fejjan för alla. Manualens version:1.0. Datum: 5 februari 2014 Fejjan för alla gör det lättare för personer med olika typer av funktionsnedsättningar
Läs merMANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR
MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR I följande dokument hittar ni information om hur ni administrerar er nya hemsida. Manualen går endast igenom grundläggande administration. För mer avancerad redigering
Läs merCopy Cat Laboration 4
Laborationsanvisning Copy Cat Laboration 4 Författare: Johan Leitet Version: 1 Datum: 2011-09-19 Inledning Vi kommer på denna laboration fortsätta med CSS och nu finslipa vår sida. Du kommer även att få
Läs merDel 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 merAnvändarhandbok Mealman
Användarhandbok Mealman Mars 2015 Innehåll 1 Idén bakom Mealman... 2 2 Varför och hur ska Mealman användas?... 3 3 Installation... 4 3.1 Spara Mealman som en app-ikon.... 4 3.1.1 Jag använder Internet
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 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 merMANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR
MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR I följande dokument hittar ni information om hur ni administrerar er nya hemsida. Manualen går endast igenom grundläggande administration. För mer avancerad redigering
Läs merHur skriver man ett textdokument med bild i OpenOffice?
Lathund för textdokument (Writer) och lite presentation (Impress). 1. Ladda hem OpenOffice på www.openoffice.org. 2. Öppna OpenOffice och välj textdokument (Writer). 3. Välj ett lämpligt teckensnitt genom
Läs merAnvändarhandledning. edwise Webbläsarinställningar 2013-10-24
Användarhandledning edwise Webbläsarinställningar 2013-10-24 Sida 2/22 Innehållsförteckning 1 Webbläsarinställningar... 3 1.1 Internet Explorer Kompabilitetsläge... 3 1.1.1 Inställningar för kompabilitetsvyn...
Läs merLägga till bild i e- handeln
Lägga till bild i e- handeln INNEHÅLL 1 LÄGGA TILL BILD I E-HANDELN... 3 2 LÄGGA TILL BILD PÅ PRODUKT... 3 3 LÄGGA TILL BILD PÅ KURS... 4 4 LÄGGA TILL BILD I TIDMALLEN... 6 5 SKAPA URL TILL BILD... 7 5.1
Läs merAnvä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
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 merLärarhandledning. Felix börjar skolan
Lärarhandledning för Felix börjar skolan Felixonline är en digital anpassning av barnboksserien Felix börjar skolan utgiven av Bonnier utbildning. Syftet med läromedlet är i första hand att skapa läsupplevelse
Läs merManual. Anpassad för CMS Made Simple version 1.9.x (uppdaterad 2011-10-16) Birger Eriksson webblots.se
Manual Anpassad för CMS Made Simple version 1.9.x (uppdaterad 2011-10-16) Birger Eriksson webblots.se Innehållsförteckning Start... 3 Lägg till ny sida...3 Redigera sida som redan finns...3 Titta på resultatet...
Läs merWebbsida i Wordpress. Existens på webben och bli sökbar
Webbsida i Wordpress Existens på webben och bli sökbar Om Susann Rickan Susann Rickan bor i Nora Byggt webbsidor i 16 år Eget företag sedan 2009. Hjälper företag med webb och foto. Tycker om att bygga
Läs merMANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR
MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR I följande dokument hittar ni information om hur ni administrerar er nya hemsida. Manualen går endast igenom grundläggande administration. För mer avancerad redigering
Läs merUtseende. 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...........................................
Läs merGuide för att komma igång med Laget.se
Guide för att komma igång med Laget.se För att lättare komma igång med hemsidan för laget har Öjebyns IBF skapat ett dokument för att hjälpa er med detta: Klicka på Menyerna nedan för att hoppa till det
Läs mer1 Allmänt. 2 Hur gör man. 2.1 Gå till lagets sida, Logga in genom att trycka på hänglåset
1 Allmänt Detta är den lilla instruktionen för att redigera innehållet för laget. För att få en lagsida skicka ett mail till webmaster, webmaster@vikingstad.nu Ange namn, epostadress och lag 1 ALLMÄNT...1
Läs merInloggning 2 Var och hur loggar man in hemifrån?... 2 Hur skapar man engångskoder och ändrar användarnamn?... 2
1 Innehåll Inloggning 2 Var och hur loggar man in hemifrån?... 2 Hur skapar man engångskoder och ändrar användarnamn?... 2 Allmänna inställningar hur du ändrar utseende och språk samt navigerar i menyn
Läs merLektion 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 merKalmarsund BK:s hemsida
Kalmarsund BK:s hemsida Sida 1 av 6 Du börjar med att gå till hemsidan för Svensk Bridge. Den ser ut så här: Klicka på rutan Logga in uppe till höger. Då kommer denna sida upp: Här du skriver in ditt Medlemsnummer
Läs merSandsbro AIK - Manual till redaktörer - IdrottOnline Klubb
Sandsbro AIK - Manual till redaktörer - IdrottOnline Klubb Redigeraläge Startsidan Beskrivning av flikarna Öppna hemsidan: http://www2.idrottonline.se/default.aspx?id=196012 Öppna ditt arbetsrum. Klicka
Läs merHandledning till FC 12 på webben
Handledning till FC 12 på webben Detta är en kortfattad handledning där vi går igenom de viktigaste funktionerna i nya FirstClass. Förändringen av FirstClass är kanske den största under de snart 25 år
Läs merPREMIUM COMAI WEBBKALENDER
1 PREMIUM COMAI WEBBKALENDER 2.0 ADMINISTRATÖR utvecklar och säljer anpassningsbara smartphone 2 Innehåll 1 Inledning... 3 1.1 Terminologi... 3 1.2 Teknisk kravspecifikation... 4 1.3 Behörigheter... 4
Läs merNy startsida i Marknadsplatsen
Regionservice, område Inköp Ny startsida i Marknadsplatsen Information till dig som är extern kund Akuta kommunala läkemedelsförråd Ny Startsida/Välkomstsida i Marknadsplatsen Marknadsplatsen har fått
Läs merFöreningarnas nya sidmall. Version 4, 12.4.2016
Föreningarnas nya sidmall Version 4, 12.4.2016 Innehållsförteckning Föreningarnas nya sidmall... 1 Introduktion... 3 Sammanfattning... 3 Sidmallar och sidornas uppbyggnad... 4 Gamla sidmallen... 4 Nya
Läs merINDIVIDUELL INLÄMNINGSUPPGIFT
INDIVIDUELL INLÄMNINGSUPPGIFT Sofia Aronsson ANVÄNDBARHET OCH GRAFISK DESIGN MIS 13, Nackademin Yrkeshögskola Lärare: Ellinor Ihlström Inledning... 3! Analys... 3! Hitta... 3! Förstå... 5! Använda... 6!
Läs merManual till publiceringsverktyg
Manual till publiceringsverktyg Allmänt När man har loggat in hamnar man direkt på översikten över hela webbplatsen. Överst hittar man en meny som alltid ligger med i verktyget. Denna meny innehåller översikten
Läs merAdministration av lagets arbetsrum lathund
Administration av lagets arbetsrum lathund 1: Logga in Öppna din webbläsare och gå in på nya Skuru-webben (www.skuruik.se/handboll). 1. Gå till ditt lags arbetsrum (du hittar laget antingen under Barn/Ungdom
Läs merwww.faltbiologerna.se
Redigering av www.faltbiologerna.se sammanställt av Magnus Bjelkefelt, november 2011 reviderad oktober 2012 Innehållsförteckning 1. Logga in................................................... 2 1.1 Var
Läs merSnabbkurs i Wordpress för IOGT-NTO
Snabbkurs i Wordpress för IOGT-NTO Välkommen till din nya sida! Det här materialet är till för att ge en snabb genomgång av din nya sida och de olika funktionerna så att du snabbt kan komma igång och arbeta
Läs merLaboration 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å.
Läs merManual för lokalredaktörer villaagarna.se
Manual för lokalredaktörer villaagarna.se Version 2 Villaägarnas Riksförbund Sollentuna 2011 Innehåll Redigera befintlig sida... 3 Skriva text eller klistra in kopierad text... 5 Rubriker i brödtext...
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 merMANUAL FÖR WEBBEN. Så publicerar du aktiviteter och redigerar din föreningssida på hemslojden.org. Version 2.0 januari 2018
MANUAL FÖR WEBBEN Så publicerar du aktiviteter och redigerar din föreningssida på hemslojden.org. Version 2.0 januari 2018 1 Så kommer du igång Här finns manualen och nedladdningsbara bakgrundsbilder.
Läs mer12 Webb och kurshemsidor
12 Webb och kurshemsidor Många lärare använder sig av kurswebbsidor eller egna personliga webbsidor som ett ställe att samla information och dokumentation kring sitt arbete. Om du ska skapa en webbsida,
Läs merMULTI COMAI WEBBKALENDER
1 MULTI COMAI WEBBKALENDER 1.1 ANVÄNDARE utvecklar och säljer anpassningsbara smartphone 2 Innehåll 1 Inledning... 3 1.1 Terminologi... 3 1.2 Teknisk kravspecifikation... 4 1.3 Behörigheter... 4 2 Start...
Läs merManual för hantering av lagsida inom BSK HFO
Manual för hantering av lagsida inom BSK HFO Denna manual innehåller följande ämnen: Strukturen för en lagsida Roller i IdrottOnline Logga in på IdrottOnline Publicera en nyhet Använda en bild (ladda upp
Läs merLaboration 3 i kursen Produktion för tryckta medier och webb: Webbplatsproduktion med ett publiceringssystem
Laboration 3 i kursen Produktion för tryckta medier och webb: Webbplatsproduktion med ett publiceringssystem Målsättning Att bygg upp en komplett webbplats i ett publiceringssystem. Platsen ska vara snygg,
Läs merManual - Introduktionskurs SiteVision
Manual Introduktionskurs SiteVision sidan 1 Manual Introduktionskurs SiteVision den 3 september 2014 09:00 Innehållsförteckning Logga in 2 Redigera text 3 Om bilder på ale.se 6 Lägga till en bild 7 Lägga
Läs merWebbskribent @ Tjörn. Handläggare: Peter Olausson, webbmaster Datum: 2015-03-19. Tjörn Möjligheternas ö
Webbskribent @ Tjörn Handläggare: Peter Olausson, webbmaster Datum: 2015-03-19 Tjörn Möjligheternas ö Grundutbildning för skribenter på hemsidan och/eller intranätet Upplägg: Vi tar en titt på hur hemsidan
Läs merThomas Pihl Frontermanual för studerande vid Forum Ystad
Thomas Pihl 2007 Frontermanual för studerande vid Forum Ystad Innehåll Fronter...2 Inloggning...2 Ändra användaruppgifter...4 Anpassa Min sida...5 Verktygen på Min sida...6 Notiser...7 Mitt arkiv...9 Fronter
Läs merUrsvikskolan Elevernas lathund för skolwebben
1 Ursvikskolan Elevernas lathund för skolwebben Innehåll Inloggning 2 Var och hur loggar man in hemifrån?... 2 Hur skapar man engångskoder och ändrar användarnamn?... 2 Allmänna inställningar hur du ändrar
Läs merLogga in på din hemsideadministration genom dina inloggningsuppgifter du fått.
Joomla Guide 2.5.11 MENYER Sida 1 av 41 MENYER En meny är centerpunkten på en hemsida. Det är ifrån denna man utgår om man vill navigera på hemsidan. Menyer kan vara vertikala eller horisontella och är
Läs merSORSELE KOMMUN. Handbok OEW. 28 sept 2012 Mari-Anne Englund Barbro Olofsson. Sorsele kommun Version 2012-09-28, rev 131101 1 (19)
Handbok i OEW 28 sept 2012 Mari-Anne Englund Barbro Olofsson Sorsele kommun Version 2012-09-28, rev 131101 1 (19) Använd det användarnamn och lösenord som du fått. Fungerar det inte hör av dig till Mari-Anne
Läs merWindows Live Photo Gallery - Windows 7
Windows Live Photo Gallery - Windows 7 http://windows.microsoft.com/sv-se/windows-live/photo-gallery avser Windows 7 Vad kan du göra i Windows Live Photo Gallery - Windows 7 Importera foton i Fotogalleriet
Läs merVerktyget är begränsat till Microsoft Internet Explorer v 7.0 och uppåt
Verktyget är begränsat till Microsoft Internet Explorer v 7.0 och uppåt 1. Inställningar / Kontaktuppgifter Uppgifter som matas in i den vyn ovan visas i sidfoten på hemsidan: 2. Skapa nya sidor Om man
Läs merGuide till Mynewsdesk Hosted Newsroom - Kom igång och spegla ditt pressrum!
Guide till Mynewsdesk Hosted Newsroom - Kom igång och spegla ditt pressrum! Hur du implementerar ditt Hosted Newsroom I den här guiden kan du läsa hur du skapar ert Hosted Newsroom ert pressrum på er egna
Läs merAdministration av lagets arbetsrum. Lathund
Administration av lagets arbetsrum Lathund Innehåll 1 Logga in... 2 2 Koppla serier till ditt lag... 3 3 Koppla serier och matcher till lagets kalender... 4 4 Konfigurera välkomsttext... 5 5 Konfigurera
Läs merSe till att du har inloggning till din lagsida, kontakta kansliet. Gå till din lagsida och logga in via hänglåset uppe i högra hörnet.
Lathund LOK-stöd/aktivitetsstöd 1. Skapa aktiviteter i kalendern 2. Registrera närvaro 3. Klart! Vad är LOK-stöd LOK-stöd, eller aktivitetsstöd, är ett ekonomiskt stöd som föreningar får för redovisade
Läs merGrundläggande funktioner i CMS ifrån Argonova Systems, 2011.
Grundläggande funktioner i CMS ifrån Argonova Systems, 2011. Syfte Detta dokument tar upp grundläggande funktioner i Argonova Systems CMS i syfte att förbereda och stödja användaren, vid sidan av och inför
Läs merUnder Kurser visas dina kurser som kort och om där finns nya uppgifter eller anslag visas antalet i kurskortet.
En kort introduktion till Fronter 19 Välkommen till en ny Fronter-upplevelse. Den här guiden kommer att ta upp skillnader mellan den nuvarande Fronter-plattformen och Fronter 19, och de förändrade arbetsprocesserna.
Läs merKom 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
Läs merANVÄNDARMANUAL, INTERAXO
ANVÄNDARMANUAL, INTERAXO 1 VARFÖR ÄR DET OLIKA FÄRG OCH UTSEENDE PÅ MAPPARNA? Gula mappar Blå mappar Blårandiga mappar Enkla mappar som man känner igen från Utforskaren. En gul mapp kan innehålla undermappar
Läs merFUB och Klippan - Vårt webbverktyg 2014-03-01. I din webbläsare, skriv in www.fub.se/user eller klicka på Logga in längst ner på startsidan.
Vårt webbverktyg Komma igång del 1 I din webbläsare, skriv in www.fub.se/user eller klicka på Logga in längst ner på startsidan. 1. Ta fram ditt användarnamn och skriv in 2. Ta fram ditt lösenord och skriv
Läs merLaboration med Internet och HTML
Laboration med Internet och HTML Denna laboration går ut på att du skall kunna skapa enkla hemsidor i HTML. Vi kommer inte att ta upp edstorer för hemsidor som t.ex. DreamWeaver eller FrontPage. Dessa
Läs merManual för nya hemsidan. Grundläggande funktioner för lagledare
Manual för nya hemsidan Grundläggande funktioner för lagledare Inledning Detta dokument beskriver de grundläggande funktionerna på Onyx nya hemsida och hur Du: Lägger ut en nyhet på ditt lags hemsida Lägger
Läs merEn guide till mediekatalogen på SLI Utbildningsförvaltningen Uppsala. Svenska läromedel på internet
En guide till mediekatalogen på SLI Utbildningsförvaltningen Uppsala Svenska läromedel på internet Uppdaterad 9 mars 2016 Konto Bli medlem Klicka på hänglåset uppe till höger och välj menyalternativet
Läs merXhtml 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
Läs merDina inloggningsuppgifter är samma som du använder för att logga in på skolans datorer.
Att logga in Öppna Internet Explorer (eller någon annan webbläsare). I adressfältet skriver du www.hjarntorget.net (eller bara hjarntorget.net). Tryck sedan på Enter-tangenten. Nu öppnas Hjärntorgets inloggningssida.
Läs merHemsida. Lathund för medlemsföreningar. Funktioner för medlemsföreningar på hemsidan. Syfte med medlemsföreningens sidor
Hemsida Lathund för medlemsföreningar 2016-12-07 Funktioner för medlemsföreningar på hemsidan Varje medlemsförening har en egen sektion på scuf.se Styrelsen kan redigera sin medlemsförenings sidor, skriva
Läs merIFK Viksjö. Manual MyClub. En guide för användandet av MyClub. Jamil Yousef
IFK Viksjö Manual MyClub En guide för användandet av MyClub Jamil Yousef 2018-08-20 Innehåll Inledning... 2 Inloggning till MyClub... 3 Hantera medlemmar... 5 Registrera ny spelare... 5 Hantering av kontaktpersoner...
Läs merDet finns tre sätt att ta sig till inloggningen för Mina sidor från vår hemsida (startsidan). 1) Genom direktlänk.
Manual Mina sidor 1 2 Det finns tre sätt att ta sig till inloggningen för Mina sidor från vår hemsida (startsidan). 1) Genom direktlänk. 2) Genom att klicka på Mina sidor i menyn. 3) Genom att klicka på
Läs merInledning. Att bli medlem
- Inledning Nedan följer en instruktion om hur man blir medlem på Vreta-Ytternäs hemsida och sedan en instruktion om hur man loggar in. Innan man kan logga in måste man registrera sig som medlem. Anledningen
Läs merEn 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 merManual för lokalredaktörer villaagarna.se
Manual för lokalredaktörer villaagarna.se Version 1 Villaägarnas Riksförbund Sollentuna 2011 Postadress Besöksdress Telefon Fax E-post Hemsida Box 7118, 192 07 Sollentuna Johan Berndes väg 8-10 010-750
Läs merWebbutveckling 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 merGör en egen webbplats
I det här avsnittet får du lära dig att bygga en egen minsida lägga till text och bilder skapa en egen design lägga till en bakgrund på webbplatsen I nästa nummer får du hjälp att bygga en större webbplats
Läs merLathund för att publicera på SAKs webbplats för användare i lokalföreningar.
Lathund för att publicera på SAKs webbplats för användare i lokalföreningar. Logga in Fyll i dina inloggningsuppgifter på sak.se/user. Har du glömt bort lösenordet klickar du på länken Forgot password.
Läs merODD FELLOW ORDEN. Manual. Sidverktyget. oddfellow.se. version
ODD FELLOW ORDEN Manual Sidverktyget oddfellow.se version 1210012 Kort om intranätet odd fellow ordens webplats består av två delar; En publik del vars målgrupp är besökare som inte är medlemmar i orden
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 merFrontpage 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
Läs merArbeta i Sharepoint dokumenthanteringssystem
Arbeta i Sharepoint dokumenthanteringssystem För att komma ifrån problemet med olika versioner av dokument ska alla webbdokument läggas in i dokumenthanteringssystemet Sharepoint. Så här laddar du upp
Läs merNätdejta! Loveina Khans. Några klick till kärleken
Nätdejta! Loveina Khans Några klick till kärleken Del 2 lägg upp din profil 3. Innan du börjar... 8 4. Information om dig... 9 5. Foto... 28 6. Ange vem du söker... 3 7. Gör din presentationssida personlig...
Läs merWebbdesign. Fotografiska vann bästa webbsite 2015 i kategorin turism:
Webbdesign Man kan definiera webbdesign som konsten att skapa webbplatser. En webbdesigners uppgift är att välja färger som passar, lägga till bra och rätt funktioner till webbplatsen och sedan se till
Läs merFöreningen Nordens lokala hemsidor
Guide till Föreningen Nordens lokala hemsidor Uppdaterad: 2017-02-13 1 Detta är en guide framtagen för att underlätta för Föreningen Nordens avdelningar och distrikt att administrera de lokala hemsidorna.
Läs merLATHUND TILL GOOGLE SITES
LATHUND TILL GOOGLE SITES 2012 Mörbyskolan Denna lathund går igenom hur du skapar, redigerar och kan använda Google Sites i undervisningen Rev. 1.0a Innehållsförteckning 1. VAD ÄR GOOGLE SITES? ES?.........2
Läs merWebb: www.magnusfermin.se Email: mediaproducer@fermin.se Tel: +46 706 86 33 30. Utbildning i EpiServer för Konstfack.
Webb: www.magnusfermin.se Email: mediaproducer@fermin.se Tel: +46 706 86 33 30 Utbildning i EpiServer för Konstfack Övningsuppgifter Oktober 2010 Övningsuppgifter I mappen kursmaterial på skrivbordet i
Läs merGuide för att skapa & ändra Sidor och Statiska block - Speedcom E-Handel
Guide för att skapa & ändra Sidor och Statiska block - Speedcom E-Handel * Zooma dokumentet (150%) så ser du skärmdumparna bättre. De flesta texter som du kan ändra ligger i statiska block så vi börjar
Läs merAnvändarhandledning. edwise Webbläsarinställningar 2013-01-11
Användarhandledning edwise Webbläsarinställningar 2013-01-11 Sida 2/14 Innehållsförteckning 1 Webbläsarinställningar... 3 1.1 Internet Explorer Kompatibilitetsläge... 3 1.1.1 Inställningar för kompatibilitetsvyn...
Läs merGör en modern släktbok för CD eller webben
Gör en modern släktbok för CD eller webben 21 Den traditionella släktboken består av ett antal tabeller och i bästa fall en grafisk stam- eller antavla, och man kan med ett register eller hänvisningar
Läs merDiabetes.se CMS guide för föreningar. Senast uppdaterad:
Diabetes.se CMS guide för föreningar Senast uppdaterad: 2016 11 28 Innehåll Inledning... 3 Frågor... 3 Logga in... 4 Om Föreningens sidor... 6 Skapa ny sida... 7 Redigera en sida/lägg till information
Läs merFör dig som lärare har vi placerat nya inkomna svar från elever under Följ upp uppgifter medan elev på samma ställer ser alla sina aktiva Uppgifter.
En kort introduktion till Fronter 19 Välkommen till en ny Fronter-upplevelse. Den här guiden kommer att ta upp skillnader mellan den nuvarande Fronter-plattformen och Fronter 19, och de förändrade arbetsprocesserna.
Läs merLions Clubs Internationals användarhandbok för e-klubbhuset
Lions Clubs Internationals användarhandbok för e-klubbhuset OCEC4.SW V02.2014 1 Du kan enkelt redigera klubbens webbplats med e-klubbhussystemet genom att följa instruktionerna i den här användarhandboken.
Läs merInledning/innehållsförteckning. Hej!
WORDPRESS LATHUND Inledning/innehållsförteckning Hej! Det här är en lathund för dig som har en hemsida i Möcklenföreningarnas webbportal. Vi hoppas att den ska vara till hjälp. Är det något du inte förstår
Läs merÖvningsProv Internet att skapa hemsidor vt-2006 Webbsideskapande
ÖvningsProv Internet att skapa hemsidor vt-2006 Webbsideskapande Hjälpmedel: Kurslitteratur, utdelade papper, webbdesignskolan, samt World Wide Web. Tillåtna program att skriva kod i är Anteckningar eller
Läs merKom-igång-hjälp för hemsida & e-butik. Praktiska tips för hur du lyckas med innehåll, design och sökmotoroptimering.
Kom-igång-hjälp för hemsida & e-butik Praktiska tips för hur du lyckas med innehåll, design och sökmotoroptimering. Ta reda på dina behov Skapa förutsättningar för att lyckas. Skriv ner en tydlig sidstruktur
Läs merManual för administratör
Manual för administratör Innehållsförteckning 1. Bloggar... 3 1.1 Byta Header- bild till blogg... 3 1.2 Ta bort/lägg till Kategori... 4 1.3 Byt Profilbild samt Lägg till Sociala Medier... 6 2. Publicera
Läs merAnvändarmanual - OVK. Användarmanual OVK Version 1.5 Daterad: 2014-09-09
1 Användarmanual - OVK 2 Inloggning... 3 Allmänt... 4 Öppna protokoll... 6 Fylla i protokoll... 7 Skriva ut protokoll... 16 Returnera protokoll... 17 Uppföljning anmärkningar/åtgärder... 17 3 Inloggning
Läs merEnkel guide till hemsidan via IdrottOnline. Magnus Gunnarsson Mobil: 070-21 21 090 E-post: magnus.gunnarsson@teliasonera.com
Enkel guide till hemsidan via IdrottOnline Magnus Gunnarsson Mobil: 070-21 21 090 E-post: magnus.gunnarsson@teliasonera.com Adressen till Stafsinge IF:s hemsida är www.stafsingeif.se Börja med att gå till
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 merSkapa innehåll. Logga in och administrera hemsidan. Inloggningslänk: www.alvsbyn.se/wp-admin. Byta lösenord
Sidan 1 av 9 Logga in och administrera hemsidan Inloggningslänk: www.alvsbyn.se/wp-admin Byta lösenord 2. Klicka på Profil 3. Längst nere hittar du två fält: Nytt lösenord och Bekräfta nytt lösenord. Fyll
Läs merHANDBOK NYHETER (inkl. logga och pdf) I OEW
DEN HÄR INSTRUKTIONEN BEHANDLAR; Att skapa en nyhet - använda en logga i nyheten - använda en pdf-fil i nyheten ATT SKAPA EN NYHET 1. Logga in i OEW 2. Om du ska använda en logga eller en pdf-fil i nyheten
Läs merSociala medier för företag
Sociala medier för företag Utbildningen ingår i projektet Helikoopter vilket är ett kompetensutvecklingsprojekt som finansieras av Europeiska socialfonden och genomförs i Coompanion Norr och Västerbottens
Läs merNär du valt grupp får du upp denna sida med alla medlemmar i gruppen. Klicka på kalender som finns på den grå menyraden (inringad i rött på bilden).
Lathund MyClub Innehåll Närvaroregistrering... 2 Skapa aktiviteter i kalendern... 7 Skapa kallelse när du skapar aktivitet... 14 Ta bort aktivitet från kalendern... 18 Närvaroregistrering mobil... 19 Närvaroregistrering
Läs mer