Veckoplanering |
Resurser |
GLAD SOMMAR!
-------- v.24 Ti: 10.10-11.25 Redovisning av hemsidor + utvärdering i 2020 v.23 inga lektioner v.22 Ons: Ind. samtal v.21 Ons: Samtal webb, ingen vanlig lektion om du inte har samtal To: NP, ingen lektion v.20 Ons: inlämning hemsidan, ladda upp den på nätet - Länk program för nedladdning, - Använd platshanteraren uppe till vänster - Server/Värd: www16.space2u.com - Kryptering: enkel FTP - Lösen och anv.namn: har du fått av Anna-Karin Tors: individuella samtal om sidan - Matte på lektionen, ni som har samtal går ifrån när ni har er tid. v.19 Ons: Muntliga prov, har du inte muntligt så arbetar du med din sida. Tors: Vanlig lektion v.18 Ons: Ingen lektion Tors: Muntliga prov, har du inte muntligt så arbetar du med din sida. v.17 Ons: genomgång prov Tors: Etik: Etikredovisning (för högre betyg): instuderingsfrågor Etik: tider för muntliga prov v.15 Ons: Hemsidan Tors: Etik PP - Halva tiden har gått på hemsidan, om du vill att jag kollar igenom din kod så hör av dig. v.14 Ons: Rep. lagar Tors: Prov på samh. lektion 13.20 (bytt pass) v.13 Ons: Arbeta med hemsidan Tors:Etik & YGL pp v.12 Ons: Skiss och rep. förtal - Tänk på att ha en skiss till mobilsidan om du siktar på A - Om det är svårt att visa något, skriv en förklaring! - Hur mycket HTML-variation har dina sidor? Tors: Inlämning skiss + GDPR PP v.11 Tors: Forts. lagar: PP från lektionen -Zlatan vinner (och förlorar) förtalsanmälan - Instagram-målet Ons: Fortsätt med skissen. OBS! Om du siktar på högre betyg, behöver det finnas en skiss för mobilstorlek på sidan också om den inte ser likadan ut (vilket den inte borde göra) v.10 Tors: Anna-Karin sjuk - Börja med din skiss - Resultaten på provet är publicerade Ons: - Slutuppgift hemsida Sidor för wireframing (skiss online) - Alternativ 1 - Alternativ 2 (kräver en inloggning) - Gör gärna din skiss på papper! - Intro lagar v.8 Torsdag: Min-width, max-width + repetition PP - Exempelkod max/min.width - exempelkod display-varianter - exempelkod position - exempelkod border-box Onsdag: Transitions & transform PP - Uppgift 1 & 2: Ändra koden till rutan - Detaljerat om transition/transform v.7 Torsdag: Prov begrepp och risker Onsdag: Frågor inför provet. v.6 Torsdag: Formulär och kodrepetition PP - Formulär-exempel Onsdag: Instuderingsfrågor till höger. Mer kod: Lang, semantik, ikoner, responsive meta tag m.m. - Alla språk till lang-koden v.5 Torsdag: -Vem uppfann internet? - PP från lektionen Onsdag: - Mer risker: DDOS, Tredjepartscookies & skadlig programvara v.4 Torsdag: MQ - Media queries: Ändra sidan beroende på storlek - Risker på nätet: phishing, APT m.m Onsdag: 1x2-förhör på begreppen Intro: risker på nätet v.3 Torsdag: - Border-box exempel - Collapsing margins exempel - PP från lektionen: border-box, font-face & collapsing margins Onsdag: Gör klart procentsidan - PP om kryptering och https Klar? - Gradient bakgrunder: Ersätt din headerbild med en gradient - Massor av info om hur du styr bakgrunder v.2 Torsdag: Begrepp forts - Begrepp: TCP, UDP m.m. - Fortsätt med procentsidan Onsdag: Begrepp och procentsidor - PP från lektionen - Gör en hemsida i procent, titta på bilden i PP v.51 Onsdag: Utgår om du inte har samtal Torsdag: Resurstid för dig och sam, lektion som vanligt. v.50 - Schema för samtal. Säg till mig om du inte kan din tid! - Om du lämnat in en färdig sida i tid, gäller följande: Lektion onsdag: Utgår om du inte har samtal Lektion torsdag: Redovisning av hemsidor, vanlig lektion Om du inte är klar, har du vanliga lektionspass. v.49 Avsluta sidan, inlämning torsdag på servern. OBS! Om du inte lyckas lämna in via servern, lägg en mapp i dropbox så fixar vi uppladdningen på fredag. v.48 Ons: - Se till att du prövat att lägga upp en sida på din serverplats som heter index.html - För att titta på din sida gå till agyit.se/te18/dittfornamn v.47 Ons: Fortsätt arbeta med hemsidan Tors: Ladda upp en sida på nätet - Länk program för nedladdning, - Använd platshanteraren uppe till vänster - Server/Värd: www16.space2u.com - Kryptering: enkel FTP - Lösen och anv.namn: får du av Anna-Karin v.46 Ons: Halvvägsinlämning: se till att koden du har finns i DB Tors: Nollställ din kod + bakgrunds-CSS - Dubbellektion, lånar en lektion från digitalt skapande. v.45 Ons: Tabeller Tors: Position och z-index, PP - Exempelkod v.43 Ons: Arbete på egen plats med din skiss Tors: Inlämning skiss, lägg i DB eller maila mig (OBS! inga länkar utan bilder) Fre: Resurstid 13.20 i 2023 v.42 Tors: Video, box-shadow alt-tagg och span Ons: Din egen hemsida Sidor för wireframing (skiss online) - Alternativ 1 - Alternativ 2 (kräver en inloggning) - Gör gärna din skiss på papper! v.41 Tors: Förbättra din pizzakod Ons: Kod och design PP - Exempel 1 - Exempel 2 - Exempel 3 v.40 Onsdag: Arbete med sidan PP - Minska avstånd mellan rader & länkar Torsdag: Sista lektionen innan inlämning - Inlämning senast 7 oktober. - Clear & border PP - Exempel ineffektiv kod v.39 Onsdag & Torsdag: Fortsatt arbete med att härma sidan. Overflow: scroll för att scrolla i rutan utan att sidan rör sig. Fredag: 13.20: Extra tid för webb. Om du inte börjat med sidan, måste du komma. v.38 Onsdag & Torsdag: - Css:margin, padding & härma en sida - Exempel på margin, padding och float (två divvar) OBS! När du härmar sidan, ska du inte kopiera deras kod. Du kan göra samma sida med den kod du redan kan, och mycket mindre kod än vad de använder. v.37 Torsdag: - Css:margin, padding & härma en sida Onsdag: -CSS: Float, listor m.m. v.36 Torsdag: - CSS: Klasser och ID v.35 Onsdag/torsdag: - CSS intro v.34 Torsdag: - PP för lektionen - Lista på font-families Onsdag: - Ladda ner brackets (helst) eller textwrangler (om brackets inte fungerar) - Om du inte får det att fungera, finns jsfiddle på nätet (inte lika bra nu i början, men bättre än inget) - PP från första lektionen |
Program
Brackets Textwrangler Filezilla för FTP-uppladdning Inlämningar i kursen: Hemsida inlämning v.20 Samtalstider Etikredovisning (för högre betyg): instuderingsfrågor Immaterialrätt, Förtal/olaga hot, GDPR & YGL Slutuppgift hemsida VT Prov om begrepp och risker: instuderingsfrågor Procentsida med media queries Din egen första sida Härma en pizzasida CC-texten (från digitalt skapande) Sidor Validering av HTML kod Validering av CSS-kod Färg i hexadecimal Gradients HTML-dog grundintroduktion jsfiddle.net - kodningsverktyg på nätet Codeacademy HTML grund - kräver ett konto Extramaterial: Gradients Mer om bakgrunder Border-radius & box-shadow Ful kod, försök förbättra |