Vi ska gå igenom några lagar och skapa en webbsida om dem. Vi börjar med att skapa webbplatsen (utan brödtext). Sedan går vi igenom en lag i taget och ni skriver egna sammanfattningar på respektive sida i era siter.
Skapa en mapp i rotmappen och kalla den lagar. Där samlar du allt som som hör till siten "Lagar". (Du behöver inte ställa in en ny rotmapp om du inte vill denna gång, eftersom inga filer automatsparas i denna uppgift och då kan du själv se till att de hamnar rätt när du sparar sidorna.)
Layouten ska styras av en gemensam stilmall och bestå av tre sidor:
Alla sidor ska ha en meny med länkar till de andra sidorna samt till portalsidan. På portalsidan lägger du en länk till någon av "lagsidorna".
Ni föredrog att få en färdig skiss, men det är helt okej att göra ett eget utseende till webbsidan. Ladda ner en skiss över hur det kan se ut och en skiss med boxarna utritade. Under den senaste finns det också en del kommentarer som kan vara till hjälp, till exempel ett exempel på hur du kan göra menyn.
Hjälp: Skapa HTML-sida, länkar, skapa en CSS-fil, boxar, positionering med CSS.
Fortsatt arbete med lagarna.
Mer om lagarna hittar du om du följer länkarna i "Lär mig!". Där finns också frågor som kan ge dig idéer om vad du kan ta upp på din sajt.
Upphovsrättslagen
Personuppgiftslagen
Lagen om elektronisk kommunikation
Du får inte kopiera och klistra in text om lagarna, utan måste skriva med egna ord. Du ska också ange källor som visar var du hämtat informationen om du använder dig av annat än dina anteckningar från föreläsningarna.
Eleven redogör översiktligt för innehållet i lagar och andra bestämmelser som rör publicering på webben samt följer dem i sitt arbete.
Eleven redogör utförligt för innehållet i lagar och andra bestämmelser som rör publicering på webben samt följer dem i sitt arbete.
Eleven redogör utförligt och nyanserat för innehållet i lagar och andra bestämmelser som rör publicering på webben samt följer dem i sitt arbete.
På torsdag behöver du Dreamweaver CC (2015) för att det ska fungera! Har du inte uppdaterat redan, se till att göra det omgående!
För att det ska fungera behöver du CC (2015)! Tänk på att du ska ställa in en separat rotmapp för detta projekt då de automatskapade filerna hamnar i den och de måste följa med när den färdiga sajten flyttas till kundens webbhotell. Om du missar dagens genomgång eller vill repetera kan du läsa på Bootstraps webbsajt: Getting started, CSS samt Components och googla fram guider som Create a responsive website in Dreamweaver CC – Part 1, Part 2 och Part 3 och filmen Build responsive websites in Dreamweaver CC.
Hårteamets sajt skapas i Dreamweaver och ska vara responsiv, så vi använder oss av Bootstrap.
Sajten ska bestå av dessa sidor:
Företaget vill gärna ha en logotype också. Det spelar ingen roll för dem om hela namnet skrivs på en rad eller om man delar på det och skriver hår på en rad och teamet under.
Sara har skickat fem bilder som ni kan använda till webbsidan. Klicka på bild för bild nedan så den stora bilden laddas och sedan högerklicka och spara ner bilden till din rotmapp. Kom ihåg att justera storleken till lämplig storlek i Photoshop och välja lämplig komprimeringsgrad.
Blomman är salongens fondtapet. Den kanske går använda på något sätt på sajten eller som inspiration vid formgivningen av sidan. Egentligen har ni stor frihet vad gäller designen, men Sara låter hälsa att hon gillar lite enklare sidor.
Googla runt på frisörsidor för att samla inspiration. Planera Hårteamets sajt och logo. Använd papper och penna när du tänker. Ta gärna en titt inspirationsbilden (blomtapeten nedan) som Sara skickat.
K-dag
av hur man kan skapa en Bootstrap-sajt i Dreamweaver. För att repetera på egen hand kan du läsa på Bootstraps webbsajt: Getting started, CSS samt Components och googla fram guider som Create a responsive website in Dreamweaver CC – Part 1, Part 2 och Part 3 och filmen Build responsive websites in Dreamweaver CC.
Infoga-panelen > Bootstrap-komponenter
Läs mer på Bootstraps webbsida under Exempel och Components.
Läs mer på Bootstraps webbsida under CSS.
Fortsättning där vi slutade förra veckan. Gör inte ändringar på CSS-filen som skapas automatiskt i Dreamweaver när du gör en Bootstrap-sajt, utan gör i stället en till stilmall om du vill göra egna ändringar.
Tips: Bilder att använda till Hårteamets sajt finns att ladda i dagboksinlägget 11 februari.
Blir du klar med Hårteamets sajt kompletterar/
förbättrar du det du gjort förut. Är du nöjd med allt börjar du planera ett eget webbprojekt som du jobbar på när du får tid över, en "sticksöm".
Om du ser att du inte kommer att hinna färdigt Hårteamets sajt nästa lektion jobbar du hemma samt anmäler dig till att vara med på tisdagens stödpass.
Fortsätt jobba med Hårteamet och eventuella rester. Om du ser att du inte hinner klart på måndag måste du arbeta hemma.