A webes megjelenés alapjai 2 Miről lesz szó? Előkészületek Mit kell eldönteni? Tervezés Egyszerű oldal készítése Mozillával Az oldal elemei site kezelésű HTML alapok CSS alapok Mi a webhelyem célja? Megvalósítási lehetőségek 3 Tudatni akarom, hogy vagyok Önéletrajz Hobbi Életem eseményei (blog) stb. Szolgáltatok, ismeretet terjesztek Eladni szeretnék 4 Megcsináltatom A legkevesebb energiát igényli tőlem Legdrágább Tárhely szolgáltató sablonjából elkészítem Olcsóbb v. ingyenes Kevesebb lehetőséget biztosít Megcsinálom én! A legtöbb energiát igényli tőlem A legtöbb lehetőséget biztosítja (tudástól függően!) Megcsinálom én! Tervezési szempontok I. 5 Mennyi időt tudok a webhelyemre szánni? (készítéskor / működtetésekor) Milyen nagy lesz a webhelyem? Ki fogja látogatni a webhelyemet? Hogy nézzen ki a webhelyem? 6 Statikus webhely régebbi forma egyszerűbb kezdő is elkészítheti kevesebb lehetőség inkább kisebb webhelyekhez pl. személyes oldal Dinamikus webhely újabb forma összetett bonyolult, kezdőnek nehéz elkészíteni DE vö. tartalomkezelő (CMS) rendszerek több lehetőség (pl. üzenetküldés, fórum, regisztráció, stb.) pl. webáruház 1
Tervezési szempontok II. Tervezési szempontok III. 7 Szerkezet Milyen részekből áll majd? Mi tartozik össze szorosan, mi kevésbé? Megjelenés Legyen áttekinthető, szellős! Legyen egyszerű a navigáció! Hozzáférhetőség A fogyatékkal élőkre is kell gondolni! www.paramedia.hu Letöltődési sebesség 8 Tárhely Ingyenes Külső reklámok jelennek meg Korlátozottabb lehetőségek Bérelt (v. saját) Csak a saját tartalmunk látszik Bérleti díjtól függő szolgáltatások Domain név (www.domain.hu) Céges webhelyhez kötelező a saját domain Eszközök (Windows) Egyszerű weblap készítése Mozillával 9 Kódszerkesztők pl. 1stPage, JEdit, Html-Kit, Edit+, HomeSite WYSIWYG szerkesztők Mozilla (magyarul is; csak weblap készítés) NVU (site kezelés is; még nincs 1.0 verzió) Profi eszközök Macromedia Dreamweaver MX 2004 Microsoft FrontPage Adobe GoLive 10 A Mozilláról Magyar nyelvű felület! Magyar súgó! Böngésző Weblap szerkesztő Levelező Naptár Szabványtámogatás http://mozilla.fsf.hu Egyszerű weblap Mozillával 2. Egyszerű weblap Mozillával 3. 11 Indítás: Ablak menü, HTMLszerkesztő (Ctrl+4) 12 Fájl menü / Új / Üres oldal szerkesztése Fájl menü / Mentés. Az oldal címének megadása. A fájlnév és a fájl tárolási helyének megadását. index.html Az oldal tartalmának begépelése A szerkezeti elemek meghatározása, pl. Címsor 1-6 Címzés Bekezdés Hivatkozás Felsorolás 2
Egyszerű weblap Mozillával 4. 13 14 15 16 17 18 3
19 20 21 22 23 24 4
25 26 27 28 Dreamweaver HTML Dreamweaver HTML 29 30 5
31 32 33 34 35 36 6
37 38 39 40 41 42 7
43 44 45 46 47 48 8
49 50 51 52 53 54 9
Ajánlott webhelyek, olvasmányok 55 webmester.lap.hu htmlinfo.polyhistor.hu www.weblabor.hu www.htmldog.com www.csszengarden.com www.firefox.hu www.google.com Internetes fórumok ide vágó témái Janine Warner Paul Vachier: Dreamweaver 4 Dreamweaver MX a kezdetektől a dinamikus tartalomig 10