14. Weboldal több lappal

A legtöbb weboldal több lappal is rendelkezik. Minden lap össze van kapcsolva, így aki az oldalt használja, mozoghat a lapok között.

Készítsünk egy egyszerű oldalt, amely több, különböző állatokról szóló lapot fog tartalmazi.

Csak HTML-t használunk.


1. Hozz létre weblapkészítés mappádon belül egy Állatok nevű mappát!

2. Jegyzettömb segítségével hozd létre az alábbi fájlt és mentsd el index.html néven az Állattok mappába!

  <html>

    <h1>Állatok</h1>

  </html>

3. Jegyzettömb segítségével hozd létre az alábbi fájlt és mentsd el kutyak.html néven az Állatok mappába!

<html>

<h1>Kutyák</h1>

</html>

4. Szerkeszd az index.html fájlodat, írj bele egy hivatkozást: kutyak.htmlre!

 <html>

<h1>Állatok</h1>

<a href="kutyak.html">Kutyák</a>

</html>

5. Bővítsd további oldalakkal a weboldaladat! Pl. macskák, egerek, madarak stb.

6. Gyűjtsd információkat az állatokró és vidd fel a lapjaikra!

    Az információ körül használd a <p> bekezdés </p> taget!

    

Fotók, képek hozzáadása

Pl.

<html>

<h1>Hal</h1>

<img src="hal.jpg">

</html>


Elhelyezhetsz olyan képet a weboldaladon:

  • amit te rajzoltál
  • te fényképeztél
  • ha más weboldalról lementett képet szeretnél használni, akkor meg kell jelölnöd a forrását a képnek


Ha már létrehoztál egy weboldalt szeretnéd megosztani másokkal is. Ehhez fel kell töltened egy szerverre, amely meg tudja osztani a világgal. A szerveren az erre szolgáló hely neve a webtárhely. Ez lehet ingyenes vagy fizetős. A különleges webcímért többet kell fizetni. 

A feltöltéshez szükség van egy speciális szoftverre, az FTP-programra.

FTP: Fájl Átviteli Protokoll

Ez teszi lehetővé a projekt mappa HTML-fájlainak átvitelét a gépedről a szerverre.


Bug:

A kód egy hibája, amely nem engedi megfelelően működni.



Felhasznált irodalom:
 

Digitális kultúra tankönyv 8 Oktatási Hivatal NAT 2020  

Kódgép programozási útmutató lépésről lépésre 4. Napraforgó Könyvkiadó, Budapest

Az oldalt a Webnode működteti Sütik
Készítsd el weboldaladat ingyen! Ez a weboldal a Webnode segítségével készült. Készítsd el a sajátodat ingyenesen még ma! Kezdd el
Sütiket használunk, hogy biztosítsuk a weboldal megfelelő működését és biztonságát, valamint hogy a lehető legjobb felhasználói élményt kínáljuk Neked.

Haladó beállítások

Itt testreszabhatod a süti beállításokat. Engedélyezd vagy tiltsd le a következő kategóriákat, és mentsd el a módosításokat.