Wordpress: Skillnad mellan sidversioner

Från Wikiskola
Hoppa till navigering Hoppa till sök
Rad 67: Rad 67:
* CC-kurs på webbstjärnan
* CC-kurs på webbstjärnan
* '''Milstolpe''': Demo Klar
* '''Milstolpe''': Demo Klar
* Alla grupper har eller ska just dema för kunden
* 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

WordPress Tutorial 1: Introduction
EmbedVideo - Felaktigt värde har angivits som placering: "auto". Korrekta värden är "right" för högerställd, "left" för vänsterställd, "center" för centrerad eller "inline".

Länkar till HowTo-filmer om Wordpress

Uppgift
Länka till HowTo WP

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 Wordpresskurs på webbstjärnan

Att välja tema

Det ska vara

  1. snyggt
  2. gratis
  3. flexibelt i designen
    1. widgets
    2. header, footer
    3. spalter
    4. menyer
    5. page builder eller liknande
  4. 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:

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

Tänk! 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