Diagnostiskt prov, webbutveckling 1, 2015-10-21

Diagnostiskt prov, webbutveckling 1, 2015-10-21
Nivå E
(hjälpmedel: W3Schools)
Du ska konstruera nedanstående webbsida där rubriken består av ditt förnamn och efternamn och
innehållet utgörs bilden UBG.jpg samt en tabell (se nedan).
1. Döp .html-filen efter formatet FörnamnEfternamn.html (t.ex. AndersAndersson.html) och
stilmallsfilen (CSS-filen) efter formatet FörnamnEfternamnStyle.css (t.ex.
AndersAnderssonStyle.css). Lägg dessa i samma mapp och lägg även in bilden UBG.jpg i den
mappen.
2. Följande stilmallsinställning gäller för body-taggen:
Teckensnitt: arial
Grå bakgrundsfärg
Textstorlek: 20px
3. Infoga bilden som den är.
4. Skapa en tabell med två rader och två kolumner. Ramen ska vara 2px solid svart. Se till att
ramen ser ut som i figuren (dvs. ramen för tabellen och cellerna ska ”kollapsa” samman). Fyll
i cellerna så som i bilden ovan (men byt ut ”Ditt förnamn” mot ditt förnamn osv). Den sista
cellen ska innehålla en länk till sidan http://webdesign1.ubg.nu.
5. Skicka in HTML-filen och CSS-filen (ej bildfilen) till Jimmy.Kungsman@upplands-bro.se
Nu är du färdig med E-nivån! Gå vidare med C-nivån om du vill.