9143
HTML-szerkesztés kezdőknek!!!
  • Cat 02 #5540
    Notepad++ infon is azt használtuk, meg is lepődtem :)
  • mike0013
    #5539
    hát öö, nem tudom, én mondjuk azzal kezdtem és kezdőknek tökéletes, mostmár inkább jegyzettömb:D
  • hunbasser
    #5538
    ahh,ez a handy image mapper hatalmas program

    nagyon szépen köszönöm,rendesen megkönnyítetted a munkámat :D
  • Dj Faustus #5537
    "tudtok nekem segíteni fórum készítésben?"
    1. Megtanulod a webes nyelveket (HTML, CSS, Javascript, PHP,...) és csinálsz egyet (már a webes nyelvek megtanulása is sok idő - már ha fórumot akarsz készíteni).
    2. Külső szolgáltatást használsz:


    3. Előre elkészített fórummotort használsz





    "meg javascriptben? menühöz kellene ugy h amikor rámész egérrel a menüpontra akkor lenyilna egy lista és onnan tudsz választani. v vmi ilyesmi:D"
    Nem kell hozzá feltétlenül Javascript (egyébként is a Javascript letiltható, funkcionálisan használhatatlanná teheti a menüt). Megoldható CSS segítségével is.



  • Cat 02 #5536
    Nekem megvan a Dreamweaver szal nekem azzal 1szerű :)
  • Dj Faustus #5535
    "ha van Dreamweavered azzal pontsoan be tudod lőni ;)"
    Minek a Dreamweaver - ami egyébként egy fizetős szoftver, másrészt kezdőknek túlzás - amikor vannak ingyenes szoftverek erre a célra?
    Például Handy Image Mapper
    Vagy Meracl ImageMap Generator
    Sőt a Gimp (ingyenes, magyarul tud) is képes rá.
  • Cat 02 #5534
    ha van Dreamweavered azzal pontsoan be tudod lőni ;)
  • hunbasser
    #5533
    köszönöm
  • raptor22
    #5532
    sziasztok
    tudtok nekem segíteni fórum készítésben?
    meg javascriptben? menühöz kellene ugy h amikor rámész egérrel a menüpontra akkor lenyilna egy lista és onnan tudsz választani. v vmi ilyesmi:D
  • Dj Faustus #5531
    1. Elavult: <font> tag
    2. Újabb, modernebb: CSS-ben a font-family

    De vigyázz! Speciális betűtípust ne adj meg, mert 1. nincs a látogató gépén - így nem fog megjelenni, hacsak le nem tölti, fel nem telepíti (de azt meg nem fogja a két szép szemedért) 2. csak az IE engedi a betűtípusok közvetlen telepítését (de egyrészt kizárod vele a látogatók kb. 30%-át, másrészt nem fognak örülni a feltelepült betűtípusnak) 3. a túlzottan speciális betűtípus kenyérszövegként rontja az olvashatóságot - látogató elhagyja az oldalt.
  • drowns41
    #5530
    Sziasztok!
    Biztos kérdezték már, de nem találtam a választ.
    Hogyan tudom azt megcsinálni hogy IE-ben és Firefoxban is ugyanazt a betűstílust használja az oldalam?
    Köszi
  • Dj Faustus #5529
    Egyben van szükség a képre, és kell csinálni egy, a képre hivatkozó kliens oldali térképet.
    Olvasnivaló
  • hunbasser
    #5528
    azt nem vágom h meg mint kell :D
  • Cat 02 #5527
    1szerűbb lenne image map al :)
  • hunbasser
    #5526
    Sziasztok!

    nos,bannert próbálok összerakni frontpagedzsel :D

    itt a kód:

    <body>

    <p style="margin-top: 0; margin-bottom: 0">
    <img border="0" src="file:///C:/Documents%20and%20Settings/-/Dokumentumok/Képek/fifatopikbanner1.jpg" width="700" height="164"></p>
    <p style="margin-top: 0; margin-bottom: 0">
    <img border="0" src="file:///C:/Documents%20and%20Settings/-/Dokumentumok/Képek/fifatopikbanner2.jpg" width="471" height="59" align="top"><img border="0" src="file:///C:/Documents%20and%20Settings/-/Dokumentumok/Képek/fifatopikbanner5.jpg" width="229" height="116"></p>
    <p style="margin-top: 0; margin-bottom: 0">
    <img border="0" src="file:///C:/Documents%20and%20Settings/-/Dokumentumok/Képek/fifatopikbanner3.jpg" align="top"><img border="0" src="file:///C:/Documents%20and%20Settings/-/Dokumentumok/Képek/fifatopikbanner4.jpg" width="212" height="57" align="top">                                                               
    </p>

    </body>

    és így néz ki a bannerem



    az ea sport logo is egy külön kép egyébként.h tudnám megoldani,h fölfelé menjen ez a két kép,ami ott tántong alul?

    válaszotokat előre is köszönöm :)
  • Cat 02 #5525
    off bár nem is annyira :D
  • Dj Faustus #5524
    "Az oldal kialakítását érdemes megcsinálni html-ben táblázatokkal."
    Miről beszéltünk az előbb? Arról, hogy a táblázatokat csak ott használjuk, ahol szükséges. Oldalszerkezet kialakítására (vagyis hogy itt a fejléc, itt a menü, itt a tartalom, stb...) ne.
    Újból belinkelem azokat a leírásokat, amelyek erről szólnak:
    Miért butaság a táblázatos szerkezet: a probléma körülírása és a felkínált megoldás
    CSS lépésről-lépésre: táblázatnélküli oldalfelépítés
    Illetve egy cikk a keresőoptimalizálás és a táblázatok kapcsolatáról - nem épp barátságos viszony.

    "A többi részét meg php-ban, ugyanis azt jobban szeretik a böngészők meg ilyenek, az iframeket meg nem annyira."
    Nem kell feltétlenül PHP sem.
    Amíg még kezdő az ember, egy statikus oldal összerakása is elegendő. Ha már tudja, hogy a HTML-en és a CSS-sen belül mi mire jó, és hogyan tud vele oldalt kialakítani, akkor érdemes továbblépnie.
  • szr
    #5523
    Kaptam egy újabb infót. Nem tudom helyes -e?

    Az oldal kialakítását érdemes megcsinálni html-ben táblázatokkal.

    A többi részét meg php-ban, ugyanis azt jobban szeretik a böngészők meg ilyenek, az iframeket meg nem annyira.
  • Dj Faustus #5522
    "és az oldalat egy normális szolgáltatónál helyezem el, ahol van php futtatási lehetősgé, akkor abban az esetben css-ben alakítsam ki az oldalszerkezetet."
    Igen, érdemes CSS-sel megcsinálni az oldalszerkezet formázását (magát az oldalt ugye a (X)HTML-ben csinálod meg, a blokkokat <div>-ek segítségével hozod létre, stb...), de ha nincs PHP támogatás, akkor is használható a CSS.

    Ne keverjük ide (mármint a táblázatmentes, CSS-sel formázott oldalszerkezethez) előző hozzászólásom <iframe>-ekkel kapcsolatos részét.
    Ott arról magyaráztam, hogy ha van egy rendes szolgáltatód, aki nem korlátozza le a PHP-ben futtatható parancsokat (ingyenes webtárhely-szolgáltatók letiltják biztonsági okokból), akkor ott megoldható <iframe> nélkül is a külső oldalak betöltése is (viszont ez egy kicsit a szerver erőforrásait zabálja - nagy oldalaknál nem ajánlott).

    "az iframeket pedig használjam, ha az oldalon belül akarok dolgokat elhelyezni."
    Mondok egy példát: ha van egy tipikus "felül fejléc, alatta menü+tartalom egymás mellett, alattuk lábléc"-szerű oldalad, akkor nem feltétlenül szükséges az <iframe> - ugyanis a fejléc, a menü, a lábléc általában nem szokott annyira sok helyet foglalni.
    Viszont ha külső szolgáltatást - például egy fórumot vagy szavazást - használsz, azt például lehet <iframe>-be tölteni.
  • szr
    #5521
    Szia Faustus!

    Köszi a gyors választ. Ha jól értelmezem akkor, ha csinálok egy oldalt, legyen szó egy egyszerűről, vagy egy ortálrendszerről, és az oldalat egy normális szolgáltatónál helyezem el, ahol van php futtatási lehetősgé, akkor abban az esetben css-ben alakítsam ki az oldalszerkezetet.

    az iframeket pedig használjam, ha az oldalon belül akarok dolgokat elhelyezni.

  • Dj Faustus #5520
    "Ha jól értelmeztem a táblázatokat valamint az iframeket már nem nagyon használják, mert css-el egy csomó minden megoldható."
    Használni használják, mert a CSS megjelenése/elterjedése/böngészők általi támogatása előtt nem volt más mód "professzionális" oldalszerkezet kialakítására (és a "piac" közben felfedezte, hogy "Jé, az Internet milyen gyorsan terjed! Jé, itt a Web! Jé ezt sokan olvassák! Akkor biztos lehet rajta terméket is eladni, csicsásan, villogva - amit a különböző böngészők által nyújtott szolgáltatások biztosítanak is!").
    De mivel a jelenleg elterjedt modern böngészők (IE6, IE7, Firefox 1.x, Firefox 2.x, Opera 8.x, Opera 9.x) támogatják (na ez azért egy kicsit túlzás, az IE-nek van némi lemaradása) a CSS-t, ezért megoldhatóak benne (IE alatt néha trükközni kell, de túl lehet élni) a táblázatnélküli oldalkialakítások (másrészt észbe kaptak a webes nyelvek kifejlesztői is, hogy ildomos lenne kicsit rendbekapni ezt az egészet, mert ez mégis információközlő médium, nem zsibvásár).

    Némely esetben - például amikor régebbi böngészőket is támogatni szeretnénk (de szerencsére ezek a böngészők rohamosan halnak ki), vagy vannak esetek, mikor a táblázatos oldalkialakítás látszólag gyorsabban megoldja a problémát (valójában nem biztos, pláne amikor újból előveszed a forráskódot, hogy átírd...).

    Miért butaság a táblázatos szerkezet: a probléma körülírása és a felkínált megoldás

    <iframe> - ez az alábbi esetekben jöhet jól:
    * Külső oldalról szeretnél lapot betölteni, és a tárhelyen nincs engedélyezve a PHP (vagy más szerveroldali nyelv) használata, vagy engedélyezve van, de nem teljesen.
    * Nagy méretű oldalt - például lexikont - szeretnél betölteni, amiben ugrálni szeretnél a különböző bejegyzések közt (és nem akarod, hogy az "ugrópontok" eltünjenek). Az ugrópontok (linkek) - például az ABC betűi a főoldalon maradhatnak, a tartalom meg az <iframe>-be kerül.
  • Cat 02 #5519
    oldalban menüpontok meg ilyenek div (css) eket kell használni
    itt van leírás
    táblázat meg akkor kell ha táblázatot akarsz :D
    pl ilyen helyen

    iframet meg nem tudom mivel suliban info tanár nem tanította :(
  • szr
    #5518
    Szia Faustus!

    Elolvastam a Nagy Gusztáv féle jegyzetet.

    Ha jól értelmeztem a táblázatokat valamint az iframeket már nem nagyon használják, mert css-el egy csomó minden megoldható.

    Viszont megnéztem több oldal forrását, ott pedig alkalmaztak mind iframeket, mind pedig táblázatokat.

    A kérdésem a következő lenne:

    Táblázatot akkor célszerű csinálni, ha táblázatra van szükségünk a weboldalon.

    De!

    Magánál az oldal szerkezetének a kialakításánal, milyen esetben kell táblázatot használni és milyen esetben iframet vagy teljesen css-ben érdemes?

    Köszönöm a választ.

    Ha hülyeséget kérdezek nem kell kiakadni, most tanulom.

    Köszi

  • szr
    #5517
    Köszönöm Fausutus!
  • Dj Faustus #5516
    "Ami még fontos lenne, hogy amit betettem szerkesztő képét, az php-ban lehetséges?"
    Maga a szerkesztőfelület nem PHP, hanem Javascript.
    A tárolást PHP végezheti.
    De amíg nem értesz "HTML-lül" addig hiába foglalkozol PHP-vel.

    "Tudtok valami jó könyvet ajánlani?"
    Teli az Internet leírásokkal.



  • szr
    #5515
    Mesterek!

    Nem priviben külröm kérdéseimet. Valóban rendesen meg kellene tanulnom, de ha tudnám nem volnék itt és nem kérdeznék hülyeségeket. Tudtok valami jó könyvet ajánlani? Azt hallottam, hogy a dummies sorozatban vannak jók?
    Egyébként meg a netről szedegetem össze innen onnan. Ami még fontos lenne, hogy amit betettem szerkesztő képét, az php-ban lehetséges?

    Köszi
  • Dj Faustus #5514
    Továbbra is privát üzenetben kapom a problémát - pedig ez egy fórum.
    Jelenleg mûködik úgy, hogy külön oldalban nyitja meg, viszont amit írtál javascriptes megoldást, azt nem tudom, hogyan illesszem be.
    Hogyan, hogyan... Megnyitod jegyzettömbbel, vagy a webszerkesztő program kódszerkesztő nézetében az oldalt, és beilleszted az említett kódrészletet:
    <a href="oldal.htm" onclick="indexWin = window.open(this.href,'_blank','toolbar=0,location=0,directories=0,status=0,menubar=0,resizable=0,
    scrollbars=1,width=760,height=570, top=0, left=0'); return false;">Link</a>


    Ha megtanultad volna a HTML-nyelvet, láthatnád, hogy ez egy sima link, ami egy képet fog közre.
    Annyi a trükk benne, hogy a linkre való kattintáskor (onclick attribútum) lefut egy Javascript kód, ami új ablakot nyit, és megakadályozza, hogy a link máshol nyíljon meg.

    "A lényeg, hogy van egy táblázat. 1 sor 3 cellával. Minden cellában van egy kép. És azt szeretném, hogy ha rákkattintok az egyik képre, ne az a kép nyíljon meg nagyba, hanem egy másik amit kiválasztok. "
    Ez meg megint egy másik dolog.
    Hol nyíljon meg? Az <iframe>-ben (a linknél target="hova" és az <iframe>-nél name="hova")? Új ablakban (target="_blank")? Új popup ablakban (lásd az előző Javascriptes példát)?
    Miért MÁSIK kép nyíljon meg? A látogató az 1. számú képre kattintott, azt szeretné nagyban látni, vagy az ahhoz a képhez tartozó oldalt.

    "A kérdésem a következő: ha formázott szöveget csinálok, macerás egyenként parancsokkal formázni. Nincs véletlenül olyan szerkesztő, amiben formázom és csak beillesztem a kódot."
    Brrr, ez megint egy újabb dolog. Stíluslappal megoldható - de azt most jelen esetben elmagyarázni hosszadalmas lenne.

    Minden esetre tanuld meg a HTML-nyelvet. A nélkül nehéz lesz közérthetően beszélni.
  • szr
    #5513
    ez lenne az a szerkesztő. Ilyen csak php-ban van?
  • szr
    #5512
    Köszi a segítséget, amit írtam priviben itt van a szerkesztő képe. Ilyen létezik -e html-ben.
  • Cat 02 #5511
    gondolom azt szeretné h felül van egy csík meg alatt + oldalt ami a menü és felül kisképre kattol alul bejön nagykép
  • Dj Faustus #5510
    No kérem tisztelettel - Kern Andrást idézve - elfogtam egy levelet.
    Közzéteszem mindenki okulására:
    Szia! Légyszíves segíts nekem.

    Iframmel 3 részre osztottam az oldalt. Van egy fejléc, a fejléc alatt menücsík. Ezen vannak a menügombok. A középső iframe, ahol megnyilnak a dolgok 500 széles és 650 magas.

    Szeretnék egy galériát, amit meg is csináltam. Külön html oldalban kereteket hoztam létre 4 sorban és 3 oszlopban. Ezekben szeretném elhelyezni a képket. Viszont azt szeretném, ha rákkattintanak a képre külön keretbe és ne oldalon nyíljon meg.

    Mit írjak át?

    <html>
    <div id=galeria style="position: absolute; top: 20; left: 0; width: 500; height: 650">
    <table border="0">
    <tr height="150" align="center">
    <td width="166"><a href="nyaralas.jpg" target="_blank"><img src="minta.gif" width="136" height="120" align="top" border="0" ></a></td>
    <td width="166"><a href="nyaralas.jpg" target="_blank"><img src="minta.gif" width="136" height="120" align="top" border="0"></a></td>
    <td width="166">egy</td>
    </tr>


    A képet most külön oldalon nyitja meg, de én csak külön ablakot szeretnék. Mit írjak ezek helyére? Valamint mit kell tennem hogy a kép alá tudjak írni. Pl. galéria1.

    Köszönöm


    No most:
    1. Tessék ügyesen kérdezni. Ugyanis a kérdés egyik fele (Iframmel 3 részre osztottam az oldalt) és a másik (Szeretnék egy galériát...) nemigazán függ össze.
    2. Ezért érdemes megtanulni rendesen a HTML-nyelvet. Hogy is néz ki egy HTML-oldal alapszerkezete? Minimum így:
    <!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http://www.w3.org/TR/html4/loose.dtd'>
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
    <title>Cím</title>
    </head>
    <body>
    </body>
    </html>


    Másrészt az említett forráskódnak tűnő valamiben nincsenek keretek - csak egy táblázat 1 sora 3 cellával. Ha jól sejtem a táblázat után (vagy benne) jönne egy <iframe> (soron belüli keret), és abba kívánod megnyitni a képet.
    Ez esetben:
    <a href="kep1.jpg" target="tartalom"><img src="kep1_thumb.jpg" alt="Képaláírás"></a>
    <iframe src="tartalom.htm" name="tartalom" frameborder="0" height="618" scrolling="no" width="607"></iframe>


    Ha új ablakban akarod megnyitni az <a> elem target attribútum "_blank" értéke teljesen helyénvaló - azt fogja csinálni.

    Ha olyan ablakban kívánod megnyitni, ami adott méretre méretezett - Javascripttel oldható meg.
    <a href="oldal.htm" onclick="indexWin = window.open(this.href,'_blank','toolbar=0,location=0,directories=0,status=0,menubar=0,resizable=0,
    scrollbars=1,width=760,height=570, top=0, left=0'); return false;
    ">Link</a>
  • me and a monkey
    #5509
    Vagy esetleg ez, ettől egyszerűbb dolog már nem létezik.
    Gmail account kell hozzá, de lehet regisztrálni.
    Google PageCreator
  • Dj Faustus #5508
    Itt már válaszoltam a kérdésedre.
  • amasszőr
    #5507
    Sziasztok.
    Segítséget szeretnék kérni tőletek.
    Szeretnék egy saját web oldalt készíteni. Csak az a gondom vele, hogy azt sem tudom, hogy eszik vagy iszák...
    Szóval fogalmam sincs, hogy hogyan kezdjek hozzá!
    Ebben szeretnék segítséget kérni.
    Ha valaki segít akkor szeretném megkérni arra, hogy úgy tegye mintha egy újszülöttnek mondaná..... :)
    Előre is köszönöm.

    ide is írhatok: [email protected]
  • Shiwo
    #5505
    okés, javítom
  • Dj Faustus #5504
    Egy darab tulajdonság - érték páros esetén helyes, de több esetén már nem (el kell különíteni a tulajdonságokat egymástól).
  • Shiwo
    #5503
    öm..elvileg jah, bár most épp pontosvessző nélkül is müxik..
  • mike0013
    #5502
    body{
    background-color:transparent;
    }

    nem így lenne helyes?
  • Shiwo
    #5501
    rájöttem közbe...az összes faq-sba bekell tennem..
  • CattiBrie
    #5500
    abba a html-be tedd, amelyikben használod

    (asszem ez a hiba, de nem biztos :S)