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: …”) |
(→Feladatok) |
||
| (egy szerkesztő 5 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 | + | * 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!) |
* Írd bele a következő kódot: | * Írd bele a következő kódot: | ||
| 7. sor: | 7. sor: | ||
<html lang="hu"> | <html lang="hu"> | ||
<head> | <head> | ||
| + | <meta charset="utf-8"> | ||
<title> | <title> | ||
Oldal neve | Oldal neve | ||
| 24. 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. | ||
| − | # 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 é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. | ||
# 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 jelenlegi, 2012. október 26., 09:30-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!)
- Í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>
- Ezután menjetek a http://math.bme.hu/~usernevetek oldalra és lássatok csodát.
Feladatok
- Érjétek el, hogy az oldalatok címe megfelelõ legyen pl. XY weboldala (a title tag tartalmát kell átírni).
- Írjatok a weboldalon valami köszöntõ címet, pl. XY weboldala (használjátok a h1, h2, stb tag-ek egyikét).
- Í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.
- 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 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.
