site szerkesztési útmutató ( v.16)

site szerkesztési útmutató ( v .16)

1

TARTALOMJEGYZÉK

1.

Gmail levelezési cím létrehozása __________________________________________ 3

2.

Belépés a webtárhelyre __________________________________________________ 5

3.

Weboldal _____________________________________________________________ 7

4.

Képszerkesztés _________________________________________________________ 8

5.

6.

4.1.

Kép szerkesztő telepítése ____________________________________________ 8

4.2.

Magyar nyelvű kiegészítő ____________________________________________ 9

4.3.

Fejléckép szerkesztése: _____________________________________________ 11

Weboldal szerkesztés___________________________________________________ 12 5.1.

Fejléc____________________________________________________________ 12

5.2.

Webhely elrendezésének módosítása __________________________________ 13

5.3.

Webhely nevének kivétele a fejlécből _________________________________ 15

5.4.

Home felírat módosítása ____________________________________________ 16

5.5.

Oldalsáv elem hozzáadása __________________________________________ 17

5.6.

Új oldalelem kiválasztása ___________________________________________ 17

Első Szövegmező szerkesztése ___________________________________________ 18 6.1.

Szövegmező szerkesztése új oldal felvételével___________________________ 19

7.

Második Szövegmező szerkesztése________________________________________ 21

8.

Tartalom oldalak szerkesztése ___________________________________________ 28 8.1.

További műveletek a Tartalom oldalain _______________________________ 28

8.2.

Szerkesztési menüsor és ikonok rövid összefoglalója_____________________ 30

8.3.

Keresés konfigurálása ______________________________________________ 33

8.4.

Színek és betűtípusok módosítása ____________________________________ 35

8.5.

Sablonok_________________________________________________________ 36

2

Gmail fiók létrehozása Előfeltétel, hogy legyen egy Gmail-es e-mail címe. Ha még nincs akkor most hozza létre! 1. Gmail levelezési cím létrehozása Kattintson az alábbi linkre, vagy másolja át: mail.google.com/mail/?hl=hu

Nyelv kiválasztása

Kitöltés után elfogadás 3

Írjon egy e-mailt az [email protected] címre: Tárgy: Google sites A levélben írja meg az alábbi adatokat:

1. EMOPID: 2. eMagyarország Pont neve: 3. eMagyarország Pont címe: 4. Gmail cím (ami szükséges a Google site oldal létrehozásához): 5. eTanácsadó neve: 6. Kapcsolattartó telefonszáma: Ezután (pár nap múlva) fog kapni egy válaszlevelet – amiben a kapott linkre kattintva egyből belép a Google sites oldalára – (ez a dokumentáció 6.oldal alsó képe lesz):

A legközelebbi belépés a Google site szerkesztéshez a következő oldalon található meg!

4

Google sites szerkesztési útmutató

2. Belépés a webtárhelyre Kattintson az alábbi linkre, vagy másolja át: https://www.google.com/accounts/Login?hl=hu&continue=http://www.google.hu/

A honlap tetején a „továbbiak ▼” -ra kattintva válassza ki a „Webhelyek”-et.

FONTOS !: Néha előfordul, hogy a Webhelyekre lépés után nem jelenik meg a Saját Webhelyek felírat. Ebben az esetben ki kell lépnie a fiókból – majd újra belépve fiókjába a Webhelyekre kattintva meg fog jelenni a weboldal felírata.

5

Most kattintson a „Saját webhelyek” alatt található weboldala linkjére.

A szerkesztésre váró weboldalát jól nézze meg az új ablakban:

6

3. Weboldal A weboldala három fő elemből áll:

1 - Fejléc

2 - Oldalsáv

3 - Tartalom (Oldalak tartalma)

FONTOS !: a Fejléc-et és az Oldalsáv-ot az Oldalsáv szerkesztése sorra kattintva tudja szerkeszteni és igény szerint paraméterezni

7

4. Képszerkesztés A fejlécbe illesztendő kép szerkesztéséhez javasolt program telepítése, hogy a kép megfelelő módon jelenjen meg a fejlécben. 4.1.

Kép szerkesztő telepítése

(RENDSZERGAZDA jogosultsággal!): Töltse le az alábbi ingyenes programot ha nincsen képszerkesztője: http://www.irfanview.com

Az oldalon kattintson az IrfanView szóra!: Ezt követően az új oldalon kattintson a Download (Letöltés) fülre!:

Most kattintson a Futtatás fülre (Internet Explorer használata esetén):

(Ha Mozilla Firefox-ot használ abban az esetben File mentése után futtassa a képszerkesztőt!)

8

4.2.

Magyar nyelvű kiegészítő

(RENDSZERGAZDA jogosultsággal!): http://www.irfanview.com/languages.htm Az oldalon válassza ki az önnek megfelelő Magyar nyelvet (verziószámhoz közelit vagy egyezőt):

Most kattintson a Futtatás fülre (Internet Explorer használata esetén):

(Ha Mozilla Firefox-ot használ abban az esetben File mentése után futtassa a nyelvi telepítőt!)

9

A telepítés végén kikerül az IrfanView parancsikonja az asztalra:

10

4.3.

Fejléckép szerkesztése:

Az önök által kiválasztott képet az alábbiak szerint lehet átméretezni:

Kép megnyitása

Kép átméretezése

Vegye ki a pipát az Arányos négyzetből!

Méret megadás: szélesség 750 x magasság180

Az átméretezett fejlécképét mentse el új névvel (File - Mentés másként)!

11

5. Weboldal szerkesztés 5.1.

Fejléc

Kattintsunk az

szóra,

majd az új lapon a Fejléc mezőben az fejlécet képtartalommal feltölteni.

lesz a következő lépés ha szeretnénk a

Láthatjuk, hogy jelenleg az embléma használata ki van kapcsolva (

).

Ha szeretnénk feltölteni egy fejlécképet, akkor egyből kattintsunk a

fülre és keressük

meg a megfelelő képet (amit a 4.pont alapján megfelelő méretre állított be). Ha megvan

folytathatjuk a megnyi-

tásra kattintva (fél perc múlva) megjelenik az egyéni emblémánk, ami ha megfelelő

az –ra

kattintva beszerkesztettük.

FONTOS !:

Minden szerkesztés egy módosításnak számít – ami csak akkor lesz végleges –

ha azt elmentjük a

fülre kattintva!

Ezután lehet csak megnézni az elkészült és mentéssel véglegesített Fejléc-et az

fülre

kattintva. FONTOS !: teni akkor a

Ha a weboldal szerkesztése közben egy módosítást nem szeretnénk véglegesífülre kattintsunk! 12

MEGJEGYZÉS:

A weboldal szerkesztés hasonló egy terítő hímzéséhez – a fonák oldalon minden

másképp látszik, de amikor megfordítja a színére azon már a kívánt minta jelenik meg. Tehát szerkeszti és menti a készülő weboldalát, de közben szeretné látni hogyan alakul erre két lehetőség van:

1-Előlnézet (itt egy új lapon látja a jelenlegi szerkesztését amit bezárhat és folytathatja a szerkesztést) 2-Visszatérés a webhelyhez (itt visszatér az előző oldalra ahol a szerkesztést kezdte) 5.2.

Webhely elrendezésének módosítása

13

Adja meg az alábbi példa alapján: - a Webhely szélességét (800 beírásával) - az Oldalsáv szélességét – a bal oldalon (250)

Ezután kattintson az

Most

-ra majd a

-re.

-ben a következőt látja:

A Fejlécben még látszik a webhely neve. Zárja be az elölnézet ablakot

14

-el!

5.3.

Webhely nevének kivétele a fejlécből

Most a webhely megjelenése menüpont alatt a webhely elrendezése fülön van. Kattintson a webhely beállítások menüpont alatti Általános fülre (amit 2-3 cm-el feljebb találja meg)!

Most vegye ki a pipát a Webhely nevének megjelenítése sorból:

Miután kivette a pipát, az oldalsávot húzza a lap aljára és kattintson a

15

fülre

Most térjen vissza a webhelyhez – ahol a Home felíratot fogja kivenni:

5.4.

Home felírat módosítása

Katintson az fülre! Ez a felület

már hasonló a webes levélírás szerkesztéséhez. Kattintson a

Home felírat szövegdobozába, ezután a Home szót törölje ki (Delete, vagy Backspace) gombokkal!

FONTOS !:

Ha a módosítás sikerült kattintson a fent található

Most folytassa az oldalsáv szerkesztését:

16

fülre!

5.5.

Oldalsáv elem hozzáadása

5.6.

Új oldalelem kiválasztása

Gördítse az oldalsávot a Szöveg oldalelemhez és kattintson a

fülre!

Készen is van az első Szövegmező doboza.

Most hozzon létre egy második Szövegmező dobozt (4.5 – Oldalsávelem hozzáadása majd 4.6 – Új oldalelem kiválasztása – Szövegmező hozzáadása).

17

6. Első Szövegmező szerkesztése Kattintson Az első Szövegmező alatt lévő szerkesztés szóra!

Legyen a szövegmező címe: Tartalom

Ezután kattintson a Link fülre, aztán a Főmenü szóra és az válasza ki a Vízszintes vonal-at:

18

-ra,

majd

a

Beszúrás

menün

Ezzel készen is van. Most vegye fel a többi menüelemet is (p.: Nyitva tartás, Szolgáltatások, Történet, Kapcsolat, Képgaléria, Térkép) 6.1.

Szövegmező szerkesztése új oldal felvételével

Kattintson újra a Link fülre majd az

fülre:

Az új ablakban kattintson az – Új oldal címe – sorba és írja be a Nyitva tartás szót. Ha megvan kattintson az fülre:

19

Ezzel létrehozta a Nyitva tartás oldalt. Kattintson a Webhelytérkép fülre és ha a Nyitva tartás oldal ki van jelölve már csak

az van hátra az újabb menüelem véglegesítéséhez:

Most következik az újabb Vízszintes vonal beszúrása. Ezután a 3.1-es pontot addig ismételje amíg minden oldalt létre nem hozott a hozzá tartozó Vízszintes vonallal ami a Térkép alatt már nem kell! Megjegyzés: Ha nem találja a létrehozott oldalt a Webhelytérképen, akkor kattintson vissza a Legutóbbi módosításra és ott jelölje ki az új oldalát amit utána az Ha készen van kattintson az

FONTOS !:

-al véglegesítsen!

-ra így egyúttal kilépett a Szövegmező modulból:

Most mentse a módosításokat az Oldalsáv szerkesztése oldalon !!!

20

7. Második Szövegmező szerkesztése Most folytassa az oldalsáv szerkesztését a második szövegmező szerkesztésével, ahova beszerkesztheti weboldalának nézettségi számlálóját az alábbiak szerint: Itt hagyja üresen a Cím mezőt és egyből kattintson a szerkesztő ablakba! Válassza a középre rendezést és írja be pl.: 2010. 05. 10. óta a látogatók száma: - majd ezt a sort kijelölve kattintson a félkövér ikonra! - végül kattintson a HTML - ikonra!

Most látja a beírt sor HTML kódját amihez hamarosan hozzáadja a lapszámláló oldalon létrehozható HTML kódsort. Itt is van Előnézet fül ahol láthatja a HTML szerkesztés aktuális állapotát. Rögzíteni a Frissítéssel tud, de most nézzük az ábrákon az eddig leírtakat:

21

Kattintson a képen látható