Kasza Róbert informatika oldala



Tananyag

Java

Java királynők mintafeladat

Java kéktúra mintafeladat

Java szakképző mintafeladat 2.

Java szakképző mintafeladat 2. megoldása

Java open dialog ablak

Java egyszerű feladatok

Java Timer használata

Java képnéző

Java Game 2019

Java Adatbázis elérése

Programozás tanmenet

Linux

Linux szerver dolgozat 1.

Linux szerver és kliens beállítása VirtualBox-on

Linux DHCP

Linux DNS szerver beállítása

Linux szerver proftp

PPTP VPN telepítése

Linux SAMBA telepítése és beállítása

Linux WEBMIN telepítése és beállítása

Windows szerver

Rendszerfelügyelet rendszergazdáknak

Windows szerver dolgozat 1.

Windows szerver dolgozat 3.

Active directory videók

Webszerkesztés

Webszerkesztés dolgozat

Webszerkesztés gyakorlati feladat

Webszerkesztés Érettségi Mintafeladat (homoktövis)

OKJ Webszerkesztés Mintafeladat (Pitagorasz)

Juhos László Javascript animációja

Az animáció működése



OKJ Webszerkesztés mintafeladat (Pitagorasz)

A forrás letölthető innen:

Feladatok illetve forrás:

FORRÁSFÁJLOK

FELADAT LEÍRÁS

JAVÍTÁSI ÚTMUTATÓ

MEGOLDÁS

Pitagorasz-tétel és bizonyítása

A következő feladatban weboldalt kell készítenie a feladatleírás és a kiadott minta (minta.jpg) szerint. A feladat megoldása során a következő állományokat kell felhasználnia: forras.txt, abra1.jpg, abra2.jpg és abra3.jpg.

• 2.1. Hozzon létre HTML oldalt Pitagorasz.html néven! Állítsa be az oldal nyelvét magyarra és a kódolását UTF8-ra! Az oldal törzsébe másolja az UTF-8 kódolású forras.txt állomány tartalmát!
• 2.2. A weboldal megnyitásakor a böngésző címsorában a ”Pitagorasz-tétel” felirat jelenjen meg!
• 2.3. Készítsen CSS állományt Pitagorasz.css néven, majd a weboldal fejrészében helyezzen el hivatkozást erre a stíluslapra! A HTML oldal formázását elsősorban ebben az állományban definiált szelektorokkal és tulajdonságokkal valósítsa meg!
• 2.4. Állítsa be a weboldal háttérszínét narancs- (orange) színűre!
• 2.5. Az oldal törzsét egy 960 pixel széles keretbe (div) helyezze el, amit a minta szerint igazítson a böngésző ablakában középre! A keret háttérszíne „cornsilk” értékű legyen!
• 2.6. Állítsa be a címre („A Pitagorasz-tétel és bizonyítása”) a h1, az alcímekre a h2 címsorszinteket, és alakítsa ki a bekezdéseket a minta szerint!
• 2.7. Formázza a címsorokat és a bekezdéseket a minta szerint! Állítson be sorkizárást!
• 2.8. A címsorok alatt és felett megjelenő narancsszínű vonalakat állítsa be a minta alapján!
• 2.9. A tétel bizonyításánál készítsen felsorolást a minta szerint!
• 2.10. Az oldalon megjelenő ábrákat jelenítse meg a minta alapján, szegélyezze őket narancsszínű kerettel! A képek szélessége 200 pixel legyen!
• 2.11. A négyzetre emeléseknél állítson be felső indexet! Az utolsó képlet mindenképpen kerüljön új sorba!
• 2.12. A „Sulinet” hivatkozást az oldal lábléc (footer) részében helyezze el, legyen dőlt stílusú és mutasson a „http://tudasbazis.sulinet.hu/” weboldalra!

minta.jpg:




Az utolsó módosítás: 2023 September 19 13:49:18.