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