„saját webhelyet szeretnék!” ő ű -...

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



3

Mi a webhelyem célja?

Tudatni akarom, hogy vagyokÖnéletrajzHobbi„Életem eseményei” (blog)stb.

Szolgáltatok, ismeretet terjesztekEladni szeretnék



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!)



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?



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



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



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



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



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



11

Egyszerű weblap Mozillával 2.

Indítás: „Ablak”menü, HTML-szerkesztő(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éseA szerkezeti elemek meghatározása, pl.

Címsor 1-6BekezdésFelsorolás

CímzésHivatkozás

3



13




14

Webhely készítése Dreamweaverrel

Site létrehozása



15


Sitelétrehozása



16


Sitelétrehozása



17


Sitelétrehozása



18


Sitelétrehozása

4



19


Sitelétrehozása



20


Sitelétrehozása



21

Dreamweaver – CSS



22

Dreamweaver – CSS



23

Dreamweaver – CSS



24

Dreamweaver – CSS

5



25

Dreamweaver – CSS



26

Dreamweaver – CSS



27

Dreamweaver – CSS



28

Dreamweaver – CSS



29

Dreamweaver – HTML



30

Dreamweaver – HTML

6



31

Dreamweaver – CSS



32

Dreamweaver – CSS



33

Dreamweaver – CSS



34

Dreamweaver – CSS



35

Dreamweaver – CSS



36

Dreamweaver – CSS

7



37

Dreamweaver – CSS



38

Dreamweaver – CSS



39

Dreamweaver – CSS



40

Dreamweaver – CSS



41

Dreamweaver – CSS



42

Dreamweaver – CSS

8



43

Dreamweaver – CSS



44

Dreamweaver – CSS



45

Dreamweaver – CSS



46

Dreamweaver – CSS



47

Dreamweaver – CSS



48

Dreamweaver – CSS

9



49

Dreamweaver – CSS



50

Dreamweaver – CSS



51

Dreamweaver – CSS



52

Dreamweaver – CSS



53

Dreamweaver – CSS



54

10



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

„saját webhelyet szeretnék!” ő ű -...

Documents