Informatika1-2013/Gyakorlat9

A MathWikiből
(Változatok közti eltérés)
(Hasznos linkek)
 
(egy szerkesztő 6 közbeeső változata nincs mutatva)
1. sor: 1. sor:
 
== Weboldal létrehozása ==
 
== Weboldal létrehozása ==
  
* Nyiss egy új file-t a ''gedit''-ben, mentsd el ''index.html'' néven  a ''public_html'' könyvtáradba! (Ha még nem létezik a könyvtár, akkor hozd létre! Valamint állítsd át a könyvtár jogosultságát, hogy mindenki olvashassa és mindenki bele tudjon lépni.)
+
* Nyiss egy új file-t a ''gedit''-ben, mentsd el ''index.html'' néven  a ''public_html'' könyvtáradba! (Ha még nem létezik a könyvtár, akkor hozd létre! Valamint állítsd át a könyvtár jogosultságát, hogy mindenki olvashassa és mindenki bele tudjon lépni. (''chmod''))
 
* Írd bele a következő kódot:
 
* Írd bele a következő kódot:
  
25. sor: 25. sor:
 
# Í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.
 
# Í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.
 
# Í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.
 +
# Rakjatok ki egy képet az oldalatokra, lehetőleg magatokról, de a gyakorlat erejéig lehet valami más kép.
 
# 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 és egy linket az órarend oldalra ami visszavezet a fõoldalra.
 
# 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 és egy linket az órarend oldalra ami visszavezet a fõoldalra.
 
# 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.
 
# 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.
31. sor: 32. sor:
 
== Hasznos linkek ==
 
== Hasznos linkek ==
  
 +
* [http://math.bme.hu/~kkovacs/info1/Info1EA8.pdf 8. elõadás]
 +
* A gyakorlathoz régebbi anyag: [http://www.math.bme.hu/~tothagi/11gy.xhtml 11gy.xhtml] Megnyitás után, jobb klikk és ''Forrás megtekintése'' (''View source'').
 
* [http://validator.w3.org/ validátor]
 
* [http://validator.w3.org/ validátor]
 
* [https://docs.google.com/open?id=0Bwk5mjaCfPlVaEVLZ0swU0xCU2M HTML5 Cheat Sheet]
 
* [https://docs.google.com/open?id=0Bwk5mjaCfPlVaEVLZ0swU0xCU2M HTML5 Cheat Sheet]
 
* [http://www.w3schools.com/ http://www.w3schools.com/]
 
* [http://www.w3schools.com/ http://www.w3schools.com/]

A lap jelenlegi, 2013. november 14., 08:42-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! (Ha még nem létezik a könyvtár, akkor hozd létre! Valamint állítsd át a könyvtár jogosultságát, hogy mindenki olvashassa és mindenki bele tudjon lépni. (chmod))
  • Írd bele a következő kódot:
<!DOCTYPE html>
<html lang="hu">
    <head>
        <meta charset="utf-8">
        <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. Rakjatok ki egy képet az oldalatokra, lehetőleg magatokról, de a gyakorlat erejéig lehet valami más kép.
  6. 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 és egy linket az órarend oldalra ami visszavezet a fõoldalra.
  7. Ellenõrizzétek az oldalatokat a validátorral, ha zöld akkor minden rendben, ha piros akkor javítsátok a hibákat.
  8. Egészítsétek még ki és szépítgessétek az oldalt ahogy gondoljátok.

Hasznos linkek

Személyes eszközök