Informatika1-2013/Gyakorlat9
A MathWikiből
(Változatok közti eltérés)
(→Hasznos linkek) |
|||
(egy szerkesztő 4 közbeeső változata nincs mutatva) | |||
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/Info1EA8.pdf 8. elõadás ( | + | * [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., 09: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>
- 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.
- 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.
- 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.
Hasznos linkek
- 8. elõadás
- A gyakorlathoz régebbi anyag: 11gy.xhtml Megnyitás után, jobb klikk és Forrás megtekintése (View source).
- validátor
- HTML5 Cheat Sheet
- http://www.w3schools.com/