Bejelentkezés regisztrált felhasználóknak

Az oldal egyes szolgáltatásait csak regisztrált felhasználóink vehetik igénybe.
A regisztráció ingyenes!

Regisztráció új felhasználóknak


Cikkek írása - ismertető

Prokop Gábor [prokee]
2005-02-18 22:55:11
Régóta, és sokaknak ígérem a cikk írásáról szóló ismertetőt... Végre elkészült. Olvassátok figyelmesen - és jó munkát kívánok mindenkinek a cikkíráshoz.

Aki gyakorolni kívánja, nyugodtan írhat kamu cikket is, csak a cikk elején egyértelműen jelezze ezt ! cikk írása Néhány szóban a HTML alapvető szabályairól:

A HTML dokumentum normál szövegfájl. Bármely szövegszerkesztővel létrehozható, ill. módosítható, amely nem használ különleges fájlformátumot vagy ha létezik TEXT formátumú mentési lehetőség benne.
A HTML utasításokat a szövegben < és > jelek közé kell zárni. Egy-egy utasítás - HTML parancs, HTML elem - hatását általában a záró utasításpárja szünteti meg, amely megegyezik a nyitó utasítással, csak a / jel vezeti be (természetesen a < és a > jelek között). Az utasítások nagy része opcionális elemeket is tartalmazhat, melyek csak a nyitóutasításban szerepelhetnek, a záróban nem. Az opciók értékadásánál az idézőjel nem mindig kötelező, csak ajánlott. A HTML utasítás kulcsszavaiban nem különböztetjük meg kisbetűket és nagybetűket, a jobb átláthatóság érdekében azonban érdemes nagybetűket használni.

A cikkekben engedélyezett utasítások:

Szöveg formázása:



<B> Kövér         </B>
<I>    Dőlt         </I>
<U>    Aláhúzott    </U>
<S>    Áthúzott      </S>
<TT>    Fixpontos szöveg   </TT>

Szöveg igazítása:

<CENTER>  Középre  </CENTER>  vagy <DIV ALIGN="CENTER">   </DIV>
<LEFT>    Balra   </LEFT>    vagy <DIV ALIGN="LEFT">    </DIV>
<RIGHT>   Jobbra   </RIGHT>   vagy <DIV ALIGN="RIGHT">    </DIV>



Hivatkozások beszúrása

 A legtöbb esetben a egy hivatkozás egy másik fájlra/dokumentumra mutat. A hivatkozás kezdetét ekkor a <A HREF="protokoll://elérési_út/fájlnév.kit"> utasítás jelzi, a hivatkozást ekkor is a </A> utasításelem zárja le. Mind a protokoll, mind az elérési út elhagyható, amennyiben azonos URL-en van a kiindulási dokumentum és a hivatkozott. A TARGET="_BLANK" paraméter alkalmazásával érhető el, hogy a hivatkozás új ablakban nyíljon meg, nem felülírva ezzel az eredeti dokumentumot.

Példa:
<A HREF="oldal.html" TARGET="_BLANK">Hivatkozás</A>

Képek beszúrása:

<IMG ALIGN="hely" SRC="elérési_út/fájlnév.kit" WIDTH="szméret" HEIGHT="mmeret">

Az ALIGN opció meghatározza a kép igazításának módját, lehetséges értékei: top, middle, bottom, left, right.
A WIDTH a szélességét, a HEIGHT pedig a magasságát adja a képnek. Ez két formában adható meg. A WIDTH="100" alkalmazásával a kép szélessége 100 pixel lesz, a WIDTH="100%" alkalmazásával pedig a kép a rendelkezésére álló hely (táblázat cellája, a rendelkezésre álló ablak, stb...) 100%-át foglalja el. Ha magasságot és szélességet is megadunk, a kép arányai eltorzulnak, ha csak az egyik adatot, akkor az arány marad, a meg nem szabott méretet a másikhoz igazítja.

A HTML formátumú szövegfájlban használhatunk listákat is, amelyek szövegszerkesztőkbeli megfelelői a felsorolások és bajuszos bekezdések.
A számozott bekezdések (felsorolások) megfelelője a számozott lista, az ún. "bajuszos" bekezdések megfelelője pedig a számozatlan lista.
A harmadik lista típus pedig a leíró lista, ahol az egyes lista elemekhez tartozhat egy hosszabb leírás is

A számozott listát az <OL> és az </OL> utasítások közé kell zárni. A számozatlan listát pedig az <UL>, </UL> utasításpár közé. Mindkét típusú listában használhatjuk a listafejlécet, melyet az <LH> utasítás vezet be - az </LH> pedig zár! Mindkét listatípusban a listák sorai az <LI> utasítással kezdődnek - és nem használatos a lezáró párjuk!
A fentiekből közvetkezik, hogy a listasorok egy <LI> utasítástól a következő <LI> utasításig, ill. a lista záróeleméig tartanak.

A számozatlan listák kezdőeleme is hordozhat formázóinformációkat. Az <UL SRC="fájlnév.kit"> formájú utasítás például a listasort megelőző bajuszként a megadott képfájlt használja.

A leíró listát a <DL> és a </DL> utasítások közé kell zárni. A lista fejléc megadása azonos az többi listatípusnál látottal. A listák egyes alkotóelemeinek kezdetét a <DT> utasítás jelzi, az ehhez tartozó leírás kezdetét pedig a <DD> utasítás határozza meg. Nincs egyik utasításnak sem záró párja, ezért a lista tag a <DT> elemtől a <DD>-ig, a hozzá tartozó leírás pedig a <DD> elemtől a következő <DT>-ig tart.

A HTML nyelv táblázatokat is használhat, ám a portál ezek használatát nem engedélyezi, legalábbis a szerkesztőn keresztül.

A szövegrészeket tagolás vagy esztétikai ok miatt vízszintes vonallal el lehet választani egymástól. Legegyszerűbb esetben a <HR> utasítás egy vízszintes elválasztó vonalat helyez el az adott ponton, a rendelkezésre álló szélességben. Ezt a durva megjeleínítést lehet azért finomítani a <HR ALIGN="hely" WIDTH="hszám" SIZE="vszám" NOSHADE> alakú utasítással.
Az ALIGN az igazítás helyét adja meg (left, right, middle). A WIDTH a vonalhosszt definiálja, a SIZE pedig a vonal vastagságát. Mindkettőt meg lehet adni képpontban, ill. a hosszt az ablak-szélesség százalékában. A NOSHADE pedig térhatást (árnyékoltságot) tiltja le.

Amennyiben a megjelenítendő szöveg formátuma pontosan olyan kell, hogy legyen, mint ahogy a HTML fájlban szerepel, akkor azt az előreformázott szöveget jelző utasítások közé kell zárni. Ezen utasítások a <PRE> és a </PRE>. A közéjük zárt szöveg pontosan annyi szóközzel, pontosan annyi sorban és olyan állapotban fog a dokumentumban megjelenni, mint ahogy azt a HTML fájl tartalmazza.


A cikkek felépítése:

Minden alapvetően két részből áll. Az első, értelemszerűen rövid rész a kedvcsináló, ez jelenik meg a címlapon, amíg a cikk új. Röviden, tömören, érdeklődést keltően kell megfogalmazni, természetesen a lehető legjobb címmel, hogy a későbbiekben is rákattintson, aki arra jár. Itt a "tovább" gombra kattintva fog megjelenni a második rész, ami a lényegi infókat tartalmazza. Ezt természetesen nyugodtan lehet bő lére ereszteni.

A szerkesztő modul:

Az első, ami szembetűnő, hogy a szerkesztő feldobja a cikkíró nevét. Ez fontos, mert ez a név fog megjelenni a cikk mellett, mint szerző. Ha esetleg elfelejtettünk bejelentkezni, vagy skizo személyiség esetén nem a megfelelő nickkel vagyunk bent, feltétlen módosítsuk !
A következő, amit meg kell adnunk, a cikk címe. Feltétlenül egy sorban gondolkodjunk, és lehetőleg ne legyen hosszabb, mint a rendelkezésre álló szövegdoboz. Túl hosszú cím áttekinthetetlenné teszi a rovatot, és a tördelést is elronthatja.
Ezután adjuk meg azt a témát, amelybe a cikk leginkább illeszkedik.
FONTOS: jól gondoljuk át a téma kiválasztását, mert ennek módosítására a továbbiakban NINCS LEHETŐSÉG !!! Ha nem megfelelő témát választunk ki, a webmester esetleg nem engedélyezi emiatt a cikk megjelenését - hiszen a témát még ő sem tudja utólag módosítani !
Ezután jöhet a munka lényegi része, a cikk megírása. Figyeljünk a kettős tagolásra, véletlenül se írjuk az egész cikket az első boxba !

A szerkesztő ablak gombsora:

 - vastag betű
 - Dőlt betű
- Aláhúzott betű
- Balra igazítás
- Középre igazítás
- Jobbra igazítás
- Hivatkozás beszúrása
- Vízszintes vonal
- Kép beszúrása
- Betűszín beállítása

Figyelem: a gombok használatával MINDEN ESETBEN a szöveg végére kerül a beszúrandó vezérlőtag !
A közvetlen színbeállításokat jól gondoljuk meg, csak feltétlen szükséges esetben használjuk. A változtatható style-ok miatt ugyanis a mi szürke hátterünkön igen jól mutató piros betű más beállított stílusának sötétvörös hátterén teljesen olvashatatlan lehet !

Ha a cikk elkészült, nyomjuk meg az ELŐNÉZET gombot !

Ekkor megjelenik a cikkünk, NAGYJÁBÓL abban a formában, ahogyan majd végleges formájában látni fogjuk. Alul a két szerkesztődobozban javíthatunk a cikken, de itt már csak manuálisan, a HTML kódok használatával, a vezérlőgombok itt már nem jelennek meg.

Mégegyszer vegyük szemügyre a művet, különös tekintettel a témakiválasztásra. Ha minden rendben, az OK gombbal elküldhetjük a cikket, ekkor már csak az Admin vagy valamelyik szerkesztő engedélyezésére van szükség, és olvashatjuk a cikket.

MÉG VALAMI: a közvetlen fonttípus-, méret- és szín-beállításokat mindenképpen kerüljük, mert a stílusok használata miatt olvashatatlanságig ronthatja cikkünk képét.

A WYSIWYG szerkesztő

(WYSIWYG : What You See Is What You Get = Amit látsz, azt kapod...)
Egyszerre kényelmesebb és bonyolultabb az előzőnél. Előnye, hogy azonnal láthatjuk, mit alkottunk. Hátránya, hogy nagyobb odafigyelést igényel.
A szerkesztő felső gombsora azonosan működik a már ismer szerkesztőével, újdonságot csupán a listákat előállító gombok jelentenek.
Hivatkozást léterhozhatunk a jobb felső eszközzel is. Válasszuk ki a megfelelő protokollt (általában https://), majd adjuk meg az útvonalat. Ezután az egérrel jelöljük ki a hivatkozássá alakítani kívánt szövegrészt és/vagy képet, majd nyomjuk meg az "ADD" feliratú gombot!
Itt közvetlenül elérhető a fontok típusának, színének, méretének megváltoztatása, de hangsúlyozom: csak kifejezetten indokolt esetben használjuk !
A szövegformázó gombok szintén azonos hatásúak az ismerttel, ám a B/I/U gombok használatához az egérrel ki kell jelölni a formázni kívánt szövegrészt.
Itt is figyelni kell a szöveg megfelelő tagolására, tehát az első boxba csak a figyelemfelkeltő információk kerüljenek !
A "View Html" gombra kattintva megnézhetjük a cikk HTML kódját, és javíthatjuk is azt. Ha ismét a gombra kattintunk, visszatérhetünk a WYSIWYG módba. Érdemes megjegyezni, hogy függetlenül attól, melyik box gombjára kattintunk, mindig annak a boxnak a módját változtatjuk, ahol a kurzor éppen áll.

Az "ELŐNÉZET" gombra kattintva persze itt is továbbléphetünk, megnézhetjük az előzetest. Itt is javíthatunk, majd az OK-ra kattintva elküldhetjük a cikket.


A CIKK-CSERE eljárás

Van egy kényelmesebb, praktikusabb, de 100% óvatosságot igénylő megoldás - kizárólag szerkesztői jelszó birtokában...
A portál ui. lehetőséget nyújt a cikk második részének cseréjére. Ekkor a cikk első részét a hagyományos módon kell megírni, a második részbe pedig be kell írni legalább 5 (tetszőleges) karaktert. A cikket el kell küldeni.
Ezután be kell lépni az adminisztrációs menübe, engedélyezni a cikk megjelenését, majd kiválasztani a Cikk-csere menüpontot. A megjelenő lista végén megtaláljuk a cikkünket. Nyomjuk meg a mellette lévő "Módosít" gombot !
Megjelenik a cikk - ellenőrizzük, hogy a megfelelő cikket akarjuk-e módosítani !!!
Ha minden rendben, válasszuk ki gépünkön a HTML-file-t, amit a cikkbe szeretnénk illeszteni, majd OK gomb. A cikk cseréje kész.

Amire figyelni kell:
- a HTML file-ből távolítsunk el MINDEN, a betűtípus módosítására vonatkozó utasítást (típus, szín, méret) !
- a táblázatok használatával nagyon vigyázzunk ! Ha lehet, maximum 500-550 pixel széles táblázattal dolgozzunk, ennél nagyobb elrontja az oldal tördelését. Szükség esetén használhatunk szélesebbet is, de nem lesz túl szép.
- lehetőség szerint csak a lapon engedélyezett HMTL utasításokat használjuk, a nem megfelelőeket távolítsuk el, akát manuálisan is. Igen jó példa erre a Netscape/Mozilla szerkesztőjének "<IF SUPPORT..." tagja, amelyet az Internet Explorer például abszolút nem tud értelmezni...
- semmiképpen se használjunk javascriptet vagy php-t az oldal forrásában, mert teljesen tönkreteheti a cikk megjelenítését !
- minden, a fenti szabályoknak nem megfelelő cikk kijavítása igen nagy munkát ad a webmesternek, ha rossz napján találjuk meg, esetleg törli az egész cikket...

Mindezek ellenére kellemes és tartalmas cikkírást kívánok :)

Mégvalami:

Ha egy HTML formátumú szövegfájl nem csak az angol ABC alfanumerikus jeleit akarjuk használni, hanem ékezetes betűket vagy speciális jeleket is, akkor a HTML speciális jeleit kell használni.
Lehetséges az ESCAPE szekvencia alapján történő jelölése és ISO-kód szerinti megadása is ezen speciális jeleknek.



Az ABC betűi és kódjaik
Elnevezés Jel ESC ISO
Elnevezés Jel ESC ISO
Nagy A betű A &#65; A
Kis a betű a &#97; a
Nagy Á betű Á &#193; &Aacute;
Kis á betű á &#225; &aacute;
Nagy B betű B &#66; B
Kis b betű b &#98; b
Nagy C betű C &#67; C
Kis c betű c &#99; c
Nagy D betű D &#68; D
Kis d betű d &#100; d
Nagy E betű E &#69; E
Kis e betű e &#101; e
Nagy É betű É &#201; &Eacute;
Kis é betű é &#233; &eacute;
Nagy F betű F &#70; F
Kis f betű f &#102; f
Nagy G betű G &#71; G
Kis g betű g &#103; g
Nagy H betű H &#72; H
Kis h betű h &#104; h
Nagy I betű I &#73; I
Kis i betű i &#105; i
Nagy Í betű Í &#205; &Iacute;
Kis í betű í &#237; &iacute;
Nagy J betű J &#74; J
Kis j betű j &#106; j
Nagy K betű K &#75; K
Kis k betű k &#107; k
Nagy L betű L &#76; L
Kis l betű l &#108; l
Nagy M betű M &#77; M
Kis m betű m &#109; m
Nagy N betű N &#78; N
Kis n betű n &#110; n
Nagy O betű O &#79; O
Kis o betű o &#111; o
Nagy Ó betű Ó &#211; &Oacute;
Kis ó betű ó &#243; &oacute;
Nagy Ö betű Ö &#214; &Ouml;
Kis ö betű ö &#246; &ouml;
Nagy Ő betű Õ &#213; &Ocirc;
Kis ő betű õ &#245; &ocirc;
Nagy P betű P &#80; P
Kis p betű p &#112; p
Nagy Q betű Q &#81; Q
Kis q betű q &#113; q
Nagy R betű R &#82; R
Kis r betű r &#114; r
Nagy S betű S &#83; S
Kis s betű s &#115; s
Nagy T betű T &#84; T
Kis t betű t &#116; t
Nagy U betű U &#85; U
Kis u betű u &#117; u
Nagy Ú betű Ú &#218; &Uacute;
Kis ú betű ú &#250; &uacute;
Nagy Ü betű Ü &#220; &Uuml;
Kis ü betű ü &#252; &uuml;
Nagy Ű betű Û &#219; &Ucirc;
Kis ű betű û &#251; &ucirc;
Nagy V betű V &#86; V
Kis v betű v &#118; v
Nagy W betű W &#87; W
Kis w betű w &#119; w
Nagy X betű X &#88; X
Kis x betű x &#120; x
Nagy Y betű Y &#89; Y
Kis y betű y &#121; y
Nagy Z betű Z &#90; Z
Kis z betű z &#122; z

Néhány speciális jel és kódjaik
Elnevezés Jel ESC ISO
Elnevezés Jel ESC ISO
Tabulátor
&#09;

Soremelés
&#10;
Szóköz
&#32;

Felkiáltójel ! &#33; !
Idézőjel " &#34; &quot;
Számjel # &#35; #
Dollárjel $ &#36; $
Százalékjel % &#37; %
Angol és jel & &#38; &
Aposztróf ' &#39; &amp;
Bal zárójel ( &#40; (
Jobb zárójel ) &#41; )
Aszteriszk * &#42; *
Pluszjel + &#43; +
Vessző , &#44; ,
Kötőjel - &#45; -
Pont . &#46; .
Perjel / &#47; /
Nullás 0 &#48; 0
Egyes 1 &#49; 1
Kettes 2 &#50; 2
Hármas 3 &#51; 3
Négyes 4 &#52; 4
Ötös 5 &#53; 5
Hatos 6 &#54; 6
Hetes 7 &#55; 7
Nyolcas 8 &#56; 8
Kilences 9 &#57; 9
Kettőspont : &#58; :
Pontosvessző ; &#59; ;
Kisebb jel < &#60; &lt;
Egyenlőségjel = &#61; =
Nagyobb jel > &#62; &gt;
Kérdőjel ? &#63; ?
Kukac @ &#64; @
Bal zárójel [ &#91; [
Visszaper jel &#92;
Jobb zárójel ] &#93; ]
Hatványjel ^ &#94; ^
Aláhúzás _ &#95; _
Vissza aposztrof ` &#96; `
Bal kapocs { &#123; {
Függőleges | &#124; |
Jobb kapocs } &#125; }
Tilde jel ~ &#126; ~
Alsó aposztrof &#130;
Alsó idézőjel &#132;

Kereszt &#134;
Kettős kereszt &#135;

Ezrelék &#137;
Felső vessző &#145;

Felső vessző &#146;
Kettős vessző &#147;

Kettős vessző &#148;
Szorzás jel &#149;

Mínusz előjel &#150;
Kivonás jel &#151;

Trade Mark &#153;
Cent jele ¢ &#162; &cent;
Font jele £ &#163; &pound;
Csővezeték jel ¦ &#166; &brvbar;
Paragrafus jel § &#167; &sect;
Umlaut ¨ &#168; &uml;
Copyright © &#169; &copy;
Bal tört idézet « &#171; &laquo;
Lágy kötőjel ­ &#173; &shy;
Registered TM ® &#174; &reg;
Fok jele ° &#176; &deg;
Plusz-mínusz ± &#177; &plusmn;
Ékezet ´ &#180; &acute;
Mikro µ &#181; &micro;
Bekezdés vége &#182; &para;
Középen pont · &#183; &middot;
Jobb tört idézet » &#187; &raquo;
Szorzás kereszt × &#215;

Scharfes s ß &#223; &szlig;
Osztás jel ÷ &#247;





Vendég vagy!

Csak regisztrált felhasználók szólhatnak hozzá!

4 (Törölt felhasználó) 2005-02-20 18:29:42

Hű hát alaposan elláttad az embert infokkal. Köszönjük!

3 Prokop Gábor 2005-02-20 19:34:02

Igyexem... Bármit hajlandó vagyok megtenni azért, hogy mások dolgozzanak helyettem )))

2 (Törölt felhasználó) 2005-02-20 23:12:05

)Én nem hittem volna hogy ilyen sokmindent tudni kell egy cikkhez...kész)

1 Prokop Gábor 2005-02-21 07:58:55

Ettől sokkal kevesebb ismerettel is lehet cikket írni.
Ezek a SZÉP cikk írásához kellenek