Masat-1 – Webszerkesztés (60 pont)

Készítsd el a 4 lapból álló weboldalt a következő leírás alapján.

fooldal.html:

  1. A böngésző keretén megjelenő cím: Masat-1 legyen. 
  2. Alakítsd ki a mintának megfelelő szerkezetet. 
    • Figyelj a mintán megjelenő margókra!
    • A képek, szövegek nem érnek össze, nem érnek a szélekhez.
  3. Készítsd el a menüt!
    • Az első sorban lévő feliratokat, az aktuális oldalt kivéve (jelen esetben Főoldal) alakítsd hiperhivatkozássá, mely azonos ablakban megnyitja a feliratnak megfelelő oldalt. A hiperhivatkozások ne legyenek aláhúzva, de a mintának megfelelően kék színűek legyenek.
  4. A második sorba szúrd be a Masat-1_logo.jpg képet, igazítsd középre, és állítsd be hozzá a MASAT-1 helyettesítő szöveget.
  5. A CubeSat Projekt részben jobb oldalra helyezd el a Masat-1_MosaicPhoto2.png képet és alakítsd hiperhivatkozássá, ami a http://cubesat.bme.hu weboldalra mutat. A hiperhivatkozás a kívánt weboldalt új ablakban nyissa meg.
  6. Az oldal középső részét a mintának megfelelően alakítsd ki. A szöveget megtalálod a fooldal.txt fájlban.
  7. Az utolsó sorban használd a csapat.jpg képet. A képet képszerkesztővel méretezd át a mintának megfelelő méretre.

Minta a fooldal.html oldalról:


muhold.html:

  1. A muhold.html első sorában az előző feladathoz hasonlóan alakítsd ki a menüt és alatta a címsort.
  2. A böngésző keretén megjelenő cím: Műhold
  3. Alakítsd ki a weboldal szerkezetét és az oldalt a mintának megfelelően. 
    • Az oldalhoz tartozó szöveget a muhold.txt fájl tartalmazza.
    • Az oldalon a következő képek szerepelnek: 6.jpg, 7.jpg.

Minta a muhold.html oldalról:


utazas.html:

  1. Az utazas.html első sorában az előző feladatokhoz hasonlóan alakítsd ki a menüt, alatta a címsort.
  2. A böngésző keretén megjelenő cím: Utazás
  3. Alakítsd ki a weboldal szerkezetét és az oldalt a mintának megfelelően. 

Minta a utazas.html oldalról:


terv.html:

  1. A terv.html első sorában az előző feladatokhoz hasonlóan alakítsd ki a menüt és alatta a címsort.
  2. A böngésző keretén megjelenő cím: Terv
  3. Alakítsd ki a weboldal szerkezetét és az oldalt a mintának megfelelően. 
    • Az oldalhoz tartozó szöveget a terv.txt fájl tartalmazza.
    • Az oldalon a 4.jpg kép szerepel.

Minta a terv.html oldalról:


A feladat elkészítéséhez felhasznált források (2017.03.15.):

http://cubesat.bme.hu/

https://hu.wikipedia.org/wiki/Masat%E2%80%931