„saját webhelyet szeretnék!” ő ű -...
TRANSCRIPT
1
„Saját webhelyet szeretnék!”
A webes megjelenés alapjai
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
2
Miről lesz szó?
ElőkészületekMit kell eldönteni?Tervezés
Egyszerű oldal készítése MozillávalAz oldal elemei
Webhely készítése Dreamweaverrelsite kezelésűHTML alapokCSS alapok
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
3
Mi a webhelyem célja?
Tudatni akarom, hogy vagyokÖnéletrajzHobbi„Életem eseményei” (blog)stb.
Szolgáltatok, ismeretet terjesztekEladni szeretnék
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
4
Megvalósítási lehetőségek
MegcsináltatomA legkevesebb energiát igényli tőlemLegdrágább
Tárhely szolgáltató sablonjából elkészítemOlcsóbb v. ingyenesKevesebb lehetőséget biztosít
Megcsinálom én!A legtöbb energiát igényli tőlemA legtöbb lehetőséget biztosítja (tudástól függően!)
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
5
Megcsinálom én!
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?
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
6
Tervezési szempontok I.
Statikus webhelyrégebbi formaegyszerűbbkezdő is elkészíthetikevesebb lehetőséginkább kisebb webhelyekhezpl. személyes oldal
Dinamikus webhelyújabb formaösszetettbonyolult, kezdőnek nehéz elkészíteni – DE vö. tartalomkezelő(CMS) rendszerektöbb lehetőség (pl. üzenetküldés, fórum, regisztráció, stb.)pl. webáruház
2
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
7
Tervezési szempontok II.
SzerkezetMilyen részekből áll majd?Mi tartozik össze szorosan, mi kevésbé?
MegjelenésLegyen áttekinthető, „szellős”!Legyen egyszerű a navigáció!
HozzáférhetőségA fogyatékkal élőkre is kell gondolni! www.paramedia.huLetöltődési sebesség
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
8
Tervezési szempontok III.
TárhelyIngyenes
Külső reklámok jelennek megKorlátozottabb lehetőségek
Bérelt (v. saját)Csak a saját tartalmunk látszikBérleti díjtól függő szolgáltatások
Domain név (www.domain.hu)Céges webhelyhez „kötelező” a saját domain
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
9
Eszközök (Windows)
Kódszerkesztőkpl. 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ökMacromedia Dreamweaver MX 2004Microsoft FrontPageAdobe GoLive
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
10
Egyszerű weblap készítése Mozillával
A MozillárólMagyar nyelvű felület!Magyar súgó!BöngészőWeblap szerkesztőLevelezőNaptárSzabványtámogatáshttp://mozilla.fsf.hu
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
11
Egyszerű weblap Mozillával 2.
Indítás: „Ablak”menü, HTML-szerkesztő(Ctrl+4)
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
12
Egyszerű weblap Mozillával 3.
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éseA szerkezeti elemek meghatározása, pl.
Címsor 1-6BekezdésFelsorolás
CímzésHivatkozás
3
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
13
Egyszerű weblap Mozillával 4.
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
14
Webhely készítése Dreamweaverrel
Site létrehozása
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
15
Webhely készítése Dreamweaverrel
Sitelétrehozása
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
16
Webhely készítése Dreamweaverrel
Sitelétrehozása
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
17
Webhely készítése Dreamweaverrel
Sitelétrehozása
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
18
Webhely készítése Dreamweaverrel
Sitelétrehozása
4
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
19
Webhely készítése Dreamweaverrel
Sitelétrehozása
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
20
Webhely készítése Dreamweaverrel
Sitelétrehozása
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
21
Dreamweaver – CSS
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
22
Dreamweaver – CSS
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
23
Dreamweaver – CSS
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
24
Dreamweaver – CSS
5
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
25
Dreamweaver – CSS
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
26
Dreamweaver – CSS
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
27
Dreamweaver – CSS
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
28
Dreamweaver – CSS
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
29
Dreamweaver – HTML
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
30
Dreamweaver – HTML
6
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
31
Dreamweaver – CSS
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
32
Dreamweaver – CSS
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
33
Dreamweaver – CSS
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
34
Dreamweaver – CSS
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
35
Dreamweaver – CSS
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
36
Dreamweaver – CSS
7
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
37
Dreamweaver – CSS
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
38
Dreamweaver – CSS
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
39
Dreamweaver – CSS
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
40
Dreamweaver – CSS
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
41
Dreamweaver – CSS
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
42
Dreamweaver – CSS
8
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
43
Dreamweaver – CSS
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
44
Dreamweaver – CSS
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
45
Dreamweaver – CSS
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
46
Dreamweaver – CSS
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
47
Dreamweaver – CSS
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
48
Dreamweaver – CSS
9
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
49
Dreamweaver – CSS
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
50
Dreamweaver – CSS
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
51
Dreamweaver – CSS
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
52
Dreamweaver – CSS
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
53
Dreamweaver – CSS
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
54
10
„Saját webhelyet szeretnék!”2005. Február 26.
Előadó: Hajas Tamáshttp://web.axelero.hu/ht7050
55
Ajánlott webhelyek, olvasmányok
webmester.lap.huhtmlinfo.polyhistor.huwww.weblabor.huwww.htmldog.comwww.csszengarden.comwww.firefox.huwww.google.comInternetes fórumok ide vágó témái
Janine Warner –Paul Vachier: Dreamweaver 4 Dreamweaver MX a kezdetektől a dinamikus tartalomig