Ressurs-sider for IT1

Dette er sider som viser eksempel på websider i kurset IT1 ved Tertnes videregående skole, 2016 - 2017

Du finn teoristoff på nettsida mi: oyro.no IT1

Elevsidene ligg no på: tvit.me

Lenkesamling.

HTML & CSS: eksempel

Dei viktigaste taggane som vi bruker i IT1.
Basic HTML
med ei underside som viser bruk av bildetekst + tekst som flyt rundt bildet. Sjå også Lenker til seksjonar i samme dokument.
Normal flyt og "Float".
Flytande DIVs. Her viser vi korleis vi kan laga to tekstboksar inne i ein anna + tekst som flyt rundt.
Sentrering av ein div.
Boksar med farge vha div.

Menyar:

Enkel horisontal meny
midtstilt versjon
midtstilt versjon 2
Enkel vertikal meny
Flexbox-meny (horisontal som blir vertikal)
Responsiv Flexbox-meny (horisontal meny som blir til ein knapp)
Responsiv Flexbox-meny2 (liknar den over, men kanskje enklare kode!)

Skjema

HTML-eksempel med tilhøyrande css
Eksempel 1.
Eksempel 2.
Eksempel 3.
Innloggingsskjema.
Skjema med validering av input og stiler. Les meir om validering.

Tabellar

Foreløpig bare ein her, men gi meg beskjed om du finne bra eksempel! Eksempel 1.

Layout

GRID eksempel 1. Fungerer ikkje i Edge.
GRID eksempel 2. Fungerer ikkje i Edge.
Layout med flexbox.
To kolonner med flytande divs. (ikkje flex).

Diverse

Eksempel på styling av lister.
Teksboks med scrolling
Teksboksar med tabs
Sitater og snakkebobler
Ordlister
Lag ein søkefunksjon på nettsida di.
MathML. Korleis ein kan skriva matematiske formlar på ei nettside. (Ikkje pensum)

Meir

PHP testsider. Eksempel på grunnleggjande PHP-programmering.

Prosjektsider og prøveeksempel

Empirix Dette er eit prosjekt vi hadde i 2015, der vi skulle laga ei nettside som likna på denne.

Eksempel på prøve med HTML og CSS