Webbutveckling

Här länkas till Skolverkets kursbeskrivningar med kunskapskrav för ämnet Webbutveckling - Klicka här!

Lektionsgenomgångar i Webbutveckling 1

• Kursdokument (google docs), eller som pdf-fil

• Google Meet: https://meet.google.com/pvo-epjn-qnz

• Mitt pratrum: https://meet.google.com/hpi-vtty-cjx

Lektionsgenomgångar i Webbutveckling 2

• Kursdokument (Word), (PDF), (Google docs)

• Bilder till prov i Wordpress:
  Karlstad, picasso, värmland, korv  

• Bollkod

• Google Meet: https://meet.google.com/bhd-igan-xyi

• Mitt pratrum: Anslut till videomötet genom att klicka på den här länken: https://meet.google.com/ine-nsnc-dqa 

Länkar

• hilo

• Elevlänkar läsåret 24/25

• Grafikbibliotek för javascript: grafikbibliotek.js, samt två exempelfiler som använder några funktioner: grafik.html, animering.html

• Ölme diversehandel (Google), logga, film

• W3C:s validator för webbsidor

  • Vanlig HTML: validator.w3.org. Prova med filen test.html i följande länk: web.kristinehamn.se/skola/anders/w3c_testmapp/test.html

  • Även CSS: jigsaw.w3.org/css-validator. Prova med filen stil.css i följande länk: web.kristinehamn.se/skola/anders/w3c_testmapp/stil.css

  • Läs mer om validering här och varför det är bra att validera här.

• Kristinehamns logotype

• Utvärdering av kurs (Google docs)

• Google Sites: https://sites.google.com

• Bra site om webbprogrammering: http://dbwebb.se

• Kurs i Wordpress - klicka här!

• Wordpress lessons on WordPress.org - klicka här!

• Webbpublicering med Wordpress (3.4) av Thord Daniel Hedengren - klicka här! 

• Ajax- kom igång med - klicka här!

• Kursdokument med rödmarkerade E-uppgifter.

• Datorns historia - projekt i kursen Webbutveckling 

• Javascriptuppgifter och HTML för åk 9 prova-på-dag.

• Anders exempelsida på Wordpress: https://anderskristerandersson.wordpress.com/

• Jacob och Emil, rödmarkerade, JavaScript, länk

• Buffé: http://webbutvecklingbro.se/projekt1516

• Fredrikshavns gymnasium

• Enkät: https://forms.gle/Ak1imcMwba8AXopy6

• Editor (alternativ till Notepad++): Brackets

• Alternativ editor: Visual Studio Code

• Uppgift i HTML för åk 9: uppgift.html

• HiLo

• Webbkurser från Linnéuniversitete:

  • html, css: http://medieteknik.lnu.se/1me321/

  • javascript: http://medieteknik.lnu.se/1me322/

Färger

• Hexadecimala färger

• Färgblandaren hexacolor. Ladda ner och blanda.

• Sajt för hexadecimala färger: http://www.colorpicker.com

• Med ColorZilla kan färger fångas med pipett webbläsaren. Ladda ned och installera: http://www.colorzilla.com/  

Övningsprov

HTML - följande filer är zippade (komprimerade) och innehåller flera text- och bildfiler. Om du inte redan har gratisprogrammet 7-zip för att packa upp filer kan det laddas ned här.

• Övningsprov 1

• Övningsprov 2

Javascript

• prov_script_vt07_ak3.pdf

• prov_skriptdel_0506.pdf

• prov_script_vt08_ak3.pdf

CSS

• Menyfiler: htmlkod, csskod

• Bra länk: http://getbootstrap.com/

• Bra länk igen: https://nodejs.org 

• CSS-tricks, bl.a. bildspel.

• Responsiv meny

• Provfiler Webb2 cssprov 27/11-2019: zip-fil

• Uppgift4_3.html

• Uppgift Thorins åkeri, bild1, bild2

Nya Google Sites

• Så här fungerar det - film 1

• Så här fungerar det - film 2

• Anderssite på edu.kristinehamn

Elevarbete

I kursen gör eleverna ett par hemsidor åt föreningar eller lokala företag i Google Site respektive med HTML och CSS. Nedanstående länkar visar hemsidor som blivit utvalda av föreningar och företag. 

• Skoltidning

• Kristinehamns dragspelsklubb

• Ölme diversehandel

• Norrgården

• Restaurang Bro

• Brogårdsgymnasiet1

• Brogårdsgymnasiet2

• MK Plastteknik