A Ws SiteBuilder 4.01 használata

A GDI beépített webszerkesztőjével, a Ws SiteBuilder-rel úgy tudunk 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 értenünk. Kész sablonok közül tudunk 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 weblapunk 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 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.