Nagy pele a lavórban...
...és a fűben.
Figyelem! Az alábbi anyag aktualitását vesztette,
mikor ez a honlap a Freeweb fizetőssé válásakor (2011) megszűnt, és egy idő múlva a jelenlegi tárhelyen megjelent. Tehát immár nem tényleges feltöltést próbál segíteni (ami különben sem valósult meg), hanem csak dokumentumként szolgál a későbbi időkre. - NF, 2012.
Technikai segédlet
feltöltéshez és weblapszerkesztéshezEzt a segédanyagot azon MEV-es ismerőseim számára állítottam össze, akik a kisirtas.fw.hu honlapot szeretnék otthonról fejleszteni, rá saját anyagaikat feltölteni. Feltételezem, hogy az olvasó felhasználói szinten ért a számítógéphez. Nem vagyok szakember, de az itt leírtakat mind kipróbáltam és napi szinten használom. Ezek az ismeretek, információk nem garantálják a sikeres egyetemi felvételit, de még a számtech-ötöst sem; viszont szerencsére saját honlapunk vagy számítógépünk tönkretevéséhez sem elegendők.
Az ftp-feltöltés alapjai
Sajnos nem értek más ftp-programhoz, csak a Total Commanderhez (régebbi nevén Windows Commander), de ez a kommunikációs szabvány más szoftvereken sem fajul el nagyon. Mindenfajta program megkövetel egy bejelentkezési nevet és esetleg egy jelszót. (Ha nem kér jelszót, vagy jelszó helyett emilcímmel is beéri, akkor rendszerint csak letöltéshez lesz jogunk. Ez is egy módja a fájlok csereberéjének, és mivel igen régóta ismeretes, nagyon megbízhatóan és gyorsan működik.) Nyilván azt is meg kell adni a programunk számára, hogy hová szánjuk a képeinket és más anyagainkat. Másra nemigen lesz szükség, de jól jön egy gyors és olcsó internet-hozzáférés is. Az én modemes kapcsolatommal az ftp másodpercenként 3–4 kilobájtot visz át feltöltési üzemmódban (ez az elméleti maximális érték fele). Szélessávú kapcsolat esetén ezek az értékek a sokszorosukra nőnek.
A honlap kezeléséhez szükséges adatok és tennivalók egy részét az alábbiakban közlöm a csapat tagjaival:
Indítsd el a Total Commandert. Nyomd meg felül a Hálózat nevű gombot. Legördül egy menü. Válaszd a Ftp kapcsolódás pontot. Elédugrik egy ablak, bal oldalon egy fehér mezővel, amely lehet üres vagy tartalmazhat néhány meglévő ftp-kapcsolatot. Egy ilyen kapcsolódási lehetőséggel csak egy helyre tudunk anyagot feltölteni, vagy onnan letölteni. Ezen ablak jobb szélén van egy Új kapcsolat gomb. Nyomd meg. Előjön egy másik ablak, sok üres mezővel. Némelyikbe nem írunk semmit.
Kapcsolat neve: Kisirtás – FTP a Freeweb.hu-ra – Lehet más is; fő, hogy kifejezze ugyanezt. Ez nem a gépnek kell, hanem nekünk, hogy ne keverjük össze más feltöltési kapcsolatokkal. Kiszolgáló neve: ftp.freeweb.hu – Ez kötelező: a távoli számítógépet hívják így, amely az anyagainkat fogadja. Felhasználói név: kisirtas – Ez is kötelező: ilyen néven ismer meg minket a Freeweb összetett gépállomása. Nem csupán ftp-n, hanem más feltöltési utakon is ezt kell megadni. Ugyanez a helyzet a következővel is. Jelszó: ██████████ – Érthető okból nem írom ki a honlapra, hanem levélben küldjük el a társaság azon tagjainak, akik a lap szerkesztésében részt akarnak venni. Távoli könyvtár: www.freeweb.hu/kisirtas – Ez is szinte kötelező; esetleg ki-ki odaírhatja mögé saját alkönyvtárának nevét egy / jel után. Az enyém neve www.freeweb.hu/kisirtas/nfkep. Ha lehet, egymás könyvtárába ne irkáljunk, onnan ne törölgessünk, csak ha téves feltöltés történt. Letölteni persze szabad, de tapasztalatom szerint lassabb, mint felfelé. Passzív mód használata: Kipipálandó! – Hogy ez mire szolgál, azt nem tudom, de a Freeweb javasolja. Port száma: 21 – A Total Commander tudtommal nem kéri, de más program talán igen. Az OK gomb lenyomásával el is készült az ftp-kapcsolat a saját számítógépünkön. Más gépen ezt meg kell ismételni, de idegen ember gépére ne írjuk be a jelszót, hanem hagyjuk üresen. (A következő lépések során a távoli gép úgyis meg fogja kérdezni.) Ezután a Hálózat – Ftp kapcsolódás – Kapcsolódás gombokkal vehetjük birtokba a feltöltési csatornát. Sajnos időnként ez is túlterhelődik (hetvenöten férnek el rajta egyszerre), ezért érdemes éjfél után ráakaszkodni. Néha megjelenik a "Kapcsolat megszakadt. Csatlakozzon újra?" üzenet: ez nem feltétlenül jelenti azt, hogy a feltöltés nem sikerült. Az első feltöltés megkezdésekor érdemes megnyomni a "Háttérben" gombot, s akkor tovább használhatjuk a fájlkezelőt.
Saját érdekünkben...
Nagyon fontos, hogy ezt a jelszót illetéktelennek ne adjátok ki. Olyan leveleknek ne higgyetek azonnal, amelyek látszólag a társaság tagjaitól jönnek, de csak a meglévő jelszót akarják kipuhatolni ("Elfelejtettem," "nem kaptam meg," satöbbi). Elég egyszerű dolog elektronikus levelet hamisítani más ember emilcímével. Ilyenkor kérdezzetek rá a feladóra telefonon vagy más úton is. Terveim szerint Gyenes Zsuzsi küldi majd ki a jelszót, vagy én magam. Ha nem akad nálam képzettebb webmester, akkor szeretném én magam intézni a jelszó időnkénti biztonsági megváltoztatását és az új jelszó szétküldését. Erről mindenképpen hetekkel előre értesítünk mindenkit, akár a honlapon is.
Természetesen ez a jelszó csak egyetlen helyre fog minket beengedni, és önmagában nem is garantálja az internetre való kapcsolódást: ahhoz egy másik felhasználónév és jelszó kell, amelyet az internetszolgáltatónk ad nekünk. Ingyenes hozzáférést telefonvonalon keresztül a Freestart.hu nevű helyen találunk; ehhez ki kell tölteni egy szerződést a képernyőn, venni egy modemet, föltelepíteni néhány szoftvert, és azután csak a helyi hívásnak megfelelő telefonszámlát kell fizetnünk.
Mindenképpen őrizzétek meg feltöltött anyagaitokat otthon, akár többszörösen is. A honlap megsemmisülhet, feltörhetik, elköltözhet, és ha nem vigyáztunk, oda a munkánk. Ha az Isten megsegít, én is őrizgetni fogok egy biztonsági másolatot az egész honlapról – tehát mindenki anyagairól. De nem ígérhetem, hogy ez mindig a legfrissebb állapotot fogja tükrözni.
Szépen kérek mindenkit: ne módosítsátok az általam írt (NF kezdetű) anyagot! (Kivéve természetesen az index.htm állományt, amely a webcím begépelésekor jön be, és amely reklámok nélkül is hazavihető az index.htm szóra jobb egérgombbal kattintva, majd a "cél mentése más néven" menüponttal, vagy akár ftp-vel is.) Lehet, hogy az általam szerkesztett részlegen nem csillog-villog sok stíluslap vagy animáció, kezdetleges a "dizájn" – de így biztosan hozzáférhető a leglassúbb vonalon és a legrégibb böngészőn keresztül is.
Kreativitását mindenki gyakorolhatja saját részlegén; ahhoz meg én nem fogok hozzányúlni. Ha a tiáltalatok írandó anyagok az enyémre hivatkoznak, és be kellene szúrni hozzám egy "a name"-szerű fogadópontot, üzenjetek a fenti címre, és megteszem én. Semmi kedvem nincs olyan "javított" vagy "frissített" állományok zűrzavaros belsőségei között turkálni, amelyeket saját irományaimból, betűimből, képhivatkozásaimból csinál az Internet Explorer "mentés teljes weblapként" menüpontja. A nagyobbik gond az lehet, ha hosszas munkával kidolgoztam valami javítást, és közben valaki párhuzamosan elindul más javítások irányába. Ez esetben ógörög filológusokat megszégyenítő betűrágásra kényszerülhetek, mikor megpróbálom összefésülni a kétfajta frissítést. Ezalól persze lehet kivételt találni: pl. ha valamelyik képem nincs a helyén (megsérült, elkallódott stb.), de nektek megvan, azt feltölthetitek. Viszont ekkor is ügyeljetek a nagybetűsségre.
Külalak
Ennek a webhelynek nagy előnye a nagy tárkapacitás, és nagy hátránya a fönt és lent egyaránt ugráló reklám. Programfuttatás tudtommal lehetséges, de nem értek hozzá. Ennek a diavetítésben vehetnénk hasznát, amikor tudniillik gombnyomásra sorban előtűnnek a láncba fűzött képek a monitoron. Eddigi kevés tapasztalatom mindazonáltal azt súgja, hogy a képtár-szerű honlapábrázat nem tesz lehetővé sok szöveget, formázást, hivatkozást, csak az albumok listaszerű felsorolását, a képek együttes vagy egymás utáni nézegetését. Erre is lehetőség van, de úgy találtam, nem volna sok terünk a saját arculat kialakítására egy szokásos képtárhelyen. Természetesen nyitva tartom a fülem az ellenérvekre.
És mi a helyzet a naplószerű megjelenítéssel, divatos szóval a blog-gal? Ehhez még annyit sem értek, tehát bírálni sem fogom, de úgy véltem, nem a rendszeres feltöltés és frissítés a célunk, hanem a közös emlékek összegyűjtése és megosztása. Ha valamikor újra rendszeresen fogjuk látogatni a kulcsosházat, elgondolkodhatunk az elköltözésen egy olyan helyre, ahol van ilyen blog-osdi. Addig is a sürgető szükség és a jelenlegi helyzet alapján jónak láttam, ha megmaradok a statikus, weblapszerű megjelenés mellett, és teljességgel mellőzöm a képtárszerű vagy blogszerű tartófelületet.
Terjedelem
A Freeweb regisztrációs szabályzatát itt találjátok. A minket illető legfontosabb korlátozások a következők (kis helyesírási javítással átemelve az ő iratukból): "A szerveren minden állománytípusra fileméret-limit van, ami az egyes feltölthető állományok egyedi méretét limitálja (tördelt állomány egynek tekintendő) és nem az összes feltöltött adat mennyiségét. Ezek tételesen:
Film: 20 Mbyte Zene: 4 Mbyte Program: 2 Mbyte Tömörített: 4Mbyte Kép: 4 Mbyte Flash: 2 Mbyte Html: 2 Mbyte Egyéb: 2Mbyte "
A honlapon 500 megabájt terület áll a rendelkezésünkre, ami hamar el fog fogyni, ha óriási képeket töltötök fel. Ezért javaslom a szkennelt képek méretkicsinyítését és JPG-tömörítését. Tapasztalatom szerint a 20%-os tömörítés képernyőn alig látható, de már kényelmesen kis tárfoglalást biztosít. Egy 900×600 képpontos színes kép így mintegy 100 kilobájtossá válik, természetesen a témától függően. Az éles és színgazdag képek mindig terjedelmesebbek.
Egyszerűbb HTML-utasítások
| <b>Vastag betű</b> | Vastag betű |
| <i>Dőlt betű</i> | Dőlt betű |
| <u>Aláhúzás</u> | Aláhúzás |
| <font color=#990000>Barna betű</font> | Barna betű |
| <font size=5>Nagyobb betű</font> | Nagyobb betű |
| <br> | [Egyetlen sortörés, bekezdéshatár nélkül] |
| <p align="justify"> </p> | [Szépen igazított bekezdés] |
| Č ä ψ Č Ж א © ☺ | Č ä ψ Ж א © ☺ |
És mi a helyzet a képekkel?
Bár magának a HTML-fájlnak a mérete nem sokkal nő akár öt óriási kép beillesztésével sem, ez azért van, mert az effajta lapok nem tartalmazzák magát a képet (mint a Word dokumentumok), csak utalnak rá, más szóval meghívják. A képernyőre azonban a nagyobb meghívott képek lassabban vánszorognak fel: az olvasó bosszankodni fog, ha perceket kell várnia olykor érdektelen képekre, mialatt a többit nézné. És leállítani csak egyszerre lehet őket. Ezért a nagy képek elébe kicsiny előnézeti képeket szokás tenni, jellemzően 100–300 pixel méretűeket. Ezek mögé bújik el a nagy kép, és erre kattinthat rá, aki meg akarja nézni, mire aztán (legtöbbször új ablakban) szép lassan előjön a nagyobb, igazi kép. Mindezt a HTML-fájlok belsejében a következő kódsorozat valósítja meg:
<a href="nfkep/NF-8819.JPG" target="uj">
<img src="nfkep/XNF-8819.JPG" height=150>
</a>
Ennek az lesz az eredménye, hogy a nfkep könyvtárból (vagy máshonnan, ahová rakjátok) láthatóvá válik az ott elhelyezett XNF-8819.JPG előnézeti kép, és erről rákattintással előhívható a nagy NF-8819.JPG is. És már látszik is ezer képpont szélességben: egy balsorsú nagy pele úszik körbe-körbe egy lavórban, miközben én a fényképezővel bíbelődöm.
A height=150 kapcsoló módosítja a megjelenő kiskép magasságát. Ha a kisképek tényleg 150 képpont magasságúak, akkor jól fognak festeni ebben a méretezésben, egyébként meg a 150-et át kell írni másra, vagy az egészet elhagyni. Ekkor a kisképek saját nagyságukban jelennek meg, ami néha kellemetlenül nagy méreteket eredményezhet (kilóg a sok kép a képernyőről) vagy a képnagyságok fognak bástyaszerűen lépcsőzni tőle.
A target="uj" utasításrész csak azt csinálja, hogy az összes nagykép egy másik, külön e célra nyitott ablakban fog megjelenni, és nézegetésükhöz mindig oda kell kattintani. Azért találták ezt ki, mert a másik lehetőség, a target="_blank" minden képhez új ablakot nyit, és előbb-utóbb tele lesz a memória képekkel, azonkívül mindet be is kell majd csukni.
A képet középre igazíthatjuk, ha a fentieket bemásoljuk a következő utasításpár belsejébe:
<p align="center"> </p>
A kép alá feliratot írhatunk, ha az előbbiek mögé ezt másoljuk be:
<p align="center"><font size=3>Nagy pele a lavórban</font></p>
A font size=3 kapcsoló a szövegméretet szabja meg. Ha valaki a böngészőjén nagyobbra vette a betűk méretét, ezek is megnőnek. Mindenki a maga ízlése szerint választhat méretet 0-tól 7-ig, de a nagyobbakat (különösen speciális betűk esetén) némelyik böngésző rosszul tűri, és téglalapot mutat helyettük. Van olyan módszer is, amely csak akkor ad elő szöveget, ha az egér a kép fölé jut: ehhez pl. a pelés kép utasításába a height=150 mögé egy szóközzel be kell írni: alt="Állatkínzás!"
Két kép egymás mellé helyezése:
<table align="center" cellspacing=20><tr>
<td valign="top">
***
</td>
<td valign="top">
###
</td>
</tr></table>
A *** és ### jelek helyébe kell bemásolni a két képet, melyeket az előzőek szerint gyártottunk le. Az eredménye ilyesmi lesz:
|
Nagy pele a lavórban... |
...és a fűben. |
Amíg a képernyő bírja szélességgel, lehet 3, 4 vagy több kisképet is egy sorba tenni. A <td> jelenti a táblázat egy rekeszének kezdetét, a </td> pedig a végét. A táblázat sorai <tr> jellel kezdődnek és </tr> jellel végződnek. Egy táblázaton belül lehet több sor is, de ez kényelmetlenné válhat, ha valamelyik kiskép nagyon széles (pl. kicsinyített panorámakép, amely akár az egész képernyőszélességre ráfekhet). Ilyenkor a széles kép alá nem tudunk több kicsit begyömöszölni, hanem mindig csak egyet, s ez lyukakat eredményez a képek regimentjében. A <table> utasítás elkezdi, a </table> pedig lezárja a táblázatot.
Ennyi elég is lesz arról a szövegszerkesztős webtervezésről, amit én művelek; sok kép esetén itt is segítségül kell hívnom a Word sorszámbeszúró és egyéb makróit (rettenetes fúrás-faragással jár, senkinek nem ajánlom), vagy jobb esetben a szövegszerkesztő mindent cserél funkcióját. A fent vázolt kacsacsőr-rengetegben nagyon könnyű eltévedni, és egyetlen elcsúszott betű a teljes weblap szétmászását okozhatja. Akinek tehát van lehetősége, valamilyen szoftverrel kerülje ki az iménti trükkök tömeges alkalmazását.
Léteznek külön programok, amelyek a nagy képekből létrehozzák az előnézeti képeket, elhelyezik őket egy lapon, legyártják a linkeket, satöbbi. Sajnos nem tudok ilyet ajánlani, de ha Nektek megfelel, mellékelek egy előregyártott sablont, amely az enyéméhez hasonló ábrázatot ad a weblapnak. (Természetesen az egy sorban lévő képek számát is meg lehet változtatni ügyes pakolgatással; a sablonban három kép alkot egy sort.) Benne a NAGYKEP, ill. KISKEP szavakat mindenütt ki kell cserélni a saját nagy- és kisképeidet megkülönböztető névre, és a konyvtar szót a saját könyvtárad nevére. Ügyelj a nagy- és kisbetűkre, mert ha a feltöltött képek nem egyeznek meg e téren a HTML-fájlban lévő utalások betűivel, annak (a Freeweben futó operációs rendszer miatt) az lesz az eredménye, hogy a képek helyén egy piros X jelenik meg, és a nagy képek sem jönnek elő. A Total Commander ftp-je képes arra, hogy minden feltöltött fájl nevét kisbetűsre változtassa. Sajnos a tömörítők meg arra hajlamosak, hogy az összesből nagybetűset csináljanak. Tapasztalatom szerint a Freeweb rendszergazdája nélkül nem lehet a már feltöltött képeket átnevezni vagy egyik könyvtárból a másikba pakolni.
Könyvtárszerkezet
Ha elkészültek a képek, megvan az őket tartó lap is, akkor el kell helyeznünk őket valahová. Véleményem szerint nem kell attól félni, hogy túl sok képtár (album) készül, ezért a HTML-állományok mehetnek a főkönyvtárba (freeweb.hu/kisirtas). Célszerű lenne, ha mindenki választana magának egy jellemző kezdőbetű-kombinációt (pl. a monogramját), és így meg lehetne különböztetni, hogy ki melyiket alkotta. A képeket viszont jó volna mindenkinek saját könyvtárába tenni, mert nagyon kellemetlen rögtön az előszobában az összes bútorba beleütközni. Az egy könyvtárban lévő HTML-állományok között a hivatkozás a már ismertetett <a href="MASIK.HTM">Kattints ide!</a> megoldással történhet. Ha egy fájlnak valahol a közepére akarunk hivatkozni, ahhoz a HTM után egy #susulyka (vagy más jellemző) szót kell a hivatkozásba illeszteni. Sajnos ehhez a célfájlba is bele kellene írni egy <a name="susulyka"> betűsort, amit elvi okokból jobb volna a szerzővel megbeszélni.
Nagyon fontos, hogy a főkönyvtárbeli (www.freeweb.hu/kisirtas) index.htm fájlt mindig módosítsátok, és helyezzétek el rajta a saját anyagaitokra mutató linket! Ez a fájl kötelezően így kell, hogy álljon, és csupa kisbetűvel: csak így fog bejönni a "kisirtas.fw.hu" cím beírásakor. Ha elhibázzátok, a ti anyagaitok (és másokéi is) rejtve maradhatnak a külvilág elől, bár a könyvtárszerkezetnek és a feltöltött fájlok neveinek ismeretében az (erről értesített) személyek meg fogják találni őket. A Freeweb azonban üzleti okból megtiltja, hogy a honlapokon olyan állományok legyenek, amelyek a főlapról indulva nem elérhetők.
Ha valaki tud javítani az elképzeléseimen, kérem, írjon levelet. Nem én vagyok a HTML nyelv atyamestere, és az ízlésem is eléggé fapados, tehát az érvek hatására puhulhatok olyan kérdésekben, amelyeknek most még nem is látom a problémás voltát. Mindannyiotoknak szép napokat és sikeres honlapgazdálkodást kívánok!