Skapa en katalog som heter htmlprov på din M:-enhet. Det är viktigt att du använder just detta namn eftersom jag kommer att söka upp dina filer med hjälp av namnet htmlprov.I denna katalog skall du sedan skapa de html-filer som utgör lösning på provet. Du kan använda dig av en texteditor, eller någon grafisk editor, t ex Dreamweaver. Kursboken får tas till hjälp. Varje uppgift skall döpas efter sitt nummer. Lösningen på uppgift 1 skall sålunda heta 1.html.
Skapa en sida som endast innehåller en textrad enligt bilden. Se till att sidan även får en rubrik. Spara uppgiften som 1.html.
Skapa en sida med flexibel design (dvs att texten flödar om när fönstrets storlek ändras). Marginalerna skall var för sig uppta 25% av fönsterytans bredd. Använd en tabell för att skapa marginalerna. Textens överskrift skall markeras med en tag som ger en rubrik av största storlek.
Utgå från filen i uppgift 2 och formattera den enligt nedanstående illustration. Ändra den flexibla designen till en fast design och sätt spaltens bredd till 350. Texten skall vara i verdana. Rubriken är fet och har färgen #dd2222. Lägg märke till att första meningen i artikeltexten är satt med fet stil, samt att namnet Le Monde har markerats med avvikande typografi.
Marginalen till vänster om bilden är skapad med hjälp av en enpixelgif.
Denna sida skall vara centrerad i sidled, men ha ett fast avstånd till fönstert övre kant. Teckensnitt: verdana, fet, färg:#ff9900.
Skapa ett frameset som ger en inramning till lösningarna på ditt prov. När framesetet laddas in skall sidan se ut som figuren nedan. Bakgrundsfärgen är #eeee00.
Döp filerna enligt följande
Menyrubrikerna skall vara länkade till de olika filer som utgör lösning på uppgifterna i detta prov. Lägg märke till att sidan har titeln Htmlprov
Skriv ditt namn längst ner under menyn
Länka Fråga 5 till filen default.html och visa hela framesetet i den högra ramen.
De blå staplarna är består av en blå enpixelbild, vilken getts olika breddmått. Breddmåttet får du om du tar talet som står till vänster om stapeln, och dividerar med 2. Texten är formaterad till Verdana.
Nedanstående text är formatterad med CSS.
Observera att hela artikeln skall formatteras
Texten och bilden hämtar du här
Formattera filen meny.html som du skapade i uppgift 5, genom att spara bifogade stylesheetspecifikationer i en fil med namn meny.css, och länka den till meny.html.
(Länka Fråga 8 i menyn till filen meny.html.)
I denna uppgift skall du skapa ett formulär som är länkat till sökmaskinen Google.
För att sökningen skall fungera måste följande villkor vara uppfyllda:
De färger som används är
I övrigt gäller
Lycka till
Torgny