HTML-szerkesztés kezdőknek!!!

Jelentkezz be a hozzászóláshoz.

#5540
Notepad++ <#eljen> infon is azt használtuk, meg is lepõdtem 😊

[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás &#3232;_&#3232;

mike0013
#5539
hát öö, nem tudom, én mondjuk azzal kezdtem és kezdõknek tökéletes, mostmár inkább jegyzettömb😄

X360 powaa... Nokia forewa Taste me you will see / More is all you need / Dedicated to / How I\'m FUCKING YOUUUU - on 14th May

hunbasser
#5538
ahh,ez a handy image mapper hatalmas program <#eljen>

nagyon szépen köszönöm,rendesen megkönnyítetted a munkámat 😄

ReaL MaDRid x siempre

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:
http://forum.sg.hu/
http://www.freeforum.hu/
3. Elõre elkészített fórummotort használsz
http://www.phpbb.hu/
http://www.simplemachines.org/
http://hotscripts.com/PHP/Scripts_and_Programs/Discussion_Boards/index.html
http://www.php-script.hu/index.php?old=phpscript.php&katid=5&lap=1

"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😄"
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.
http://css.maxdesign.com.au/listamatic/
http://css.maxdesign.com.au/listamatic2/
http://www.dynamicdrive.com/style/csslibrary/category/C1/
http://www.dynamicdrive.com/style/csslibrary/category/C2/

#5536
Nekem megvan a Dreamweaver szal nekem azzal 1szerû 😊

[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás &#3232;_&#3232;

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? <#szomoru1>
Például Handy Image Mapper
Vagy Meracl ImageMap Generator
Sõt a Gimp (ingyenes, magyarul tud) is képes rá.

#5534
ha van Dreamweavered azzal pontsoan be tudod lõni 😉

[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás &#3232;_&#3232;

hunbasser
#5533
köszönöm <#worship>

ReaL MaDRid x siempre

#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😄

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

http://sum41.uw.hu

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 😄

ReaL MaDRid x siempre

#5527
1szerûbb lenne image map al 😊

[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás &#3232;_&#3232;

hunbasser
#5526
Sziasztok!

nos,bannert próbálok összerakni frontpagedzsel 😄

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 😊

ReaL MaDRid x siempre

#5525
off bár nem is annyira 😄

[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás &#3232;_&#3232;

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.

#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.

#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.

#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 😄
pl ilyen helyen

iframet meg nem tudom mivel suliban info tanár nem tanította 😞

[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás &#3232;_&#3232;

#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

#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.
http://www.sg.hu/listazas_msg.php3?id=1137251609&no=8
http://www.sg.hu/listazas_msg.php3?id=1137251609&no=7
http://webbuilder.hu/index.php/Kezd%C5%91lap
http://nagygusztav.hu/?q=web_jegyzet

#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">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.

#5513
ez lenne az a szerkesztõ. Ilyen csak php-ban van?
#5512
Köszi a segítséget, amit írtam priviben itt van a szerkesztõ képe. Ilyen létezik -e html-ben.
#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

[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás &#3232;_&#3232;

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"color:blue">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

http://ibtportal.hu +++ http://www.redorchestra.hu http://www.antegotovina.com

Dj Faustus
#5508
#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

RPG, Photoshop, \../, `;,,;´ ,\../

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..

RPG, Photoshop, \../, `;,,;´ ,\../

mike0013
#5502
body{
background-color:transparent;
}

nem így lenne helyes?

X360 powaa... Nokia forewa Taste me you will see / More is all you need / Dedicated to / How I\'m FUCKING YOUUUU - on 14th May

Shiwo
#5501
rájöttem közbe...az összes faq-sba bekell tennem..

RPG, Photoshop, \../, `;,,;´ ,\../

CattiBrie
#5500
abba a html-be tedd, amelyikben használod

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

[/spam]&#8482;

Shiwo
#5499
betettem oda hogy, hogy <head><STYLE TYPE="text/css"> body{background-color:transparent}</STYLE>
</head>


de továbbra sem jó 😞 mi lehet a gond ?

RPG, Photoshop, \../, `;,,;´ ,\../

Dj Faustus
#5498
"õõ, nem ilyen gombra gondoltam, hanem erre a tipusura:"
Ha ez egy ûrlap része, akkor a <form> elemnek van target paramétere

Balumann
#5497
ah, nagy nehezen megtaláltam, elég nehéz volt... hihetetlen, hogy legtöbb html-es oktató lapon nincs szó a gombokról.

onclick="framenév.location.href=' , pedig majdnem rájöttem magamtól, csak a másik alapot néztem ( és evvel nem volt jó)

Balumann
#5496
õõ, nem ilyen gombra gondoltam, hanem erre a tipusura:
<input type="button" value="gombneve">
Ezt a tipusu gombot szeretném átalakítani vhogy, hogy iframe-be linkelõdjön, ne új ablakba.

Dj Faustus
#5495
<a href="oldal.htm" target="iframeneve"><img src="gomb.jpg" alt="Képaláírás" /></a>
<iframe src="valami.htm" name="iframeneve"></iframe>


Példa itt

Balumann
#5494
Ismét lenne egy kérdésem.
Egy egyszerû gombot szeretnék csinálni, de azt szeretném, hogy az alatta lévõ iframe-be nyíljon meg. Hogyan kell az iframe-be linkelni.
Próbáltam hogy aziframeneve.open -re, de így nem jó, ahogy tapasztaltam.

Dj Faustus
#5493
Ennél az oldalnál (szóval amit betöltesz az <iframe>-be), a <head> és </head> elemek közé (amelyek minden HTML oldalban lenniük kell a <body> elõtt) rakd be az alábbit:
<style type="text/css">
<!--
body {
background: transparent;
}
-->
</style>


Továbbá itt egy példa, hogyan lehet kialakítani keret (<frame>😉 nélkül az oldalszerkezetet.

CattiBrie
#5492
IE-ben nem átlátszó az iframe bg-ja. 😊

Segítenék, de most ugyancsak nem aktuális az idõ, sry.

[/spam]&#8482;

Shiwo
#5491
legalábbis nálam nem jó IE alatt..tök alap 6os van, mert nem szoktam használni..

RPG, Photoshop, \../, `;,,;´ ,\../

Shiwo
#5490
jelenleg így tartok az oldalammal..

itt van betömörítve az egész..

IE alatt nem stimmel, csak Firefox alatt...min kellene változtatni, hogy mindkettõ alatt jó legyen ?

RPG, Photoshop, \../, `;,,;´ ,\../