Joomla © 2009 Stefan Andersson 1
Kontaktformulär På varje seriös webbplats bör det finnas ett kontaktformulär. Använd ej maillänkar, risk för spam! 2
Kontaktformulär, begrepp En kontakt innehåller uppgifter (bl.a. mailadress) om en specifik person. Mha av en Kategori kan man gruppera kontakter i olika grupper Man börjar med att skapa en kategori, dock finns det en kategori Contacts redan, vi kommer att använda den. 3
Kontaktformulär, kategori Välj menyn Komponter | Kontakter | Kategorier 4
Kontaktformulär, kategori 5
Kontaktformulär, skapa en kontakt Välj menyn Komponenter | Kontakter | Kontakter 6
Kontaktformulär, skapa en kontakt Välj Ny 7
Kontaktformulär, skapa en kontakt 1.Fyll i namn 2.Välj kategorin Contacts 3.Fyll i e-post adress 4.Välj Spara 8
Kontaktformulär, kontakt skapad 9
Skapa en Kontaktlänk i Huvudmenyn Välj menyn Meny | Huvudmeny 10
Skapa en Kontaktlänk i Huvudmenyn Välj Ny 11
Skapa en Kontaktlänk i Huvudmenyn Välj Kontakter 12
Skapa en Kontaktlänk i Huvudmenyn Välj En kontakt 13
Skapa en Kontaktlänk i Huvudmenyn 1.Fyll i Länkens namn 3.Välj Spara 2.Välj Kontakt 14
Skapa en Kontaktlänk i Huvudmenyn 15
Länken Kontakt i Huvudmenyn Välj Kontakt 16
Länken Kontakt i Huvudmenyn 17
Prova Kontaktlänken 18
Prova Kontaktlänken 19
Infoga bildgallery Det finns en mängd färdiga bildgallerier. I kursen kommer ”Phoca Gallery” att användas, som är en komponent. Komponenten finns att hämta under lektion 4. (finns även på länken)länken Ett exempel, se länk.länk 20
Installation av ”Phoca Gallery” Hämta ”Phoca Gallery”, se lektion 4. Välj spara 21
Installation av ”Phoca Gallery” Välj menyn Tillägg | Installera/Avinstallera 22
Installation av ”Phoca Gallery” 1.Leta upp ”Phoca Gallery” 2.Ladda upp filen 23
Installation av ”Phoca Gallery” Välj ”Install” 24
”Phoca Gallery” installerad 25
Begrepp i ”Phoca Gallery” ”Kategori” Album ”Kategori Visa” Visar innehållet i ett album. ”Kategorier Visa” Visar alla album. Teman, olika utseenden på galleriet, se länk.länk 26
Mappstruktur i ”Phoca Gallery” En kategori motsvarar ett album. Skapa därför en mapp med samma namn som kategorin. Alla bilder som tillhör den aktuella kategorien lägger man i denna mapp. Vid installation av ”Phoca Gallery” skapas en mapp ”phocagallery”. Skapa ny mappar(kategorier) häri. 27
Att skapa ett bildgalleri 1. Skapa en mapp mha ”Media Manager”. 2. Skapa en kategori. 3. Ladda upp bilder till aktuell kategori. OBS!!! Tänk på bildernas storlek. Max upplösning 1000* Lägg till länk till bildgalleriet. 28
Ändra storlek på bild Problem • Ändra storlek på många bilder på ett enkelt sätt. Lösning • Image Resizer, kör installationsfilen, klicka här.klicka här • Finns även på Origolearn under lektion 4. 29
Ändra storlek på bild 1.Markera bilder 2.Välj Resize Pictures 3.Markera storlek 4.Tryck på OK 30
Vårt exempel Består av två kategorier (album) Idre innehåller två bilder ifrån Idre Lofsdalen innehåller två bilder ifrån Lofsdalen 31
”Media manager” Välj menyn Webbplats | Media 32
”Media Manager” Välj ”phocagallery” mappen 33
”Media Manager”, skapa mapp 1.Fyll i mappens namn 2.Välj ”Skapa mapp” OBS! å, ä eller ö är inte tillåtna tecken. 34
”Media Manager”, mapp skapad 35
Starta Phoca Gallery Välj menyn Komponenter | Phoca Gallery | Control Panel 36
Skapa kategori Välj ”Kategorier” 37
Skapa kategori Välj ”Ny” 38
Skapa kategori 1.Kategorins namn 2.Peka ut idre mappen, se nästa bild 39
Skapa kategori OBS! Klicka här 40
Skapa kategori Välj Spara 41
Kategorin skapad Välj Bilder Man kan också välja menyn Komponenter | Phoca Gallery | Control Panel och därefter bilder 42
Ladda upp en bild till en kategori En eller flera bilder Att ladda upp flera bilder beskrivs längre fram Välj Ny 43
Ladda upp en bild till en kategori En eller flera bilder Att ladda upp flera bilder beskrivs längre fram Välj Ny 44
Ladda upp en bild 1.Fyll i ett namn,(alias ej nödvändigt) 2.Välj en kategori 3.Välj en bild, se nästa sida 45
Ladda upp en bild Välj en mapp 46
Ladda upp en bild 1.Leta upp bilden 47
Ladda upp en bild 1.Leta upp bilden 1.Välj en bild 2.Välj Öppna 48
Ladda upp en bild Ladda upp 49
Ladda upp en bild OBS! Klicka här 50
Ladda upp en bild Välj Spara 51
Ladda upp en bild 52
Lägg till länk till bildgalleriet Välj menyn Meny | Huvudmeny 53
Lägg till länk till bildgalleriet Välj ”Ny” 54
Lägg till länk till bildgalleriet Välj ”Phoca Gallery Category List Layout” eftersom vi vill visa alla kategorier (album), i vårt fall Idre och Lofsdalen. ”Phoca Gallery Category Layout visar enbart bilder från en specifik Kategori (album) 55
Lägg till länk till bildgalleriet Länkens namn Välj ”Spara” 56
Lägg till länk till bildgalleriet 57
Visa bildgalleriet Välj Galleri 58
Visa bildgalleriet Välj albumet (kategorin) 2:an indikerar antal bilder i albumet 59
Visa bildgalleriet Klicka på en bild 60
Visa bildgalleriet Bakåt FramåtStoppa bildspelStarta bildspelStäng fönsterUppdatera Stäng fönster 61
Övning Skapa en kategori (album). Koppla ett par bilder till denna kategori. Skapa en länk i Huvudmenyn till Galleriet. Testa och se att Galleriet presenteras. 62
Ladda upp flera bilder Förutsättning Det är skapat en ny kategori (album) Lofsdalen. (Två bilder kopplas till denna kategori) 63
Ladda upp flera bilder Välj menyn Komponenter | Phoca Gallery | Control Panel Välj Bilder 64
Ladda upp flera bilder Välj ”Multiple Add” 65
Ladda upp flera bilder Välj kategori (album) 66
Ladda upp flera bilder 1.Välj kategori 2.Välj Bläddra 67
Ladda upp flera bilder 1.Välj en bild 2.Välj Öppna 68
Ladda upp flera bilder Välj Start upload 69
Ladda upp flera bilder 1.Välj kategori 2.Välj Bläddra Ladda upp en bild till 70
Ladda upp flera bilder 1.Välj en bild 2.Välj Öppna 71
Ladda upp flera bilder Välj Start upload 72
Ladda upp flera bilder 1.Välj bilder 2.Välj Spara 73
Ladda upp flera bilder 74
Visa bildgalleriet Välj Galleri 75
Visa bildgalleriet Välj ett album (kategori) (här väljs Lofsdalen) 76
Visa bildgalleriet Klicka på en bild 77
Visa bildgalleriet 78
Övning Skapa ytterligare en kategori (album). Koppla ett par bilder till denna kategori genom ”Multi Add” funktionen (alltså ladda upp flera bilder på en och och samma gång). Testa och se att Galleriet presenteras. 79
Navigera bland album Det finns en modul Phoca Gallery Tree Module som visar ett träd med alla album (kategorier).Phoca Gallery Tree Module Fördelen är att man lätt kan byta album. Modulen finns att hämta under lektion 4. (finns även på länken)länken Ett exempel, se länk.länk 80
Hämta ”Phoca Gallery Tree Module” Hämta modulen 81
Hämta ”Phoca Gallery Tree Module” Välj spara Spara modulen på t.ex. skrivbordet 82
Installation av ”Phoca Gallery Tree Module” Välj menyn Tillägg | Installera/Avinstallera 83
Installation av ”Phoca Gallery Tree Module” 1.Leta upp ”Phoca Gallery Tree Module” 2.Ladda upp filen 84
”Phoca Gallery Tree Module” installerad 85
Aktivera ”Phoca Gallery Tree Module” Välj menyn Tillägg | Moduler 86
Aktivera ”Phoca Gallery Tree Module” Välj menyn Tillägg | Moduler 87
Aktivera ”Phoca Gallery Tree Module” 1.Byt modulens namn 2.Aktivera 4.Markera Galleri visas enbart på den sidan. 5.Välj Spara 3.Välj right 88
”Phoca Gallery Tree Module” aktiverad 89
Visa ett träd med alla album (kategorier) Välj Galleri 90
Visa ett träd med alla album (kategorier) Välj Album 91