Honlapkészítésről 2024-11-19

Honlapkészítésről

Rendezetlen gondolataim.

A honlapot látogatónak csinálod és nem magadnak.

Legyen akadálymentes. Nemlátó, gyengénlátó, színvak, siket, mozgássérült, nagyon fiatal, nagyon idős használót se zárd ki.
- Paramedia.hu
- Használhatóság.lap.hu
Kerüld a kereteket ( frame ).
Új ablaknak ne adj meg fix méretet.
Ne adj meg fix betűméretet. Hagyd meg az olvasónak, állítsa be magának azt a betűméretet, amely neki megfelelő.
Használd az összes ékezetes betűt. Egyszer majd lesz olyan böngésző, amelyiken rendesen megjelenik... :)
Minden kép alá ( alt ) írj szöveget. Ha csak díszítőelemnek használsz képet, akkor ""-t.
Írj felé ( title ) is ugyanazt a szöveget.
```
<a title="leírás"><img src=... alt="leírás"></a>
```
Inkább ne legyen háttérzene, de ha mégis, akkor rövid és alapértelmezésben kikapcsolt.
Ne csinálj introt ( splash-t, bevezetést, előjátékot ).
Ne csinálj semmire vagy üres oldalra mutató menüpontot. Először írd meg az oldat teljesen, és csak utána mutass rá.
Ne használj indokolatlanul erőforrást. Ne tegyél képet oda, ahová szöveg elegendő. Ne tegyél flash-t oda, ahová kép vagy javascript elegendő.
Ne tiltsd le a görgetősávot. Próbáld ki a honlapodat kb. 200*200 képpont méretű ablakban megjeleníteni. Ha van olyan rész, amit nem tudsz megjeleníteni, akkor rossz a honlapod.
Olvasd el.

Ha nem így csináltad, videojáték lett és nem honlap.

A saját gépeden készíts egy könyvtárat/mappát a honlapodnak. Ebben legyen a honlapod teljes aktuális anyaga. Ezt a mappát időnként mentsd ki.
Az, hogy a saját gépedről megfelelően megjeleníthető a honlapod, még nem jelenti azt, hogy a szolgáltató gépéről is megfelelően megjeleníthető.
A honlapod frissítésekor célszerű, ha a saját és a szolgáltatónál lévő állománylistát is dátum szerint rendezed be. Rögtön látod, mely állományokat kell felülírnod.
Saját honlapodon belüli hivatkozásnál relatív módot használj.
- Pl. index.html-ben legyen a
```
<a href="magam.html">magamról</a>
```
  hivatkozás. Ez jó.
  - Ha index.html a saját gépeden van, a magam.html-t is a saját gépedről fogja megjeleníteni,
  - Ha index.html a szolgáltatódnál, vagy helyi hálózat másik számítógépén van, a magam.html-et is onnan hívja majd.
  Ugyanúgy működik nálad, mint bármely ( tartalék ) szolgáltatótól.
- ```
 <a href="http://www.szolgaltato.hu/hivojelem/magam.html">magamról</a>
```
  Nem jó, mert ha index.html a saját gépeden van, akkor is a ( egy adott ) szolgáltatóhoz feltöltött magam.html-t fogja behozni. (*)
- ```
<a href="file:///home/gg630504/Asztal/www/kesz/magam.html">magamról</a>
```
  Ez sem jó, mert minden böngészgetőnek a saját gépén lévő magam.html-jét akarja megjeleníteni - ami rajtad kívül másnak nem nagyon sikerül :(
Természetesen jó a
```
<img src="kepek/qsl.jpg" alt="QSL lap" border="0">
```
példában szereplő relatív útmegadás is.
(*) Külső hivatkozásnál, például számláló megjelenítésekor az abszolút módot ( protokoll:// ) kell használnod:
```
<img src="http://freeweb.hu/counter?username=hg9ieg&type=1" border="0" alt="számláló">
```
Készülj fel a könnyű szolgáltató-váltásra. Esetleg töltsd fel a honlapodat több szolgáltatóhoz is ( tartalék másolat, tükrözés ).
Egy könyvtárba ne tégy túl sok állományt. Az egyik szolgáltató számítógépén futó 'l' parancs amivel - FTP használatakor - a könyvtár tartalomjegyzékét kéred le, csak 2 000 állományt listáz ki neked. ( A többi állományod sem vész el, de esetleg nem tudod törölni bármelyiket. ) Használj több könyvtárt.
Minden könyvtár induló állománya "index.html" legyen ( és ne "album.html" vagy hasonló ). Például találkozókról készült képtárakat így szervezd:
- talalkozo
  - Eger
    - 2004
    - 2005
    - 2006
  - Szarvas
    - 1990
    - 1991
    - 2006
A cím valahogy így fog kinézni:
```
http://www.szolgáltató.hu/hívójeled/talalkozo/Szarvas/1996/
```
Készíts logót, bannert. Ez egy kép, amit más honlapokra tehetsz ki. A banner a honlapodhoz kötődik, ha több különböző honlapod van, több különböző bannered lehet. Képmérete
- 468*60, esetleg
- 234*60,
- 156*60 és/vagy
- 468*120 képpont
legyen. Állománymérete 15 .. 30 kibibytenál ne legyen nagyobb.
A nevek a képméretek, például 'logo/468060.jpg'.
Készíts önarcképet, avatart. Ez egy ( vagy több ) kép, amit elsősorban fórumokban tehetsz ki. Az avatar hozzád, mint személyhez tartozik. Az a kép jelenik meg hozzászólásaid mellett. Megengedett legnagyobb képmérete fórumonként változó, például
- 65*65,
- 80*80,
- 96*96 ( Skype ),
- 100*100,
- 128*128,
- 145*145 képpont.
Állománymérete néhány kibibyte. Én egy nagy képet kicsinyítettem le néhány méretre.
A nevek a képméretek, például 'avatar/096096.jpg'.

Időpontot, dátumot mindig abszolút módon írd. Elég nevetséges, amikor három éve folyamatosan az olvasható egy oldalon: "idén érettségizek".
Szóval azt írd: 'x. évben születtem' és ne azt, hogy 'y éves vagyok'. Ha mégis ragaszkodsz a relatív időmegadáshoz, akkor:

<script type="text/javascript" language="JavaScript">
(function (y_){
let dt_y = new Date().getUTCFullYear();
document.writeln( (dt_y-y_).toString(), ' éves vagyok.' );
})(1963);
</script>

<script type="text/javascript" language="JavaScript">
(function (){
let dt_y = new Date().getUTCFullYear();
document.writeln( 'Választási csalás ', dt_y.toString(), '!' );
})();
</script>

Az oldalakon szerepeljen az utolsó módosítás dátuma. Esetleg az oldal létrehozásának dátuma is.
Külső oldalra való hivatkozást úgy írj meg, hogy új lapon/ablakban nyíljon. Ez vonatkozik másik szolgáltatónál lévő vendégkönyvedre, fórumodra is. Az új ablaknak ne adj meg fix méretet.
Ha az eredeti képed nagyobb ( szélessége, magassága képpontban ), mint amekkorában meg akarod jeleníteni, akkor méretezd át egy rajzolóprogrammal. A kicsinyített képet töltsd fel.
Megjegyzem, a nagy képméretű kép sok memóriát igényel, akkor is, ha kicsinyítve jelenik meg. Ennek az lehet az eredménye, hogy nem töltődik be minden kép.

Ne tiltsd le a jobb és/vagy középső egérgombot. Értelmetlen.
Felugró ablakban ne adj meg fix méretet. Pláne ne 640*480-nál nagyobbat.
Felesleges a
- Ha a fenti témákról szeretne bővebben olvasni, kattintson a linkekre! valamint a
- Ha meg akarja nézni a honlapot, kapcsolja be a monitort! szöveg.
A honlapodra - hacsak nem az órákról, naptárról szól - ne tegyél se se digitális se analóg se kerek se szögletes se ingaórát. Felesleges kiíratnod az aktuális névnapot is. Ugyanilyen alapon kitehetnél szorzótáblát is.

Felesleges olyan információkat kiíratnod, amit a használó úgyis tud: böngészőt operációs rendszeren processzorral futtat.

document.defaultCharset
document.referrer
document.URL
history.length
navigator.appCodeName
navigator.appMinorVersion
navigator.appName
navigator.appVersion
navigator.cookieEnabled
navigator.cpuClass
navigator.javaEnabled()
navigator.language
navigator.onLine
navigator.platform
navigator.systemLanguage
navigator.userAgent
navigator.userLanguage
screen.colorDepth
screen.height
screen.width

Experiment is the sole judge of scientific “truth”. A (természet)tudományos igazság kizárólagos kritériuma a kísérlet.
Feynman Richard

⌂ Index
Verzió: 2024-11-19 ( 2002 .. 2024-10-30 15:26:20 UTC )
gg630504

Creative Commons License: by-nc-sa Nevezd meg!-Ne add el!-Így add tovább!

HG9IEG Visszajelzés: