Datakurser
Aktuell vecka: 48

Tillbaka till toppen

Veckoplanering 22TE

Basinfo

Vecka
Dag
Lektionspass Läxa
00 Ordinarie veckolektion yyy
00 Tisdagslektion yyy
00 LOV, Studiedag, etc. yyy
00 PROV yyy

Planering

Läxan ska vara klar INNAN nästa lektionspass om inget annat anges.

85h, mån + tis, 45h helklass + 40h till resp halvklass


Webbutveckling 1
Vecka
Dag
Lektionspass Läxa
34 Dagens pass:
Introduktion
Teori internetteori
Skapa webbsidor
===================================

Introduktion
Kursen webbutveckling 1 (övningar, proj1, proj2, proj3)
Innehåll(teori, övningar, projekt, prov)
Kursplanering, upplägg, webbhotell
Program (webbläsare, utveckling, filöverföring, bildredigering)
===================================

Dagens teori
Internetteori
Kursens samlingssida för teoridelarna
Internetteori-delen direkt

Intressant internethistoria från Internetstiftelsen

1) Skriv ner frågor med svar, 6 st till "internetteori"-fliken

2) Se om dina frågor finns bland frågor+svar till höger på teorisidan. Finns den inte skriv in den.
Lösenord får du av Per.
OBS! Uppdatera sida medan du jobbar så du även ser de senast inskrivna frågorna.
3) Om du hinner just nu!
Tag fram den bästa frågan av dina frågor från internetteori-delen och skapa till varje fråga, 5 svar varav enbart ett är korrekt . Markera det rätta svaret. Spara detta i ett textdokument eller på papper.

Har du båda frågorna klara och lite tid över så börjar vi skapa 22TE's eget teoriquiz. Skriv en fråga i taget (med svarsalternativ och rätt svar markerat) i detta formulär (samma lösen som ovan). Om du inte hinner så gör du det hemma.
===================================

Dagens webbsidekodning
Start konstruera en webbsida, grunder, textformateringar.
Förstå grunden till webbsidekodning med HTML-element.

Teori: HTML Grunder - Första sidan
Demo 1a direkt

Övning 0 "Kom igång"

(För att se filtypsändelser i slutet på filnamnet när du tittar på filer i Utforskaren kan du behöva markera "Filnamnstillägg", på fliken Visa i Utforskaren.)

Två saker att tänka på vid arbete i Anteckningar, "Spara som" filformat "Alla filer" och kodning "UTF-8" .

När du är klar med övningen testar du syntax med valideringstjänsten https://validator.w3.org/

===================================

Vid behov:
Filmer (YouTube)

1) Göra Övning 0 "Kom igång"

2) Repetera element och webbsidestruktur

3) Repetera passets teori
Ta fram den bästa av dina frågor från internetteori-delen.
Skapa 5 svar varav enbart ett är korrekt till varje fråga. Markera det rätta svaret.
Spara frågorna till vår QUIZ, se länk i texten till vänster.
35
Dagens pass:
Kort repetition
Teori webbteori, webbstandarder
Skapa webbsidor
IDE
===================================

Kort repetition
===================================

Dagens teori
Kursens teorisida (webbteori, webbstandarder)

1) Skriv ner frågor med svar för varje flik, 4 frågor till "webbteori"-fliken, 4 frågor till fliken för "webbstandarder"

2) Se om dina frågor finns bland frågor+svar till höger på respektive teorisida. Finns den inte skriv in den.
Lösenord får du av Per.
OBS! Uppdatera sidan medan du jobbar så du även ser de senast inskrivna frågorna.
3) Om du hinner just nu!
Plocka ut den bästa frågan av dina frågor från webbteori och din bästa från webbstandarder. Skapa 5 svar varav enbart ett är korrekt till varje fråga. Markera det rätta svaret.
Spara detta i ett textdokument eller på papper.

Har du båda frågorna klara och lite tid över så fyller vi i 22TE's eget teoriquiz. Skriv en fråga i taget (med svarsalternativ och rätt svar markerat) i detta formulär (samma lösen som ovan, dvs frågor+svar på teorisidan). Om du inte hinner så gör du det hemma.
===================================

Dagens webbsidekodning
Fortsättning på konstruera en webbsida, bild och länk.

Teori HTML Grunder - Bild och länk
Demo 1b direkt (Demo 1a UTÖKAD)

Övning 00 "Kom igång del2"

OBS! Klassuppgift i Classroom
===================================
Utvecklingsmiljö (IDE, Integrated Development Environment)
Ladda ner Visual Studio Code och utveckla i den utvecklingsmiljön.
Webbsideeditorer: Visual Studio Code

Kortkommandon VSC
===================================
Vid behov:
Filmer (YouTube)

1) Göra Övning 00 "Kom igång del2"
När du är klar med övningen testar du syntax med valideringstjänsten validator.w3.org


2) Repetera taggar och webbsidestruktur

3) Repetera passets teori
Ta fram den bästa av dina frågor från varje flik.
Skapa 5 svar varav enbart ett är korrekt till varje fråga. Markera det rätta svaret.
Spara detta i ett textdokument.
35 Tisdag 10.15-12.15 Sal B45

Dagens pass:
Kort repetition
Teori lagar
Filhantering
Webbsideeditor
Skapa webbsidor
===================================

Kort repetition
===================================

Dagens teori
Kursens teorisida (lagar)

1) Skriv ner frågor med svar för varje flik, 6 frågor med svar till "lagar"-fliken

2) Se om dina frågor finns bland frågor+svar till höger på teorisidan. Finns den inte skriv in den.
Lösenord får du av Per.
OBS! Uppdatera sidan medan du jobbar så du även ser de senast inskrivna frågorna.

3) Om du hinner just nu!
Plocka ut den bästa av dina frågor. Skapa 5 svar varav enbart ett är korrekt till varje fråga. Markera det rätta svaret.
Spara detta i ett textdokument eller på papper.

Har du båda frågorna klara och lite tid över så fyller vi i 22TE's eget teoriquiz. Skriv en fråga i taget (med svarsalternativ och rätt svar markerat) i detta formulär (samma lösen som tidigare). Om du inte hinner så gör du det hemma.
===================================

Filhantering, skapa mappar och förstå grunderna i filhantering.
Din mappstruktur ska se ut på följande sätt
OBS! Slå på "Visa filnamnstillägg" (Visa-fliken och klicka i filnamnstllägg)

===================================

Dagens webbsidekodning
Fortsättning på konstruera en webbsida, bild och länk.

Övningar

Övning 1

När du är klar med övningen testar du syntax med valideringstjänsten https://validator.w3.org
===================================

Vid behov:
Filmer (YouTube)

1) Göra klar övning 1 om du inte hann på lektionen.
När du är klar med övningen testar du syntax med valideringstjänsten validator.w3.org


2) Repetera taggar och webbsidestruktur

3) Repetera passets teori
Ta fram den bästa av dina frågor från fliken "lagar".
Skapa 5 svar varav enbart ett är korrekt till varje fråga. Markera det rätta svaret.
Spara detta i ett textdokument.
36 Dagens pass:
Kort repetition: HTML-teori, textformateringar, bilder, länkar.
Teori begrepp
Skapa teoriquiz tillsammans
Köra teoriquiz
Skapa webbsidor
===================================

Dagens teori
Kursens teorisida (begrepp)

1) Skriv ner frågor med svar för varje flik, 4 frågor med svar till "begrepp"-fliken

2) Se om dina frågor finns bland frågor+svar till höger på teorisidan. Finns den inte skriv in den.
Lösenord får du av Per.
OBS! Uppdatera sidan medan du jobbar så du även ser de senast inskrivna frågorna.

3) Plocka ut den bästa av dina frågor. Skapa 5 svar varav enbart ett är korrekt till frågan. Markera det rätta svaret.
Spara detta i ett textdokument eller på papper.
===================================

QUIZ
Har du båda frågorna klara och lite tid över så fyller vi i 22TE's eget teoriquiz. Skriv en fråga i taget (med svarsalternativ och rätt svar markerat) i detta formulär (samma lösen som ovan). Om du inte hinner så gör du det hemma.
===================================

Dagens webbsidekodning
Skapa en startsida på ditt konto (bl a presentera dig själv samt en länk till övningssamlingsstartsidan). Använd bilder, länkar, text, snygg design. OBS! Vi ska styra utseendet med stilmallar så det får du vänta med så länge.. Denna startsida ska heta "index.html" och ligga i mappen "webbutveckling1" på ditt vanliga konto.
"index.html" betyder att det är startsidan i den mappen filen ligger i.

Skapa även en fil som heter "index.html" i mappen ovningar, den här "index.html"-filen ska innehålla länkar till dina övningar (ovning0, ovning00, ovning1).

OBS! Se till att index-filerna hamnar i rätt mappar.

En sista detalj, lägg till en länk på din sida "index.html" i mappen webbutveckling. Länken kan heta "Mina övningar" och länkadressen är "ovningar/index.html", för när jag klickar på den vill jag komma till samlingssidan för mina övningar ("index.html" i mappen ovningar).

Din mappstruktur ska se ut på följande sätt
 
Struktur på filer demo
===================================
Filmer (YouTube)
1) Göra klar dagens övningar om du inte hann på lektionen

2) Repetera taggar och webbsidestruktur

3) Repetera teori, kör quizzen igen (och igen och igen - tills du har alla rätt!) + text i övning 1
37
Fm helklass Dator o nätverk med Niclas
Em helklass Webbutveckling1 med Per
Mer om länkar, bilder och textformatering med färger.
Listor och specialtecken.
CSS - stilmallar. Layoutdesign av webbsidor.


Teori
HTML Lite mer
CSS Grunder
Demo 2 direkt

Övning 2

När du är klar med övningen testar du syntax med valideringstjänsten
https://validator.w3.org

och
http://jigsaw.w3.org/css-validator/


Användbara länkar
w3schools.com
Filmer (YouTube)


1) Göra klar övning 2 om du inte hann på lektionen

2) Installera Filezilla och se till att din sajt fungerar på labbservern.

3) Repetera taggar och webbsidestruktur samt stimallstekniken

4) Repetera text i övningen
38
Teori CSS Lite mer: Ännu mer CSS
Demo 3 direkt
Den externa stilmallen

Övning 3

När du är klar med övningen testar du syntax.

Det finns en valideringstjänst (http://validator.w3.org/unicorn/) som kollar både HTML och CSS, en mix av de två tidigare vi träffat på.
Lägg in en länk till den tjänsten längst ner på varje övningssida du gör från och med dagens övning.

Så börja med att lägga till den i din övning 3 och skicka upp den reviderade filen på labbservern.

Bygg gärna ihop det hela till exempel som en liten "footer".

Använd följande länk för övning 3 och sen samma i kommande övningar men justera lite i länken så den fungerar på din övning.
<div id="myfooter">
   <a href="https://validator.w3.org/unicorn/
   check?ucn_uri=labb.vgy.se/~dittkonto/ovningar/
   ovning3.html&ucn_task=conformance">Unicorn</a>
</div>  
(Se till att allt står på en och samma rad i din kod.)
OBS! URL:n i länken ovan är sammanhängande.
Den är uppdelad på 3 rader på grund av att den inte fick plats på en rad.


Se även Strukturdemo för en korrekt länkning, övning 3.

OBS! Länken fungerar när ni fått ett konto och kontot kommer nästa pass.

Användbara länkar
w3schools.com
Filmer (YouTube)

1) göra klar övning 3 om du inte hann på lektionen, lägg dit valideringslänken, lägg ut på labbservern. Testa att sidan ser bra ut och att valideringslänken fungerar (fungerar bara när sidan ligger på labbservern).
38
Tisdag
13.15-16.15
B45


1) Genomgång "Grafisk design"
Arbeta 2 och 2
Teori Grunder: flik Webbtext, flik Webbgrafik
(frågor till texten) quiz

==========================================

Utdelning av konton till webbhotell.
( I fortsättningen ska alla övningar redovisas på ditt internetkonto.)

Du får ett konto som när du utnyttjar godkänner skolans regler hanterande av IT och självklart följer du alla lagar vilket bland annat innebär att endast godkända och lagliga bilder får förekomma på dina webbsidor.

Du ftp:ar till labb.vgy.se lämpligtvis med Filezilla.
Du hittar dina sidor på "labb.vgy.se/~dittAnvändarNamn" .

Introduktion i filöverföringsprogrammet FileZilla
Hur du skapar en plats i Filezilla mot ditt konto .

För över alla filer och mappar i "webbutveckling1"-mappen till ditt internetkonto och kontrollera att alla länkar och webbsidor fungerar. SE TILL att ALLT fungerar!

OBS! Roten (första mappen) på ditt konto på servern ska motsvara innehållet i din mapp webbutveckling1 på din vanliga dator.

Användbara länkar
video: XHTML and CSS Tutorial - 46 - How to Publish Your Website! (thenewboston 8 min)

- - - - - - - - - - - - - - - - - - - - - - - - -
Frågor om labbserverkonto, övningar
- - - - - - - - - - - - - - - - - - - - - - - - -
Kör 22TE's quiz
Varför inte minitest (18TE) och 19TE's teoriquiz
===================================

Se till att alla dina övningar är klara och att allt ligger på labbservern.
Checka att bilder syns och länkar fungerar.
Övning 3 ska ha en "Unicorn"-länk. Testa att den ger "Grönt" svar.
Piffa gärna upp dina "index"-sidor.

Öva på teorin.



1) Gör klar övning 3 om du inte hann på lektionen

2) Bekanta dig med Filezilla och se till att din sajt fungerar på labbservern.

3) Repetera taggar och webbsidestruktur samt stimallstekniken

4) Repetera text i övningen

5) Repetera övrig teori

39 Tabeller
Teori Tabeller
Demon direkt 4a4b4c (4d4e4f)

Övningar:    övning 4abc (obligatoriskt, ok att lösa på en och samma sida eller 3 st separata)    
(extra för den som är snabb, lite lek med tabeller: övning 5ab , ej obligatoriskt)

==========
Filmer (YouTube)
1) göra klar övning 4abc om du inte hann på lektionen
40
Fm helklass Dator o nätverk med Niclas
Em helklass Webbutveckling1 med Per
PROV teori
 
41 Rep av stilmallar grunder : snabbguide css1

Mer stilmall, CSS2 med bl a lager, relativ och absolut positionering
Teori Lager-Position

Övning 6

----------------------------------
css på w3schoools

==========
Gör klart webbsajtstrukturen, välkomstsida-övningssamlingssida-övningar
Deadline denna vecka
Fungerande (på labbservern):
Övningar (minimum): 3, 4abc, 6ab
Unicorn-länk på samtliga övningar från och med övning 3.

==========
Test av provmiljö
==========

Filmer (YouTube)
1) göra klart det som du inte hann på lektionen
42
Block, inline, boxlayout

Centrering: rutor, text, bilder, även i höjdled!

Installera Adobe Creative Cloud, för att komma åt ett Enterprise konto med bl a Photoshop. Installera Photoshop.
( Se instruktion i Classroom)

==============================
30 min
==============================
Photoshop, bildformat, bildbehandling, anpassning för webb

Teori: Format
Genomgång: Beskära, intensitet, kontrast, svartvit/färg, bildstorlek och spara för webbsidor (testa på ros.jpg)

Övningar Bildhantering-Photoshop .

Skapa en webbsida "photoshopovningar.html" som du lägger bland dina andra övningar (länkas upp från övningssamlingssidan) och lägg ut dina bilder på sidan (bilderna ska vara 500px breda och anpassade för att visas på webbsidor)
  1. Beskära, intensitet, kontrast, bildstorlek och spara för webbsidor (testa på ros.jpg)

  2. Sportbil
    öppna sportbil.jpg , beskär, duplicera lager(dölj gamla)
    markera med Snabbval eller Magnetiskt Lasso eller trollstav (öka tolerans!)
    eventuellt Invertera markering [Ctrl+Shift+I]
    Bilen till nytt lager, kopiera [Ctrl+C], klistra in [Ctrl+V]
    fixa gråskala [Bild/Läge/Gråskala], eller [Bild/Justeringar/Tunna ut]
    fixa oskärpa [Filter/Oskärpa/Gaussisk oskärpa]
    visa alla lager, Spara (obs! nytt namn)

  3. Himmel/blommor/sol
    frilägg gul blomma, snabbval(trollstav)
    markera svart, omvänd markering [Ctrl+Shift+I]
    kopiera till nytt lager [Ctrl+C, Ctrl+V]

    dra in blom-lager till bla_himmel.jpg
    minska bilden [Redigera/Omforma/Skala] (håll nere Shift)
    fler blommor, duplicera blom-lager (högerklicka på lagret)
    måla blommor, välj lager, klicka på "Lås transparans"
    välj pensel och välj "Färg" vid "Läge" för pensel
    (för att spara konturer under)

(Kortfattade photoshop-instruktioner till 2an o 3an)

Summering av bildhantering:
Du ska veta skillnaderna mellan gif, jpg och png. Du ska veta när respektive format är bäst. Du ska kunna göra enklare justeringar av bilder, beskära, ändra storlek, justera intensitet och kontrast.
Du ska förstå varför en bild behöver anpassas för webbsidor och kunna utföra det.
==============================

Övning 7 (bildhantering, centreringar)


1) Göra klart photoshop övningrna med minimum 2 bilder
2) Göra klart övning 7

43 Teori: Flexbox

Övning Flexbox
1) göra klart uppgift flexbox A,B,C samt gärna uppgift D
44 HÖSTLOV  
45
Fm helklass Dator o nätverk med Niclas
Em helklass Webbutveckling1 med Per

Repetition av grundläggande html, tabeller och grundläggande stilmall.
Övningsprov
(tabellernas design tonas ner i år, viktigt är att kunna styra innehåll och slå ihop celler)

Förslag till lösningar:
E     Estilmall  C     Cstilmall     A   Astilmall

 
46 Teori: Grid
Gör övningarna i teorin

När teorin är klar
Övning 8a (Grid1)

( Bildformat )
1) göra klart exemplen minimum men gärna även övning8a om du inte hann på lektionen
46
Tisdag

10.15-11.05 Mia Loheden i Skrivsalen (med Anna H)

11.15-16.15 sal B45

11.15-12.15
Fortsatt arbete med Grid
Test av provdisk

Prov, helklass em
13.15-15.15(16.15)

Praktiskt prov på grundläggande HTML och CSS .
(HTML Grunder, HTML Lite mer, CSS Grunder, CSS Lite mer, Tabeller, block-inline, centrerringar, CSS Lager-Position, dvs allt fram till v41 (ingen photoshophantering dock)
Du ska skapa ett antal webbsidor enligt instruktioner.
Du kommer få tillgång till kurssidorna på BestOnline.se och w3schools.com .

 

47 Teori: HTML5 element
länkar, filmer! (w3schools: Semanstiska element)

lösningsförslag övning 8a se "Lösningsförslag"

Övning 8b (Grid1)

Övning 9 (Grid2 med HTML5 element)
 
48 Kodkonventioner

Fortsatt övande på Övning9

1) göra klart det som du inte hann på lektionen
48
Tisdag
10.15-16.45 sal B45

10.15-12.15
Meny del 1: vertikala, horisontella
Meny teori
Övning 10 (Meny1)

13.15-14.15
Webbtillgänglighet introduktion
Läs och svara på frågor om kraven:
Webbtillgänglighet allmänt, läs teorin, svara på frågor (quiz - webbtillgänglighet del 1, lösen: vecka49 ) Krav: Max 1 fel

(Om du vill köra testet igen skriver du in ditt användarnamn med en siffra efter, t ex perbd2, köra ytterliggare en gång, skriv perbd3, osv. Ditt förnamn och efternamn är samma alla gånger.)

När du blir klar och kan/förstår frågorna om webbtillgänglighet går du vidare.
(Minitest någon av de kommande veckorna med slumpad ordning på frågorna, så se till att du kan frågorna.)

Webbtillgänglighet fortsättning
Detta är ju något som företag och myndigheter måste tänka på då de bygger sina sajter.
Info finns på https://webbriktlinjer.se
Läs och svara på följande övergripande frågor
När du kan ovanstående frågor, testar du dig på en (quiz - webbtillgänglighet del 2), (lösen: vecka49) Krav: Max 1 fel

(Om du vill köra testet igen skriver du in ditt användarnamn med en siffra efter, t ex perbd2, köra ytterliggare en gång, skriv perbd3, osv. Ditt förnamn och efternamn är samma alla gånger.)

När du blir klar och kan/förstår frågorna om webbtillgänglighet för företag/myndigheter, repeterar du del1.
(Minitest någon av de kommande veckorna med slumpad ordning på frågorna.)

*****************************
Extra om man vill testa:
Webbläsare för blinda: WebbIE Web Browser
*****************************

14.30-16.45
Projekt "ChockaLocka" (Sv+Webb)
Dina texter och bilder ska ligga digitalt på ditt konto då lektionen startar.

Instruktioner (Minst till uppgift 6)

Spara projektet enligt instruktionerna.
Skapa en index-sida i projektmappen som länkar upp dina projekt.

Checka länkar chockalocka.
*****************************
Se till att din egen webbsajt på labbservern
1) är komplett med övningar och projekt, allt fungerar
2) övningarna validerar, Unicorn finns på alla sidor
3) är snygg och stilig

 
49
Fm helklass Dator o nätverk med Niclas
Em helklass Webbutveckling1 med Per
Meny del 2: flikar
Meny teori
Övning 11 (Menymedteori)

 
50

OBS ny sal! C22

Teori: Formulär
Övning "Formulär" (Övning 13) (A-D)

 
51 Teori: Responsive Web Design
Övning "Responsive Web" (Övning 12)(a)
Övning "Responsive Web2" (Övning 14)
 
52 JULLOV  
1 JULLOV  
2 "LOV" Studiedag  
3 Javascript Intro

Javascript/JQuery (svår del! kämpa!)
Teori:
Javascript (webbsidan) (videogenomgång 11.57min)
Om du vill göra lite javascriptövningar innan nästa video, så titta på nästa film från 12.48min till slutet 15.00, för att få lite tips på hur man kan se om man skriver felaktig kod (Web Developer Tool, Console-fliken).
jQuery (webbsida) (videogenomgång 15.00min)

Övning "Javacsript/JQuery" (Övning 15) (Finns lösningsförslag)
 
4 Javascript

Övning 2 "Javascript/jQuery" (Övning 16 a och b)
(bra övning för de som siktar på C eller mer)



Intro slutprojekt

. .
. .
. .
. .
. .

. . .
 
5
Fm helklass Dator o nätverk med Niclas
Em helklass Webbutveckling1 med Per
Start Slutprojekt

Projekt "företag"
Checklista planering
Ladda upp projektbeskrivningen med en korrekt url om den är klar. checka
 
6 Övningsprov med betoning på Grid-Meny

Övningsprov
Instruktioner

(OBS! Provet har några år på nacken och det står i provtexten att menyerna ska grundas på en lista. På den tiden var det ett tips, men idag finns det enklare/andra sätt. Så ni gör menyer så som ni är vana att göra dom.)

chrysanthemum  hydrangeas  tulips  stone
Lösningsförslag (visas ej på prov): e c a
 
7 Slutprojekt

Sista inlämning av projekt SÖNDAG VECKA 14(15)


Du avslutar varje lektion med att ladda upp ditt projekt på labbservern.
OBS! Adressen ska vara labb.vgy.se/~dittKonto/projekt/foretag/index.html .
Skriv några rader i en redovisningsfil, labb.vgy.se/~dittKonto/projekt/foretag/redovisning.html , samma som vi ska använda i slutet av projektet.
Skriv datum och vad du gjort idag samt vad som står på tur att ta tag i. (Typ loggbok).
 
7
Tisdag

10.15-16.45 B43

Prov, helklass fm och em

10.15-11.30 (12.15)
Prov Form-RWD-Javascript

Praktiskt prov på grundläggande HTML och CSS .
(Betoning på formulät, responsive web och javascript, men såklart kan även tidigare moment dyka upp.)
Du ska skapa ett antal webbsidor enligt instruktioner.
Du kommer få tillgång till kurssidorna på BestOnline.se och w3schools.com .


13.15-15.15(16.15)
Prov Grid-Meny

Praktiskt prov på grundläggande HTML och CSS .
(Betoning på grid och menyer men såklart kan även tidigare moment dyka upp.)
Du ska skapa ett antal webbsidor enligt instruktioner.
Du kommer få tillgång till kurssidorna på BestOnline.se, w3schools.com .

 

8 Slutprojekt

Tips jämförelse!
$('#id1').change(function(){
// dölj alla
    if ( this.value == 'a') {
$('').show(); }else{
$('').hide();
}
});
<select class="se1" id="id1">
      <option>Välj Motorcykel</option>
	  <option value="a">YZF R125</option>
	  <option value="b">YZF R3</option>
	  <option value="c">YZF R6</option>
	  <option value="d">YZF R1</option>
</select>     
Ladda upp ditt projekt och skriv loggbok i redovisningsfilen.

 
9 SPORTLOV  
10
Fm helklass Dator o nätverk med Niclas
Em helklass Webbutveckling1 med Per
Kompletteringar (endast kallade) resten jobbar med Slutprojektet på valfri plats
 
11 Slutprojekt

I slutet på lektionen:
Ladda upp det du har på labbservern. Det som fungerar fungerar, resten kommer!

Statuscheck efter dagens pass, dvs jag tittar igenom din redovisningsfil och din webbsajt. Alltså så måste de finnas på labbservern!
 
12 Slutprojekt
Ladda upp det du har på labbservern. Det som fungerar fungerar, resten kommer!
 
13 Slutprojekt

Idag bör du gå in i fasen "Testläge", göra förbättringar/korrigeringar. Se till att ha en plan för slutförandet.

Tips digitala tester:
Google Mobile Friendly Test
Google PageSpeed Insights
Du känner ju också till sen tidigare hur man testar webbtillgänglighet och kontrast text/bakgrund samt kodvalideringstjänster.

Statuscheck efter dagens pass, dvs jag tittar igenom din redovisningsfil och din webbsajt. Alltså så måste de finnas UPPDATERADE på labbservern!
 
14
Fm helklass Dator o nätverk med Niclas
Em helklass Webbutveckling1 med Per
Slutprojekt

OBS! Unicorn har lagt ner men vi har kvar de vanliga valideringstjänsterna att använda.

Validera html-kod (validator.w3.org)

Validera css-kod (jigsaw.w3.org/css-validator)


Sista inlämning av projekt SÖNDAG VECKA 14, denna vecka,(eller 15 även ok)
 
15 PÅSKLOV  
16
Fm helklass Dator o nätverk med Niclas
Em helklass Webbutveckling1 med Per
Redovisningar projekt

 
16
Tisdag
Framtida teknik, Niclas hanterar, B45

Framtida teknik
 
17

Projekt "Framtida teknik"

Alla egna och gemensamma texter ska vara klara idag.

(Status företagsprojekt, prov, kurs)

 
17
Tisdag

10.15-16.45 B43

Projekt "Framtida teknik" 10.15-16.15, Webbsidan klar.

Framtida teknik instruktioner

Framtida teknik webbsajter

 

18 LOV  
19 Reserv/Komplettering projekt/Avslut  
20 Kompletteringar (endast kallade)
Teori, gridprov, företagsprojekt

!!!Vi kör vanliga grupper och vanliga tider, förutom att vissa inte behöver dyka upp. När lektionen startar lottar vi redovisningsordningen.
 
21
Fm helklass Dator o nätverk med Niclas
Em helklass Webbutveckling1 med Per
Kompletteringar (endast kallade)
22
Fm helklass Dator o nätverk med Niclas
Em helklass Webbutveckling1 med Per
- Kompletteringar (endast kallade)
 
23 LOV  
 
PLANERAT HIT

==========================

Projekt 22/23: Chockalocka(Sv), Future tech(DaNät, Sv, Eng), Företag(inom kursen), Sunet(Sv, DaNät)

 

      

Länkar

w3schools.com

W3C:s Specifikationer

Web Style Guide

Skolans webbhotell

Gå till följande sida: labb.vgy.se

Logga in med dina kontouppgifter

Lösningsförslag
(visas ej på prov)

???