ÖvningsProv Internet att skapa hemsidor vt-2006 Webbsideskapande Hjälpmedel: Kurslitteratur, utdelade papper, webbdesignskolan, samt World Wide Web. Tillåtna program att skriva kod i är Anteckningar eller HTMLEdit. Absolut ingen typ av kommunikation är tillåten under provet. Namn: Klass: G-del För betyget G skall du klara av att skapa följande sidor som de ser ut nedan. Observera att du enligt instruktionerna ska efterlikna teckensnitt, färger, radbrytningar och stilar (kursiv, fet etc.) så bra som det är möjligt i HTML. Spara dina webbsidor på disketten. G1. Skapa webbsidan Datorspel enligt bilden och instruktionerna nedan. Teckensnitt Times New Roman Överskriften centrerad i största storlekens rubrik, grön text (#00FF00) Observera fetstil och kursiv stil Observera namnlisten, titeln på sidan! De två första länkarna ska länka till sidorna i uppgift G2 nedan, den tredje länken (Sim City), skall länka till http://simcity.ea.com/ Spara koden som uppgift1.htm 1 (7)
G2. Skapa webbsidor för spelen Sim Tower och Sim Ant enligt mallarna nedan. Teckensnitt Courier New, olika storlekar Länk till startsidan (uppgift G1). Observera namnlisten, titeln på sidan! Spara koden som sim1.htm Typsnitt Times New Roman, olika storlekar Länk till startsidan (uppgift G1). Bilden och texten är centrerad Observera namnlisten, titeln på sidan! Koden sparas som sim2.htm Bilden finns på adressen www.bestonline.info/data/myra.htm 2 (7)
VG-del För betyget VG skall du kunna skapa följande webbsida med hjälp av en tabell. Färgerna på sidans olika fält anges i bilden nedan. Du ska välja textfärgerna så att sidan blir lättläst på alla ställen, däremot behöver du inte tänka på att ha något speciellt teckensnitt. Röd Blå En snygg struktur på materialet, html-filer ska ligga i en mapp med namnet VG och bilden ska ligga i en undermapp Bilder. Se till att varje fält har den bakgrundsfärg som anges ovan. Att texterna justeras som i bilden, och har färger så att det blir lättläst. Att fältuppdelningen blir ungefär samma proportioner som i bilden. Spara koden som vgtabell.htm 3 (7)
Skapa nedanstående sida med ramar och med funktionalitet enligt beskrivningen nedan. 80% 50% 50% En snygg struktur på materialet, html-filer ska ligga i en mapp med namnet VG. Ursprungliga utseendet ska se ut som ovan. Klickar man på Dagens Nyheter respektive Svenska Dagbladet, ska dess startsida visas i ramen för morgontidningar. Klickar man på Expressen respektive Aftonbladet, ska dess startsida visas i ett ramen för kvällstidningar. Startsidorna har följande adresser, www.dn.se, www.svd.se, www.aftonbladet.se, och www.expressen.se 4 (7)
MVG-del För betyget MVG skall du kunna skapa följande webbsida med hjälp av tabeller. Färgerna på sidans olika fält anges i bilden nedan. Du ska välja textfärgerna så att sidan blir lättläst på alla ställen, däremot behöver du inte tänka på att ha något speciellt teckensnitt. Gul Grön Röd Vit Svart En snygg struktur på materialet, html-filer ska ligga i en mapp med namnet MVG och bilden ska ligga i en undermapp Bilder. Se till att varje fält har den bakgrundsfärg som anges ovan. Att texterna justeras som i bilden, och har färger så att det blir lättläst. Att fältuppdelningen blir ungefär samma proportioner som i bilden. Spara koden som mvgtabell.htm Länken ska gå till en sida liknande den på nästa sida innehållande en bild och en text, bilden hittar du på www.bestonline.info/data/potatis.htm. 5 (7)
6 (7)
Skapa nedanstående ramsida och med funktionalitet enligt beskrivningen nedan. 60% 40% 33% 34% 33% En snygg struktur på materialet, html-filer ska ligga i en mapp med namnet MVG. OBS! Inga ramkanter syns mellan de översta tre ramarna. Ursprungliga utseendet ska se ut som ovan. Klickar man på Dagens Nyheter respektive Svenska Dagbladet, ska dess startsida visas i ramen för morgontidningar. Klickar man på Expressen respektive Aftonbladet, ska dess startsida visas i ett ramen för kvällstidningar. Klickar man på Metro, ska dess startsida visas i ett ramen för gratistidningar. Klickar man på SVT ska den sidan komma upp i ett nytt fönster och klickar man på Sveriges Radio så ska deras sida dyka upp i detta fönster och putta undan ramarna. Startsidorna har följande adresser, www.dn.se, www.svd.se, www.aftonbladet.se, www.expressen.se, www.metro.se, www.svt.se och www.sr.se. 7 (7)