Webprogramozás és egyedi desing, elsősorban tanulási céllal... Honnan, merre induljak?

Internet: PHP, CGI, stb.

Üdv!

Régóta próbálom megtalálni a legideálisabb módját annak, hogy készíthessek magamnak teljesen önállóan, mindenféle weben elérhető sablon felhasználása nélkül egy weboldalt, ami úgy néz ki, ahogy én szeretném.
Jelenleg pusztán html és php használatára vagyok képes, ebből össze is hoztam egy oldalt, de az olyan... kezdetleges megoldás, minden gomb pl. külön-külön megszerkesztett és animált, illetve az egész oldalam frame-ekből és táblázatokból áll, arról nem is beszélve, hogy Internet Explorer alatt nagyon nem úgy néz ki, ahogy kellene neki és bár én Firefox-ot használok és fel is tüntettem az oldalamon, hogy erre van optimalizálva és más böngészőkkel rosszul jelenhet meg, de attól még elég sokan használnak IE-t és csak az én weboldalam kedvéért nem fognak váltani, de azzal kompatibilissé tenni se tudom, fogalmam sincs pl. hogy miért nem átlátszó a táblázatok háttérképének egy része ott, míg Firefox alatt az.
Ennél én valamivel kifinomultabbat szeretnék, de fogalmam sincs, merre induljak. Az utóbbi napokban állandóan a neten keresgéltem, javascript és php témakörökben, de egyik sem tűnik elegendőnek ahhoz, hogy megfelelő oldalt készítsek.
Végül arra jutottam, hogy talán Flash alapokon lehetne a legjobban megcsinálni, de Ubuntura semmi nem elérhető, amivel Flash tartalmakat lehetne létrehozni. Ezért úgy döntöttem, kipróbálom a Flex-et, de sokkal bonyolultabb, mint gondoltam és bár rengeteget találtam arról, hogy ezt tudja, meg azt tudja, ezt így tudja, azt meg úgy, de hogy egyáltalán hogy lesz pár sornyi kódból kész weboldal, arról semmit nem találtam, talán kéne hozzá a Flex Builder, hogy el tudjak indulni valamerre, de abból csak Windows-os és Mac-es változat van. Azt sem tudom, swf fájlokat hogy hozzak létre, nemhogy bármi egyebet.

Most feltenném itt a kérdést, hogy hogy tudok megtanulni magamtól elégséges mértékben weboldalt készíteni, fejleszteni és design-olni, honnan induljak, és mit tudok ehhez felhasználni, milyen megoldások, módszerek és nyelvek léteznek, honnan szerezhetek ezekhez leírásokat, dokumentációkat, esetleg oktató anyagokat.
Olyan oldalt szeretnék létrehozni, amin egy oldalon több oldal is megjelenik, de nem html-es frame-ekből áll, és pláne nem az az otromba görgetősáv van neki oldalt, hanem egy saját, ami illik az oldalhoz, illetve animációkat, áttűnéseket, egyedi kinézetű menüket hoznék létre.
Mint azt feljebb írtam, megtanulni akarom ezeket, lépésről lépésre, azonban nincs se lehetőségem se pénzem tanfolyamokra, türelmem azonban van, illetve ez érdekelne is, egyfajta hobbim az új dolgok megtanulása és létrehozása, de jó lenne tudni, honnan induljak és hogy merre.

Ebben kérnék segítséget, véleményeket, ötleteket, tanácsokat, tippeket.

Köszönöm!

(A weboldalam új címre költözik, egyelőre ezen a linken érhető el. A korábbit végleg töröltem, mert a tárhelyszolgáltató jó ideje nem tette már lehetővé a tartalom frissítését.)

  • 8207 megtekintés

( subchee | 2009. 02. 17., k – 20:56 )

Erős HTML alapok után jöhet a CSS elsajátítása, a designnal való kísérletezés pedig GIMP -ben/Photoshop -ban... ne várj elsőre túl sokat magadtól. Ne akarj azonnal portált fejleszteni. Pl. az első célod legyen a saját személyes honlapod elkészítése pusztán HTML+CSS alapokon. Később fejlesztheted kis javascripttel... aztán ha nagyon megy, akkor tanulj php -ül meg mysql -ül... :)

Én valahogy így kezdtem, aztán webfejlesztő-programozóként dolgoztam 1 évvel a kezdetek után. (később másfelé vitt az élet, szóval most rendszergizda vagyok)

Partolom az elgondolast...

HTML -> CSS -> PHP -> JS
JavaScriptezni raer kesobb, mert manapsag mar nagyon nem hasznalatos a JavaSciptes ora, meg a hasonlosagok... inkabb ugy hasznalatos az Ajax Specifikacioja ota a JavaScript, hogy van mogotte egy kis xmlgeneralo PHP =)

Gimp meg RulZ =)

/* ha pesti vagy akkor meg ha raersz akkor atugrasz aztan magyarazok ezt az, meg megmutatom... nemabelyeggyujtemenyem =) Szeretek tanitani, csak a munkam mellett nem sok lehetosegem van ra =) Sok a weboldalakkal a baj... */
--
by lightgod

Lehet valahol talalni nagyon noob szintrol indito, ertheto, egyszeru nyelvezetu es konnyu gimp tutorialt? Lehetoleg magyarul?
Nekem az a gondom a gimp-pel, hogy nagyon bonyolult a hasznalata, nehany - elsore egyertelmunek tuno - menu nem az elvart modon mukodik (termeszetesen PEBKAC, de akkor is negativ benyomas), sokszor egy funkcio elereset szugsegtelenul bonyolultnak erzem.
-- 


()=() Ki oda vagyik,
('Y') hol szall a galamb
C . C elszalasztja a
()_() kincset itt alant.

Nezd, en eddig MS Paint-ot hasznaltam szinte majdnem mindenre, amire lehetett. Egy egyszeru kepatmeretezes gondot okoz. Ezert kellene valami alap dolog, ami a legtobbet hasznalt muveleteket bemutatja, nem pedig peldakon keresztul dolgozik. Peldaul ha le szeretnek vagni egy kep aljabol valamennyit, gozom nincs, egyaltalan hogyan fogjak hozza. De ez csak egy pelda, kilometeres a lista. Biztos van valami alapozo tutorial, ami bemutatja a legtobbet hasznalt funkciokat, csak nem tudok rakeresni igy.

Sajnos a gimp-nek maga a logikaja mas mint mondjuk az altalam eddig hasznalt Paint-nek, es amig ezt a logikat nem tudom megerteni, addig nem tudom hasznalni a programot.
-- 


()=() Ki oda vagyik,
('Y') hol szall a galamb
C . C elszalasztja a
()_() kincset itt alant.

Már jobban értelek. :) De még mindig érvényes, amit mondtam. Például, most két dolgot említettél: kép átméretezése és kép levágása. Ha tudod mit szeretnél, a Google segít megtudni hogyan csináld. De Google sem kell, elég, ha átfutod a menüket. Ez fordítva is működik: mivel nem ismered a lehetőségeket, nézd át a menüpontokat! A legtöbb menüponthoz tartozik egy tooltip is, ami leírja a menüpont funkcióját. Ha bővebben érdekel a menüpont leírása, megnyomod az F1 billentyűt.

Szerintem amit te szeretnél nehezen megvalósítható példák nélkül, mert a példák lényege pont az, hogy megértsd a funkciók lényegét. Vagyis nem lehet átfutni csak úgy "a legtobbet hasznalt muveleteket", mert lehet, hogy egy teljesen kezdő nem értené miről van szó. Ha egy tematikusan összeállított "tananyagot" szeretnél, szerezhetsz egy GIMP-es könyvet.

Talán ez Shooby tollából a segítségedre lehet.

GIMP 2.4 használati útmutató

Dokumentáció/SL9.3/Multimédia/Rajzolás a GIMP programmal, Manipulating Graphics with The GIMP

A Grokking the GIMP és tárgymutatója is használható, ha valamiről bővebb leírást szeretnél.

:)

Menuk nezegetese: Ezzel mar probalkoztam, es sajnos tobbszor sikerult belefutni abba, hogy baromira nem volt egyertelmu, hogy akkor most hogy jelolom ki, meg honnet tudom, mennyit kell levagni? Paint-nal egyszeru, megragadom az aljat, es addig huzom, ameddig akarom, ez meg jon mindenfele dialogusokkal, mintha legalabbis pixelpontos szemmertekem lenne (nincs).

Az adott doksikat viszont at fogom nezegetni, koszonom a tippet.
-- 


()=() Ki oda vagyik,
('Y') hol szall a galamb
C . C elszalasztja a
()_() kincset itt alant.

en nemtudok iylen tutorialt ami normalisan atfogo... Nekem egyertelmu volt minden =/
De majd ugylatom csinalok, mert szuxeg van ra =) koszi a tippet...
amugy ha mar az alapok el vannka sajatitva ajanlom ezt:
http://gimp-tutorials.net/

de amugy itt is sok hazsnos alap dolog van =) maramennyire hasznos:
http://www.tutorial.hu/cimke/gimp/
--
by lightgod

Jelenleg itt tartok személyes honlap kapcsán, ez HTML, GIMP, egyetlen nagyon rövid CSS fájl és pár PHP script, amivel a hozzászólásokat adatom hozzá. Egyelőre ezen a szinten vagyok megrekedve, PHP-t már elkezdtem tanulni, egyelőre haladok vele, a JavaScript-ben viszont sosem voltam biztos, hogy egyáltalán mit tud, érdemes-e vele foglalkozni.

1200 pixel széles táblázat van beállítva, ezért "lóghat le".
Próbáltam úgy is, hogy kiférjen 1024-es felbontás mellett is, de a táblázatos elrendezés miatt olyan furán festett, mondhatni zsúfolt volt, de tervben van hogy javítok még rajta, de ez csak a főoldalon lehet probléma, a többi helyen jóval kisebbek a táblázatok, minthogy gondot okozzon.

Nagyon nem jó. Kevered az elemeket. Roppant fontos, hogy a felhasználó első ránézésre el tudja különíteni a következő szekciókat:
- logó, oldal neve (azaz melyik oldalt nézi)
- navigátorsáv (azaz hol van most az oldalon belül)
- menü (azaz milyen főirányokban mehet tovább)
- tartalmi rész (azaz a lényeg)
- egyéb (w3c ikon, powered by stb., ezeket mindenkébb kicsiben!)

Az oldaladon pl a bluefish és a firefox ikon magasabb, mint a menüpontok, ez nem jó! Ezenkívül a menüpontokat szöveggel érdemes kirakni, css-el csicsázva, hogy butább böngészők és a guglirobot is felismerje (ez webkereső optimalizáció szempontjából fontos).

További javaslatok: SOSE ÍRD KI A MAIL címed, amint ráakad egy webrobot, el fognak árasztani a spamek. Nem véletlen, hogy sok oldalon képként teszik ki.

Annyi még, hogy itt igazából több szakmát keversz:
1) webdesigner: profin ért grafikai programokhoz, tudja, mik a bevált arányok, elrendezések, tipográfiák, tudja, mi az a színharmónia stb.
2) webgrafikus: a kész látványtervet szétszabdalja, és html+css-ben összeilleszti, ismeri a böngészők hülyeségeit, mit hogyan lehet és érdemes megcsinálni. Ez nem váltható ki egyetlen programmal sem (nemegyszer volt az a melóm, hogy program által generált gány 600k-s html-ből 6k-sat csináljak). Nem árt, ha tisztában van a webkeresők szokásaival is.
3) webprogramozó: a megkapott statikus html-t megtölti "élettel", szétszedi tartalmi elemekre, majd dinamikusan generáltatja ki
4) webmester: az oldal tartalmi feltöltéséért felelős.

(Az elnevezések egyébként cégenként változnak, de a lényeg az, hogy ezek alapvetően külön munkakörök, az elsőre kreatív művészi beállítottságú ember kell, a másodikra inkább nagy lexikális tudású, precíz droid. Itthon előszeretettel vonják egy kalap alá ezt a kettőt, meg is van az eredménye. Tapasztalatból mondom, hogy igazán profi honlaptervhez kell a két különböző gondolkodású ember. A haramadik megint kreatív feladat, de nem művészi, hanem természettudományos gondolkodás kell hozzá, az utolsó pedig tipikusan képzettség nélküli titkárnő kategória).

Ezzel egyetertek =)
Mind az "el tudja különíteni a következő szekciókat"
mind az "Annyi még, hogy itt igazából több szakmát keversz:"
reszben...

"A haramadik megint kreatív feladat, de nem művészi, hanem természettudományos gondolkodás kell hozzá"

Ezt de szep fogalmazas =)
--
by lightgod

( magyarver | 2009. 02. 17., k – 22:30 )

Webfejlesztőként azt tudnám mondani, hogy bízd csak rám a honlapod :) mint annyi hosszadalmas utánajárás és bajlódás.

Ha mégis magad töröd az utat: php24óra php5-ös, hu.php.net, php fejlesztés felsőfokon, php referencia. Frames oldalt ne csinálj, az a legaljasabb :)
Böngésző: kismillió szabványt hoztak létre (W3C és tsai) annak érdekében, hogy a böngészőoptimalizálás régi módját likvidálják. Gondolok a javascriptre, meg minden féle trükkre.. De ennek ellenére IE újabb verziója sem követik a szabványt... pl 6.0 még ikonokat sem tud megjeleníteni mer nem ismeri a png formátumot :D de a 7.0 sem tud legalapvetőbb css tulajdonságokat sem megjeleníteni. Egyre kevesebb barom állat van aki használja ezt az informatikai gennygócot, én azt mondom szoktassuk le róla, hogy IE-t használjuk. Ízléses jól strukturált honlapot nem tudsz rá építeni, minden más böngésző viszont rendben van.
Flashben nem vagyok jártas, annyit tudok róla hogy az idegesítő magától aktivizálódó vackok amit tiltok :D Flash8-as winddózeros telepítő pillanatok alatt fel megy wine-al ;) aztán ha lejár a próbaidő csak frissíted a wine aztán ujrarakod :D

"de a 7.0 sem tud legalapvetőbb css tulajdonságokat sem megjeleníteni."

???? Ne tévesszük már meg a gyakorlatlant. A CSS2 megy IE6-on csak pár tulajdonságnál kell trükközni. IE7 teljesen jó, ami nincs meg benne (:hover) az meg behavior-ral emulálható. Ezt a "legalapvetőbb funkciókat nem ismeri" meg "szoktassuk le róla"-szöveget épp egy webfejlesztőtől nem vártam volna... Ha Te nem számolsz a piac 70%-át birtokló két böngészővel, semmi gond csak csodálkozom.

---
;-(

( subchee | 2009. 02. 18., sze – 09:10 )

Amit még elfelejtettem: a <.table> alapú megoldással már nem érdemes foglalkozni ("megy ki a divatból"), dolgozz <.div> -ekkel és erősen CSS -ben!

Mivel a designolás volt a kérdés, ezért nem feltétlen kell a php -ba belevetni magad azonnal! Tényleg alapos HTML ismeret kell, ezt pedig úgy tudod megszerezni, ha kézzel szerkeszted a kódot. (Editplus2 vagy Notepad2++ ajánlott hozzá... Dreamweaver és egyéb WYSIWYG szerkesztők használata nem ajánlott, mert nem fogod érteni a lényeget)

Szerintem el vagytok tévedve. Ez egyáltalán nem divat kérdése. Van, mit csak táblázattal lehet megoldani, illetve nem ugyanúgy számolja a div-eket az IE6 és az összes többi. Rengeteget szívtunk vele.
Ezenkívül pl div-nek nem lehet %-os magasságot adni, csak ha css-ből table-cell-t csinálsz belőle, ami - lássuk be - eléggé gányolás.

Nem az a kérdés, hogy table vagy div, hanem az, hogy a designt melyikkel lehet egyszerűbben, könnyebben kezelhetően megoldani.

sajnos igy van azt kell mondjam bar aki kitalalta azt csokoltatom.. mikor vegre elertuk hogy legalabb a tablazatok ugyanugy neztek ki minden bongeszoben akkor valaki nagyonokos kitalalta hogy hat ez igy szar es rakjunk mindenhova diveket hogy aztan minden rohadt bongeszoben szopjunk vele mert mashogy nez ki....

azt akartam mondani, hogy oka van, hogy kitalaltak, hogy "divezzunk" es elsosorban nem az, hogy teged szivassanak, hanem:
- szemantika
- felolvasoprogramok
- szabvanyok
- egyseges megjelenes (az, hogy ezt a bongeszok a mai napig nem tudjak garantalni az nemhinnem, hogy a szabvanyok kialakitoinak hibaja)
- elvalasztani a felepitest a formazastol (egy jol felepitett div-es oldalt csak css formazassal teljesen at lehet szabni html modositas - vagy csak nagyon keves - nelkul; igy pl a back-end programozonak nem kell ujrairni/implementalni a html-t, hanem megmarad ua, csak css valtozik)

bocs, de gyulolom az olyan hozzallast (nem neked szol, altalanossagban), hogy "a'h, usernek ugyis mindegy milyen kod van mogotte, ugyanazt a weboldalt latja".. igen, ez egeszen addig oke, mig mas kodjaba / masnak kell belenyulnia a te kododba esetleg neadj'isten fel ev mulva elo kell venni, mert user szeretni bele valamit es 2 orat csak pislog a kod elott, hogy "uuu, ez most hogy is volt?"
lasd meg: "romai vizvezetek" bank weboldala...

- egyszerubb a tablazat mert mar mindenki tudja hasznalni? Igen
- tanulni kell, hogy rendesen tudj div-es oldalt csinalni? Igen
- tobbet kell raforditani az elejen? Igen
- kesobb megterul tobbszorosen? Igen

--
x-economy | Antonov An-2 cockpit

nem vagyok frontendes, ugyhogy nekem ez nem faj, csak vannak ismeroseim akiknek igen, es ok is nyilvan diveznek mert ez a modi es panaszkodnak is neha mint emlitettem. Tisztaban vagyok az elonyokkel de szerintem egy kezemen meg tudnam szamolni hany olyan eset volt mikor ezekbol az elonyokbol akar egynek is hasznat vettuk egy oldal teljes eletciklusa soran. Szoval elmeletben persze szep es jo de valahogy gyakorlatban szinte soha nem latuk meg az elony oldalat (ha atepites van akkor az annal komolyabb minthogy csak atvarialjuk a layoutot ...)

Még egyelőre nem sok azonnali kézzel fogható előnye van, de a trendek affelé haladnak, hogy komoly hangsúlyt fognak rá fektetni, lásd semantic web.
Azon kívül ha egy komolyabb cég megnézi az oldalt, mint munkádat, akkor mínusz pont, ha táblázatokra építed a layoutot.

"PHP's coding style pulls common elements from C++, Java, PERL, Python, BASIC, Assembly, Dragonspeak, and Microsoft Office Excel."

Siettem :)

Közben eszembejutott, hogy kihagytam egy dolgot: divezni azért éri meg, mert a jól felépített oldalakat a google és a yahoo előbbre rakja a találati listáján.

"PHP's coding style pulls common elements from C++, Java, PERL, Python, BASIC, Assembly, Dragonspeak, and Microsoft Office Excel."

Igen eleinte en is s50pt4m sokat... de nem eg es fol azert egy weboldal IE-re es FF-ra... van 1-2-10 dolog amit figelembe kell venni es semmi gond =)

en is szidtam a ****** divek megjelenesekor... de gyorsan...par ora alatt rajottem, hogy ez azert nagyon jo...

Pedig en Front- es Backendet is fejlesztek jo hosszu ideje mar =)

/* Szerintem a frontendben nem a bongeszoaltalanositas a g3c1 dolog, hanem felkeszulni minden hulye userre, hogy senki se tevedjen el, senki se akassza ki az oldalt [itt most nem tamadora gondolok]... Taalkoztam mar oldallal amit ugy tort meg vlakai veletlen, hogy levelet irt a masiknak a rendszeren belul... es torolte a teljes adatbazist... Mert egy 'DELETE FROM' rosszul volt megirva =) */
--
by lightgod

A <table>-lel az volt a baj, azt mondták, hogy nem arra használjuk, amire való - azaz pl. egy vakok számára készült felolvasószoftver azt fogja hinni, hogy táblázat jön, pedig elrendezés (layout) jön. Más baj nincs vele, karakteres böngészők is viszik, PDA-k is.

A div viszont nem sokkal jobban használható függőleges elválasztásra; fix méretekkel, negatív margókkal és/vagy float elemekkel kell trükközni, ami megintcsak nem erre való. Ezenkívül piszok nehéz minden böngészőre jól megcsinálni, főleg IE-re.

Úgyhogy én azt mondom, függőleges elválasztásra 1 db egysoros table simán, sokkal inkább, mint 2 hét szívás... egymás alá meg már pakolhatod a diveket benne.

Mellesleg itt egy cikk a weblaboron egy könyvről.

Amit sokkal fontosabbnak tartok a table-div-vitánál, hogy pl.
- ha mindenképpen kell javascript, ajax, flash, vagy ilyesmi, és nem csak dísznek, hanem funkciónak, akkor legyen lehetőség ezek nélkül is elérni a tartalmat - mint pl. gmail-ben az ,,egyszerű HTML-nézet''.
- legyen az img-ben alt attribútum
- stb.

Említette valaki a frame-ek száműzését; ennek meg az volt az oka, hogy egy címhez több tartalom tartozott (a frame-ek újratöltésével ugye); aztán most ajax-nál pont ugyanez van, szóval néha nem értek dolgokat... illetve azt értem, hogy a webfejlesztőknek mindig megtetszik valami; az is rendben van, hogy ez ellenkezik a tavalyi divattal; de hogy mindig megmagyarázzák, hogy miért az a jó, amit most kitaláltak, azt nem értem. :)

pl az ajaxos dologra van mar megoldas jo ideje :) (url/index.html?#valamiajaxosaloldal)
tehat megoldani meglehet, kerdes ismeri-e a technikat a fejleszto (veszi-e a faradsagot utananezni, eszebe jut-e egyaltalan utananezni) vagy megeri-e a fejleszto cegnek idoben/penzben egy ilyen plusz feature-t belepakolni az oldalba :) :(

--
x-economy | Antonov An-2 cockpit

A cím # utáni része nem megy át a szerveroldalra, a böngésző nem küldi el. Erre is láttam valahol valami js-es megoldást, példát (hol /, hol meg # volt az elválasztó), de nem működött igazán jól. Lehet, hogy meg lehet jól csinálni amúgy.

És ez se ,,szép'' megoldás, mert a # az oldalon belüli címzésre lett kitalálva szabvány szerint.

Függőleges elválasztást úgy lehet szépen csinálni, hogy: 

[div class="kulso"]
 [div class="belso1"][/div]
 [div class="belso2"][/div]
[/div]

CSS: 


div.kulso{ overflow: hidden; }
div.belso1{ float: left; width: 30%; }
div.belso2{ float: right; width: 70%; }

Működik minden browserben, és még egyszerűbb is, mint a táblázat. Meg szemantikailag helyes :)

"PHP's coding style pulls common elements from C++, Java, PERL, Python, BASIC, Assembly, Dragonspeak, and Microsoft Office Excel."

A HTML már helyes (bár a float-ot sem erre találták ki, de ez nem baj).

Gond akkor van, ha nem egyszerűen 30%-70% a követelmény, hanem pl.
- 3 oszlop legyen
- szélsők fix szélesek (px vagy em)
- a középső az ablakméret szerint álljon be
- legyen lábléc is (=> nem jön szóba absolute pozicionálás)
- legyen böngészőfüggetlen

Végül A list apart-on találtam megoldást, bár úgy rémlik, nem lett 100%-ig böngészőfüggetlen.

- Az oszlopok szama intakt
- Asszem lehet fix meretet is hasznalni float-nal
- hmm... erre igy nincs otletem...
- Lablecet lehet csinalni, <br style="clear: both"> es egy wrapper div
- Hat ez sosem egyszeru.
-- 


()=() Ki oda vagyik,
('Y') hol szall a galamb
C . C elszalasztja a
()_() kincset itt alant.

( ksgy | 2009. 02. 18., sze – 11:30 )

kicsit off leszek:
hat, en ugy vagyok ezzel a design+programozas dologgal, hogy szagember csak egyikben lehetsz igazan jo... ritka kivetel, hogy valaki jo designer es emellett jol kodol.
vagy egyikbe vagy masikba ha beleasod mahad, hogy meginkabb profi legyel adott teren, a tobbi vonal elcsokevenyesedik.

plusz emellett a jo design kesziteshez nem (csak) tanulas kell, hanem egy nagy adag tehetseg is... ami vagy van, vagy nincs. nem tanulhato dolog egy joresze szerintem.

olyan designnal meg me'g nem talalkoztam amit ne lehetett volna megoldani ganyolas nelkul divekkel - max nem ert hozza elegge az illeto (amiert nem lehet senkit "hibaztatni") - siman csak nem tud olyan melyen belemerulni adott temaba, mert pl mellette fogalkozik a designnal php-val flash-el, stb.

sosem ertettem az olyan allashirdeteseket ahol keresnek profi html-est, php-t is tudjon, python-t is tudjon, designolni sem art, ha tud, flash+flex, valami js keretrendszer behato ismerete es ajanlanak valami nevetseges osszeget...
vagy html/css(/js) vagy flash/flex vagy php/python vagy design... es erre mind kulon ember. mert azok szakemberek lesznek, mert csak az adott temara figyelnek, semmi masra :)

--
x-economy | Antonov An-2 cockpit

( janusz | 2009. 02. 18., sze – 11:32 )

Flash-rol annyit tudok neked mondani, hogy ha vannak javascriptes alapjaid, akkor nagyon nem bonyolult. De ha csak menuket meg par triggert akarsz, akkor szinte kodiras nelkul meguszhatod pusztan az userinterface megszerkesztesevel.
Linux ala is elerheto a flexbuilder, csak meg beta verzioju, de ettol meg teljesen jol hasznalhato (nincs designer mod, es van nemi problema debuggerrel is)
Google-ba flexbuilder es linux szavakra keresve gyorsan rabukkansz, egyszeru click-click telepitoje van (elotte ecpliset kell telepiteni).
doksi:
http://livedocs.adobe.com/flex/3/langref/

rengeteg pelda kod:
http://blog.flexexamples.com/
http://flexsamples.blogspot.com/

Gondoltam kipróbálom a Flex Buildert. Felraktam , de.. hogyan tovább? Amikor elindítom, az Eclipse jön be, de semmi változás nincs rajta, sehol még csak nyomát se látom a Flex-nek, se ilyen project-et nem lehet létrehozni, csak C, C++ és JAVA van benne továbbra is.
Hogy is kéne ennek működnie?

( GergA84 v | 2009. 02. 18., sze – 11:45 )

Photoshop >> Fireworks >> Dreamweaver

+ tutorial

2-3 nap alatt osszedobsz magadnak egy olyan oldalt ami tokeletesen kielegiti egy Personal Site-ra vonatkozo igenyeidet.

kb 16-20ora alatt

szerintem.

Nem ertek veled egyet!
DW-vel konnyebben lehet megtanulni a css-t is mivel vizualisabban sokkal gyorsabban latszik az eredmeny, hamarabb jonnek kisebb sikerek (nem csuszik szet ie alatt, sikerul a margokat beallitani) >>> .

nem konkretan a drag and drop modszerre gondoltam. a DW elegge tobbretu.

-----------------------------------
http://virtualize.hu - Mert a virtualizáció a jövő :D

elnezest, ezt nem tudtam. bevallom, a dw-t kb. 10 percig hasznaltam, es inkabb ertettem altalanossagban az ilyen szerkesztokre, de akkor igazad van. lenyeg, hogy a kodot is lasd, a tobbi mindegy. (illetve rajtad mulik, pontosabban.)

[insert line here]
B.C. 3500 - DIY Vehicle / A.D. 30 - DIY Religion / A.D. 1991 - DIY OS

( tomsolo | 2009. 02. 19., cs – 00:02 )

Üdv!

Hello.

Régóta próbálom megtalálni a legideálisabb módját annak, hogy készíthessek magamnak teljesen önállóan, mindenféle weben elérhető sablon felhasználása nélkül egy weboldalt, ami úgy néz ki, ahogy én szeretném.

Dicséretes. Sztem sikerülni fog ha tényleg türelmes és szorgalmas vagy.

...arról nem is beszélve, hogy Internet Explorer alatt nagyon nem úgy néz ki, ahogy kellene neki és bár én Firefox-ot használok és fel is tüntettem az oldalamon, hogy erre van optimalizálva és más böngészőkkel rosszul jelenhet meg, de attól még elég sokan használnak IE-t és csak az én weboldalam kedvéért nem fognak váltani, de azzal kompatibilissé tenni se tudom, fogalmam sincs pl. hogy miért nem átlátszó a táblázatok háttérképének egy része ott, míg Firefox alatt az.

Ez azért van mert az IE nem mondhatni kifinomult szabványkövető böngészőnek. Ezeket a problémákat a google-ban az IE bug kifejezéssel keresheted meg (érdemes verziószámot is jelezni). Fontos tény az IE verziói más és más hibákat képesek generálni szóval ha "teljesen" kompatibilis honlapot szeretnél ez jó sok utána olvasásba majd utána jó sok munkába fog kerülni. A másik módszer ha olyan javascript (libraryt) használsz a lapodon ami - csak az ie számára - képes az IE hibákból jó sokat eliminálni. Ilyet a google code-n is találsz - ha jól emlékszem ebből is van a különböző IE verziókra is. Lényege a dolognak egyébként az, hogy ez nem jelent konkrét html és css ismeretet ez IE bug és megjelenítési képességet (render) ismeretet jelent semmi mást. Egyébként a feltüntetés, hogy milyen böngészőre, képernyőfelbontásra optimalizáltad a lapodat mindenképpen okos dolog, még ha manapság ezt oly sokan feleslegesnek és butaságnak is tartják. (Az IE ONLY lapok ebből a szempontból teljesen rendben vannak, bizony ám!)

Ennél én valamivel kifinomultabbat szeretnék, de fogalmam sincs, merre induljak. Az utóbbi napokban állandóan a neten keresgéltem, javascript és php témakörökben, de egyik sem tűnik elegendőnek ahhoz, hogy megfelelő oldalt készítsek.

Mondjuk ez és a fentiek elég kevés specifikációnak tűnnek, hogy mit is szeretnél pontosan, így elég nehéz konkrét tanácsot, választ adni. Elég sok dolog megvalósítható manapság javascript-tel pár mai vezető javascript library demo oldalát ide linkelem hátha ez megnyugtat.
http://jqueryui.com/demos/
http://demos.mootools.net/
http://wiki.github.com/madrobby/scriptaculous/combination-effects-demo

Végül arra jutottam, hogy talán Flash alapokon lehetne a legjobban megcsinálni, de Ubuntura semmi nem elérhető, amivel Flash tartalmakat lehetne létrehozni. Azt sem tudom, swf fájlokat hogy hozzak létre, nemhogy bármi egyebet.

Ha fontos a tartalom nem biztos, hogy a flash a legjobb választás. Elég macera kereső baráttá tenni valamint problémás hogy még mindig nem megy minden platformon ugyanúgy ahogy kéne. Linux alatt ingyenes megoldás nincs, hogy bonyolultabb .swf fájlt létrehozz - actionscriptet és hasonlókat igen - és az egyszerűbb is elég macerás. Fizetős opcióban viszont a Swishmax2 (ez egy FLASH-hez hasonló olcsóbb szerkesztő - elég könnyű használni )Wine alatt végre kielégítően működik Ubuntun is. - http://appdb.winehq.org/objectManager.php?sClass=version&iId=14552
(Bár gondolom egy közel 40k-s program nem fog annyira érdekelni ha még annyira olcsó is a 200k-sal szemben).

Most feltenném itt a kérdést, hogy hogy tudok megtanulni magamtól elégséges mértékben weboldalt készíteni, fejleszteni és design-olni, honnan induljak, és mit tudok ehhez felhasználni, milyen megoldások, módszerek és nyelvek léteznek, honnan szerezhetek ezekhez leírásokat, dokumentációkat, esetleg oktató anyagokat.

Hát az nagy előrelépés lenne az önképzés fejlesztésében, hogy nem a magyar oldalakra koncentrálsz a különböző ismeretek elsajátitására, mivel általában a magyar oldalak rettentő problémásak vagy hiányosak. Erről a témakörről a legtöbbet angol nyelven írták és fogalmazták szóval ha nem vagy jó angolból - olvasni, kérdést feltenni - akkor erre gyúrj rá legelőször. Persze van kivétel is pl. a HTML/CSS témában a legjobb itthon a : http://www.standardsmode.hu/ ha meg olvasgatni szeretsz akkor a http://htmlinfo.polyhistor.hu/xhtml1se/cover.html ajánlom.

Ha ezzel megvagy akkor én azt mondanám, hogy tegyél fel egy AMP-ot (APACHE,PHP,MYSQL), Ubuntu alatt repoból behúzhatod simán egyenként az összeset, vagy tehetsz fel valamilyen egybe csomagot is pl. XAMPP. Ezeknek a telepítésével linux(Ubuntu)alá tonnányi leírás van - sztem magyarul is.

Erre azért van szükség, hogy testközelből kialakíts magadnak egy saját privát webfejlesztő környezetet és megismerkedj egy webszerver és a hozzátartozó elemek működésével és beállításaival. Ez nagyon jól fog jönni mikor a kész cuccodat élesben felpakolod a tárhelyedre és előjön valami probléma.
És hát a php és mysql is itt jobb gyakorolni.

A php tanuláshoz én nem nagyon találok magyar épkézláb könyvet vagy oldalt - bár könyvnél végső esetben jó lehet a "Tanuljuk meg a PHP5 használatát 24 óra alatt" bár elég sok elgépelés van benne meg nekem ez a fajta tematika se jön be(ez kb olyan 6000 forint). Ha jó vagy angolból és megteheted akkor én az APRESS-től a Beginning PHP and MySQL 5: From Novice to Professional, Second Edition ajánlanám ez elég jól van felépítve(imho). Ez utóbbit a Kiskapunál is meglehet rendelni kb 13 ezer forintért.

A másik dolog amit még lehet használni az php.net manualja ennek van egy régebbi csonka magyar verziója is utóbbit én nem szoktam használni mivel a kommentek az angol változatba néha nagyon sokat tudnak segíteni. Továbbá én azt szoktam még javasolni - aki idáig eljutott :D - hogy tegyen fel magának egy drupalt - és próbáljon vele mélyebben megismerkedni (lessen bele nyugodtan a forráskódba, próbálja értelmezni programozási logikát) pl próbáljon készíteni egy saját sminket(templatet). Ha az jól megy akkor egy modult. Ez azért jó mert mivel a drupal az egyik legjobban dokumentált cms, nagyon sokat lehet belőle tanulni. És nem csak a php-t hanem template rendszer miatt a HTML a CSS és JAVASCRIPT is egyáránt szerepet tud kapni. It megemlíteném a Jquery-t ami egy javascript library (könyvtár) ami lényegesen le tudja egyszerűsíteni a javascriptes munkát.

Szerkesztőnek én Ubuntu alá a Geany, vagy (ez jobb sztem) az Aptana-t ajánlanám.

Magához a webdesign részéhez a következőket ajánlanám: Ubuntu alatt grafika szerkesztéshez teljesen jó a Gimp. Noha jól rajzolni nem lehet megtanulni csak fejleszteni a tehetséget, nem árt tisztában lenni pár dologgal lenni a design tervezésekor illetve a jó honlap szerkezetéről de ezekről is sok teherautónyi leírás tutorial van mire kell ügyelni figyelni. (tutorial.hu)

Olyan oldalt szeretnék létrehozni, amin egy oldalon több oldal is megjelenik, de nem html-es frame-ekből áll, és pláne nem az az otromba görgetősáv van neki oldalt, hanem egy saját, ami illik az oldalhoz, illetve animációkat, áttűnéseket, egyedi kinézetű menüket hoznék létre.
Mint azt feljebb írtam, megtanulni akarom ezeket, lépésről lépésre, azonban nincs se lehetőségem se pénzem tanfolyamokra, türelmem azonban van, illetve ez érdekelne is, egyfajta hobbim az új dolgok megtanulása és létrehozása, de jó lenne tudni, honnan induljak és hogy merre.

Az otromba görgetősávot nem lehet megváltoztatni - csak IE-ben színezni - viszont javascriptel lehet helyettesíteni, elrejteni azt. Utóbbival nemcsak a scrollbar-t (mert így is hívják) hanem checkboxokat, radiogombokat is át lehet szkinnelni (ez nem a pontos metódusa mert nem ez történik csak annak látszik). Bár azt is tudni kell, hogy látogatói szempontból nem a csilli-villi görgető sávért fognak oda járni hanem amit eltudnak olvasni megtudnak tekinteni (nem a galéria a fontos hanem a kiállított képek).

Sok szerencsét az önképzéshez. És keresni, keresni, keresni....

No rainbow, no sugar

a feltüntetés, hogy milyen böngészőre, képernyőfelbontásra optimalizáltad a lapodat mindenképpen okos dolog, még ha manapság ezt oly sokan feleslegesnek és butaságnak is tartják

Amikor ilyet látok nekem az jut eszembe, hogy az oldal készítője nem a látogatóknak készítette az oldalt, hanem saját magának (vagy még annak sem). És az is eszembe jut, hogy ez biztosan egy olyan oldal, ahol nincs tartalom (gyakran van így). Ezen kívül elég zavaró azt olvasni minden oldal alján, hogy az oldal készítője azt szeretné, X vagy Y böngészőt használjak és a monitort állítsam M x N képpontos felbontásba. Szerintem az ilyesmi az "egyéb információk" vagy valami hasonló nevű oldalra valók, nem a főoldalra, és pláne nem minden oldal aljára. Tehát végül is egyetértek veled, csak annyit szerettem volna hozzátenni, hogy az információk közlése legyen kellemes és egyszerű (nem pedig tolakodó és bonyolult).

:)

( freyr | 2009. 02. 19., cs – 19:41 )

Köszönöm mindenkinek az eddigi hozzászólásokat!

Nem válaszolgatnék egyenként (kb egy napig nem voltam internet közelben és most sok lenne egyszerre), így csak úgy általában annyit írok, hogy ezek alapján:
- div-eket eddig valóban nem használtam, de kipróbálom, megnézem hogy boldogulok majd vele. Eddig azért lett táblázatos, mert ezt volt a legkönnyebb kivitelezni.
- WYSIWYG editort gyakorlatilag nem használok, korábban igen, de fölöslegesnek érzem. Bluefish-ben megírom a kódot majd Firefox alatt megnézem, olyan-e, mint amilyennek lennie kell. 95%-ban nem kell módosítanom.
- tovább folytatom az ismerkedést a HTML-lel, még van mit tanulnom bőven, beleásom magam a CSS-be is, a továbbiakat még nem tudom biztosan, olyan sok mindent egyelőre nem akarok keverni, a végén még belebonyolódnék.
- egyelőre nem szeretnék sem profi webdesigner, sem profi webgrafikus vagy profi webprogramozó lenni, ezek közül egyébként is a programozás része érdekel inkább, grafikában és design-ban hogy van-e tehetségem, én nem tudom, majd idővel elválik, azonban ezek is fontos részei egy weboldalnak a mai interneten. Azt hiszem tényleg kevertem ezeket, engem konkrétan kevésbé érdekel, hogy mennyire lesz mindenki számára megnyerő, nekem van egy elképzelésem (hasonló, mint a mostani, bár ötleteimből sokkal több van, ami jobb lenne, de nincs elég tudásom a kivitelezéséhez), amit szeretnék kivitelezni és ennek során megismerni magát a weboldalkészítést, minden részével együtt, a desingt a grafikát és főképp a programozást.
- a célom magával az oldallal az lenne, hogy létre tudjak hozni egy egyedi (tulajdonképpen biztos, hogy a jelenlegi sem az megjelenés terén, de ez teljesen úgy néz ki, ahogy szerettem volna, hogy kinézzen; egyelőre), könnyen átlátható és emészthető weboldalt.
- ezzel az egésszel pedig a tanulás a célom, nehéz belefogni úgy ilyesmibe, hogy sok az üres folt, azonban ez érdekel, ez leköt, ezt szívesen megtanulom szabadidőmben. Úgy értem az ehhez szükséges dolgokat, főképp magát a webprogramozást.

Azt hiszem átnevezem a címet valami jobbra, ami jobban kifejezi, hogy mit is akarok.

( freyr | 2009. 02. 20., p – 18:12 )

Üdv!

Megpróbáltam táblázatok nélkül létrehozni egy eléggé hasonló elrendezésű oldalt. CSS fájlban határoztam meg a különböző elemek helyzetét egymáshoz képest, margin-left/top állítgatásokkal. Firefox alatt egész tűrhető, bár koránt sem olyan kellemes megjelenésű, mint az elődje a táblázatokban, azonban IE alatt egyáltalán nincs semmilyen formázás, a képek és a szövegek egyszerűen egymás alatt jelennek meg. Az IE nem képes kezelni a CSS-t? Igaz, most a Vistám nem fér hozzá az internethez valami érthetetlen okból, így CrossOver alatt telepített IE-vel néztem meg, de gondolom nem kéne, hogy ez számítson.
Egy részlet a CSS fájlomból, ahol az oldal egyik részén megjelenő elemeket raktam helyre:
#bal
{
margin-left: -450pt;
clear: both;
margin-top: -13pt;
}
Ezt így illesztettem be az oldalba:
[div class=alap id="bal"]

További probléma még, hogy így csak egymáshoz képest vagyok képes ezeket elhelyezni és nem találom a megoldását, hogy hogy tudnám függetlenül, az oldalhoz képes elrendezni őket.

Én azt javaslom tanulmányozd először egyszerűbb, de profin összerakott oldalak forrását (sok tableless/css oldalakat gyűjtő site van, pl css beauty), és próbáld megérteni, hogy mi miért úgy van összerakva, ahogy. Ezekből a design "trendeket" is megismerheted. Ismerd meg a box modelt, olvasgass tutorialokat a témában. Kezdetnek pl ha átrágod magad ezeken (különösen a selectutorial és a floatutorial ajánlott elsőre), akkor már kapisgálni fogod a témát.

Ezen a pár sor css-en, amit leírtál már látszik, hogy nagyon rossz irányba indultál. Az IE-nek sincs baja a CSS-el, bár vannak bugjai, amikhez alkalmazkodni kell, de alapvetően nincs olyan elvetemült grafikai terv, amit ne lehetne összerakni úgy, hogy pixelre egyforma legyen a népszerű browserekben (ehhez persze azért olyan "webgrafikus" is kell, aki szintén ismeri a web lehetőségeit és korlátait).

"Én azt javaslom tanulmányozd először egyszerűbb, de profin összerakott oldalak forrását"
pff tehat ne azt tanulja meg hogy mit hogy kell csinalni rendes konyvbol/doksibol/stb, hanem kezdjen el reverse engineeringelni, es tanulja meg azt hogy X helyen mit hogy csinaltak es miert, es talalgasson hogy melyik resze mire valo.

Szerintem fuss neki mégegyszer, mert az agyadig csak a hozzászólásom első sora jutott el.

"Ismerd meg a box modelt, olvasgass tutorialokat a témában. Kezdetnek pl ha átrágod magad ezeken (különösen a selectutorial és a floatutorial ajánlott elsőre), akkor már kapisgálni fogod a témát."

Emelett fenntartom, hogy kész oldalakból nagyon sokat lehet tanulni (persze tanulás mellett, ha megint nem lenne világos).

( zoner | 2009. 02. 24., k – 21:58 )

Én pl. nagyon sokat szívtam CSS-el, kifolyt a szemem, mire megtaláltam, hogy hol, mi miatt nem úgy néz ki az oldal Exploreren mint Firefoxon, aztán felraktam egy FF kiegészítést, "Firebug" a neve. Nos felére vagy negyedére csökkentette a CSS-el töltött időmet :) Ugyanezt éltem át a gFtp-ről FileZilla-ra, egyedi PHP kódról Drupalra váltáskor.

Szerintem itt is az van, hogy kétszer nem léphetsz bele ugyanabba a folyóba. Tehát nem fogod ugyanazt az utat járni, mint az "öregek", mert már annyi új dolog van és annyira gyorsan változik ez a világ, hogy aki kiesik pl 5 évre, kezdheti újra a tanulást. Ilyenekre gondolok, mint pl PEAR, jQuery, AJAX.

Szerintem ha gyorsan, open source módszerekkel szeretnél tanulni, kezjd XHTML-el, formázd meg CSS-el, rakj alá egy Drupalt úgy, hogy a sminket nulláról indítod. Ül a gépemen néhány grafikai terv, ami nem lett felhasználva. Ha kell, odaadom. Ha pontosan olyat csiálsz HTML/CSS alapokra, már vállalhatsz munkát is. Ebben is tudok segíteni :)

Grafikus / programozó különválasztása: értem a felvetést és sajnos így is szokott lenni, de én abban a szerencsés helyzetben vagyok, hogy szeretem csinálni a grafikát is. Mondjuk általában grafikus a megrendelőm, tehát ritkán van rá szükség. Kizárólag GIMP-et/Inkscape-et használok. Szeretném ezt forszírozni a grafikusaimnál is, de nem nagyon hagyják magukat, mert megszokták a Photoshopot, Adobe Illustratort. Az AI nem elírás, tényleg van, aki ezt használja webes grafikára, én meg dolgozok utána a helytelen antialiasing miatt, mert a dobozok oldalát is elhomályosítja...

"Kizárólag GIMP-et/Inkscape-et használok. Szeretném ezt forszírozni a grafikusaimnál is, de nem nagyon hagyják magukat..."

Nem csodálom. A GIMP-et évek óta nem tudom megszokni (engem nem forszíroz senki, csak én magamat), de ha komolyabb dolgot csinálok (=dolgozok és nincs idő pöcsölni), akkor PS. De a remény hal meg utoljára, bízom benne, hogy a következő gimp már eléri majd a PS6 szintjét és lehet majd normálisan pl layereket összekapcsolni, groupolni és működnek majd ilyen alap dolgok, mint pl "snap guide to selection", vagy hogy a color picker "lásson át" a layereken, stb, lehetne még sorolni.

Az inkscape-ről jobb a véleményem. Sokkal fiatalabb projekt, mint a GIMP, ennek ellenére szerintem a maga nemében használhatóbb, csak mintha kicsit megakadt volna a fejlesztése :(

Az, hogy a GIMP nem tud csoportosítani rétegeket, elég durva. Először azt hittem, valami demo verziót használok és a fizetősben lehet ilyet is, de nem :) A többi dolognak nem érzem a hiányát, tehát ha ezt sikerül megoldani, én már boldog leszek.

Szerintem programozásügyileg maximum 8 óra az egész, tehát nem értem, hogy miért nincs ilyen benne.

"..csak a kezelőfelületét alakították át, hogy ua legyen, mint a Photoshop."

Csak próbálták :) A hiányos funkcionalitáson sajnos nem változtat az, hogy a menüket átrendezték. Ráadásul le vannak maradva 2 főverzióval (GIMP2.2-re épül), szóval így összességében még rosszabb, mint a 2.6-os GIMP sorozat.

Berakták MDI child ablakként az összes GIMP ablakot. Ez Windowson jó, mert csak egy asztal van, Linuxon viszont semmi értelme, a GIMP úgyis külön asztalra van rendezve.

Ráadásul tényleg le van maradva verzióban a GIMP-től.

http://bugzilla.gnome.org/show_bug.cgi?id=86337 - az utolsó néhány bejegyzés viszont bíztató, szerintem még fél év és lesz group :)

Szvsz linuxon is jó lenen az MDI, a toolbaroknak nem kéne úgy viselkedni, mint egy rendes ablaknak, és nem függene a viselkedésük az ablakkezelőtől.

Ezt a bugreportot pont pár napja nézegettem én is, az a vicces -vagyis inkább szomorú-, hogy 2002 óta terítéken van. Kíváncsi leszek, hogy benne lesz-e a 2.8-ban. Ha nem, akkor még 1-2 év.

layerek összekapcsolása:
Ha csinálsz pl egy gombot, ami 5 rétegből áll, akkor ezeket a rétegeket össze tudod kapcsolni, hogy a gombot egyben tudd mozgatni a vásznon. Ezt eddig tudja a GIMP is, csak akkor van baj, ha van mondjuk 10 ilyen gombod, mert azt már ne melhet megcsinálni, hogy 10x5 layer legyen összekapcsolva.

layer set vagy layer group: a lényeg ugyanez, csak a layer palettán vizuálisan is egy-egy "folderbe" tudod rendezni a layereket. Szóval maradva az 10db 5 rétegű gombnál, nem 50 layer lesz a layer palettán, hanem csak 10 layer set, amiket ki lehet nyitni, vagy összecsukni. Így átláthatóbb a paletta és pl egy weboldal tervnél az oldal részeit el tudod különíteni: egy layer set-ben van a fejléc, egyben a content rész, egybe na footer, egyben a navigáció stb. Egy layer set tartamazhat másik layer set-et is.

color picker:Ha bármilyen grafikai programban a color pickerrel szín mintát veszel a vászonról, akkor a color picker átlát az átlátszó rétegeken. A GIMP nem. Próbáld ki: csinálsz egy képet, a background réteget firkáld össze sok színnel, majd csinálj egy új üres, átlátszó réteget. Ez az új átlátszó réteg legyen az aktív és próbálj a color pickerrel mintát venni. Hiába látod, hogy egy zöld területre kattintasz (mert a felső réteg átlátszik) nem fogsz zöld színmintát kapni. A GIMP elvárja, hogy az a réteg legyen aktív amiről mintát veszel. Nem tűnik nagy dolognak, de sok layernél már idegesítő tud lenni, és sok felesleges idő, sok plusz kattintás.

( automi | 2009. 02. 25., sze – 13:41 )

Én is hasonló cipőben járok mint a topik nyitó kolléga. Én ezt a könyvet kezdtem el olvasni és tüzetesen áttanulmányozni: HTML és CSS: Webszerkesztés stílusosan
Nekem nagyon bejön a könyv. Mindent leír benne az alapoktól.

( dblaci | 2009. 03. 10., k – 21:05 )

Tűzz ki magad elé elérhető célokat. Pl. táblázat alphapng s háttere működjön böngészőfüggetlenül. Erre vannak megoldások, workaroundok. Google, olvasgass, tanulj. Ha nem találod meg elsőre, vagy egyáltalán nem találod meg végül, és máshogy kell megoldani, az se elveszett idő, mert amit közben olvastál, máskor jól jöhet. A lényeg, hogy ne az legyen a cél, hogy tudj programozni, hanem valami kézzelfogható, amihez a lépéseket pedig megtalálod, vagy ha mégsem, lesz aki segít.

( freyr | 2009. 03. 29., v – 01:22 )

Üdv!

Pár perce iwiw-en valaki egy körlevélben meghívót kért egy oldalra, én kíváncsiságból megnéztem google-ban, hogy mi az, de nem kattintottam linkre, hanem beírtam. Azonban elírtam a végét .be helyett .de lett és a saját régebbi oldalam jelent meg, teljesen működőképes és felépített formában, de ez már fent sincs a serveren.
Ez hogy lehet?

( freyr | 2009. 05. 21., cs – 21:15 )

Gondoltam a gombok helyett ideje lenne linkeket használnom. Képeket akartam linkekké tenni, de nem tudom, hogy tudnám a képre írni a szöveget. Millió + 1 leírást találtam erről, de egyszerűen nem működik, állandóan kiírja a böngészőm, hogy "Fatal error: Call to undefined function" ezután pedig kiírja az aktuálisat, amivel próbálkozom, se imagecreatejpeg, se png-vel se gif-fel nem működik, de létrehozni se tudok képeket egyáltalán php-vel. Mi lehet a gond és hogy oldhatnám meg?

> Gondoltam a gombok helyett ideje lenne linkeket használnom.

Ezt nem értem. Másra való a kettő. Vagy három.
- Link: oldal betöltése címről
- Submit gomb: form elküldése (+ form action oldal betöltése)
- Button: javascript hívása

> Képeket akartam linkekké tenni

Ha így érted: 

<a href="http://cim.ahova.mutatsz/"> <img src="kep.png" alt="Két szó a képről" /> </a>

> hogy tudnám a képre írni a szöveget

Ha mondod, hogy gd-vel próbálkozol, könnyebb. :)

> Fatal error: Call to undefined function

Nem találja a függvényt, amit hívsz. Gondolom, nincs telepítve a gd. 

phpinfo ();

megmondja. Nálam php5-gd a csomag neve, szerintem azt keresed.

Üdv!

Sajnos a leírások általában feltételezik, hogy minden telepítve van így nem térnek ki, hogy mit kéne felrakni. Van egy-két könyvem is, de abban sem esik szó telepítésről, csak hogy ez így néz ki, ez meg úgy. De most felraktam, mindjárt próbálom is.
Öö.. eddig úgy nézett ki a weboldalam, hogy gombokat, submit gombokat használtam és azok hívtak be egy új weboldalt, csak így tudtam elérni, hogy ne egyszerű aláhúzott szöveg legyen a link és ne kelljen minden egyes gomb képét (sok van) külön-külön létrehoznom és elmentenem.
Tulajdonképp gomb-szerű link lenne a cél.

> ne egyszerű aláhúzott szöveg legyen a link

Minden szempontból jobb megoldás a link, CSS-sel formázva. Egyedül akkor kell gd, ha sehogy nem lehet CSS-sel olyan kinézetet csinalni, amit szeretnél. Ez ritka.

HTML-ben: 

<a href="cim" class="szep">szoveg</a>

CSS-ben: 


a.szep
{
    text-decoration: none;
    color:           #C22;
}

Vagy általában inkább így:

HTML: 

<barmilyentag class="szep">
    <a href="cim">szoveg</a>
</barmilyentag>

CSS-ben: 


barmilyentag.szep a
/* vagy .szep a */
{
    text-decoration: none;
    color:           #C22;
}

Vagy siman mindegyik linkre (CSS-ben siman „a”), ekkor nem kell class-t megadni.

Ha mégis gd-zni akarsz: phpinfo(); mit mondott? Milyen rendszered van? Hogy próbáltad telepíteni?

A phpinfo() használatát nem nagyon találtam, egy konkrétan értelmezhető hivatkozást találtam rá (php -i), ebben a gd-re vonatkozó rész:
GD Support => enabled
GD Version => 2.0 or higher
FreeType Support => enabled
FreeType Linkage => with freetype
FreeType Version => 2.3.9
T1Lib Support => enabled
GIF Read Support => enabled
GIF Create Support => enabled
JPG Support => enabled
PNG Support => enabled
WBMP Support => enabled

Egyébként Ubuntu Jakcalope van, a php pedig a php5, pár szökséges csomag, hogy a localhost-on futtathassak php-t, és a php5-gd telepítésével van megoldva. Mind csomagkezelővel lett telepítve.

A phpinfo nevű php-függvényre gondoltam, ami webes kimenetet ad, de ez is tökéletes. Ezek szerint van gd-d, jpg támogatással.

Nálam nem volt gd, direkt föltettem, innentől működik... az imagecopyresampled Example #1-t próbáltam. Esetleg még azt lehetne megnézni, hogy ha megnyitsz egy jpg-fájlt php-gd-vel, van-e rá olvasási joga a webszervernek (ha nincs, chmod a+r fájl.jpg). Amíg esélyes, hogy hibázni fog a példa, addig a 

header('Content-type: image/jpeg');

sort kommentezd ki, csak akkor tedd vissza, ha már látod a jpg fájl bináris adatait megjelenni. Ez a sor mondja meg, hogy a http fejlécben mit üzenjen a szerver: html jön, xhtml jön, txt jön, vagy jpg jön, stb., a böngésző ez alapján dönti el, hogy hogy jelenítse meg a kapott adatokat.

Persze ha a függvényt sem találja, akkor az eddigiek még meg se moccannak... apache-ot újraindítottad php5-gd telepítése után?

Szerk: amúgy a CSS-sel való minél több kísérletezésre én is dobok egy szavazatot.

Azóta már az egész gépemet újraindítottam párszor..
a header('Content-type: image/jpeg'); részt próbáltam párszor kivenni, egyszer valahogy meg is jelent a kép, de nem mint kép, hanem mint szöveg. Ezt a részt egyelőre javascript-tel sikerült tűrhetően megvalósítanom, mármint a linkeket, de mivel ahhoz még nem értek, csak a sablon script-ekre támaszkodhatok, ahelyett meg saját lenne jó, így kísérletezgetek még majd pár dologgal.

Ha nem capcha-t akarsz készíteni hanem képet szeretnél tenni a gombok helyett, akkor képet->belinkelni kell. Azaz minden esetben HTML-el kell megírni.
kép mejelelenítés html szerint: 

<img src="honnan/mit.jpg" width="szélesség" height="magasság" />

belinkelni : 

<a href="hovamenjünk"><img src="ezitt_a_kép_megjelenítve" /> </a>

php-t a fent említett html sornak a megjelenetísére szokás általános esetben használni, de ebben az esetben szükségtelen. de így akkor : 


<?
$var="<a href='#'><img src='#' /> </a>";
echo $var;
?>

Azt tudom, hogy lehet html-lel képet betenni, azonban azzal nem tudok ráírni a képre egy szöveget. Macerás mindig új képet csinálni minden egyes helyre, ahova szükségem lenne rá (több, mint 20 és egyre több lesz), ezért egyszerűbb lenne mindig ugyan azt a képet felhasználva létrehozatni egy script-tel, ami kell.

Ilyenkor szoktak pl. szinezett 

<ul><li>

elemekbe szöveg linket tenni

triviálisan ilyenre gondolok pl.:
http://www.w3schools.com/Css/tryit.asp?filename=trycss_float5
http://www.javascriptkit.com/script/script2/verticalmenu.shtml

Vagy esetleg van egy elemed pl egy div-ed css-ben backgroundként beállítod a képedet háttérnek, majd ezen diven belül egy        

< p > < /p >

közé illesztett szöveget szintén css-el a kép közepére raksz.

erre pl.:
http://w3schools.com/css/tryit.asp?filename=trycss_background-image
http://w3schools.com/css/default.asp

Vagy még millió máshogyan lehet, de szükségtelen capcta-t készítettni egy linkhez .

( bri | 2009. 05. 21., cs – 22:18 )

Az ideális melléknév alapfoka már önmagában felsőfok, így nem fokozható tovább. Nincs értelme annak, hogy a legideálisabb.

:: by BRI.
:: config :: Acer TravelMate // Ubuntu Jaunty
:: tothab [a] gmail [pötty] kom
:: black rose immortal's weblog

( nrgie | 2009. 05. 22., p – 06:37 )

Én itt kezdtem el tanulni http://w3schools.com/ anno sok éve.
Úgy látom az oldal jobb lett azóta.
Ajánlom a learn html vs xhtml átrágását akinek még nem volt dolga weblapokkal.
Aztán jöhet a php esetleg és javascript tutorials.

Szerettem a 'try it yourself' gombot kipróbálni.

( freyr | 2009. 05. 23., szo – 09:42 )

Nagyon sokat kerestem azt a módszert, amivel két egymás mellett lévő div (egyik változó, a másik fix) magasságát azonossá tehetem. Sok megoldást találtam, de egyik se működött mindhárom (Firefox, Opera és IE) böngésző alatt. Előző weboldalamban azonban egy hiba folytán megoldottam, most megpróbáltam reprodukálni ezt a hibámat és sikerült.
Így néz ki a kód.
A style.css-t pedig itt találjátok.

Itt az első main2 id alkalmazásánál a style elemet nem zártam le idézőjellel, a változó magasságó div-nek pedig ugyan ezt az id-t adtam, de helyesen. Nem tudom miért, de működik Firefox, Opera és IE alatt is. Ha kijavítom a hibát, újra rossz lesz.
Érti ezt valaki?

Szerk.: tévedtem, ennél ha lezárom az első main2-t is, akkor is ok, viszont az overflow-t sehogy nem tudom úgy működésre bírni, ahogy itt van.

Legalábbis Firefox alatt nem, épp most néztem IE és Opera alatt, ott működik... :S

Szerk.: Az egységesség kedvéért megváltam az alsó szegélytől, valahogy most csak Opera és IE alatt tudtam "normálissá" tenni a kinézetét. Most ez a forrása az ide tartozó résznek..
Azt hiszem rám fér még nagyon nagyon sok gyakorlás..

( arth2o | 2009. 05. 24., v – 20:15 )

Mivel az Internet rogyásig van leírásokkal az általad keresett témakörben.
Ajánlanék 2 doksit amit olvass el (hogy az alap dolgokkal legyél tisztába), Nagy Gusztáv tollából:

Nagy Gusztáv Jegyzetei
# Web programozás 0.7
# Webes tartalomkezelő rendszerek 0.5

Nem kell elkeskenyedni, ha a 10 verzió sem olyan mint ahogy elképzelteted :-)

Gratulálok a verseidhez!

( freyr | 2009. 05. 24., v – 22:48 )

Kategóriákra bontottam a verseimet az oldalon.
Ez úgy működik, hogy van egy pos nevű fájl, ami eredetileg 0-át tartalmaz, csak akkor íródik át 1-re, ha az Összes vers kategória van megjelenítve. Ez azért szükséges, mert egyelőre nem adatbázisban tárolom a verseket, mindegyik külön oldalon van, így, mivel nem akartam kétszer is létrehozni ugyan azt az oldalt, egész egyszerűen magára az oldalra bízom a döntést, hogy milyen lista jelenjen meg bal oldalon, attól függően, hogy 0 vagy 1 van a pos fájlban. Ha 0, akkor a kategóriák szerinti listák jelennek meg, ha 1, akkor az összesített lista.

A probléma az Internet Explorerrel (nem lepődtem meg, hogy nem működik rendesen) van. Amikor az összesített listán kattintok egy linkre, a megjelenő vers a linkek alatt jelenik meg, de ha frissítem az oldalt, akkor a helyére kerül. Na most mivel a lista és a vers két egymás mellett lévő div-ben van és sehol máshol nincs probléma, nem egészen értem, hogy az IE ezt most mért nem tudja megjeleníteni, hogy keverheti össze a két div-et főleg úgy, hogy az oldal frissítésekor jó legyen. Keressem a hibát, vagy tudjam be egy újabb IE bug-nak? Érzésem szerint most nem hibáztam. Nem is tudnék ekkorát úgy, hogy a div-ekhez nem nyúlok, mivel minden oldalt egy saját sablon alapján készítettem, ergo ha rossz lenne, mindenhol elő kéne jönnie a hibának szerintem.

A fő gond amiért szétesik az oldal IE alatt az, hogy vannak elemek amit nem zársz be,
(egyiket töröld *) 


*<div id="bal">
   <div id="bal">

illetve vannak esetek mikor 2* is lezárod. 


<body>
<div id="top"></div></div>

Nekem ez a Main2 használata sem tetszik, mert ha csak az a dolog, hogy valamerre tolja az adott területet nevezd el rendesen. 


<div class="right"></div>

#css
.right{float:left;display:block;}
.clear{clear:both;}

Mikor végeztél az usztatott területekkel tegyél alá egy ilyet: 


<div class="clear"></div>

Hogy megszüntesd azt.

Lezáratlan tag-ek, hiányzó képek: 


<div id="main2" style="overlfow:auto;background-image:url(ht.jpg);background-repeat:repeat-y>
javított:
<div id="main2" style="overlfow:auto;background-image:url(ht.jpg) repeat-y;">

Próbálj meg ID-vel rendelkező elemeket lehetőleg 1* használni és az ismétlődéseket .class-al megoldani.

javaslat:
Szerkeszd át újra az oldalt, figyelj oda az elemek (div) lezárásokra, a XHTML, css megtervezésére és akkor nem lesz gond.
Alapjáraton jó az amire gondolsz, csak hibásan valósítod meg.

itt találsz kész sablonokat amit használhatsz bátran, nézd meg hogyan csináltam:
Free-css
CSS, XHTML sablonok

Ha módosítottad küldj egy E-mailt.

Azért lett ilyen, mert egy véletlen hiba vezetett el ahhoz, hogy a két egymás mellett lévő div mindig ugyan akkora magasságú legyen. Sehol nem találtam működő megoldást erre, mármint olyat, ami mindhárom böngésző alatt menne. Egyébként IE 8 alatt gond nélküli a megjelenítés, de még átnézem majd a kódot, hogy hol tudok egyszerűsíteni anélkül, hogy elrontanám.

Ez nem ok az elemek nem lezarasara. Arra nagyon oda kell figyelni, hogy legalabb szintaxishibat ne vetsen az ember, mert erre a kulonbozo bongeszok kulonbozokeppen reagalnak, de mindenesetre nagyon erzekenyek. Tedd fel firefox-ba a HTML Validator nevu addon-t (ilyen neven letezik az AMO oldalan), es az biztos szol ilyenekert.
-- 


()=() Ki oda vagyik,
('Y') hol szall a galamb
C . C elszalasztja a
()_() kincset itt alant.