Hasznos segítség weboldal készítésekor


A tutorial.hu oldalon nagyon sok mindenre megtalálni a megoldást, ha valaki elakad egy weboldal készítése közben.
Volt itt már szó a kód megírásáról, új oldalra átirányításról, stb. Nem kezdem el ide linkelni az oldalakat, mert a rövid kis írás hamar több oldalas linkgyűjteménnyé válna :)

Néhány hasznos oldalt szeretnék csak ajánlani, ami szerintem megkönnyíti a munkát:

  • Méretek átváltása – ha belekeveredünk a megabitekbe
  • Bravenetingyenes fórum, vendégkönyv, naptár etc. amivel feldobhatjuk az oldalt (azért túlzásba ne essünk…)
  • Chartle.net – ingyenes diagram készítő
  • Favicon – elkészítjük a képet amit faviconnak szeretnénk, ez az oldal pedig konvertálja nekünk…
  • Screen resolution simulator – egy kattintásra láthatjuk, hogy az oldal hogy nézne ki különböző felbontáson. Érdemes a bal oldali oszlopot is átnézni az oldalon.
  • Browser compatibility – ezen az oldalon megnézhetjük, hogy más oprendszer, vagy más böngésző mit mutatna a weblapunkból. Csak egy screenshot-ot kapunk (azt is lassan), de támpontnak jó lehet, nem kell minden böngészőt telepítenünk.
  • Stripe generator – ha csíkos háttérre (esetleg PS patternre) vágyunk, itt a helyünk :)
  • Reflection maker – a fenti linkről tovább ugorva a tükröződés készítőhöz jutunk. PS userként természetesen csak hallomásból ismerem :)
  • Tabs generator – füleket készíthetünk. Ahogy fejlődnek a webes eszközök, lassan nem is kell majd photoshop :)
  • Wix.com – regisztráció után flash alapú oldalak készíthetőek az oldalon a szerkesztővel, vagy a már kész oldalakat böngészhetjük. Ötleteléshez is jó, szerkesztőt még nem próbáltam.
  • iWebtool – sokféle eszköz egy helyen: pagerank, backlink check, IP adress, stb.
  • Google – a google webmester központ majdnem kimaradt. seo miatt is érdemes olvasgatni erre felé.

Ezek csak ajánlottak, természetesen lehet, hogy vannak jobbak ezeknél. A kommentekbe bátran küldjetek még hasznos linkeket, kiegészíteni a listát.
És persze ezt a linket kell átböngészni elsőként!

ViZion

Kapcsolódó bejegyzések:
  • Volt már egy cikk a lapon a favicon-okról, úgyhogy most nagyon nem részletezném a dolgot. Ami kapcsán a bejegyzés született, hogy találtam egy nagyon hasznos kis …

  • Nemrég ütköztem bele egy problémába: szükségem volt egy olyan JavaScript függvényre, ami a php-ban benne van (trim). Gondoltam, hogy másnál is felmerült ez és bi …

  • KGC osztotta meg Facebook-on és szerintem is hasznos oldal, úgyhogy ajánlanám figyelmedbe, ha tesztelni akarsz táblára.A site – tablet-emulator.org – tet …

  • A mai világban annyi mindent elvégeznek helyettünk a gépek, miért pont a programozást ne tennék? Itt van rögtön pár klasszikus ebben a témában:PHP m …

  • A végtelen scrollozású (infinite scroll technika) oldalak kapcsán szóba kerülni, hogy bár sokak szerint alapvetően ez egy elég jó megoldás a felhasználók miatt ( …

A cikket beküldte: ViZion (http://)

18 hozzászólás

  1. Bence says:

    A browsershots nem túl jó. Volt, hogy 30 perc nem volt neki elég. Akkor már browserlab.adobe.com

  2. bolint says:

    Még egy ajánlat az online böngészőteszthez:
    http://spoon.net/browsers/

    Bár jelzem a virtuális gépnél még nem láttam jobb megoldást (eddig minden ilyen online eszközben találtam hibát :)), de az esetek 99%-ban tökéletesek.

  3. ViZion says:

    Igen, a virtuális gép is megoldás, vagy a több böngésző telepítés, amit FF bővítményekkel lehet használni.

  4. Peter says:

    A seo engem jobban is érdekelne hol tudok magyarul olvasni róla?

  5. Harder says:

    A http://seo.forum.hu -t ajánlanám a figyelmedbe, a legnagyobb magyar közösség e témában és a fórumról sok más, hasznos oldalra is el fogsz jutni.

  6. ViZion says:

    uhhh… csak egy linkre kattintottam a levelezésemben. Hol vagyok? Mi ez?
    Harder, vkik meghackelték az oldalad!!! :)
    fura… tetszik a világos.

  7. Harder says:

    Épp alakítom át (illetve már napok óta), majd írok egy bejegyzést ma ezzel kapcsolatban. :)

  8. Castor says:

    Üdv mindenkinek!
    Kezdő haladó webszerkesztő vagyok és szeretnék egy problémára megoldást találni és ebben kérném a segítségeteket (elég régóta keresgélek mindhiába). A problémám a lapbehívás az oldal újratöltése nélkül (mint az iframe csak keresőbarát kellene)
    Javascriptet nem egyet találtam de azok sem túl keresőbarátok….
    Gondolom a megoldás php lesz ahhoz viszont nem értek… Vállalkozó szellemű jelentkezőt keresnék aki megajándékozna egy ilyen php scriptel és rövid vonalakban elmagyarázná h mi micsoda és h hogyan kell használni…
    Plusz ha van más megoldás..
    A választ előre is nagyon nagyon köszönöm!

  9. Vizion says:

    Szia Castor!
    Itt az oldalon is találsz, amit keresel… be is írtad, csak nem a keresőbe:
    tartalom váltása a lap újratöltése nélkül…

  10. Castor says:

    Kedves Vizion!
    Köszönöm válaszod de amik itt fent vannak azokat már néztem és egyik sem az igazi…
    Szal más megoldás kellene ha tud vki segíteni..
    Igazából csak egy php script kellene elmagyarázva h mit hova írjak és h mi micsoda h alakítani tudjam…

  11. Vizion says:

    Bocs, azt gondoltam olyasmi kell.
    Sajnos PHP témában nem tudok segíteni igazán. Ha úgy akarod változtatni a lap tartalmát, hogy az URL nem változik, akkor az nem keresőbarát, függetlenül hogy php vagy JS váltja a tartalmat. PHP include esetleg megoldás lenne? Gondolom azt már nézted.

  12. Castor says:

    Nem ragaszkodom a php-hoz jó nekem a js is csak úgy tudom h js-el nem lehet megoldani h az url változzon de mégse töltse újra az oldalt… ezért kelene a php.A tartalom váltása a lap újratöltése nélkül II. az egyébként jó csak nem tudtam összerakni egy másik js menüvel:S– mert már a végén nem ragaszkodtam az url váltakozáshoz…
    Ebben esetleg ha tudsz segíteni akkor megköszönném.

  13. crash says:

    hm, ha jól értem úgy akarsz változtatni az oldal tartalmán, hogy másik címe legyen, de ne töltse be újra az oldalt? Ez elég érdekes, ajax-al szokták változtatni a tartalmat az egész lap betöltése nélkül, de ott általában ugyan az marad a cím is.

    Nem arra gondolsz, hogy van egy keret, pl. php-val és akkor ügyebár minden oldalon ugyanaz a menü stb, csak van egy dinamikus része ahol megjelennek a tartalmak?

  14. Castor says:

    Pontosan, funkcióra mint az iframe..

  15. mrMiller says:

    Hello Castor!

    Jelenleg van megoldás arra, hogy url-t manipulálj a böngészőben oldal-újratöltés nélkül (javascript-el), de ez sajnos csak a hash-re vonatkozik (pl. www.domain.hu/index.php#tartalom1)

    Én úgy tudom, hogy a keresőrobotok a hash-t sajnos figyelmen kívül hagyják, mivel azok elvileg csak az oldal bizonyos tartalmára mutatnak (horgony), de arra jó lehet ez a megoldás, hogy így működik a böngésző history-ja, és az egyes oldalak (tartalmak..) könyvjelzőként is elmenthetők.

    Van erről egy nagyon jó video tutorial itt (remélem az angol nem okoz gondot):

    http://css-tricks.com/video-screencasts/85-best-practices-dynamic-content/

    Egyébként hasonló elven működik a SWFObject javascript framework is (nem tudom ismered-e), csak azt nagyrészt komplett flash weboldalaknál szokták használni.

    Csak PHP segítségével (JS/AJAX nélkül) nem igazán lehet semmit csinálni oldal újratöltés nélkül, miután a php szerver-oldalon fut.

  16. Castor says:

    Köszönöm!
    Amint lesz időm megnézem a videót és le is tesztelem, remélem jó lesz:)
    Még egyszer köszönöm!

    Jah, és a demó oldal nem jön be…

  17. mrMiller says:

    Castor, melyik demo-oldalra gondolsz …?
    Remélem nem az első linkre, azt csak úgy beírtam, hogy “hogy néz ki” egy hash az url-ben. Hirtelen nem is kapcsoltam, hogy abból link lesz – bocsánatot kérek. :D
    Ha viszont a tutorial-hoz tartozó demo-ra gondolsz, akkor nem tudom, nekem eddig mindig (most is) bejött az oldal.
    Ő az:
    http://css-tricks.com/examples/DynamicPage/

  18. Varga Éva says:

    Kezdő vagyok a bloggolásban. Segítségre lenne szükségem egy alapvető probléma kapcsán. Véletlenül kikapcsoltam a honlapomon a Home-t ami egy hazikó formájában jelent meg a fejrész alatt. Nem tudom visszaállítani!

Szólj hozzá
a Hasznos segítség weboldal készítésekor c. bejegyzéshez

- Engedélyezett HTML elemek: <a> <em> <strong> <ul> <ol> <li>
- Forráskód beküldéséhez tedd a kódot ezek közé: <pre lang="php" line="1">Kódrészlet helye itt</pre>