A Ws SiteBuilder
4.01 használata
A GDI lehetőséget
biztosít Neked arra, hogy akár pár perc alatt elkészíthesd a saját
weblapodat!
Miért jó Neked az, ha saját weblapod lehet?
- Be tudsz mutatkozni rajta, az ismerőseid, az üzlettársaid és
a leendő üzlettársak is jobban meg tudnak ismerni. Ki tud alakulni
egy olyan kapcsolat kettőtök között, amely megalapozza a bizalmat,
sokkal szívesebben fognak Hozzád kapcsolódni, ha ismernek, ha
látják Rajtad, hogy korrekt, segítőkész ember vagy. Készíts el
Magadról, a Családodról, a hobbijaidról és - röviden - az Életedről
szóló weblapot, hogy az üzletépítés során meg tudd alapozni a
Beléd vetett bizalmat. Egy ilyen weblap megtekintése után az Érdeklődőd
számára nem csak egy személytelen, ismeretlen valaki vagy (aki
esetleg át is verhetné, "csőbe is húzhatná"), hanem
egy élő, hús-vér ember, akivel érdemes együttműködni, akitől érdemes
tanulni. Legyél büszke erre a bemutatkozó weblapodra!
- Ha van valami olyan hobbid, olyan vállalkozásod, aminek hasznos
lehet egy internets megjelenés, ha van valami olyan témád, amit
szeretnél megosztani a Világgal, akkor erről mindenképpen hozz
létre egy oldalt a weblapodon!
- Később, az üzletépítésed során nagyon nagy hasznát fogod venni
annak, hogy az Üzlettársaid is látják, mennyi hasznos dologra
lehet használni egy saját weblapot!
A GDI beépített webszerkesztőjével, a Ws SiteBuilder-rel úgy tudsz
profi kinézetű weblapokat készíteni, hogy nem kell a webszerkesztéshez,
grafikához, HTML-nyelvhez, webtárhelyek beállításaihoz és FTP-kapcsolatok
paraméterezéséhez értened. Kész sablonok közül tudsz választani,
és azt már csak fel kell tölteni tartalommal, szöveggel, képekkel.
A menürendszer és a design automatikusan igazodni fog a weblapod
tartalmához és szerkezetéhez.
Belépés a webszerkesztőbe
A
Ws SiteBuilder-be az online irodánk (www.website.ws/members, a
felhasználónevünkkel és a jelszavunkkal belépve) menürendszeréből
a Domains menüpontból vagy a Build Your Website
menüpontból tudunk belépni. (1. kép)
A Domains oldalon a domainnevünk adatainak sorában a SiteBuilder
linkre kattintva indul a webszerkesztő. (2. kép)

1. kép

2. kép
(Ha nem látszik ilyen link, akkor a Change DNS linkre kattintva
meg tudjuk változtatni a domainnevünk beállításait, a bejövő oldalon
az első lehetőséget, az 'I want to use the WebSite Builder Templates
to build my own WebSite' szövegűt választva, majd a Continue gombbal
véglegesítve a választásunkat.)
(Ha
a Te gépeden nem indulna el többszöri próbálkozásra sem a Ws SiteBuilder,
akkor a Flash-lejátszót kell felfrissíteni a www.adobe.com oldalról
letöltve és feltelepítve. Ezen kívül elképzelhető még, hogy a
gépedben levő memória kevés a WS SiteBuilder futtatásához, vagy
a böngésződdel van valamilyen beállítási gond. Érdemes esetleg
egy másfajta böngészőt is telepíteni és azzal is megpróbálni,
tehát ha Internet Explorer-t használsz és nem megy, próbáld ki
a FireFox-ot is, vagy fordítva. Ez utóbbit a www.firefox.com oldalról
tudod letölteni.)
Az előkészítési fázis
A
Ws SiteBuilder az első használatbavételkor egy kicsit máshogyan
működik, mint a későbbiekben. Először végigvezet egy két lépésből
álló előkészítési fázison.
Az
első lépésben választanunk kell egy template-t, ez tulajdonképpen
egy módosítható weblap. (3. kép)
A
legújabb design-ok a SiteBuilder 4.0 template groups rovatból
választhatók, a korábbi template-k lentebb, a SiteBuilder 3.0
template groups rovatból.
(Sajnos
az újabb design-ok nem mindig kezelik jól a magyar ékezetes betűket,
ezért javaslom, hogy a régebbi, 3.0-s design-ok közül válassz
valamit.)
Válasszuk
ki a főkategóriát (Basic = egyszerű, Business = Üzleti, Personal
= Személyes, Shapes = Formák, Sports = Sportok, Hitech = Fejlett
technikai), majd a design-ok közül a leendő weblapunkhoz leginkább
illeszkedőt. (A weblap design-ját később is meg tudjuk változtatni.
Akár oldalanként más design-ja lehet a weblapunknak, bár ez nem
javasolt.)
A
Next (Következő) gombbal tudunk továbblépni.

3. kép
A
második lépésben meg tudjuk adni a weblapunk főbb adatait. Ezek
később a Properties funkcióval módosíthatóak. (4. kép)

4. kép
Page title: Az oldalunk főcíme. Ez valahol a fejlécben, nagy betűkkel
fog megjelenni, a design-tól függő módon.
Page
name: A weblapod menüjében az adott oldal neve, azaz a menüpont
szövege.
Page
URL: Az épp szerkesztett oldalunk weblapcíme, neve. Ide egy olyan
szót írjunk (ékezetek és írásjelek nnélkül), ami utal az adott
oldalunk tartalmára, így ez lesz a készülő oldalunk neve: www.sajátdomainnevem.ws/oldalamneve
(nyilván értelemszerűen a domainnevünkkel és a beírt oldalnévvel).
Az egyes oldalakat a témájuknak megfelelően nevezzük el, pl. fooldal,
lehetoseg, diakoknak, penzkereset, ...
Page
phone: A telefonszámunk, amely szintén a design-tól függő módon
meg fog jelenni a weblapon.
Page
email: Az email címünk, a korábbiakhoz hasonlóan.
Page
banner: Ezt nem szükséges kitöltenünk, ide a weblapon megjelenő
reklámcsík beillesztendő kódját lehetne bemásolni.
A
Finish (Befejezés) gombbal fejezhetjük be az adatok megadását.
Ezek után megjelenik az egyes weboldalak kezelésére szolgáló táblázat,
a szerkesztő főmenü. (5. kép)

5. kép
A szerkesztő főmenü
A
képernyőn látható táblázat lesz az oldalaink szerkesztésének a
kiindulópontja.
Itt
a táblázat minden sora a készülő weblapunknak egy-egy oldala,
a weblapunk menüjében egy-egy menüpont. További sorokat (a weblapunk
további oldalait) a Create Page (= Lap létrehozása) ikonnal tudunk
hozzáadni a weblaphoz. Maximum 10 oldal kezelhető.
Az
adott oldal sorában, a kívánt parancs oszlopában kattintva az
adott oldalon a kívánt parancsot hajtjuk végre. Például az első
sorban az Edit (Szerkesztés) oszlopban kattintva elindul az adott
oldal szerkesztése.
Nézzük
meg gyorsan a többi parancsot, utána részletesebben visszatérünk
az oldal szerkesztésére:
Edit
= Szerkesztés: Ezzel tudjuk az adott oldalt szerkeszteni, szövegeket,
képeket felvinni. Erről később részletesen is írunk.
Visible
= Látható: Ezzel tehetjük láthatóvá vagy ezzel rejthetjük el a
weblapunk adott oldalát.
Preview
= Előnézet: Meg tudjuk nézni, hogyan látnák az oldalunkat a weblapunk
látogatói. (Ne felejtsük el előtte a Save = Mentés menüponttal
elmenteni a munkánkat, hiszen az utoljára mentett állapot fog
megjelenni.)
Properties
= Tulajdonságok: A korábban megadott adatok módosítása. Itt tudunk
design-t változtatni (2. fülecske, Design), valamint a keresők
számára kulcsszavakat és leírást hozzárendelni az oldalhoz (3.
fülecske, Keywords / Descriptions).
Publish
= Publikálás: Ezzel tesszük ki a kész oldalt az Internetre. (Felül
a Create Page (=Lap Létrehozása) ikon mellett látható a Publish
All ikon (=Mindet Publikálja), ezzel egyszerre tudjuk kitenni
az összes oldalunkat az Internetre.
Restore
= Visszaállítás.
Last
edit = Utolsó szerkesztés dátuma.
Last
publish = Legutóbbi publikálás dátuma.
Delete
= Törlés: Ezzel tudjuk megszüntetni, kitörölni az adott oldalt.
A képernyő baloldali részén 3 fülecskét látunk, ezek a fő területei
a webszerkesztőnek:
Pages
(itt vagyunk most): Ez a szerkesztő főmenü
Gallery:
Itt tudunk majd képeket feltenni a Galériába, ahonnan az oldal
szerkesztésekor be tudjuk azokat választani a weboldalunk kívánt
helyére.
Plugins:
Bővítmények, egyelőre nem kell vele foglalkoznunk. Jelenleg kétféle
bővítmény áll rendelkezésre. Az egyikkel (Feedback = Visszajelzés)
a látogatóink üzenetet írhatnak nekünk, ezt email-ben kapjuk meg.
A másikkal (Guestbook = Vendégkönyv) egy olyan rovatot nyithatunk,
ahová vendégkönyv-bejegyzéseket írhatnak. (Ezt azért nem javasoljuk,
mert mindig vannak olyan gyermeteg látogatók, akik esztelenségeket
írnak bele, ezzel esetleg rontva a saját hírnevünket.)
A
további két kisebb fülecske angol nyelvű segítség kérésére, illetve
a látogatottsági statisztikák lekérésére szolgál.
Az oldalszerkesztő használata
Nos,
térjünk vissza az Edit parancsra. Ezzel tudjuk az egyes oldalainkat
szerkeszteni. Kattintsunk a szerkeszteni kívánt oldal sorában
az Edit oszlopban levő ikonra. Ekkor elindul az oldalszerkesztő.
(6. kép)

6. kép
A
szerkesztés alatt álló oldalunk felett egy lebegő menüt láthatunk,
ezt - a fejlécénél fogva - az egérrel bárhová áthelyezhetjük.
A
lebegő menü menüpontjai:
Go
Back: Visszalépés. Ezzel tudunk a szerkesztő főmenübe visszatérni.
(Ha megkérdezi, hogy el akarjuk-e menteni az esetleges változtatásokat,
kattintsunk az OK-ra, ha el akarjuk menteni, a Cancel-re, ha el
akarjuk dobni azokat.)
Preview:
Előnézet. Megnézhetjük, hogyan fogják látni az oldalt a látogatóink.
Properties:
Tulajdonságok szerkesztése. A Common = Általános fülecskén a főbb
jellemzőket írhatjuk át, a Design = Kinézet fülecskén a sablonok
közül tudunk választani, a Keywords / Description = Kulcsszavak
/ Leírás fülecskén a keresők számára tudunk különféle - a keresés
segítő - jellemzőket megadni, a Traffic = Látogatottság fülecskén
pedig lekérdezhetjük egy adott időszak látogatottsági adatait,
azaz azt, hogy hányan látták a weblapunkat ebben az időszakban.
Text:
Szövegbevitel, szövegszerkesztés. Ebben az üzemmódban kattintsunk
az oldal egy pontjára, és ott egy szövegdoboz jön létre, amelyet
egy lebegő ablakban levő szövegszerkesztővel tölthetünk fel szöveggel.
Widget:
Különféle 'kütyűk' amelyeket a weblapunkra tehetünk. Mivel angol
nyelvűek, nem feltétlenül lesz rá szükségünk, meg amúgy is csak
elterelné a látogatók figyelmét a weblapunk fő mondanivalójáról..
Gallery:
Képgaléria. Ezzel tudunk - korábban a Galériába feltöltött- képeket
feltenni az oldalra. Kattintsunk a weboldalunk kívánt pontjára
és válasszuk ki a Galériából a kívánt képet.
Page
height +: A lap magasságának növelése, további szerkeszthető hely
szerzése
Page
height -: A lap magasságának csökkentése, a lap alján kimaradt
felesleges hely megszüntetése
Help:
Segítség (angolul)
Save:
Mentés. Ezzel tároljuk el az eddigi változtatásokat. (Ha úgy akarunk
elnavigálni a szerkesztő-oldalról, hogy nem mentettük el a változtatásokat,
akkor rá is kérdez, hogy el akarod-e menteni.)
Nézzük meg részletesebben a Text üzemmódot, hiszen ezt fogjuk
a legtöbbet használni:
A
lebegő menüt áthelyezzük egy olyan helyre, ahol nem zavar bennünket,
majd a menüben a Text menüpontra kattintunk. Ezek után a szerkeszthető
területnek egy pontjára kattintva ott létrejön egy szövegdoboz,
valamint egy lebegő ablakban egy szövegszerkesztő. (7. kép)

7. kép
Ezzel a szövegszerkesztővel meg tudjuk írni a szövegdoboz szövegét,
betűtípust, betűméretet és színt tudunk állítani, táblázatot,
képet, hangulatjelet (Smiley-t) tudunk beilleszteni, linket (kattintásra
webcímre ugró szöveget) tudunk létrehozni, speciális jeleket,
nyilakat és egyéb karaktereket tudunk a szövegbe tenni.
A
linkek létrehozása az egyik legfontosabb feladat, ezt a földgömböt
és láncszemet ábrázoló ikonnal tudjuk megtenni. Egy linknek van
egy szövege (amit látunk és amire kattintani tudunk) és van egy
webcíme, ahová ugrani fog a kattintáskor. Ez egy http://www… kezdetű
webcím.
Ha
az OK gombbal befejezzük a szövegdoboz szerkesztését, a szöveg
a weboldalra kerül. (8. kép)

8. kép
Egy meglévő szövegdoboz tartalmát javítani a szövegdoboz fülecskéjén
(amelyen egy lakat és balra-jobbra nyilak láthatók) jobb gombbal
kattitva, majd az Edit (=szerkesztés) menüpontot választva tudjuk.
Ugyanitt a Delete (=Törlés) menüponttal törölhetjük a szövegdobozt.
Ugyanezzel
a fülecskével át is tudjuk helyezni bárhová a szövegdobozt. Fogjuk
meg az egérrel és vigyük a kívánt helyre.
(Sajnos
néha előfordul, hogy a szövegdobozban az ismételt javítgatások
után az ékezetes betűk furcsa zagyvasággá íródnak át. Ekkor a
legjobb, amit tehetünk, hogy a szöveget kijavítgatjuk, vágólapra
másoljuk -az egészet kijelöljük, majd Ctrl+C-, létrehozunk egy
új szövegdobozt, abba a vágólapról beillesztjük -Ctrl+V-, majd
a régi szövegdobozt töröljük.)
A Gallery (Képgaléria) használata
A
szerkesztő főmenü baloldalán a Gallery fülecskére kattintva belépünk
a képgalériába. Itt az Upload file ikonnal tudjuk a képek feltöltését
megkezdeni. A többi ikonra (Create Folder = Mappa létrehozás,
Change View = Nézet váltás, Delete folder = Mappa törlés, Empty
Recycle Bin = Szemeteskosár ürítése) inkább majd a haladóknak
lesz szüksége.
Az
Upload file ikonnal képeket válogathatunk össze, a Tallózás /
Browse gombbal egy fájlválasztó ablak nyílik meg. A Megnyitás
/ Open gombbal fejezzük be a fájl kiválasztását. Az Upload gombbal
megindul a fájl feltöltése. A többi képet is ugyanígy töltjük
fel. (9. kép)

9. kép
A feltöltött fájlokat a galériában kis képek formájában láthatjuk.
Ezek közül tudunk majd választani az oldal szerkesztésekor akár
a szövegszerkesztőben, akár az oldalszerkesztő Gallery menüpontjával,
ekkor a szövegen kívülre kattintva a képet bárhol elhelyezhetjük
a weboldalon.
Tulajdonképpen ennyi információ birtokában már ki is próbálhatjuk
a webszerkesztőt. Nem lesz bonyolult a használata.
Néhány tanács a weblapok elkészítéséhez:
-
Legyen hatásos a weblap szövege. A főcím legyen kellően magával
ragadó, mert attól fogják elolvasni a weblap többi részét is.
-
Ne legyen minden kiemelve, mert az nem esztétikus, és így gyakorlatilag
semmi sem lesz kiemelve. Inkább legyünk visszafogottabbak, és
csak azt emeljük ki vastagítással, betűmérettel vagy élénk színnel,
ami tényleg fontos.
-
Válasszunk ki egy-egy célcsoportot, embereknek egy olyan körét,
akiket meg akarunk szólítani az adott oldallal. Ne 'mindenkinek'
szóljon az oldal, mert akkor senki sem fog felfigyelni rá. Inkább
készíts több különböző oldalt az egyes célcsoportjaidnak, mert
arra sokkal jobban figyelnek, ráadásul majd hirdetni is jobban
tudod a megfelelő témájú helyeken.