Weblapkészítés a 21. században
Transcript of Weblapkészítés a 21. században
![Page 1: Weblapkészítés a 21. században](https://reader031.fdocuments.net/reader031/viewer/2022030322/5893187c1a28ab3f3c8b8741/html5/thumbnails/1.jpg)
Weblapkészítés a 21. században
teljesen kezdők számára
![Page 2: Weblapkészítés a 21. században](https://reader031.fdocuments.net/reader031/viewer/2022030322/5893187c1a28ab3f3c8b8741/html5/thumbnails/2.jpg)
2
Nagy Gusztáv
● tanszéki mérnök, webfejlesztő● szakmai honlap: http://nagygusztav.hu
– Drupal 7 alapismeretek könyv
– Web programozás alapismeretek könyv
– Java programozás könyv
![Page 3: Weblapkészítés a 21. században](https://reader031.fdocuments.net/reader031/viewer/2022030322/5893187c1a28ab3f3c8b8741/html5/thumbnails/3.jpg)
3
Mire jó ez a tudás?
● hobbi● munkakör része● megélhetés
![Page 4: Weblapkészítés a 21. században](https://reader031.fdocuments.net/reader031/viewer/2022030322/5893187c1a28ab3f3c8b8741/html5/thumbnails/4.jpg)
4
Kérdések?
![Page 5: Weblapkészítés a 21. században](https://reader031.fdocuments.net/reader031/viewer/2022030322/5893187c1a28ab3f3c8b8741/html5/thumbnails/5.jpg)
5
Tartalomkezelő rendszerek
● a tartalomkezelő rendszer (angolul Content Management System, CMS) olyan szoftverrendszer, amely nem strukturált információk, mint például az internetes portálok, akár több felhasználó általi elkészítését, kezelését, és tárolását segíti. Továbbá gondoskodik a tartalmak strukturált megjelenítéséről, statisztikák készítéséről, kiegészítő funkciók integrálásáról
![Page 6: Weblapkészítés a 21. században](https://reader031.fdocuments.net/reader031/viewer/2022030322/5893187c1a28ab3f3c8b8741/html5/thumbnails/6.jpg)
6
Melyiket válasszunk?
● fizetősek és ingyenesek/nyílt forrásúak● egyszerűbbek és komplexebbek● különböző szerver környezeten (pl. Java, .Net,
PHP, Python, Ruby platformon) üzemeltethetők
● kezdetlegesek és jól kiforrottak● magyarul elérhetők, vagy csak más nyelven
(általában angolul) használhatók● általános célúak és specializáltak (pl. e-
learning, e-commerce, fórum , blog stb.)
![Page 7: Weblapkészítés a 21. században](https://reader031.fdocuments.net/reader031/viewer/2022030322/5893187c1a28ab3f3c8b8741/html5/thumbnails/7.jpg)
7
A „legnépszerűbb” CMS-ek
● Drupal (http://drupal.hu)● Joomla (http://www.joomla.org.hu/)● Moodle (http://moodle.org)● Wordpress (http://word-press.hu)
![Page 8: Weblapkészítés a 21. században](https://reader031.fdocuments.net/reader031/viewer/2022030322/5893187c1a28ab3f3c8b8741/html5/thumbnails/8.jpg)
8
Mi a Drupal?
● Drupal Motor● Kiegészítők
![Page 10: Weblapkészítés a 21. században](https://reader031.fdocuments.net/reader031/viewer/2022030322/5893187c1a28ab3f3c8b8741/html5/thumbnails/10.jpg)
10
Felhasználókezelés
● Regisztráció– saját magunk
● adminisztrátori elfogadás nélkül● adminisztrátori elfogadással
– adminisztrátor regisztrál
● Be-, és kijelentkezés– első belépés
● Saját adatok módosítása● Elfelejtett jelszó
![Page 11: Weblapkészítés a 21. században](https://reader031.fdocuments.net/reader031/viewer/2022030322/5893187c1a28ab3f3c8b8741/html5/thumbnails/11.jpg)
11
Tartalmak kezelése
● Tartalmak megtekintése– címlapon
– menüben
– közvetett módon
– többféle módon
![Page 12: Weblapkészítés a 21. században](https://reader031.fdocuments.net/reader031/viewer/2022030322/5893187c1a28ab3f3c8b8741/html5/thumbnails/12.jpg)
12
Tartalmak kezelése
● Tartalmak létrehozása– Tartalomtípus
– Összefoglaló és teljes nézet
– Beviteli forma
– Vizuális szerkesztő
– Előnézet
– További információk megadása ● címke, téma, csatolmány, kép, stb.
![Page 13: Weblapkészítés a 21. században](https://reader031.fdocuments.net/reader031/viewer/2022030322/5893187c1a28ab3f3c8b8741/html5/thumbnails/13.jpg)
13
Tartalmak kezelése
● Tartalom szerkesztés, törlés– verziók
![Page 14: Weblapkészítés a 21. században](https://reader031.fdocuments.net/reader031/viewer/2022030322/5893187c1a28ab3f3c8b8741/html5/thumbnails/14.jpg)
14
Vizuális szerkesztő
● web != papír● szabad
– félkövér és dőlt
– felsorolás és számozás, akár több szinten
– kifelé mutató, vagy belül maradó linkek
– kép a folyó szövegben
– a folyó bekezdések és sortörések
– különböző szintű címek
![Page 15: Weblapkészítés a 21. században](https://reader031.fdocuments.net/reader031/viewer/2022030322/5893187c1a28ab3f3c8b8741/html5/thumbnails/15.jpg)
15
Vizuális szerkesztő
● weboldal egységes látványvilága miatt nem javasolt
– balra, középre és jobbra igazítás
– térközök, behúzások
– színes betűk és hátterek
– betűtípusok
– kisebb és nagyobb betűk
– bekezdések közötti elválasztó vonalak
– képek balra, jobbra igazítása vegyesen
![Page 16: Weblapkészítés a 21. században](https://reader031.fdocuments.net/reader031/viewer/2022030322/5893187c1a28ab3f3c8b8741/html5/thumbnails/16.jpg)
16
Vizuális szerkesztő
● Tipográfiai okok miatt nem javasolt– sorkizárt
– aláhúzás
– csupa nagybetűs, szóközzel ritkított
– (táblázatok)
– (képek körbefuttatása)
![Page 17: Weblapkészítés a 21. században](https://reader031.fdocuments.net/reader031/viewer/2022030322/5893187c1a28ab3f3c8b8741/html5/thumbnails/17.jpg)
17
Vizuális szerkesztő
● Ajánlott módszer
1.írjuk meg helyben, vagy illesszük be a nyers szöveget
2.állítsuk be a szöveg struktúráját („formázás”)
![Page 18: Weblapkészítés a 21. században](https://reader031.fdocuments.net/reader031/viewer/2022030322/5893187c1a28ab3f3c8b8741/html5/thumbnails/18.jpg)
18
4. Tartalmak, tartalomtípusok
![Page 19: Weblapkészítés a 21. században](https://reader031.fdocuments.net/reader031/viewer/2022030322/5893187c1a28ab3f3c8b8741/html5/thumbnails/19.jpg)
19
Szövegformátumok
● miért van többféle?● alapértelmezett● jogosultságok● szűrők● finomhangolás
![Page 20: Weblapkészítés a 21. században](https://reader031.fdocuments.net/reader031/viewer/2022030322/5893187c1a28ab3f3c8b8741/html5/thumbnails/20.jpg)
20
Tartalom típusok
● Cikk és Egyszerű oldal ● Szerkesztés vagy új létrehozása
● Modulok is hozhatnak létre – Forum, Blog, Book, stb.
![Page 21: Weblapkészítés a 21. században](https://reader031.fdocuments.net/reader031/viewer/2022030322/5893187c1a28ab3f3c8b8741/html5/thumbnails/21.jpg)
21
Tartalom beküldése
● [Volt már]● Változatinformáció● Hozzászólás-beküldési beállítások● Szerzői információk: név, dátum
– link, jogosultság
● Közzétételi beállítások– Közzétett,Címlapra helyezve
Kiemelt, az oldal tetejére
![Page 22: Weblapkészítés a 21. században](https://reader031.fdocuments.net/reader031/viewer/2022030322/5893187c1a28ab3f3c8b8741/html5/thumbnails/22.jpg)
22
Tartalmak megjelenítése
● címlapon● menüben● Tartalom oldal
![Page 23: Weblapkészítés a 21. században](https://reader031.fdocuments.net/reader031/viewer/2022030322/5893187c1a28ab3f3c8b8741/html5/thumbnails/23.jpg)
23
Drupal alapmodulok
● Tracker● Comment● Blog● Forum● Poll● Taxonomy
![Page 24: Weblapkészítés a 21. században](https://reader031.fdocuments.net/reader031/viewer/2022030322/5893187c1a28ab3f3c8b8741/html5/thumbnails/24.jpg)
24
Köszönöm a figyelmet!
● http://nagygusztav.hu/kutatok-ejszakaja-weblapkeszites-a-21-szazadban