Wordpress: Skillnad mellan sidversioner
Hakan (diskussion | bidrag) |
Hakan (diskussion | bidrag) |
||
Rad 67: | Rad 67: | ||
* CC-kurs på webbstjärnan | * CC-kurs på webbstjärnan | ||
* '''Milstolpe''': Demo Klar | * '''Milstolpe''': Demo Klar | ||
* Alla grupper | * 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å | * 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 | * '''Milstolpe''': Sajten klar och levererad | ||
Versionen från 8 november 2014 kl. 22.19
Beskrivning av blockets innehåll
Uppgifter
Mål
Bedömning - Wordpress
Webbpublicering med Wordpress
Att välja domännamn
En idéprocess för att ta fram ett bra domännamn.
Lär dig grunderna om WP
- Läs boken gratis här: Webbpublicering med Wordpress
Filmer om WP
Länkar till HowTo-filmer om Wordpress
Uppgift |
---|
Länka till HowTo WP |
HowTo Wordpress-filmer
här finns de HowTo Wordpress-filmer som TE14A rekommenderar:
En Wordpresskurs på webbstjärnan
En 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. Wikipedia skriver om 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
Uppgift |
---|
Fixa en sak på sajten
Detta är en självständig uppgift (möjligen i par). Här finns en att-göra-lista: bedömning
|
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
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