|
|
| Rad 1: |
Rad 1: |
|
| |
|
| == Beskrivning av blockets innehåll ==
| |
|
| |
| == Uppgifter ==
| |
|
| |
| == Mål ==
| |
|
| |
| == Bedömning - Wordpress ==
| |
|
| |
| == Webbpublicering med Wordpress ==
| |
|
| |
| === Att välja domännamn ===
| |
|
| |
| En [[Media:Idéarbete_och_kreativitet_i_TE14A.pdf | idéprocess för att ta fram ett bra domännamn]].
| |
|
| |
| === Lär dig grunderna om WP ===
| |
|
| |
| : Läs boken gratis här: [http://tdh.se/bok/webbpublicering-med-wordpress/ Webbpublicering med Wordpress]
| |
| {{clear}}
| |
|
| |
| ==== Filmer om WP====
| |
|
| |
| {{#ev:youtube| 8OBfr46Y0cQ | 340 |left | WordPress Tutorial 1: Introduction }}
| |
|
| |
| {{#ev:youtube| gxzrNi1iZ9M | 340 | auto | Binero 3. Så använder du Wordpress som hemsida }}
| |
| {{clear}}
| |
|
| |
| === Länkar till HowTo-filmer om Wordpress ===
| |
|
| |
| {{uppgruta | Länka till HowTo WP
| |
|
| |
| [https://docs.google.com/document/d/1g31F8ihEK3P_5u4EUyBqtp1N8-hcqxZqO6K1_9UzUUw/edit?usp{{=}}sharing Drivedokument där du skriver din länk]
| |
| }}
| |
|
| |
| === HowTo Wordpress-filmer ===
| |
|
| |
| här finns de [[HowTo Wordpress-filmer]] som TE14A rekommenderar:
| |
|
| |
| === En Wordpresskurs på webbstjärnan ===
| |
|
| |
| En [http://kurs.webbstjarnan.se/kurs/bloggkurs/ Wordpresskurs] på webbstjärnan
| |
|
| |
| === Att välja tema ===
| |
|
| |
| Det ska vara
| |
| # snyggt
| |
| # gratis
| |
| # flexibelt i designen
| |
| ## widgets
| |
| ## header, footer
| |
| ## spalter
| |
| ## menyer
| |
| ## page builder eller liknande
| |
| # responsivt (se nedan)
| |
|
| |
| Responsive Web Design (RWD) innebär att webbutvecklaren bygger och designar en webbplats som tillåter layouten att förändras beroende på vilken skärmupplösning besökaren har. Det innebär exempelvis att webbplatsens besökare kan surfa till sajten med en läs/surfplatta, en mobiltelefon eller en dator och att innehållet på webbplatsen anpassas efter besökarens plattform. Utvecklingen av internetaccess från mobila enheter har påskyndat utvecklingen av RWD.
| |
| Responsive Web Design är ett alternativ till att bygga specialanpassade webbplatser för samtliga skärmupplösningar. Skapandet av RWD görs i HTML-koden, där programmeraren ställer in att visa olika CSS:er beroende på besökarens plattform. Genom CSS:en styrs sedan vad som ska visas och hur det ska se ut för just denna specifika skärmstorlek. {{svwp | Responsive_web_design }}
| |
|
| |
| == Pizzeriaprojektet ==
| |
|
| |
| * Hitta filmer om WP och lägg länken i Drive
| |
| * Se till att lägga upp tomma wp som underdomäne för eleverna att skissa år företagen i.
| |
| * Kolla webbstjärnans kurs.
| |
| * Fixa klassens egen sida med hjälp av någon sysslolös från varje grupp.
| |
| * Hitta CC på Youtube, bädda in min film på WP-sidan.
| |
| * Stäm av hur det går. Ge kritik på loggböcker, design, funktion och innehåll
| |
| * CC-kurs på webbstjärnan
| |
| * '''Milstolpe''': Demo Klar
| |
| * Alla grupper ska dema för kunden
| |
| * Därefrer får de arbeta som läxa i grupp och göra klart. Vilka överenskommelser med kunden de gör aär upp till dem. Jag gör avstämningar då ochg då
| |
| * '''Milstolpe''': Sajten klar och levererad
| |
|
| |
| == Tidigare projekt ==
| |
|
| |
| === Sajter: ===
| |
|
| |
| : betongbröder.se
| |
| : skunkphoto.se
| |
|
| |
| === Uppgift ===
| |
| {{uppgruta | '''Fixa en sak på sajten'''
| |
|
| |
| Detta är en självständig uppgift (möjligen i par).
| |
|
| |
| Här finns en att-göra-lista:
| |
| : http://skunkphoto.se/att-gora/
| |
|
| |
| '''bedömning'''
| |
|
| |
| : förmåga
| |
| : rad 2 i kursmatrisen:
| |
|
| |
| : ''"I arbetet följer eleven med viss säkerhet rutiner för projektets administration, dokumentation, kommunikation och samarbeten. Dessutom identifierar och löser eleven i samråd med handledare problem som uppstår i projektet. Eleven för enkla resonemang om hur en grupprocess fungerar och vilken betydelse ledarskapet har för gruppens arbetsprocess."''
| |
| }}
| |
|
| |
| == Arbeta med hemsidan - och bli bedömd som PL ==
| |
|
| |
| En person per punkt nedan. personen rapporterar till mig vilka resultat som nåtts. Hinder, Lärdomar. Ett mejl.
| |
|
| |
| Utse och bedöm
| |
| * en PL för
| |
| ** html,
| |
| ** print och
| |
| ** KeyNote respektive
| |
| * en ansvarig för att klassbilderna är OK
| |
| * en ansvarig för Om oss
| |
| * Diokumentationssidan kan få fler bilder från mig
| |
| * en för HowTo foto själv som undersida till Dokumentation
| |
| * Samla och lägg upp skolbilder på en sida
| |
| * Alla personporträtt ska samlas ihop och fixas
| |
|
| |
| == Design av hemsidor ==
| |
| {{tnkruta|'''Improvement''':
| |
| Game 8, sid 34 i How to Have Creative Ideas av Edward de Bono.}}
| |
|
| |
| === Bilder berättar ===
| |
| ... och är snygga
| |
|
| |
| === Stilmallar ===
| |
|
| |
| * CSS
| |
| * Hitta färdiga mallar på nätet
| |
| * Förbättra den mall man har
| |
|
| |
| === Funktioner ===
| |
|
| |
| * Javascript
| |
| * Program från Softacoulus
| |