Differences
This shows you the differences between two versions of the page.
webbutv_11 [2013-02-04 09:04] Daniel Viström [Formatera sidan med css] |
webbutv_11 [2022-07-18 13:20] |
||
---|---|---|---|
Line 1: | Line 1: | ||
- | ====== Infoga JavaScript – övning 1 ====== | ||
- | |||
- | I denna uppgift ska du infoga ett färdigt JavaScript på din sida. Du ska sedan använda css för att formatera de knappar och divar som scriptet genererar. \\ \\ | ||
- | {{: | ||
- | |||
- | ===== Förändra HTML-koden ===== | ||
- | |||
- | * Använd en // | ||
- | * Länka även in en css-fil med namnet // | ||
- | * I övrigt får du inte göra några förändringar i HTML-koden. | ||
- | |||
- | ===== Formatera sidan med css ===== | ||
- | |||
- | Följande ska formateringar ska göras i // | ||
- | * De divar som genereras ska ha en //bredd// på 100px och en //höjd// på 100px. | ||
- | * Varje div ska ha en //ram//. // | ||
- | * De 5 divarna skall positioneras som femman på en tärning. Se bild. | ||
- | * När man trycker på en av knapparna skall formateringar göras som ändrar bakgrunden på hela sidan.\\ **För högre betyg** skall även färgen på ramarna runt divarna ändras. Alla ramar ska få olika färger. | ||
- | * Gör formateringar så att sidan ser bra ut i övrigt, t.ex. //margin// och // | ||
- | |||
- | ===== Tips ===== | ||
- | |||
- | Använd //inspect element// i din webbläsare. | ||
- | |||
- | ===== Redovisning ===== | ||
- | |||
- | Skicka in din css-fil, // | ||