HTML-szerkesztés kezdőknek!!!

Jelentkezz be a hozzászóláshoz.

Dj Faustus
#6092
Elõször is: felejtsd el a grafikus nézetet.
Ugyanis ha böngészõre akarsz optimalizálni, érteni kell mit csinálsz.

Másodszor: nézz szét a hotscripts.com, dynamicdrive.com (illetve google.com) oldalakon Javascript szkriptek irányában (mind a "rétegek" elrejtését, mind a mozgatását ezzel oldhatod meg). Kulcsszavak: draggable, moveable

viso 007
#6091
Sziasztok!

Következõ a problémám, készítek egy oldalt (dreamweaver segítségével) van egy link amire ha rákkattintanak, akkor az láthatóvá tesz egy réteget. Ezt a réteget szeretném ehúzhatóvá tenni, ami sikerült is, de csak IE és Firefox alatt az Opera böngészõben az istennek nem tudom elhuzhatóvá tenni (add behavior->show events for->IE4.0 Ha ez html4.01 akkor még az ie alatt sem mozog)
Van erre megoldás?

Üdv:
viso

asdasddsadsa
#6090
Köszönöm

Dj Faustus
#6089
Gombokra példák - hiperlinkként, Javascript-lefuttatására, illetve ûrlap elküldésére szolgáló gombként.

Dj Faustus
#6088
Lightbox 2-es változatával készült.
A léptetést is leírja:
"If you have a set of related images that you would like to group, follow step one but additionally include a group name between square brackets in the rel attribute. For example:

<a href="images/image-1.jpg" rel="lightbox">image #1</a>
<a href="images/image-2.jpg" rel="lightbox">image #2</a>
<a href="images/image-3.jpg" rel="lightbox">image #3</a>


No limits to the number of image sets per page or how many images are allowed in each set. Go nuts!"


Sorszámozd a képeket (vagy legalábbis ajánlatos), és a rel attribútumnak adj meg egy lightbox értéket.

asdasddsadsa
#6087
Sziasztok!
Van egy oldal amit én csináltam : http://kolcsey-league.uw.hu/ itt a képek résznél lightbox segítségével lehet megtekinteni a képeket. De nem sikerült az hogy mikor meg nyílt a kép akkor tovább tudjam léptetni úgy mint ITT.
Hogy tudom ezt megcsinálni?
Köszi

Dj Faustus
#6086
"Olyan "gombgeneráló" oldalt tud valaki ami a magyar ékezetes karaktereket is képes megjeleníteni?"
Ha a "gombon" hiperlinkkel ellátott képet értesz, az javaslom, hogy a gombot illeszd be linkkel ellátott képként a HTML-dokumentumba. A kép alt attribútumát ne felejtsd le.
Vagyis így: <a href="oldal.htm"><img src="gomb1.jpg" alt="Termékeink" /></a>

"ird be html kódba ezt : <input type="button" name="-amit szeretnél(ékezetest is kiir)">"
Ha a "gombnak" hiperlink funkciója van, akkor ezen megoldás erõsen ellenjavallt.
A document.href Javascript-kifejezést a keresõrobot nem fogja értelmezni, ezáltal rosszabb keresõhelyezés érhetõ el.

Ha a gomb ûrlap elküldésére, Javascript-függvény lefuttatására szolgál, akkor az <input> tag a megoldás.
Ha a betûtípus nem számít, akkor elegendõ csak a gomb hátterét megcsinálni, és a value attribútum adja meg a gomb feliratát. A hátteret a background-image CSS tulajdonsággal állítható be.
Ha a betûtípus számít, akkor a szöveget rá kell írni a képre, és a value attribútum üres marad.

A gomb készítéséhez meg javaslom a grafikus programokat: Gimp, Paint.NET, Photoshop, Paint Shop Pro,...
http://www.tutorial.hu/gomb-keszitese/
http://www.gimp.hu/lekerek-tett-sark-t-rhat-s-k-pek-gombok-k-sz-t-se
http://honlap-design.hu/photoshop/gomb_gyorsan.html
http://webpillango.org/2007/10/07/aero-vista-gomb-keszitese/

kispeki
#6085
én igy szoktam csinálni, én nem szeretem a ,,gombgeneráló" oldalakat, mert telerakja a HTML-t mindenféle reklámmal. de ha neked ezek az oldalak tetszenek csak hajrá 😊

SoF II: C4z0rla

kispeki
#6084
ird be html kódba ezt : <input type="button" name="-amit szeretnél(ékezetest is kiir)"> és ha akarsz megadhatsz neki egy class-t is és CSS-ben megformázod a gomb skinjét 😉

SoF II: C4z0rla

#6083
Olyan "gombgeneráló" oldalt tud valaki ami a magyar ékezetes karaktereket is képes megjeleníteni?
autoszimulator
#6082
Ez szép és jó, az alap váz már megvan, olyanként mint ahogy azt Faustus mondta, de ha mindent div.el cisnálnék, hirezõrész, menük, reklámok, stb, akkor majd 40-50 div lenne, melyeket precizen egymás mellé pozicionálni elég nehéz :S

.: mobilize.hu :.

Dj Faustus
#6081
Gondolkozz hierarchikusan.
Kell egy fõ blokk, amibe az egész oldal kerül (az oldal közepére).
Ebbe kerül bele a fejléc (a felsõ látogatószámlálóval és beléptetõrendszerrel, és az alsó bannerral) és az alsó blokk (a baloldali menü, és a jobboldali tartalmi blokk egymás mellé CSS-sel lebegtetve).

kispeki
#6080
Tipp!!!!!: Én úgy csinálnám, hogy tennék a <body> után egy ugynevezett jobbsáv divet ( <div id="jobbsáv">
 
</div>😉 és a </body elé is egyet aminek az id-je balsav, és CSS-ben megadnék neki egy float: left;-t, és egy width-et. Ugyanigy a balsavval is megcsinálni és középre rakja az oldalt 😉 Ebbõl következtetõen én a divekre szavazok. Lehet hogy most hlyének fogtok nézni de ez csak egy tipp 😉 😄😄

SoF II: C4z0rla

CattiBrie
#6079
div, css
táblázatot csak akkor, ha valóban táblázat kerül az oldalra 😊

[/spam]&#8482;

autoszimulator
#6078
Faustus, fõleg feléd irányulna a mostani kérdésem. CSináltam már pár weblapot, de manapság ugye elõjöttek a dolgok, miszerint a régi, elavult megoldásokat cseréljük le újakra, mint pl a CSS, stb. Na most nekem lenne egy melóm, melynek a nagyon durva, félkész photoshop váza így néz most ki. GOndolom ebbõl is világos, hol lennének dinamikus mezõk, bal oldalt majd még menü lesz, háttérben is valami, stb stb, nem ez a lényeg most. Hanem inkább az, hogy ha át kell térnem a HTML részre, akkor az oldal felépítését miben célszerûbb csinálni? Táblázatokkal, vagy csak divekkel, esetleg ezen kettõ ötvözésével? Mert tõlem egy teljesen modernizált, új technológiákat használó weblapot kértek, és látom, te ebben azért benne vagy. Régen ezt táblázat és div párosítással csináltam, CSS hozzáfûzéssel, de kérdem én, ez bizonyosodik most is a legjobbnak és a legujabbnak? Jah és hozzátartozik, hogy a végeredménynek teljesen PHP kompatibilisnek kell lennie, különbözõ blokkokból, részekbõl fogom include-olni az egyes funkciókat.

.: mobilize.hu :.

CattiBrie
#6077
ja tényleg, de az egy következõ hiba lesz 😄

[/spam]&#8482;

Dj Faustus
#6076
"<img src="img/foci.jpg" />"
1. alt attribútum hiányzik 2. HTML 4.01-nél nem kell XML módban írni.

Dj Faustus
#6075
Hiba #1: <img src="img/foci.jpg"> helyett <img src="img/foci.jpg" alt="Foci">
Hiba #2: <p align="center" class="footer" width="924"> helyett <p class="footer" style="text-align: center; width: 924px;">

Illetve javaslom, ha már CSS-t használsz, szokj le a <font> tagrõl, az align attribútumról. Elavult megoldások.

CattiBrie
#6074
<img src="img/foci.jpg" />

<p align="center" class="footer">Made by: Pekker Bálint</p>



footer-be írd be hogy
width:924px;

[/spam]&#8482;

kispeki
#6073
Sziasztok! Van egy oldalam, http://foci01.extra.hu/ és ha beirom az oldal címét egy HTML Validatorba, akkor kijelez két olyan hibát, hogy nincs lezárva az img tag a > jellel, meg az egész /html tag. Nem értem miért jelzi ki ezt, amikor ott van minden. Egyébként hibátlan oldal lenne, info tanárom is ezt mondja. Kérlek segítsetek rajtam. Elõre is köszi.

SoF II: C4z0rla

#6072
több kicsi táblázat kéne, de lehet megvan mi a baj

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

gz8
#6071
Ahogy elnézem, még mindig nem tanulsz. Olvasd el ezt, és tartsd magad ahhoz.

És kétszer szóltam (értsd: elõször és utoljára).

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

CattiBrie
#6070
De ha már ennyire szeretnéd, hogy egymás mellett legyen akkor miért nem használod a <td>-ket?

[/spam]&#8482;

#6069
ha van egy ilyen kód
<table width="213" border="1">
<tr>
<td><img src="pics/ch_kicsi/1.jpg"/></td>
</tr>
<tr>
<td>Cím</td>
</tr>
</table>
<table width="213" border="1">
<tr>
<td><img src="pics/ch_kicsi/1.jpg"/></td>
</tr>
<tr>
<td>Cím</td>
</tr>
</table>

akkor a 2 táblázatot miért 1más ALÁ rakja, miért nem mellé ?

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

#6068
sg-t szereti google :S

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

#6067
Rakok ki egy sg forumos linket, mert már látom, hogy a sima esetén is méltatlanul került elõrébb. Ennyit a pagerank-ról.
Bocs de korábban eszembe se jutott.

#6066

rooney8
#6065
Hú vaze. Eltévesztettem a topikot<#wow1><#vigyor4>

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

#6064
1.5 millió találat ^^

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

gz8
#6063
Ráadásul témába is vág %-)

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

rooney8
#6062
😄

Amúgy xilisoft video converter asszem tuggya

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

#6061
õõ ez 1 kérdés ? 😊

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

#6060
wmv bõl avi
#6059
Egy idõben két helyen - ez még nem megy sajna.
Hát ha még tudnád, hogy mivel nem illik össze ez a két szakirány...
Köszönöm a segítséget, holnap nekifekszek az nvu-nak.
Dj Faustus
#6058
"Tudom, be kellett volna járni órákra de hidd el ha bejártam volna akkor sem lennék elõrébb."
Valami - még ha kicsi is - ragadt volna rád.

"Egyébként a jogi szak (10félév)konzultációs idõpontjaival egyidõben kellett volna az infós (3félév) órákon megjelenni."
Kedves Veno, már ne haragudj, de hogy jön össze ez az egymástól elütõ két szak? Mert az informatikához más viszonyulás kell mint a joghoz.
Elkönyvelhetõ ez a kicsiny hazánk kolosszális oktatási rendszerének? Vagy célt, biztos állást, jó megélhetést elõsegítõ felsõoktatás számlájára írható?

"Az NVU-t leszedtem. Ugye azt meg tudom csinálni, hogy az nvu-ban elkészített weblapba "becsatolni" egy flashes animot esetleg egy javascriptes naptárt?"
Meg, van benne kódszerkesztõ - lásd alul a Forráskód (Source) fület.
Flash beillesztéséhez segítség - ez is példa a Javascript-kódra (ezzel a Javascript kóddal illeszthetõ be a HTML-kódba azt a HTML-kódrészletet, ami az oldalba illeszti a Flash animációt).

#6057
Hát igen, de ez van. Sajnos eddig nem foglalkoztam webszerkesztéssel de most produkálni kell vmit. Lehet egy honlap készítése amiben van javascriptes dolog is vagy egy flash elkészítése. A macromedia flash 8 pro programom megvan a könyvvel együtt, most ismerkedem vele de nagyon sokminden nem világos. Tudom, be kellett volna járni órákra de hidd el ha bejártam volna akkor sem lennék elõrébb. Egyébként a jogi szak (10félév)konzultációs idõpontjaival egyidõben kellett volna az infós (3félév) órákon megjelenni. Az autocad-et illetve a 3ds max-ot magamtól tanultam meg pár nap alatt de ez valahogy más. Az NVU-t leszedtem. Ugye azt meg tudom csinálni, hogy az nvu-ban elkészített weblapba "becsatolni" egy flashes animot esetleg egy javascriptes naptárt?
Dj Faustus
#6056
"de most a suliba kell csinálni valami egyszerût amiben van javascript és flash doksi is"
Ha az iskolában csinálnod kell, akkor valószínûleg oktatták, vagy oktatni kellett volna, vagy az iskola jellegébõl adódóan ezt autodidakta módon el kellett volna sajátítanod, vagy ezt te vállaltad el (attól függetlenûl hogy értesz hozzá-e vagy sem) - legalábbis ez lenne logikus (egy nyelvtagozatos iskolában a nebulóktól nem követelhetnének vonósnégyest, hacsak a diákok nem tanultak volna vonós hangszereken).

Továbbá elég gyanús, hogy "amiben van javascript és flash doksi is".
Ha Flashrõl és Javascriptrõl beszélünk (az elõbbi egy fizetõs, professzionális interaktív vektorgrafikus animációk készítésére szolgáló szoftver; az utóbbi egy kliens oldali szkriptnyelv), ahhoz ismerned kellene a webszerkesztés alapjait, a HTML nyelvet, webszerkesztõ programot. Ráadásul mind a kettõ tág dolog.

Szóval kissé nem értem, miért tûztek ki hozzá nem értõ számára ilyen feladatot?

Hogy konstruktívabb legyek: honlapszerkesztéshez javaslom az NVU nevû, ingyenes, magyarul is tudó programot. De ha Flash-sel illetve Javascripttel kapcsolatosan dolgozol, akkor az elõbb is említett grafikus webszerkesztõ program (NVU) keveset ér, hisz a Javscript kódot meg kell írnod, a Flasht meg Macromedia Flash-sel kell elkészítened.

#6055
javascript és flash ?😮 mi olyat nem is vettünk 😞
Amaya - magyar
Notepad++, ha ismered rendesen a javascriptet és html-t

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

#6054
Sziasztok!Eddig abszolult nem foglalkoztam honlapszerkesztéssel, de most a suliba kell csinálni valami egyszerût amiben van javascript és flash doksi is. Milyen magyar nyelvû programot ajánlotok amit könnyen használhatok?
Dj Faustus
#6053
#6050-es hozzászólsodban az alábbit írtad:
"Js -el szeretném megoldani azt, hogy 1 input mezõ segítségével hivatkozásokat tudnék beírni egyesével egy txt fájlba"
Egy fájlba való íráshoz mindenképp szerveroldali nyelv kell, mert azzal érhetsz el szerveroldali erõforrásokat, módosíthatsz állományokat/adatbázisokat.

Hogy az állomány a sajátgépen van, attól még a fájlba való írás szerveoldali funkció marad.

A beolvasás még csak-csak megoldható kliensoldali nyelvvel (Javascriptben ebben az XMLHTTPRequest tud segíteni), a sorbarendezésre is van a PHP-hez hasonló sort metódus.

#6052
Hy! Lehet hogy rosszul fogalmaztam itt a dolgokat, leírom inkább, mit is szeretnék csinálni: Van egy kedvencek listám, ami már áttekinthetetlenül sok linkbõl áll. És egy sajátgépen futó HTML képgaléria - jellegû oldalt akarok ezeknek csinálni. Az egyes oldalakról képlopóval miniatûrt csinálok, majd ezekbõl egy képgaléria készül. Viszont akarok még egy link - felsorolást is mellé. És azért kellene ABC sorrendben kiirnom az oldalon a linkeket, hogyha legközelebb a kedvencek menübõl egy újabb linket veszek fel az oldalra, akkor az is a helyére tudjon kerülni. Ehhez sztem nélkülözhetõ a szerveroldal (legalábbis bízok benne), hisz a kedvencek is a sajátgépemen van, meg ez az oldal is ott lesz. Ilyen virtuális webszervert meg nem akarnék telepíteni, ha nem muszály (egyenlõre).
De azért köszi a választ....
Dj Faustus
#6051
Javascript (ami egy kliensoldali szkriptnyelv,azaz a látogató gépén fut le) segítségével nem tudsz szerveren levõ állományokat írni.
Ehhez szerveroldali nyelv (PHP, ASP, JSP, Perl - az elsõ a legelterjedtebb) kell. Az ûrlap által eküldött adatokat erre a szkriptre kell irányítanod.

Állomány megnyitása írásra/olvasásra/hozzáfûzésre: fopen
Állományba való írás: fwrite
Állomány lezárása: fclose
Állomány beolvasása tömbbe (egy sor, egy tömbelem): file
Tömb rendezése: sort

#6050
Sziasztok! Új vagyok még, nem olvastam végig a fórumokat, így azt sem tom, jó helyre írom -e, amit írok! Van egy kis problemám, és megköszönném, ha vki tudna segíteni ebben. Js -el szeretném megoldani azt, hogy 1 input mezõ segítségével hivatkozásokat tudnék beírni egyesével egy txt fájlba (õ lenne a "tároló"), majd ezeket egy másik kóddal kiolvasva, visszaírni egy htm oldalra, mint hivatkozás, de ABC sorrendbe rendezve. Azért akarnám ezt js -el mecsinálni, mert csak ehhez konyítok egy kicsit, meg mert az iromány csak felhasználói oldalon mûködne (nix szerver...). Egy olyan "elsõ rúgás" -ra lenne szükségem, hogy hogyan is lehetne ezt megvalósítani, a neten nem találtam ehhez hasonló kódokat (persze attol még lehet, hogy van). Válaszotokat elõre is köszi, és BUÉK mindenkinek.
Dj Faustus
#6049
Még egyszer elmondom használj SWFobjectet.
Sokkal biztosabb, fájdalommentesebb mint az <embed> nevû rémséggel vacakolni.

Speedway
#6048
megint én vagyok ezt sikerült összehozni de még mindig nem megy
<object classid="clsid😄27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="1024" height="768">
<param name="movie" value="http://tabakaracing.atw.hu/tabakajozsef02swf">
<param name="quality" value="high"><param name="SCALE" value="noborder">
<embed src="http://tabakaracing.atw.hu/tabakajozsef02" width="1024" height="768" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" scale="noborder"></embed></object>

Iveco Stralis Polska----------kró³ Marek

#6047
Hali!

Html/CSS/Javascript tippeket kezdtem gyûjteni, olyanokat amikkel elég gyakran összeakad az ember egy weboldal készítése során. Kitértem egy kicsit a böngészõfüggetlen megoldásokra is. Lesz majd késõbb ASP.NET -tel kapcsolatos példa is.


otrosinka
#6046
ez nekem is jól jön....kösz

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

Dj Faustus
#6045
Példa - csak annyi a finomság benne, hogy a flash objektumot külsõ oldalról (Youtube) tölti be.

Speedway
#6044
nemtudom megcsinálni
segítenél légyszíves??

Iveco Stralis Polska----------kró³ Marek

Dj Faustus
#6043
Valószínûleg nincs sok hozzá. Angol nyelvû, kis elterjedtségû szoftver.
Ott van az NVU - magyarul tudó ingyenes szoftver.
Leírás #1
NVU #2


De minden grafikus webszerkesztõ szoftverre igaz: minél többet akarsz, annál inkább rá leszel utalva a webes nyelvek ismeretére, és annál jobban el kell hagynod az "ide kattintok, oda kattintok s kész a weboldal"-hozzáállást.
Másrészt az informatika nyelve - akár tetszik, akár nem - az angol. Minél jobban el akarsz mélyedni az informatikában, annál nagyobb szükséged lesz rá.