HTML-szerkesztés kezdőknek!!!
Jelentkezz be a hozzászóláshoz.
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
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
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
<a href="images/image-2.jpg" rel="lightbox
<a href="images/image-3.jpg" rel="lightbox
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
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
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/
SoF II: C4z0rla
SoF II: C4z0rla
.: mobilize.hu :.
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).
</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
.: mobilize.hu :.
1. alt attribútum hiányzik 2. HTML 4.01-nél nem kell XML módban írni.
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.
<p align="center" class="footer">Made by: Pekker Bálint</p>
footer-be írd be hogy
width:924px;
[/spam]™
SoF II: C4z0rla
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
É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ŐŐ
[/spam]™
<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 ಠ_ಠ
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
Bocs de korábban eszembe se jutott.
Vigyáznom kell magamra, mert bel?lem csak egy van, mások többen vannak, ?ket könnyebb pótolni.
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
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ŐŐ
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.
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
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.
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).
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.
Amaya - magyar
Notepad++, ha ismered rendesen a javascriptet és html-t
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
"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.
De azért köszi a választ....
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
Sokkal biztosabb, fájdalommentesebb mint az <embed> nevû rémséggel vacakolni.
<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
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.
http://eurobasketballblog.wordpress.com "Everything I'd like, May the heaven give....."
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á.