HTML-szerkesztés kezdőknek!!!

Jelentkezz be a hozzászóláshoz.

hunbasser
#5939
és tényleg... 😄 köszönöm 😊 nem hittem,hogy ha csak simán color-t írok,akkor majd tudni fogja,hogy a betûszínre értem... 😊

és azt hogy oldjam meg css-sel,hogy a táblázatok szegélyei is fehérek legyenek?

nem nagyon ismerem a css-t,ezért kérdezek ennyit 😊

ReaL MaDRid x siempre

Dj Faustus
#5938
hunbasser:
1. A <font> tag elavult, ellenjavallt. Helyette ott a CSS.
2. CSS-ben meg nincs font-color tulajdonság. color van.

Cat 02:
"akkor akadtam ki mikor alapból volt 16 hiba és mikor megadtam doctype ot lett 64 ..."
A hibák csoportosíthatóak, ismétlõdõek - így a 64 hiba valójában kevesebb.

"böngészõk megjelenítik elég ez nekem 😊"
Nem. Az alt tag elhagyása csökkenti a keresõhelyezést és az akadálymentességet.
A karakterkódolás elhagyása hibás megjelenítéést eredményezhet.
Meg egyébként is: legyünk már szigorúak önmagunkhoz. 😉

hunbasser
#5937
sziasztok!

ha beírom közvetlenül a <body> után a <font color="white">-ot és a </body> elé a </font>-ot,akkor miért nem fehér az egész lapon a szín?az a lényeg,hogy frontpage-dzsel megcsináltam több táblázatot,és elvileg minden cellában külön kéne beírnom a <font> tagbe a a color="white"-ot :S az meg elég sok idõ lenne.

css-el meg ezt próbáltam:

<style type="text/css">
body {
font-color: white;
}
</style>

persze maradt minden fekete :\

ReaL MaDRid x siempre

#5936
akkor akadtam ki mikor alapból volt 16 hiba és mikor megadtam doctype ot lett 64 ...
böngészõk megjelenítik elég ez nekem 😊

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

Dj Faustus
#5935
"* Linkekben & helyett használj &-ot"
Ez azt jelenti, hogy egy linkben, egy URL-ben cseréld ki a & jeleket &-ra.
index.php?parama=1¶mb=2 => index.php?parama=1&amp;paramb=2

"mind1, sose lesz ez valid , mindenbe beleköt 😄"
Akarni kell és valid lesz 😉

"ezt a podcastot szeretném beágyazni egy weboldalba úgy hogy csak a zene szóljon alatta"
A zene lejátszását Flash végzi, amit SWFObject-tel (ez egy Javascript könyvtár) be tudsz illeszteni az oldalba.
De ügyelj arra, hogy más oldalról veszel át anyagot - ezt az eredeti közzétevõnek jelezned kell/fel kell tüntetned az eredeti forrást az oldaladon.

#5934
mind1, sose lesz ez valid , mindenbe beleköt 😄

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

asdasddsadsa
#5933
Faustus köszönöm a segítséget!

www.hotride.hotcast.hu ezt a podcastot szeretném beágyazni egy weboldalba úgy hogy csak a zene szóljon alatta. Lehet ilyet? Ha nem akkro object ként is jó lenne csak nem tudok hozzá kódot.

Elõre is köszi!

#5932
* Linkekben & helyett használj &-ot
ezt nem értem, ez a szóköz a linkben v mi?

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

Dj Faustus
#5931
A validátor szerint
* Nincs dokumentumtípus megadva
* Hiányzik a karakterkódolás megadása
* Képtérkép használatakor a linkeknél nem adsz meg alt attribútumot
* Képeknél is hiányzik az alt attribútum
* Linkekben & helyett használj &amp;-ot
* Õ betûk helyett kérdõjelek vannak.
* Magyar oldalon angol szövegek (Reply, replies, comments, posted by)

#5930
ezen az oldalon van vmi hiba ? (a frame n kívül) csak mert ezt fogom klónozni

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

gz8
#5929

Mi haszna a hatalomnak, ha nem gyakoroljátok? Ha egy férfi nem mutat elég tiszteletet irántatok, akkor annyit se hagytok a rohadt kocsmájából, hogy gesztenyét pirítson rajta, értve? GEŐŐ

#5928
http://oldalam.extra.hu/konyvtar/frame1.html
NE EZ LEGYEN AZ IFRAMe-BAN!
hanem pedig

konyvtar/frame1.html

vagy ha ezse jó akkor

/konyvtar/frame1.html

sarkanyharc.try.hu

gz8
#5927
Használd a "válasz erre" gombot, sokkal egyszerûbb. 😊

Mi haszna a hatalomnak, ha nem gyakoroljátok? Ha egy férfi nem mutat elég tiszteletet irántatok, akkor annyit se hagytok a rohadt kocsmájából, hogy gesztenyét pirítson rajta, értve? GEŐŐ

#5926
Közben megjavult pedíg ugyan azt csináltam mind eddig!
#5925
Hello Faustus!
Van egy kis gondom megint. Kipróbáltam a gépemen ott minden ok de ha feltöltöm az alábbi szöveg fogad!
"extra.hu Idegen frameset-es oldalak használata tilos. Ha ez a frame mégis egy, a szerverünkön tárolt oldal része, akkor kérjük cserélje a "frameset" ill. "iframe" tagok "src" beállítását relatív hivatkozásokra.
példa: "http://oldalam.extra.hu/konyvtar/frame1.html" -> "/konyvtar/frame1.html"
#5924
Nagyon szépen köszönöm Faustus!

Kipróbálom
Dj Faustus
#5923
"Olyat szeretnék csinálni hogy hogyha egy szöveg fölé viszem az egeret (ami mellesleg link) akkor változzon meg a színe. A mousover jó erre? "
CSS:
a:hover {
color:red;
}


Javascripttel is megoldható (onMouseover esemény, this.style.color tulajdonság), de nem javaslom - erre jobb a CSS.

"Egy ki segítséget szeretnék kérni tõletek. Hogy lehetne azt megoldani, hogy egy a szerveren(ingyenes tárhely) egy könyvtár tartalmát megjelenítsem és "letõlthetõ legyen" a honlapon olyan "WEBFTP" formában."
Ehhez szerveroldali nyelv (PHP, ASP, JSP - az elsõ az elterjedt) kell.
Azon belül is a readdir függvény lehet a segítségedre (2. példát javaslom).
Pár instant megoldás.

#5922
Szijasztok!

Egy ki segítséget szeretnék kérni tõletek. Hogy lehetne azt megoldani, hogy egy a szerveren(ingyenes tárhely) egy könyvtár tartalmát megjelenítsem és "letõlthetõ legyen" a honlapon olyan "WEBFTP" formában.


Köszönöm
asdasddsadsa
#5921
Olyat szeretnék csinálni hogy hogyha egy szöveg fölé viszem az egeret (ami mellesleg link) akkor változzon meg a színe. A mousover jó erre?

rooney8
#5920
....sztem nem rossz

Vigyáznom kell magamra, mert bel?lem csak egy van, mások többen vannak, ?ket könnyebb pótolni.

rooney8
#5919
De az a baj hogy már tökre megszoktam, meg minden. Tudom mi hol van, tudom mit hogy kell.... És ahoz képest hogy ez kiadványszerkesztõ...

Vigyáznom kell magamra, mert bel?lem csak egy van, mások többen vannak, ?ket könnyebb pótolni.

Dj Faustus
#5918
"úgyhogy marad a Publisher."
Nem épp a legjobb választás:
1. Micro$oft termék (ergó a webes szabványokat semmibe nem veszi; a kreált HTML-kód nem éppen - sõt egyáltalán nem - a legoptimálisabb).
2. A Publisher nem webszerkesztõ eszköz (elvileg kiadványszerkesztõ lenne)

Azért javasoltam az NVU-t és az Amaya-t, mert az ingyenesek, tudnak magyarul, és kezdõknek (akik még nem mélyedtek el a HTML nyelvben, vagy nem professzionális oldalak elkészítése a céljuk) ideálisak. Ha többet akarsz, akkor meg javaslom hogy tanuld meg a webes nyelveket, és felejtsd el a grafikus webszerkesztõket.

rooney8
#5917
Kipróbáltam mind2-t, de nem tetszettek, úgyhogy marad a Publisher.

Vigyáznom kell magamra, mert bel?lem csak egy van, mások többen vannak, ?ket könnyebb pótolni.

zvaragabor
#5916
Rendben, köszi.

Chaos Anno Domini

Dj Faustus
#5915
Van olyan Office változat amin rajta van a Frontpage, van olyan, amin nincs.

Frontpage helyett meg javaslom az NVU-t, vagy az Amaya-t.

Dj Faustus
#5914
A képernyõ szélességébõl vonj ki 20-30 pixelt - tehát 1024 pixeles szélesség esetén 1014-994 pixel körül számolj. Ugyanis ott van a görgetõsáv, a böngészõ széle, stb...

zvaragabor
#5913
Ha egy 1024*-es képernyõfelbontásra akarok optimalizálni egy oldalt, akkor az pont annyi legyen, vagy eltérhetek néhány pixellel(kisebb méretûre)?

Chaos Anno Domini

rooney8
#5912
Dj Faustus: olvastam a Frontpage-es topikba, hogy írtad, hogy a Microsoft Office Professional-on rajta van a Frontpage. Nekem meg van a Microsot Office Professional Edition 2003, de nincs rajta. Az a kérdésem hogy külön valami kiegészítés néven nem tudnám leszedni valahonnan?

Vigyáznom kell magamra, mert bel?lem csak egy van, mások többen vannak, ?ket könnyebb pótolni.

zvaragabor
#5911
Nagyon szépen köszönöm! Kimerítõ válasz.

"Alapvetõen legyen meg benned annyi tisztelet a másik fejlesztõ iránt, hogy nem a saját munkádként állítod be az õ általa készített produktumot."
Nem akarok "lopni" sem tartalmat, se semmit, minden tekintetben saját készítésû oldalt akarok összehozni, egyedül csak egy képet kerestem az oldalra a google-lal, de azt sem az eredeti formájában használom föl, színét, és a méretét is változtattam, ráadásul egy elég közismert, elterjedt képrõl van szó (nonfiguratív logó), nem lenne könnyû bizonyítani, hogy ez konkrétan XY-é. 😊

Chaos Anno Domini

Dj Faustus
#5910
"Üdv. Ha készítek egy weboldalt, szükséges, vagy ajánlott feltüntetni valahol az oldalon, hogy "Minden jog fenntartva"? Mi a haszna ennek a feltüntetésének?"
Alapvetõen ez "jogi duma".
Mivel a HTML, CSS, Javascript kódok, képek, hangok ,videók a felhasználó gépén is megjelennek így szükségszerûen másolhatóak (bár nem illendõ mindent orrba-szájba másolni).

Viszont aki honlapot készít annak tudnia kell, hogy más által készített produktumot nem szabad másolni. Tehát ha egy grafikus készít egy oldalkinézetet egy cégnek, azt sem a cég, sem a grafikus nem szeretné látni más oldalon, mert az a cég tulajdona (a cég fizette a grafikust, és a grafikus dolgozott vele).

Persze vannak kivételek: például kódolás esetén egyes "fogások" (például hogy CSS-ben a kék színû betûszínt a color: blue; segítségével hozod létre, vagy hogy Javascriptben mivel hozol létre új popup ablakot) nyugodtan másolhatóak.
Viszont komplexebb megoldások (ilyen például a Lightbox-klónok, a Prototype.Js, a Script.Aculo.Us) már más kategóriába tartoznak.

A legbiztosabb megoldás ha valamit felhasználsz:
* Ha "alapdologról" (HTML tagek, CSS tulajdonságok, Javasacript függvények jelentése) van szó, az szabad.
* Ha már egy komplexebb dologról van szó, nézz utána az oldalon a licenszfeltételeknek. Ha ingyenes sablonról (szvsz. egy az egyben sablonból dolgozni szentségtörés, mert semmi önállóságot nem kíván), függvénykönyvtárról, CSS-megoldásról, valamilyen PHP-szkriptrõl van szó, általában csak annyit szoktak kérni, hogy hagyd benne a forráskódban a szerzõt, vagy az oldalon hivatkozz rá, hogy ezt ezzel meg azzal az eszközzel készítetted (például ezért illik bennehagyni a CMS-sekben a készítõt).
* Ha nem találsz licenszfeltételeket és valami nagyon összetett dologról van szó, vagy valami nem biztos - kérdezz rá.

Alapvetõen legyen meg benned annyi tisztelet a másik fejlesztõ iránt, hogy nem a saját munkádként állítod be az õ általa készített produktumot.

"Értem. 😊 És mi az a div?"
Egy olyan HTML-tag, ami logikai csoportosításra szolgál - ezáltal az oldal logikai felosztását (oldalszerkezet) is megoldhatod (azzal szokás megoldani) vele.
div

"Mellesleg az em mit jelent? "
Az aktuális betüméretet.
http://weblabor.hu/cikkek/cssalapjai6
http://www.w3schools.com/css/css_units.asp

zvaragabor
#5909
Értem. 😊 És mi az a div? 😄

Különben most sorra jönnek elõ az új elképzeléseim, ebbõl kifojólag az új gondok. 😊 Az alsó nagy kék kép méretét lecsökkentettem 4 px magasra, és most meg azt a(z) (immáron) csíkot lejjebb tola vagy 15-20 pixellel.
Nah sebaj, próbálkozok.

Chaos Anno Domini

#5908
gõzõm sincs :S ez volt css fájlomban ami miatt div alatt hagyott ki helyet 😊

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

zvaragabor
#5907
Valahogy nem jött be, nem változott semmit. Közben próbálgattam ezt-azt, és kipróbáltam az em-et px-szel helyettesíteni, betettem az érték elé egy - jelet, és így megoldódott.

Kösz szépen a segítséget, végülis az alapján sikerült. 😊

Mellesleg az em mit jelent?

Chaos Anno Domini

#5906
az alsú div hez
margin-top: 0em;

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

zvaragabor
#5905

Chaos Anno Domini

Dj Faustus
#5904
PsPad (én ezt javaslom), Notepad++ (meg ezt), Notepad2, jEdit, Context, HateML - ingyenes, többségében magyarul tudó kódszerkesztõ alkalmazások (be kell pötyögni az XHTML/CSS kódokat, de vannak segítségek - kódszinezés, kódjavaslat, stb...).

NVU, Kompozer, Amaya - ingyenes, többségében magyarul tudó WYSIWYG (What You See Is What You Get) grafikus webszerkesztõ programok (van bennük kódszerkesztõ is).

Dreamweaver - ez meg fizetõs szoftver . Vagy megveszed, vagy ügyesen trükközöl (megfelelõ fájlmegosztón keresgélsz megfelelõ állományt).

#5903
Tudom hogy a gugli 10·6 + 1találatot add. Én inkább valami ajánlásra gondoltam, kinek mi jön be, miért tetszik, miért nem, stb. Jah, ha valakinek van ötlete, hogy a dreamweaver CS3 trial miért nem indul el, úgy hogy azelõtt ment, annak a segítségét tárt karokkal várom. A hibaüzenetre mér nem nagyon emlékszem, de valamilyen általános hülyeség volt, hogy „a trial nem indítható elírjam be a serialt vagy húzzak a faszba blablabla”. Persze az sem lehet normális esetben, hogy a 30napos periódus lejárt, mert egy újra feltelepített oprendszerre akartam felrakni, hacsak a kedves adobi nem regisztrálja, hogy egy bizonyos OSen volt-e már telepítve.
#5902
innen vmi?

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

#5901
Sziasztok

Tudna nekem valaki ajánlani egy dreamweaver stílusú ingyenes XHTML + CSS szerkesztõt (win-re). A dreamweaver trial sajnos nem mûködik, pedig a konfigom bõven megfelel neki.
Köszi
zvaragabor
#5900
Üdv. Ha készítek egy weboldalt, szükséges, vagy ajánlott feltüntetni valahol az oldalon, hogy "Minden jog fenntartva"? Mi a haszna ennek a feltüntetésének?

Chaos Anno Domini

otrosinka
#5899
helló,
tudna vki nekem segíteni?
egy olyan script kellene amitõl falevelek hullanak alá, nem túl sûrün, mint a hó...........a honlapon..........
köszönöm

http://eurobasketballblog.wordpress.com "Everything I'd like, May the heaven give....."

Dj Faustus
#5898
Optimális esetben az oldal index.html-lel indul.
Ha szerencséd van <1. eset>, akkor az oldal többi oldala az index.html-ben levõ linkeken (<a> tag) illetve a kereteken, soron belüli kereteken (<frame>, <iframe>😉 keresztül végigjárható, és nincsenek belinkeletlen oldalak, vagy olyanok, amelyek Javascripten vagy Flashen vagy Java-n keresztül érhetõek el.
Így az oldal kvázi könnyen feltérképezhetõ.

Ha nincs akkora szerencséd, akkor van Javascript <2. eset> (kisebbik baj, a linkek még kibányászhatóak némileg könnyen), vagy Flash vagy Java ❤️. eset> (ez viszont nehezebb dió, vissza kell fejteni a forrást).

A feltérképezést különbözõ letöltésmenedzserek és weblapletöltõk segítségével oldhatod meg. Általában az 1. esetben leírt módszerekkel boldogulnak, néhány már a 2. esettel is el-elboldogul. A 3. eset már húzósabb - ott már vissza kell fejteni a Flasht vagy a Javat.

Pár weblapletöltõ: WGet (ez Linuxos, parancssoros, de van Windowsos grafikus változata is), HTTrack, Offline Explorer.
Flash visszafejtésére: Sothink SWF Decompiler (de van még egy csomó: keress rá a Flash decompiler vagy swf to fla vagy swf decompiler kulcsszavakkal).
Java visszafejtésére: DJ Java Decompiler (de ugyancsak írd be a Google-be: Java decompiler és találsz sokat).

Ha az oldalon belinkeletlen oldalak vannak (és nem dinamikus, szerveroldali technikát használó oldal), esetleg megpróbálhatod végigpróbálgatni az oldalcímeket (a.htm, b.htm,...,aa.htm, ab.htm, ac.htm,...,aba.htm,abb.htm,...) - de ez sok idõ.

drowns41
#5897
csõ!

ha van egy linkem... pl: www.tokmindegy.hu
akkor hogy tudom megnézni hogy milyen html-ekbõl áll? ftp szerveren kívül..
tehát tegyük fel van www.tokmindegy.hu/egy.html
www.tokmindegy.hu/ketto.html
szal hogy milyenek vannak még? ezesetben van harom, negy ot
köszi

http://sum41.uw.hu

rooney8
#5896
Hát, ha te mondod X)

Vigyáznom kell magamra, mert bel?lem csak egy van, mások többen vannak, ?ket könnyebb pótolni.

#5895
html sztem 1szerû 😊
linkelést kell kb belõle tudni, a css fájl beillesztést, és a <div>cuccot 😊

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

rooney8
#5894
Akkor lehet hogy kipróbálom a Frontpage-et. De nekem ezek a kódszerkesztõ-k nem naon mennek. Pár napja megnéztem a html alapokat és már azok is bonyolultak. Vagyis nem bonyolultak, csak annyi fajta kód meg ilyenek vannak hogy egyszerûen nem tudom a fejembe tartani. Jó, tudom ha több ídõt szánnék rá biztos megtanulnám, de nekem jobban fekszik a grafikus szerkesztõ.

Vigyáznom kell magamra, mert bel?lem csak egy van, mások többen vannak, ?ket könnyebb pótolni.

Dj Faustus
#5893
Azt hozzátenném, hogy a grafikus weblapszerkesztõkben van kódszerkesztõ (nem teljesértékû van mindegyikben), de sokkal elterjedtebb a grafikus részét használni.

Ha kezdõ vagy, vagy csak magadnak akarsz kis, statikus (HTML, CSS esetleg egy kis Javascript) oldalt készíteni, akkor a grafikus weblapszerkesztõk elegendõek (akár az ingyenesek is).
Ha viszont másnak pénzért, dinamikus (+szerveroldali nyelv: PHP, ASP, JSP, Perl), professzionális oldalt akarsz, és jobban el akarsz mélyedni a dolgokban (és sok dolgot akarsz a weboldalra) akkor viszont kódszerkesztõ kell (és tanulni, tanulni, tanulni).

Dj Faustus
#5892
"Szerintetek a Microsoft Office Publisher 2003 milyen honlapszerkeztõ? Vagy mit ajánlotok? "
A Microsoft Office Publisher 2003 nem kifejezetten weblapszerkesztõ, hanem kiadványszerkesztõ. Én nem javaslom.

Weblapszerkesztõbõl két féle van:
* Grafikus (WYSIWYG = What You See Is What You Get = amit látsz azt kapod) weblapszerkesztõk: NVU (Kompozer), Amaya, Microsoft Frontpage (Microsoft Expression), Macromedia/Adobe Dreamweaver, Namo Webeditor. Ezek közül az NVU/Kompozer és az Amaya ingyenes, a többi fizetõs.

Ezeket a programokat úgy kell használni (vagyis fõ grafikus felületüket úgy szokták használni), mint egy mezei szövegszerkesztõt - szövegek színét/betûtípusát állíthatod be, táblázatokat hozhatsz létre, stb... - így kezelésük könnyûnek tûnik, viszont ezen a felületen keresztül készített honlap nem biztos, hogy rendesen jelenik meg minden böngészõben, eleget tesz bizonyos szakmai elvárásoknak, illetve komolyabb feladatoknál (ahol már programozni kell) használhatatlan.

* Kódszerkesztõ szoftverek: PsPad, jEdit, Notepad2, Notepad++, Context, Eclipse, Komodo Ide. Ezen programok közül az utolsó fizetõs, a többi ingyenes.

Ezek a programoknál a honlapot meg kell írni (be kell pötyögni a forráskódot). Ehhez meg tudni kell a HTML/CSS/... nyelveket. Ez nehezebb feladat, de ha ügyes az ember optimális kódot tud létrehozni, és komolyabb feladatoknál sem vall szégyent.

#5891

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