Informatika1-2012/Gyakorlat8

A MathWikiből
(Változatok közti eltérés)
(Új oldal, tartalma: „== Weboldal létrehozása == * Nyiss egy új file-t a ''gedit''-ben, mentsd el "index.html" néven a "public_html" könyvtáradba! * Írd bele a következő kódot: …”)
 
25. sor: 25. sor:
 
# Írjatok valamilyen linkeket listába (ol, ul, vagy dl), linkek közt lehetnek hasznos linkek, mások oldalára hivatkozó linkek, stb.
 
# Írjatok valamilyen linkeket listába (ol, ul, vagy dl), linkek közt lehetnek hasznos linkek, mások oldalára hivatkozó linkek, stb.
 
# Készítsetek egy másik oldalt, ezen egy táblázatba írjátok meg a jelenlegi órarendeteket. Rakjatok egy linket a fõoldalra ami erre az oldalra vezet.
 
# Készítsetek egy másik oldalt, ezen egy táblázatba írjátok meg a jelenlegi órarendeteket. Rakjatok egy linket a fõoldalra ami erre az oldalra vezet.
 +
# Ellenõrizzétek az oldalatokat a [http://validator.w3.org/ validátorral], ha zöld akkor minden rendben, ha piros akkor javítsátok a hibákat.
 
# Egészítsétek még ki és ''szépítgessétek'' az oldalt ahogy gondoljátok, ha már beleraktatok mindent amit szeretnétek kezdjetek el CSS kódot belerakni.
 
# Egészítsétek még ki és ''szépítgessétek'' az oldalt ahogy gondoljátok, ha már beleraktatok mindent amit szeretnétek kezdjetek el CSS kódot belerakni.
  
 
== Hasznos linkek ==
 
== Hasznos linkek ==
  
 +
* [http://validator.w3.org/ validátor]
 
* [[Informatika1-2012/Eloadas6|6. előadás]]
 
* [[Informatika1-2012/Eloadas6|6. előadás]]
 
* [[Informatika1-2012/Eloadas7|7. előadás]]
 
* [[Informatika1-2012/Eloadas7|7. előadás]]

A lap 2012. október 26., 00:55-kori változata

Weboldal létrehozása

  • Nyiss egy új file-t a gedit-ben, mentsd el "index.html" néven a "public_html" könyvtáradba!
  • Írd bele a következő kódot:
<!DOCTYPE html>
<html lang="hu">
    <head>
        <title>
            Oldal neve
        </title>
    </head>
    <body>
        Weboldal.
    </body>
</html>

Feladatok

  1. Érjétek el, hogy az oldalatok címe megfelelõ legyen pl. XY weboldala (a title tag tartalmát kell átírni).
  2. Írjatok a weboldalon valami köszöntõ címet, pl. XY weboldala (használjátok a h1, h2, stb tag-ek egyikét).
  3. Írjatok egy minimális önéletrajzot az oldalra, szépen formázva. Használjatok p-t, div-eket, esetleg span-t, table-t, listákat.
  4. Írjatok valamilyen linkeket listába (ol, ul, vagy dl), linkek közt lehetnek hasznos linkek, mások oldalára hivatkozó linkek, stb.
  5. Készítsetek egy másik oldalt, ezen egy táblázatba írjátok meg a jelenlegi órarendeteket. Rakjatok egy linket a fõoldalra ami erre az oldalra vezet.
  6. Ellenõrizzétek az oldalatokat a validátorral, ha zöld akkor minden rendben, ha piros akkor javítsátok a hibákat.
  7. Egészítsétek még ki és szépítgessétek az oldalt ahogy gondoljátok, ha már beleraktatok mindent amit szeretnétek kezdjetek el CSS kódot belerakni.

Hasznos linkek

Személyes eszközök