Tentamen i Grundläggande webbutveckling

14 december 1998, kl 18.30 - 21.00
Tid: 2,5 timmar (du får gå tidigast efter 30 minuter)
Inga hjälpmedel
För godkännande krävs 30 p av 60 möjliga.
Du får svara på uppgifterna i valfri ordning, men ange tydligt vilken uppgift du svarar på.
Du får behålla dessa papper. Rätta svar och så småningom resultat och datum för visning och eventuell omtenta anslås på kursens webbplats. E-post när detta är klart skickas ut.
Lycka till!


  1. Ett företag Acme Inc. med webbplatsen http://www.acme.com/ har ett dokument med URL:en http://www.acme.com/paper.html. I slutet av detta dokument har de koden <A NAME="bottom"></A></BODY>. Hur skriver man då kortast möjliga HREF-attributvärde för att nedersta delen av paper.html skall visas med hjälp av:
    1. En länk i paper.html?
    2. En länk i en annan fil i samma mapp?
    3. En länk från en fil i en mapp precis under mappen som paper.html ligger i?
    4. En länk från en annan webbplats?

    (4 p)


  2. I mappen images finns en bild logo.gif som skall visas på alla sidor på en webbplats.

    Du skall använda relativa URL:ar. Hur ser IMG-taggens SRC-attribut ut för ett dokument i:
    1. webpages?
    2. cities?
    3. jakarta?

    (3 p)


  3. Skriv HTML-koden för nedanstående lista. Använd taggen OL med attribut TYPE="I".
    1. one
    2. two
    3. three
    4. four
    5. five

    (3 p)


  4. Skriv HTML-koden för nedanstående lista. Använd endast taggarna UL och LI utan några attribut (dvs strunta i punkttypen).
    • jag
      • mor
        • mormor
        • morfar
      • far
        • farmor
        • farfar

    (3 p)


  5. I nedanstående tabell är ROWSPAN="1" för cellerna i den tredje kolumnen.

    c

    a

     

     

    b

     

     

     

     

    f

    d

     

     

     

    e

     


    Vad är ROWSPAN för a, b, c, d, e och f?
    (3 p)


  6. I nedanstående frame-layout skall bredden och höjden på ramen med namn logo vara 100x100 pixel, och höjden på ramen med namn panel skall vara 50 pixel. De övriga ramarnas namn syns i figuren.

    I följande kod är vissa texter utbytta mot a, b, c, d, e, f, g, h, i och j. Du skall ange vad dessa skall vara för att ovanstånde ramlayout skall bli resultatet.
    <FRAMESET ROWS="a,b">
       <FRAMESET COLS="c,d">
          <FRAME NAME="e" SRC="home.html">
          <FRAMESET ROWS="f,g">
             <FRAME NAME="h" SRC="h.html">
             <FRAME NAME="i" SRC="i.html">
          </FRAMESET>
       </FRAMESET>
       <FRAME NAME="j" SRC="j.html">
    </FRAMESET>

    (5 p)


  7. Förutsättning som i föregående uppgift. Skriv en länk som skall ligga i dokumentet toc.html, som finns i ramen toc, som öppnar en fil house.html i ramen med namn main som ligger i samma mapp som toc.html? Tips: Använd attributet TARGET.
    (2 p)


  8. I nedanstående kod för en bildkarta är värdet för SHAPE-attributet utbytt mot a, b och c. Din uppgift är att ange vad de skall vara. Tips: var och en kan vara circle, rect eller poly.
    <MAP NAME="map1">
       <AREA SHAPE="a" COORDS="3,57,244,208" HREF="search.html">
       <AREA SHAPE="b" COORDS="273,82,25" HREF="contact.html">
       <AREA SHAPE="c" COORDS="247,108,299,108,299,208,247,108"
          HREF="links.html">
    </MAP>
    <IMG USEMAP="#map1" SRC="images/imagemap.jpg" 
       WIDTH=300 HEIGHT=248 BORDER=0>

    (3 p)


  9. Vad händer om man inte sätter BORDER=0 på bildkartebilder?
    (1 p)


  10. Välj mellan bildfilsformaten GIF eller JPG:
    1. Flest färger?
    2. Genomskinligt i valfria områden?
    3. Lämpligt för fotografier?
    4. Lämpligt för stapeldiagram med skalor?
    5. Kan vara en animation?

    (5 p)


  11. Rita formulärobjekten:
    1. checkbox
    2. radio
    3. select när SIZE=1
    4. select när SIZE är 2 eller större
    5. textarea
    6. submit

    (6 p)


  12. Vad är skillnaden mellan formulärobjekten password och text, när man skriver in text?
    (1 p)


  13. Om man har ett MULTIPLE-attribut i en SELECT, vad innebär det jämfört med om man inte har det?
    (1 p)


  14. Vad är skillnaden mellan text och textarea?
    (1 p)


  15. Vilken metod (värdet av attributet METHOD) används för att skicka formulär av:
    1. Sökmotorn AltaVista?
    2. Banker vid inloggning?
    3. mailto-formulär?

    (3 p)


  16. Vilken ENCTYPE skall användas vid mailto-formulär: application/x-www-form-urlencoded, text/plain eller inget alls?
    (1 p)


  17. Vilka taggar kan man använda för att lägga in AVI-filmer?
    (2 p)


  18. Välj mellan ljudfilsformaten AU eller MID:
    1. Minst storlek för samma speltid?
    2. Kan innehålla ett röstmeddelande?
    3. Är samplat?

    (3 p)


  19. Vilka olika tekniker för att lägga in en träffräknare på en webbsida finns? Räknaren skall visa totalt hur många gånger sidan hämtats från servern av olika användare. Nämn tre tekniker.
    (3 p)


  20. På vilka olika sätt kan man lägga in JavaScript-kod i en webbsida? Nämn fyra.
    (4 p)


  21. Om man har en fil dubious.css med innehållet:
    A {text-decoration:none}
    Denna fil är inlänkad som style sheet med LINK-taggen i alla html-filerna på en webbplats. På vilket sätt skiljer sig denna webbplats utseendemässigt från om man inte hade länkat in dubious.css?
    (2 p)


  22. Innan man anmäler en webbplats till en sökmotor bör man lägga till en viss tagg på åtminstone huvudsidan, vilken? Vilket resultat ger detta vid presentation av sidor som uppfyller sökvillkoret?
    (2 p)


Copyright © 1998 by Mikael Bonnier, Lund, Sweden