Készítsd el az alábbi weblapot a leírás segítségével! 

• A háttér
• #FFCC66 színből fehérbe tartó átmenetes legyen.
• A lap közepén lévő fő keret 
• háttere legyen színátmenetes, olive színből fehérbe,
• a szegélye 2px fekete színű,
• a keret a lap közepén van, 
• sarkai lekerekítettek, 
• a keret mérete: 900 képpont széles 700 képpont magas.
• A Tanuló adatai és az Iskola adatai elemcsoport 
• szélessége 350 képpont
• magassága 50 képpont.
• A Melyik kép tetszik? elemcsoport 
• A beszúrandó képek:
   , , 
• Ha a képek fölé viszed az egeret
  
• az első kép forduljon el -15 fokkal, 
• a második 15 fokkal, 
• a harmadik -15 fokkal. 
• képeknek 2 képpontos olive színű kerete legyen 5 képpontos kerekítéssel, valamint legyen 5 képpontos árnyéka olive színben.
  
• Az Ellenőrzés és az Add meg a kódom gomb 
• sarkai lekerekítettek,
  
• háttere színátmenetes: #FFCC66, fehér, #FFCC66, 
• magassága 50 képpont,
• szélessége 150 képpont,
• a benne lévő betűk 12 képpontosak, félkövérek.
• A Szép napot! szöveget kóddal forgasd el, ne képként illeszd be!
• 600 képpont magas és 300 képpont széles legyen
• egyenes útvonalra fektesd.

Űrlap

A következő űrlapelemek legyenek az űrlapon, a mintán látható csoportosítással:

• beviteli mező a névnek,
  
• beviteli mező az osztálynak (szélessége 5),
  
• egy legördíthető mező, amibe alapértelmezetten 3 iskola neve legyen benne (Szegedi SzC Gábor Dénes Szakgimnáziuma, Makói József Attila Gimnázium, BMSzC Bláthy Ottó Titusz Informatikai Szakgimnáziuma) és be lehessen írni egy új iskola nevét is,
  
• beviteli mező az email címnek,
  
• beviteli mező az irányítószámnak,
  
• Ellenőrzés gomb,
  
• a csúszkán 1 és 5 közötti számok közül lehessen választani,
  
• színt a megjelenő színskálából lehessen választani
  ,
  
• a dátum mező legördítésekor a dátum az alábbihoz hasonlóan választható legyen
  ,
  
• a képek közül választókapcsolóval lehessen választani,
  
• Add meg a kódom gomb.
  

 A weboldal működése

Az Ellenőrzés gomb ellenőrizze le, hogy a bevitt e-mail cím és az irányítószám helyes-e! Ha ez a két mező jól van kitöltve, akkor írja ki a gomb mellé az OK szót, különben pedig azt, hogy ÚJRA.

• Akkor fogadjuk el helyesnek az emailcímet, ha van benne "@" és ".".
• Akkor helyes az irányítószám, ha 4 számjegyet tartalmaz.

Az Add meg a kódom gomb megnyomása után a gomb mellé íródjon ki egy kód.

A kódot a következőképpen generáljuk le:

• a kód első karaktere a bevitt név első karaktere
  
• a második karaktere a bevitt név utolsó karaktere
  
• a harmadik és negyedik karakter a színkód 3. és 4. számjegye
  
• az ötödik betű a csúszkán kiválasztott szám
  
• a hatodik betű a kiválasztott kép sorszáma
  
• a hetedik a dátum számjegyeinek összege (addig add össze a számjegyeket, amíg egyjegyű számot nem kapsz).