Dreamweaver
Jelentkezz be a hozzászóláshoz.
Annyit tudok,h a Embed kóddal kell vmit.
Glory, Glory Man. United!
FrontPage-ben kipróbáltam a gombokat és iframe-re mûködnek, frame-ekre nem. Érdekes... 😄
Bõvebben
Mellesleg nem javaslom sem a kereteket, sem a Flash gombokat - rontják az oldal keresõhelyezését, akadálymentességét.
Tegnap kezdtem el vele foglalkozni és eljutottam odaáig h Flash gombokat tegyek bele 😄. Minden gombnak be lehet állítani ugyebár egy annak a gombra vonatkozó ablakban, hogy mire hivatkozzon illetve azt melyik keretben nyissa meg. Beállítottam, hogy a lap egyik jobb oldali keretében nyissa meg, mely keretet én tettem bele, de mindig és minden hivatkozásnál új ablakot nyit meg és sosem ott, amit beállítottam neki 😞. Mi lehet a baj?
Ez a probléma elõjött a 2004MX-nél ill. a CS3-nál is :S.
A Dreamweaver egy fizetõs professzionális célszoftver.
Ebbõl következõleg teljesen logikus, hogy honosítás nem igazán van.
Másrészt fizetõs jellegébõl fakadóan nem fogsz illegális beszerzési linket kapni - az sg.hu-n nem kedvelt a warez.
Harmadrészt mint említettem vannak ingyenes, magyarul tudó alternatívák.
Szóval ha Dreamweavert akarsz használni, tanulj meg angolul. Vagy keress alternatívát.
Nos tehát: kell egy soron belüli keret (<iframe>😉, és egy blokk (<div>😉, ahova a nagy képekre mutató linkekbe ágyazott kis képeket helyezed. A linkeknek a keretre kell hivatkoznia (a linkek target attribútumának, a soron belüli keret name attribútumával megegyezõnek kell lenni).
Vagyis a HTML-forráskódrészlet:
<iframe name="nagykep"></iframe>
<div id="kiskepek">
<a href="01_big.jpg" target="nagykep"><img src="01_small.jpg" alt="01" /></a>
<a href="02_big.jpg" target="nagykep"><img src="02_small.jpg" alt="02" /></a>
<a href="03_big.jpg" target="nagykep"><img src="03_small.jpg" alt="03" /></a>
</div>
Ezeken meg ezeken a nyelveken érhetõ el. Professzionális szoftver (kezdõknek nem javaslom, ráadásul fizetõs szoftver), feltételezi, hogy professzionális emberek értenek hozzá. No meg a számítástechnika nyelve - tetszik nem tetszik - az angol.
Ha mindenáron magyar kell, ott az NVU vagy az Amaya - ezek még ingyenesek is, grafikusak is.
Meg ott van egy rakat kódszerkesztõ program (amikbe a forráskódot be kell pötyögni - ami bár lassabbak tûnik, de hatékonyabb) - Pspad, Notepad++, Jedit, Context - ezek is tudnak többségében magyarul, de itt rá leszel utalva a webes nyelvek ismeretére (amikhez rengeteg leírás található - akár magyar nyelven is).
http://kreativ.try.hu/ - alkalmazott grafika, fotó http://tilos-az-a.hu/ - közösségi szabadidő magazin - művelődés, művészet, játék, utazás, fotó, család...
Mert simán lokális állományban nézed, ahol nagyobb biztonsági elõírások vannak. Ha lokális webszerveren (felteszel a gépedre egy webszervert tesztcélokra) nézed, akkor nem dob ki semmit.
"Van abban amit küldtél, 1 pgstat.htm file"
Az Ultraweb rakta bele - lényegtelen.
A HTML forráskódban a <head> után ott van az alábbi:
<script src="http://uw.hu/pgstat.js?server=3&username=stego" type="text/javascript"></script>
Na az nem kell.
"nem tudom a menut meg se mozdítani"
Na ezért kell leszokni a WYSIWYG-rõl (a grafikus nézetû webszerkesztésrõl). A menü elhelyezkedése (mint minden formázás) a CSS kódban állítható.
"1170-re értelmezted a lap nagyságát, mert 1028 lenne a fõ használati terület."
A csillagos háttér 1000 pixel széles, a menü 170 pixel - ebbõl degradáltam a felbontás ekkora méretét.
"Kérdeznék is, - azt, hogy lehet szabályozni, hogy a szöveg ennyire ne függjön az ablak magyágátol? Mert találtam egy css definiciót, ami vhogy úgy néz ki, hogy - min-width: ...px; - de a DW azt mondja, a legtöbb böngészõ nem ismeri ezt a kodot.."
A legtöbb böngészõ... Az IE! A webfejlesztés rémálma.
Bõvebben
A függést meg a liquid/elastic-design jelenti (keress rá) - ami egy külön szent feladat (nem egyszerû).
"Más - milyen css kóddal lehet valamit folyamatosan a képernyõ alján tartani?"
Már amilyet az Extra csinál?
Ez esetben CSS:
position: fixed;
bottom: 0px;
Már ha az IE nem szólna közbe - a position: fixed-et természetesen nem ismeri.
Ebbõl kifolyólag az ember kénytelen IE alá külön dolgozni - a position: absolute pozicionálást alkalmazni, és játszani a top/left/bottom/right tulajdonságokkal.
"Kérdésem az volna még - pl az IE explorerbe nem tudom a jobbszélera igazítani a cuccot, mindig marad valamennyi üres margó."
Az adott elemnek nincs esetleg kitöltése (padding)?
Vagy az összes elemnél kiiktattad-e a margókat, kitöltéseket, szegélyeket:
* {
margin: 0px;
padding: 0px;
border: none;
}
Kérdeznék is, - azt, hogy lehet szabályozni, hogy a szöveg ennyire ne függjön az ablak magyágátol? Mert találtam egy css definiciót, ami vhogy úgy néz ki, hogy - min-width: ...px; - de a DW azt mondja, a legtöbb böngészõ nem ismeri ezt a kodot..
- ezt egyébként százalékban is meg lehet adni?
Más - milyen css kóddal lehet valamit folyamatosan a képernyõ alján tartani?
Kérdésem az volna még - pl az IE explorerbe nem tudom a jobbszélera igazítani a cuccot, mindig marad valamennyi üres margó.
http://kreativ.try.hu/ - alkalmazott grafika, fotó http://tilos-az-a.hu/ - közösségi szabadidő magazin - művelődés, művészet, játék, utazás, fotó, család...
még1x köszi 😊
http://kreativ.try.hu/ - alkalmazott grafika, fotó http://tilos-az-a.hu/ - közösségi szabadidő magazin - művelődés, művészet, játék, utazás, fotó, család...
http://kreativ.try.hu/ - alkalmazott grafika, fotó http://tilos-az-a.hu/ - közösségi szabadidő magazin - művelődés, művészet, játék, utazás, fotó, család...
jóóóóól el is lopom 😊))
- köszönöm..
http://kreativ.try.hu/ - alkalmazott grafika, fotó http://tilos-az-a.hu/ - közösségi szabadidő magazin - művelődés, művészet, játék, utazás, fotó, család...
3-4 óra alatt ilyesmit ki lehet alakítani (sima forráskódszerkesztõvel).
A scriptes menünél, mivel mondtad, csináltam a lapnak egy tiszta, ttáblázat nélküli változatot. Nem értem miért, próbáltam rájönni, de ha ott ahol a legördülõ megjelenne , abban a rétegbe, amelyikbe átlóg, van valami, a menü csak szimpla link marad. Gondolom tudod a megoldást, - nekem 2 napomba került, de most nem tudom már mit csináljak. Egyelõre rábeszéltem egy sima linkes menüre (nekem az tetszene) de valami megoldást kellene találnom.. mégha scriptes is..
Az oldal tisztán layerekbõl áll, addig megyx a legördülõ amíg a szomszédos layerbe nem teszek valamit.. pl hátteret, - hiába absolut a poziciója, megállt a tudomány.. Próbáltam utánna olvasni - de vagy nem értem, vagy nincs. Az angolom meg elég kevés.. szóval örülnék ha segítenél. Azért sem értem, mert amíg a táblázatos volt, addig ment a scriptes gond nélkül.. eeeeh
http://kreativ.try.hu/ - alkalmazott grafika, fotó http://tilos-az-a.hu/ - közösségi szabadidő magazin - művelődés, művészet, játék, utazás, fotó, család...
http://kreativ.try.hu/ - alkalmazott grafika, fotó http://tilos-az-a.hu/ - közösségi szabadidő magazin - művelődés, művészet, játék, utazás, fotó, család...
http://kreativ.try.hu/ - alkalmazott grafika, fotó http://tilos-az-a.hu/ - közösségi szabadidő magazin - művelődés, művészet, játék, utazás, fotó, család...
Közben a DW8-ban megtaláltam, hogy kell megcsinálni a programmal ugyanezt amirõl elõzõleg okítottál, de az megintcsak javascriptel oldja meg, - de meg lehet csinálni..
http://kreativ.try.hu/ - alkalmazott grafika, fotó http://tilos-az-a.hu/ - közösségi szabadidő magazin - művelődés, művészet, játék, utazás, fotó, család...
Valószínû ezt soxor fogom még használni.
Ha ez a türelem kitartana még, kérdeznék még valamit - korábban írtad a CSS-bõl a legördülõ menüt. Hát ha megy ezzel a táblázatos elrendezéssel és volna türelmed néhány magyarázó szóval is fûszerezni, megköszönném és megpróbálnám megcsinálni.
Az eddig általam készített néhány honlapban ugyanis mindig kerültem a Javascriptet, mivel az IE pl mindig ordibált eddig ellene, vagy a most készülõnél a DW8 kiírja, hogy a lapban levõ Javascript nem lesz olvasható a Messenger 6-os keresõvel.
Csak nem tudtam lebeszélni a legördülõ menürõl a megrendelõt, én meg így tudtam csak összehozni...
http://kreativ.try.hu/ - alkalmazott grafika, fotó http://tilos-az-a.hu/ - közösségi szabadidő magazin - művelődés, művészet, játék, utazás, fotó, család...
http://kreativ.try.hu/ - alkalmazott grafika, fotó http://tilos-az-a.hu/ - közösségi szabadidő magazin - művelődés, művészet, játék, utazás, fotó, család...
míg a képen kijelölt így: <td width="740" height="105" - néz ki "
Nézd meg még egyszer a forráskódot. Tök mindegy hogy kezdõdik, a sorrend ez esetben nem számít (a sorrendet a Firebug kiterjesztés fordította meg önkényesen, én abból másoltam):
<img src="images/cimsav/cimsav3a.jpg" alt="cimsav3a" name="cimsav3a" width="170" height="105" id="cimsav3a" />
versus:
<img width="170" height="105" src="images/cimsav/cimsav3a.jpg" alt="cimsav3a" name="cimsav3a" id="cimsav3a"/>
illetve:
<img src="images/cimsav/cimsav4.jpg" alt="Varázskuckó Játékbolt" name="cimsav4" width="740" height="105" id="cimsav4" />
összevetve:
<img width="740" height="105" id="cimsav4" name="cimsav4" alt="Varázskuckó Játékbolt" src="images/cimsav/cimsav4.jpg"/>
A két forráskód azonos, csak a sorrend különbözik.
http://kreativ.try.hu/ - alkalmazott grafika, fotó http://tilos-az-a.hu/ - közösségi szabadidő magazin - művelődés, művészet, játék, utazás, fotó, család...
Jó lenne, ha a beírásommal nem bántanálak meg, mert nem azért írok. De - én nem vagyok profi a témában, és így nem merem használni a segítséged, mert:
- vagy pontatlan és esetleg nem azt a részletet vágtad be, hogy cseréljem le amire gondoltál
- vagy az is ugyanazt jelenti amit cserélendõ résznek beírtál (bár ezt kétlem) csak én nem értem.
Minden esetre a képen szereplõ kijelölés nem egyezik meg az általad leírtakkal - így nem vagyok benne biztos, hogy amire le kellene cserélni az jó-é.
Szerintem, csak véletlen rossz részletet vágtál be..
http://kreativ.try.hu/ - alkalmazott grafika, fotó http://tilos-az-a.hu/ - közösségi szabadidő magazin - művelődés, művészet, játék, utazás, fotó, család...
szerepel
- légyszi ellenõrízd már le..
az általad beidézett sor: <img width="740" height="105" - stb kezdõdik
míg a képen kijelölt így: <td width="740" height="105" - néz ki
legalább nézd meg mit írtál, - ez azért 2 teljesen más dolog - vagy tévednék? - ráadásul más se stimmel a sorok összehasonlításánál - ne haragudj, csak mivel látom amit látok..
http://kreativ.try.hu/ - alkalmazott grafika, fotó http://tilos-az-a.hu/ - közösségi szabadidő magazin - művelődés, művészet, játék, utazás, fotó, család...
Menj át kódnézetbe (View/Code), vagy nyisd meg a HTML-állományt Jegyzettömbbel (vagy valamilyen kódszerkesztõ alkalmazással - Notepad++, Notepad2, Jedit, PsPad).
"mert - gondolom, csak a tartalmát idézted (fejbõl)"
Firebug kiterjesztéssel módosítottam a forráskódot, másrészt nem fejbõl idéztem a forráskódot, hanem másoltam.
"és azok nem egy az egyben szerepelnek a html kódjában"
Egy lópikulát nem! Ezek itten micsodák?
"de feladatot kaptam és bár tudni lehet, hisz mondtam a megrendelõnek, hogy nem vagyok informatikus"
Megértem a helyzetedet (a megrendelõ nem ért hozzá), de ez kb. olyan mint áccsal fûtésszerelést csinálni.
Mind a kettõ az építõiparban dolgozik, de más területen (az eredmény pedig nem lesz megfelelõ).
Jelen esetben a layoutot a grafikus készíti el, a kódolást meg a webprogramozó (vannak, akik mind a kettõhöz értenek).
Hogy van grafikus szerkesztõ program, az professzionális alkalmazásban nem helyettesíti a jó minõségû kódolást. Amatõr, non-profit megoldásoknál még elmegy, de ott ahol közcélról vagy profitorientált dolgokról van szó nagyon ügyelni kell mindenre.
" de így igazán még beazonosítani sem tudom.. (pl a html-ben nem "img" hanem "td" azaz táblázatcella van - stb)"
Mert szögezzük le: a kódot a grafikus szerkesztõprogram készítette, ami nem éppen optimális.
http://kreativ.try.hu/ - alkalmazott grafika, fotó http://tilos-az-a.hu/ - közösségi szabadidő magazin - művelődés, művészet, játék, utazás, fotó, család...
Én nem gondolom, hogy silány lenne amit csináltam, vagy esetleg nem dolgoztam vele meg, - én ezt arra írtam, hogy az animáció ha így megfelel, abban a megoldásban akkor az úgy marad.
nohát 😊
http://kreativ.try.hu/ - alkalmazott grafika, fotó http://tilos-az-a.hu/ - közösségi szabadidő magazin - művelődés, művészet, játék, utazás, fotó, család...
Köszönöm a segítséged, behelyettesítem, és ha sikerül megoldanom, akkor megint egyel többet tudok..
http://kreativ.try.hu/ - alkalmazott grafika, fotó http://tilos-az-a.hu/ - közösségi szabadidő magazin - művelődés, művészet, játék, utazás, fotó, család...
A Java-te keverjük bele. A Java != Javascript.
Másrészt a legördülõ menü megoldható stíluslapokkal is.
Harmadrészt ezért nem ajánlatos táblázatot használni.
"Táblázatot pedig azért használok, mert így a cellákba háttérként képet tudok rakni"
Stíluslappal is adható háttér.
"Ha ezen a módon el tudom adni számára, akkor így marad - végül is így is megteszi. "
A keresõk nehezebben indexelik fel az oldalt, kevesebb potenciális látogatója lesz, ezáltal bevételkiesést szenved.
Neked ez nem baj, csak neki.
<img width="740" height="105" id="cimsav4" name="cimsav4" alt="Varázskuckó Játékbolt" src="images/cimsav/cimsav4.jpg"/>
Lecseréled erre:
<img width="740" height="105" id="cimsav4" name="cimsav4" alt="Varázskuckó Játékbolt" src="http://varazskucko.extra.hu/images/cimsav/cimsav4.jpg"/>
Másik képet vált.
Vagy ha például az alábbit:
<img width="740" height="105" id="cimsav4" name="cimsav4" alt="Varázskuckó Játékbolt" src="images/cimsav/cimsav4.jpg"/>
erre:
<img width="740" height="105" id="cimsav4" name="cimsav4" alt="Varázskuckó Játékbolt" src="images/cimsav/cimsav4.jpg"/>
és az alábbit
<img width="170" height="105" src="images/cimsav/cimsav3a.jpg" alt="cimsav3a" name="cimsav3a" id="cimsav3a"/>
erre:
<img width="170" height="105" src="images/cimsav/cimsav3a.jpg" alt="cimsav3a" name="cimsav3a" id="cimsav3a"/>
ugyancsak másikat vált.
De jobban járnál egy táblázatmentes, átlátható oldalszerkezetû oldallal.
- De figyelek arra amit írsz és megnézem, CSS-ben vajon képes vagyok-e megcsinálni ezt az abszolut pozicionálást
http://kreativ.try.hu/ - alkalmazott grafika, fotó http://tilos-az-a.hu/ - közösségi szabadidő magazin - művelődés, művészet, játék, utazás, fotó, család...
http://kreativ.try.hu/ - alkalmazott grafika, fotó http://tilos-az-a.hu/ - közösségi szabadidő magazin - művelődés, művészet, játék, utazás, fotó, család...
Új, címsávban levõ logót eltakaró animáció esetén CSS-ben abszolút pozicionálás segít (az újabb <div> így befér).
A fejléc lecserélése esetén a fejlécnek/a fejlécet tartalmazó elemnek adod az anim értékû id attribútumot.
Bár igazán nem értem milyen funkcionalitása lenne az animációnak. Mint azt sem, hogy miért kell Javascriptet használni a menüben - ami a Javascript letiltásakor funkcionalitását veszti, így az oldal használhatatlanná válik (gondoljunk csak a keresõrobotokra, akik a Javascriptet nem tudják értelmezni - mert túlzottan idõ- és erõforrásigényes lenne a feldolgozása - és nem tudják rendesen feltérképezni az oldalt; vagy a biztonsági eszközökre, amelyek kiszûrhetik a Javascriptet; vagy a felolvasószoftvereket, amelyek ugyancsak megakadhatnak benne).
No meg 2007-ben (pláne profitorientált oldalon) minek oldalszerkezetnek táblázatot használni (elavult, bõvítése komplikált, nem szemantikus, nem keresõbarát, és az akadálymentességet is hátráltatja), mikor ott van a CSS...
http://kreativ.try.hu/ - alkalmazott grafika, fotó http://tilos-az-a.hu/ - közösségi szabadidő magazin - művelődés, művészet, játék, utazás, fotó, család...
http://kreativ.try.hu/ - alkalmazott grafika, fotó http://tilos-az-a.hu/ - közösségi szabadidő magazin - művelődés, művészet, játék, utazás, fotó, család...
Így kell megcsinálni
Azért lenne jó tudni a dw8-ban hogy kell csinálni, mert az a kódot beírja helyettem, ha tudom a metódusát.. - ez a kódolás nekem nem megy - egyszerûen meg kellene tanulni, de erre most nincs idõm (tudom, hogy nem úszható meg hosszú távon). Elnézést a lámaságért, hátha van valaki aki így is segít - nagyon megköszönném
http://kreativ.try.hu/ - alkalmazott grafika, fotó http://tilos-az-a.hu/ - közösségi szabadidő magazin - művelődés, művészet, játék, utazás, fotó, család...
Még valami, ugyanúgy mint a legördülõ menü készítésének, van ennek is valami automatizmusa a dw8-ban? - csak azért kérdezem, mert a metódusát, tehát ahogy a dw programozói elképzelték ennek az elkészítését, ha grafikus felhasználó az ember, azt nem találtam. Ilyenre gondolok, hogy - szúrj be egy 2 réteget, utánna nyisd meg a pl Layer menut indítsd el az x opciót - stb.
Azért is kérdezem, mert szeretnék többet megérteni a programból, vagyis, hogy hogy gondolkozik.
de a leírást nagyon köszönöm ..
http://kreativ.try.hu/ - alkalmazott grafika, fotó http://tilos-az-a.hu/ - közösségi szabadidő magazin - művelődés, művészet, játék, utazás, fotó, család...
Tehát ha jól értem (eléggé szabadszavasan fogalmaztál), van egy "gombod", vagyis egy képed (<img src="gomb.jpg" alt="Gomb" />😉, ha erre rámész, akkor egy másik "rétegen" (remélem nem a <layer> tagre gondolsz - az elavult, ellenjavallt, nem platformfüggetlen; hanem egy táblázatcellát - <td> - vagy inkább egy <div> elemet), akkor a másik rétegben megjelenik az animáció.
Tehát tegyük fel, hogy az alábbi HTML-struktúrád van:
<img src="gomb.jpg" alt="Gomb" id="gomb" />
<div id="anim">
</div>
Ehhez az alábbi Javascript kód dukál:
<script type="text/javascript">
document.getElementById('gomb').onmouseover = function() {
document.getElementById('anim').innerHTML = '<img src=\"anim.gif\" alt=\"Animáció\" />';
}
document.getElementById('gomb').onmouseout = function() {
document.getElementById('anim').innerHTML = '';
}
</script>
Hogyan mûködik? Ha egérrel rámész a képre, bekövetkezik az onmouseover esemény.
Az onmouseover esemény bekövetkeztekor lefut egy Javascript-függvény, ami az anim id-jú elem belsejébe berakja az animáció - jelen esetben egy animált gifet.
Vagyis így fog kinézni az anim id-jú elem a függvény lefutásakor:
<div id="anim">
<img src="anim.gif" alt="Animáció" />
</div>
Ha egérrel elhagyod a gomb területét (onmouseout esemény), akkor a másik függvény fut le, ami üres tartalmat rak az anim id-jú elem belsejébe:
<div id="anim">
</div>
http://kreativ.try.hu/ - alkalmazott grafika, fotó http://tilos-az-a.hu/ - közösségi szabadidő magazin - művelődés, művészet, játék, utazás, fotó, család...
MERT TUDOM HOGY KELL ,CSAK AZ A GONDOM HOGY ADOTT SITEN TÖBB KÉP LINK VAN .AZT EGYENKÉN ÁTÁLITANI NAGYON IDÖIGÉNYES
NEKEM OLYAN MEGOLDÁ KÉNE AMI AZ ADOTT OLDALON EGYSZERRE LECSERÉLI A KÉPEKET LINKEKEKT
VÁLASZT ELÖRE IS KÖSZI