HTML nyelv | T��bl��zat

1. Budapesti Állatkert - Pálmaház Szint:

Készíts weboldalt a Budapesti Állatkert weblapja alapján! (Címe lenn látható!)

Az oldala jellemzői a következők:

  • A böngésző keretén megjelenő cím "Pálmaház - A dzsungel nyitott könyve"
  • A fájl neve "palmahaz.html"
  • Az oldal szövege a "Pálmaház - A dzsungel nyitott könyve" című cikk anyaga
  • Színesítsd a szöveget hozzáillő képekkel, amelyeket a cikk szövegébe szúrsz

Küldd el a HTML fájlt és a képeket egy levélben!

2. Az Internet Szint: *

A mellékelt állományok segítségével készítsen egy weblapot!

  • A böngésző keretén megjelenő cím "Információs Szupersztráda" legyen!
  • Az állomány neve legyen "internet.html"!
  • A háttérszín: #ecebe4

3. Imagine Logo Szint: *

A mellékelt állományok segítségével készítsen egy weblapot!

  • A böngésző keretén megjelenő cím "Imagine Logo programnyelv" legyen!
  • Az állomány neve legyen "imagine.html"!
  • A háttérszín: #FFCC99
  • A link színe: navy

4. Malmok Magyarországon Szint: **

Készítsünk egy kétoldalas (indexmalmok.html, szelmalmok.html) website-ot a malmokról! Mindegyik oldal keretcíme "Malmok Magyarországon" legyen! Az oldalak "nyersanyaga" a malmok.txt fájlban található.

indexmalmok.html

  • minta: indexmalmok.pdf
  • háttérkép: mm_kezi.jpg
  • szövegszín: #8c613f
  • szöveg: címsor1 (a főcím betűmérete növelve)
  • linkek: az összes a malmok.txt-ben található

szelmalmok.html

  • minta: mm_szelmalmok.pdf
  • színek: háttér (szürke) #ededed, szöveg (barna) #8c613f, sárga #fff3ce
  • szöveg: Verdana, kisebb betűméret, bekezdések
  • táblázatok: fenn (sárga hátterű), középen (szélmalom metszete), lenn (kettős táblázat, azaz táblázatban a kép és a sárga hátterű táblázat)
  • link: az alsó képlink az első fájlra (indexmalmok.html) mutasson

5. Fekete özvegy Szint: **

Készítse el egy egy web-site fájljait a megadott "PDF" minták és az alábbi utasítások alapján!

  • Az egyes lapok szövege a "spider.txt" fájlban található.
  • Minden elmentett oldal címe "Fekete özvegy" legyen! A fájlok neve az alábbi táblázatban látható.

A web-lap neve háttérkép/háttérszín képek a lapon
menu.html hatter.jpg logo.jpg, hatter.jpg
jatek.html#66CDAA (MediumAquamarine)tabla1.jpg, tabla2.jpg
menete.html #B0C4DE (LightSteelBlue)nehezseg.jpg, beallitas.jpg
pontozas.html #FFE4B5 (Moccasin)stat.jpg, pontok.jpg
tippek.html#FFF0F5 (LavenderBlush) 
  • A "menu.html" lap táblázatának mindkét cellája 386px szélességű, a baloldali #FFFFCC színű, a szöveg betűtípusa "Comic Sans MS".
  • Az utolsó négy lap szövege (és képei) egy táblázatban vannak, amely szélessége az oldalszélesség 75%-a, a szövegek betűtípusa "Verdana".
  • A főcímek "címsor3" stílusúak, a térközök miatt bekezdések vannak.
  • Figyeljen a különböző formázásokra, felsorolásokra!

6. Ajkai középiskolák Szint: **

Készítsünk egy háromoldalas website-ot az ajkai középiskolákról! Az első egy HTML szerkesztővel (NVU,Mozilla), a második MsWord-del, a harmadik MsExcel-lel készüljön!

indexajka.htm

  • oldal nyersanyaga: indexajka.txt
  • oldal címe: Ajkai középiskolák
  • táblázat feletti cím: Címsor 1 stílusú
  • oldal háttérszíne: tan (#D2B48C)
  • táblázat háttérszíne: moccasin (#FFE4B5)
  • táblázat szélessége: az oldal 80%-a
  • szöveges linkek: az iskolák weboldalaira mutatnak
  • képlinkek: ak_brodytort.jpg -> brodytort.htm ak_brodystat.jpg -> brodystat.htm
  • a többit a minta (indexajka.pdf) alapján

brodytort.htm

  • oldal nyersanyaga: ak_brodytort.txt
  • készítsük el a Word szövegszerkesztővel
  • betűtípusok: Verdana és Times New Roman
  • betűméretek: 10pt és 16pt
  • a többit a minta (ak_brodytort.pdf) alapján
  • mentés: brodytort.doc majd brodytort.htm néven (weblap szűrt!)

brodystat.htm

  • oldal nyersanyaga: ak_brodystat.txt
  • készítsük el az Excel táblázatkezelővel
  • a többit a minta (ak_brodystat.pdf) alapján
  • mentés: brodystat.xls majd brodystat.htm néven (csak az aktuális lapot)

7. Naprendszer w e b s i t e Szint: **

Készítsd el a PDF mintafájlok alapján a

  • holdak.html (bekezdés)
  • altalanos.html (bekezdés, felsorolás)
  • osztalyozas.html (bekezdés, többszintű felsorolás)
  • nap.html (bekezdés, felsorolás, kép)
  • bolygok.html (bekezdés, kép, táblázat)
  • index.html (kép, táblázat, hivatkozás)
  • linkek.html (háttérkép, táblázat, hivatkozás)
  • kisbolygok.html (legyen benne a fentiek mindegyike!)

weboldalakat (a szövegek nagy részét a TXT fájlok tartalmazzák)!

A "kisbolygok.html" elkészítéséhez használd fel az internet lehetőségeit!