Wf Portalok v1

8/10/2019 Wf Portalok v1

1/50

Abonyi-Tth Andor, ELTE Informatikai Kar

1


2/50

2


3/50

URL:http://webfejlesztes.inf.elte.hu/moodleBejelentkezsi nv:Neptun kd

Kezdeti jelsz:Change_Me234

3
http://webfejlesztes.inf.elte.hu/moodlehttp://webfejlesztes.inf.elte.hu/moodle


4/50

A jelsz ktelez eleme: legalbb 8karakter, legalbb 1 szmjegy, legalbb1 kisbet, legalbb 1 nagybet,legalbb 1 nem alfanumerikus karakter

4


5/50

Olyan e- mail cmet lltsatok be, amelyetgyakran olvastok, mert a hivatalosinformcikat ebben a rendszerben kldjk ki.

5


6/50

6


7/507

A tananyagok hetibontsban kerlnekfel, kln azeladshoz s agyakorlathoz.


8/508

A jobb oldali blokkban lehet:

Keresni a frumok tartalmban Megtekinteni a legfrissebb hreket ttekinteni a kurzushoz kapcsold

elkvetkezend esemnyeket,beadsi hatridket.

Szintn itt lthat a legutbbitevkenysgek naplja, illetve, hogy

milyen friss vltozsok trtntek akurzusban.


9/50


10/50

Beadandt csak aMoodle felletn s ahatrid eltt lehet feltlteni, e-mailben NEMfogadunk el beadandt!

10


11/50

A tananyagok msik szerveren kerltekelhelyezsre, hogy elosszuk a terhelst.

Emiatt viszont nv/jelsz kell az elrskhz.Nv: wf1Jelsz: Wcag2

A tananyagok elrhetsge:http://webfejlesztes.elte.hu/tananyagok/

11
http://webfejlesztes.elte.hu/tananyagok/http://webfejlesztes.elte.hu/tananyagok/


12/5012


13/5013

A tananyag jelenleg lektorls alatt ll, ezrt kisebb mdostsok mgelkpzelhetek.


14/5014

Kattints utn visszakerlnk az elzleg ltogatottoldalra. Csak akkor hasznlhatjuk, ha abngsznek van JavaScript tmogatsa .

A tananyag kezdlapjra kerlnk.

A tananyag elz oldalra kerlnk.

A tananyag kvetkez oldalra kerlnk.

Amennyiben a tananyag fogalom magyarzatokat istartalmaz, akkor ezen ikonokkal kapcsolhatjuk be/kia fogalmak megjelentst . A fogalmak eltrsznnel s pontozott alhzssal jelennek meg aszvegben . A fogalmak a billentyzetet hasznlfelhasznlk szmra elrhetek, amennyiben anavigls sorn a TAB billentyt hasznljk . Afunkci kikapcsolt llapotban a fogalmak nemlesznek megjellve .

Ez a funkci csak akkor hasznlhat, ha abngsznek van JavaScript tmogatsa, illetve atananyag szerzi megjelltk a fogalmakat atananyagban.

A lapon szerepl fogalmak listjt tudjuk nllablakban megjelenteni, amennyiben az adottlapon vannak fogalmak.

Ez a funkci csak akkor hasznlhat, ha abngsznek van JavaScript tmogatsa,illetve a tananyag szerzi megjelltk afogalmakat a tananyagban.

Az ikon lenyomsval elhvhatjuk anyomtats prbeszdablakot, amelybena tananyag aktulis oldalt tudjukkinyomtatni.

A tananyag oldaltrkpre kerlnk, ahol felvannak sorolva az egyes leckk, illetve azokaloldalai.

Ezen ikonokkal az oldalon belli keressttmogat felletet lehet megjelenteni,illetve eltntetni.

A Sg oldalra kerlnk.


15/50

BevezetHTML bevezetA HTML5 legfontosabb

szveg szint elemeiKitekints a stluslapokhasznlatba, tipikusszvegformzsokCsoportost elemekBegyazott elemekOldalszerkezet elemekTblzatok hasznlata

15

rlapok hasznlataInteraktv elemekBevezets a stluslapokhasznlatbaCSS kirtkelsi sorrend(rangsorols)Ismerkeds a CSSdobozmodelljvel

Szn- s httrbelltsstluslappalVizulis formzsmodellTranszformcik s tmenetekMdiatpusok hasznlataton a reszponzv arculat fel


16/50

16


17/50

XHTML bevezetAz XHTML 1.0 szabvnyXHTML alapok

TblzatokStluslaphasznlatalapjaiTblzatok formzsaKpek beillesztseAnimcik, multimdis elemekrlapokKliens oldali trkpek (XHTML)Metaelemek (XHTML)Tipikus oldalfelptsek

17


18/50


19/50

URL:http://webfejlesztes.inf.elte.hu/wiki/Bejelentkezsi nv: Neptun kd

Jelsz:Change_Me234

19
http://webfejlesztes.inf.elte.hu/wiki/http://webfejlesztes.inf.elte.hu/wiki/


20/50

20


21/50


22/50

Hogy minden funkcit ki tudjatok hasznlni, az e-mail cmet meg kellersteni. Ilyenkor az e-mail cmre kikldsre kerl egy zenet, amelybentallhat link kvetsvel trtnik a megersts.

22


23/50

Az adatbzis HTML5tagek , paramterek,CSS3 paramterek s rtkeik lerst

tartalmazza, ezen kvl a WCAG szabvnybanfoglaltak akadlymentessgi irnyelvek iselrhetek.

23


24/50

Ha pontosan tudod, hogy melyik lapra akarszeljutni, akkor a keresmezbe gpeld be, majdkattints a Menj gombra! Ekkor (ha ltezik az

oldal), kzvetlenl az jelenik meg.

24

Ha a Keress gombra kattintunk, akkor a tallatilistban olyan oldalakat tallunk, amelyekben akifejezs (cmben, vagy a szvegben)megtallhat.


25/50


26/50

A cmszavak (pl.font-size ) egy adatlappalkezddnek, amelyek a fontosabb

tulajdonsgaikat tartalmazzk.

26

A bal oldalioszlopban a

paramterek neveolvashat, jobboldalon az rtkek.
http://webfejlesztes.inf.elte.hu/wiki/index.php/Font-sizehttp://webfejlesztes.inf.elte.hu/wiki/index.php/Font-sizehttp://webfejlesztes.inf.elte.hu/wiki/index.php/Font-sizehttp://webfejlesztes.inf.elte.hu/wiki/index.php/Font-size


27/50

Az adatlap als sorban ltszik, hogy milyenms oldalak hivatkoznak erre a cmszra.

Ha a hivatkoz cmszra akarunk kerlni,akkor kattintsunk a nevre. (pl. Font)

27

Vigyzzunk,mert az erre mutat hivatkozslink arra az oldalra visz, ami mr a hivatkozoldalra hivatkoz oldalakat ( ) jelenti meg.


28/50


29/50

A cmszavak aljn tallhat az a tblzat(Tnyek blokk), amely a cmszra jellemz

tulajdonsgokat foglalja ssze.

29


30/50


31/50

A paramterek mellett az rtkek is fel vannaktntetve. Az rtkek nevre kattintva az adott cmsz jelenik meg. Ha piros az rtk, akkor mg nincs

feltltve az a cmsz tartalommal.Az rtkek mellett egy nagyt ikont tallunk. Errekattintva pedig az sszes olyan cmsz listjtmegkapjuk, ahol az adott paramter ezzel az rtkkelvan feltltve.

31


32/50

A cmszhoz kapcsold tnyeket a szemikonra kattintva kln oldalon is

megtekinthetjk. Ez rszletesebb tblzatoteredmnyez, mint az oldalon elhelyezettvltozat.

32


33/50

Ezzel a klnbz kategrikbantallhat cmszavak kztt lehet

bngszni.A kategrik a flekentallhatak:

33


34/50

A kategrik rendelkezhetnekalkategrikkal is.

A kategrik neve mgtti szm jelzi, hogyabban a kategriban hny elem tallhat.

34


35/50

A kategrikban szrk is vannak,amelyekkel szkteni lehet a tallati listt.

Ezeket egy lefele mutat nyllal jelli arendszer.Ezek kzl tbbre is r lehet kattintani.

35


36/50


37/50

Most szktsk a tallatokat, hogy alehetsges attribtumoknl a Name

attribtumra kattintunk!

37


38/50

Eredmnyl azon cmszavakat kapjuk,amelyekre mindegyik szr igaz volt.

38


39/50

A szrben az & jel jelenti azt, hogy afelttelek logikai S kapcsolatban vannakegymssal.Az ikonnal lehet az adott felttelt trlni.Ha egy felttelhez msik rtket is hozzszeretnnk adni, akkor a kategriknl a jobbra mutat nylra kell kattintani.

39


40/50

jabb rtk hozzadsakor azok logikaiVAGY kapcsolatba kerlnek, amely aszrfelttelek sorban le is olvashat.

40


41/50

A cmszavakat a lap aljn lv rlappal lehetrtkelni:

41

Ha tartalmi hibt talltok, akkor azt

Lehet jelezni a Vitalapon, amelyminden szcikknl egynileg elrhetKi lehet javtani aSzerkeszts rlappalfunkcit hasznlva.


42/50


43/50

Specilis lekrdezsekre hasznlhat aSzemantikus keressi fellet is.

43


44/50


45/50

Ha egy adott tulajdonsg rtkre akarunkkeresni, akkor hasznlhatjuk a kvetkez

formtumot:[[Category :kategrianeve]][[Category :CSS_attribtum]]

[[Tulajdonsgneve::rtk]]Pldul: [[rtkek (CSS attribtum)::Low]]

45


46/50

Akr tblzatos formban is lekrhetjk azadatokat.

A lekrdezsben a jel helyettest karaktert jelent, ami mindenre illeszkedik.Paramterknt pedig megadhatjuk, hogy mitszeretnnk megjelenteni az oszlopban. Aparamterek neve el ? jel kerl.

46


47/50

Lekrdezs: [[Category :CSS_attribtum]]Tovbbi megjelentend adatok:

?rtkek (CSS attribtum)?Kezdrtk (CSS attribtum)

47


48/50

48


49/50

A szemantikus keressre vonatkozrszletesebb dokumentci elrhet angol

nyelven a kvetkez cmen:http://semantic-mediawiki.org/wiki/Help:Semantic_search

49
http://semantic-mediawiki.org/wiki/Help:Semantic_searchhttp://semantic-mediawiki.org/wiki/Help:Semantic_searchhttp://semantic-mediawiki.org/wiki/Help:Semantic_searchhttp://semantic-mediawiki.org/wiki/Help:Semantic_search


50/50

Documents

Wf Portalok v1