HONLAPKÉSZÍTÉS A SEAMONKEY-VAL
Főként
hosszú szöveget és képeket tartalmazó, HTML-honlapok
szerkesztéséhez ajánljuk az ingyenes és magyar nyelvű Seamonkey
szoftvert, ami HTML-szerkesztőt
is
tartalmaz (tehát nem csak böngésző és levelező program). A SEAMONKEY program hátránya a HTMLPAD LITTLE-hoz képest az, hogy a mozgáseffektusokat illetve a beillesztett multimédiát a HTML-szerkesztőbe
beépített böngészőnézet (azaz a program bal alsó sarkában kapcsolható
'Előnézet') nem tudja megjeleníteni. A program erénye, hogy grandiózus
méretű szövegállományokat is gyorsan kezel.
A Seamonkey-ban a
szövegeket, képeket
és linkeket a Microsoft Word-höz hasonló könnyedséggel szerkeszthetjük.
Alap-üzemmódban a korábban említett ún. "HTML-tag"-utasítások
meg sem jelennek, csak ha átkapcsolunk az ún. HTML-forráskód üzemmódra.
Elsőként töltsük le innen a Seamonkey programot a számítógépünkre, majd a letöltött fájlra kettőt kattintva installáljuk. Ezután
nyissuk
meg a Seamonkey program
HTML-szerkesztőjét (a Seamonkey böngésző bal alsó sarkán lévő kis ikonok közül a harmadik, 'Composer' néven).
Lesz a Composerben egy fontos egyszeri beállítanivalónk: a 'Szerkesztés' menü -
'Beállítások' panelen a 'HTML-szerkesztő' alpontban pipáljuk ki a
'Megtartja az eredeti HTML formázásait' opciót (angol nyelvű Composerben ugyanez az 'Edit' menü - 'Preferences' panelen a 'Composer' alpontban a 'Preserve original source formatting' opció). Ezzel a beállítással biztosítjuk azt, hogy
a HTML-fájl belső felépítését szemléletesen tagolhatjuk a magunk
számára sorkihagyásokkal, ami az áttekintést nagyban megkönnyíti.
A sikeres honlapkészítés érdekében ajánlatos
a következő műhelyfogások betartása. Az első ilyen műhelyfogás, hogy a
honlapszerkesztés megkezdése előtt készítsünk a számítógépünkön egy új HONLAPOM nevű könyvtárat.
A második műhelyfogás
(mivel most új HTML-t készítünk és nem egy meglévőt szerkesztünk tovább), hogy a
Seamonkey HTML-szerkesztőjének megnyitása után az "üres" HTML-lapot rögtön
mentsük el a HONLAPOM című könyvtárba, Hallgató János honlapja.html alakú fájlként - ebben a fájlnévben kivételesen használjunk ékezetes betűket és
szóközöket is!
Harmadik műhelyfogás, hogy a
képek méretét radikálisan
csökkenteni érdemes, még a beszúrásuk előtt. Például az ingyenes IrfanView programban
a 'File menü' - 'Batch Conversion - 'Advanced Options' - 'Percentage of
original' módszerrel százalékosan tudjuk csökkenteni a képek oldalainak
pixelméretét.
Negyedik műhelyfogás, hogy a felhasználandó képeket ne közvetlenül
illesszük be a HTML-be a számítógépünk különböző könyvtáraiból. Először
másoljuk a képeket a HONLAPOM nevű könyvtárba és csak onnan illesszük be. Ha
később újabb képet kívánunk a többi közé tenni, akkor először szintén a
HONLAPOM nevű könyvtárba másoljuk be, és csak onnan illesszük be a
HTML-honlapra a Seamonkey programmal. Így a HTML-fájl és a képfájlok
mindig korrekt, ún. relatív kapcsolatba kerülnek. A képek ugyanis nem "csomagolódnak" bele a HTML-be (mint a Word-ben), hanem mellette kell lenniük, hogy helyesen látszódjanak az interneten is (és ne csak a mi számítógépünkön).
A HTML-szerkesztőben a Word-höz hasonlóan írhatjuk a honlapunk szövegeit.
Formázhatjuk a szavak és mondatok betűjellemezőit és megvan a
szövegigazítás lehetősége is (balra, jobbra, középre, mindkét margóhoz).
Linkhivatkozás
készítése. A linkekről már bizonyára tudjuk, hogy színezés és aláhúzás
különbözteti meg őket a normál szövegtől. Minden link két részből áll.
Az egyik a honlapon olvasható linkszöveg (pl. "ugrás az egyetem
holapjára"), a másik a hozzárendelt linkérték (pl. http://www.sze.hu ).
Mindkettő külön-külön szerkesztendő. Link készítéséhez a
tervezett link szövegét jelöljük ki, majd erre a kijelölésre a jobb
egérgombbal kattintsunk rá. Kis helyi menü ugrik fel, amiből válasszuk
ki a
"Hivatkozás létrehozása" alpontot. Ezután webhelyet (vagy a HONLAPOM
könyvtárból bármilyen fájlt) rendelhetünk a kijelölt részhez. - A fenti módszerrel nemcsak szavakhoz, hanem egy beillesztett képhez is hozzárendelhetünk
linkhivatkozást.
Ha idővel szükségessé válik a link utólagos módosítása,
akkor linkszöveget egyszerűen átírhatjuk, a hozzárendelt linkértéket
pedig a jobb egérrel kattintva tudjuk megváltoztatni (a felugró menü "Hivatkozás tulajdonságai" alpontjával).
A munka végeztével a Hallgató János.html fájlt át kell neveznünk index.html-re
(pont így, tehát teljesen kisbetűsre!). Az internetre feltöltött honlapok specialitása ugyanis, hogy az index.html fájlnév az egyetlen, ami a www-s internetcímek végéről elhagyható. Ennek köszönhetően például a
www.sze.hu/index.html helyett a jóval egyszerűbb www.sze.hu -t kell
csak begépelnünk a böngészőbe.
Fontos az is, hogy az index.html fájlnevet utólagos átnevezéssel állítsuk
elő, mert a "Hallgató János honlapja" név, amit a HTML
első mentésekor adtunk,
nem csak a fájlnévbe, hanem a fájl "belsejébe rejtve" is bekerült, mint a honlap címe. Ez a
"rejtett" bejegyzés a fájlnév-átnevezéstől függetlenül megmarad, sőt
mindig ki fog íródni
böngészőnk legtetejére, sőt az internetes keresők is "látják" (a bejegyzést igény esetén megváltoztathatjuk a
HTML-szerkesztőben a 'Fájl menü' - 'Mentés és karakterkódolás
megváltoztatása' c. panelen).
Ha
az index.html kezdőoldalunkról idővel saját másodlagos HTML-oldakat teszünk
elérhetővé (pl. linkekkel), akkor e másodlagos HTML-ek fájlneve már természetesen tetszőleges lehet (de nem
tartalmazhat szóközt vagy ékezetes betűket).