Édesanyádnak szülinapja lesz a hétvégén. Úgy döntöttél, hogy a süteményreceptjei rendezésére weblapot készítesz neki.

A webhely oldalai

• Új süteményrecept felvitelére szolgáló oldal.
• Az összes süteményrecept nevét megjelenítő oldal.
• Egyetlen receptet megjelenítő oldal.
• Kulcsszavas keresés a receptek között.

Az oldalak tartalma

Új süteményrecept felvitelére szolgáló oldal

• Az új sütemény felvitelére szolgáló oldalon meg kell adni a sütemény nevét, a hozzávalókat és a recept leírását.
• A sütemény neve 50 karakter széles szövegdobozba kerül.
• Egy hozzávaló megadása a mennyiség, mennyiségi egység és hozzávaló nevének megadásával történik.
• A receptek hozzávalóinak nevét legördülő listából kell kiválasztani.
• A receptekben használt mennyiségi egységek a következők:
• dekagramm,
• evőkanál,
• deciliter,
• darab,
• csomag.
• A mennyiségi egységeket legördülő listából kell kiválasztani.
• A mennyiségeket szövegdobozba kell beírni a weblapon. Ennek szélessége 3 karakternyi legyen.
• A hozzávalók felvitelére soronként van lehetőség. Ha egy hozzávalót hozzáadunk, újabb sor jelenik meg újabb hozzávaló hozzáadására.
• A recept szövegét 60 karakter széles 15 sor magas szövegbeviteli mezőbe kell beírni.

Az összes süteményrecept nevét tartalmazó oldal

• Az oldalon névsorban, listaként jelennek meg a receptek nevei.
• A sütemények neve link a sütemény receptjét tartalmazó oldalra.
• A sütemények neve nagybetűvel kezdődjön, a név többi része kisbetűs legyen függetlenül attól, hogy a receptben hogyan szerepel.
• Három sütemény legyen most a receptkönyvben: kevert meggyes, hókifli és kókuszkocka. E süteményreceptek állományokban találhatók: kevertmeggyes.docx, hokifli.docx, kokuszkocka.docx.

Egyetlen receptet megjelenítő oldal

• Az oldal tetején a recept neve szerepel.
• A hozzávalók listája a recept neve alatt vannak listaszerűen felsorolva.
• A hozzávalók mellett a recept fotója látható.
• A hozzávalók alatt „Az elkészítés módja” szöveg olvasható.
• Az elkészítés módja alatt a recept szövege olvasható bekezdésekre tördelve.
• A recept szövege alatt a sütemény energiatartalma jelenik meg, melyet a hozzávalók energiatartalmának összegéből kell kiszámolni. Jelenjen meg a sütemény energiatartalma (kcal-ban, kJ-ban) mellett a sütemény szénhidrát-, zsír-, fehérje- és rosttartalma is. Használd az energiatartalom.xlsx fájlt!
• Az átváltásoknál használd az alábbiakat:
• 1 csomag vaníliás cukor 10 g
• 1 csomag sütőpor 12 g
• 1 deciliter tej 94 g
• 1 evőkanál méz 21 g
• 1 evőkanál tej 15 ml

Kulcsszavas keresés a receptek között

• 30 karakter hosszú szövegmezőbe lehet beírni a keresendő szöveget.
• Egy jelölőnégyzetben kell jelölni, ha a hozzávalókban is akarunk keresni.
• Egy jelölőnégyzetben kell jelölni, ha a recept szövegében is akarunk keresni.
• A Keresés feliratú gomb megnyomása a keresésnek megfelelő sütemények nevének sorokként, linkként való felsorolását adja eredményül.
• A sütemények neve nagybetűvel kezdődjön, a név többi része kisbetűs legyen függetlenül attól, hogy a receptben hogyan szerepel.

Az oldalak kinézete

• Az oldal háttere legyen függőlegesen csíkozott. A sötétebb csík legyen 6 pixel széles RGB(249,187,188) színű, a másik csík legyen 9 képpont széles, #ffdde1 színű.
• Az oldal alapbetűtípusa Times New Roman, 24 képpontos, #fdebe9 színű. A szöveg alapértelmezésként sorkizárt az oldalon, a sortávolság másfeles legyen.
• Az oldal felső részén legyen egy vízszintes csík, mely a felsocsik.jpg kép alapján készül.
• A felsocsik.jpg széleinél levő csipkeminta alatt látszódjon át a háttér.
• A csipkeminta törésmentesen ismétlődjön.
• A barna sáv ugyanolyan méretben látszódjék a csipkeminta között, mint a felcsik.jpg képen látható.
• A barna sáv (nem a csipke) az oldal tetejétől 160 képpontnyira kezdődjön.
• Times New Roman betűkkel, középre igazítva jelenjen meg a sütemények felirat. A barna sáv tetejétől a betűk teteje 10 képponttal kezdődjön lentebb. A betűk színe a muffin.jpg kép legsötétebb színű krémjének a színe.
• A menü a Sütemények felirat alatt helyezkedik el, a csipkemintás részben.
• A menü három menüpontból áll:
• Receptek: az összes süteményrecept nevét tartalmazó oldalra mutat.
• Keresés: a kulcsszavas keresést megvalósító oldalra mutat.
• Új recept: az új süteményrecept felvitelére szolgáló oldalra mutat.
• A menüpontok 225 képpontonként, középre igazítva, egymás mellett helyezkednek el.
• Minden menüpont előtt az 50 képpont magasságú muffin.jpg kép látható.
• A menüpontok színe az oldalon a Sütemények felirat színével egyezik meg. Az egérrel mutatott menüpont színe a muffin legvilágosabb krémjének színével egyező.
• A menüpont a muffin képéhez képest függőlegesen középre legyen igazítva, vízszintesen pedig a muffin kép kezdetétől 35 képpontnyira kezdődik.
• Az oldal tartalma egy vízszintesen középre igazított 960 képpont széles, a felsocsik.jpg barna sávjának színével egyező színű téglalap. A téglalap 30 képpontos szélére ne kerüljön szöveg. A szöveg színe #feeae9.
• Minden oldalnak legyen címe, középre rendezve. A betűméret 32 képpont, színe #e89e9f.
• Az egy receptet tartalmazó oldal címe a recept neve, a receptek listájának neve Receptek, a keresést megvalósító oldal neve Keresés, új receptet az Új recept nevű oldalon lehet beírni.
• Az egy receptet tartalmazó oldalon legyen a Hozzávalók, az Elkészítés menete és az Energiatartalom alcím, balra igazítva, #f9bbbc színnel írva.
• A hozzávalók felsorolással jelenjenek meg, a felsorolásjel a cseresznye.jpg legyen.
• A hozzávalók mellett megjelenő kép mérete 300 képpont széles és 250 képpont magas legyen, melyet az eredeti kép átméretezésével, majd – ha szükséges ‑ a középső rész kivágásával kapunk. A kép átméretezését is készítheted PHP-vel.