[OP]Destroy-man Posted October 23, 2013 Posted October 23, 2013 Kvázi az egész oldal táblából épül fel. Ha ez ilyen gányolt megoldással készült, akkor vajon a server hogyan van telepítve? Vagy abba jobb nem belegondolni?
kléni Posted July 25, 2014 Posted July 25, 2014 A másik témában felmerült a websuli felújítása/újraírása/bővítése. Ezt szeretnétek is megvalósítani valamikor?
payskin Posted July 25, 2014 Posted July 25, 2014 Amikor elkezdtem írni, 2008 körül, a HTML5 még vágyálom volt, a Chrome még talán gyerekcipőben járt, vagy még ki sem jött, már nem emlékszem. Szóval tény, hogy a web eléggé megváltozott az utóbbi években, ennek ellenére az akkor leírt HTML + CSS alapok 80-90%-ban még ma is megállják a helyüket. Szóval, ha ma kezdeném el írni, néhány dolgot másképp írnék, ugyanakkor elég nagy bajban volnék, mert a mai modern weboldalkészítéshez nem igazán van már közöm, gondolok itt a Mobile First meg a Responsive témákra, pedig ezekről muszáj volna beszélni. Az a helyzet, hogy egyáltalán nem fejlesztek mobilra, és nem is szimpatizálok túlzottan ezekkel az eszközökkel, ami nem segít a dolgon. Kicsit elment mellettem a világ, túl sokat foglalkoztam backend-programozással az elmúlt 2-3 évben. Ha ehhez hozzávesszük, hogy abszolút nincs mostanában ilyesmire időm, levonhatjuk azt a következtetést, hogy új cikksorozat vagy ilyesmi biztos nem lesz. Ami lehetséges, hogy egyszer talán mégis csinálok egy blogot, és talán ott valamilyen formában.
[OP]Destroy-man Posted July 25, 2014 Posted July 25, 2014 Mobile First-re ott a Bootstrap. Kvázi mindent tartalmaz, ami oda kell, így CSS-ben már nem kell méretezni, hanem csak az egyéb grafikai elemeket, hatásokat, effekteket kell megírni. Ha valaki most áll neki weblapot készíteni, akkor előbb ennek a tanulmányozása erősen ajánlott.
Dani991 Posted July 25, 2014 Posted July 25, 2014 Ha már responsive dizájnról van szó, akkor hadd linkeljem be ezt a szemléletes példát, hátha valakinek jól jön. Remekül mutatja a különbséget az adaptive, liquid, responsive és a static megvalósítások között. (A lényeg akkor látszik, ha átméretezzük a böngészőablakot.)
Giraffe1 Posted October 14, 2014 Posted October 14, 2014 http://www.cssplay.co.uk/menu/cssplay-tictactoe-css-only.html – programozás CSS-ben.
Rick13 Posted July 18, 2016 Posted July 18, 2016 Sziasztok. Építgetek most egy oldalt és volna egy kérdésem. Nyilván egyre nagyonbb hagsúlyt kell fektetni a mobil optimalizációra. Bizonyos okokból nekem annyira nem jön be ez a reszponzív design amit mostanában sok helyen tolnak. Én inkább készítenék egy teljesen külön mobilra optimalizált felületet, a fölösleges tartalmakat meg "csicsákat" pedig elhagynám róla, amik a dekstop oldalon megjelennek. Az lenne a kérdésem, hogy hogyan tudom megvizsgálni, hogy a látogató milyen eszközről nézi a lapot? És mivel tudnám betöltetni pl a mobil.xyz.hu-t, ha egy telefonon nézik az xyz.hu helyett? Van valahol erre valami előre kész script? Keresgéltem én, de nem igazán jártam sikerrel.
Fujitsu Posted July 18, 2016 Posted July 18, 2016 Hát akkor rosszul keresgéltél: http://www.inmotionhosting.com/support/website/redirects/mobile-redirect https://developers.google.com/webmasters/mobile-sites/mobile-seo/separate-urls https://www.woorank.com/en/blog/how-to-redirect-mobile-users-on-your-website A HTTP headerben átmegy az OS verziója, abból már alkothatsz. A mobilos böngészők "show desktop version" funkciója is úgy működik, hogy ezt az infót megmókolják, hogy úgy tűnjön, mintha desktopról böngésznél.
Rick13 Posted July 18, 2016 Posted July 18, 2016 Hát akkor rosszul keresgéltél: http://www.inmotionh...mobile-redirect https://developers.g...o/separate-urls https://www.woorank....on-your-website A HTTP headerben átmegy az OS verziója, abból már alkothatsz. A mobilos böngészők "show desktop version" funkciója is úgy működik, hogy ezt az infót megmókolják, hogy úgy tűnjön, mintha desktopról böngésznél. Valóban... Ez egyszerűbb volt mint gondoltam. Köszi!
kléni Posted January 18, 2018 Posted January 18, 2018 Követi még valaki a webfejlesztés rejtélyeit? Én most el akartam kezdeni az új projektet, kutakodtam kicsit, de lehet bele se kezdek: 10 fordító, csak hogy használni tudjam aminek már évtizedek óta léteznie kéne: https://hackernoon.com/how-it-feels-to-learn-javascript-in-2016-d3a717dd577f 1500 npm csomag, csak hogy ki tudjak próbálni 1 darab számológép demó appot: https://hackernoon.com/im-harvesting-credit-card-numbers-and-passwords-from-your-site-here-s-how-9a8cb347c5b5
payskin Posted January 19, 2018 Posted January 19, 2018 Nem fejlesztek node-ban. Viszont amit ajánlani tudok, csak még nincs hozzá túl sok tutorial, az a Symfony 4. Nagyon pöpec, ütős slim frameworköt csináltak belőle.
kléni Posted January 19, 2018 Posted January 19, 2018 Node-ban én sem programozni akarok, főleg, mert a tárgyhelyem per pillanat csak php-t eszik. Az a fordításhoz kéne, mert elvileg ezektől a külön nyelvektől, kiegészítőktől és keretrendszerektől nagyon frankó lesz a feljesztés. Vagy nem. A composer is kiváló dolognak néz ki, és ugye minden php-s lib-et azon keresztül kell publikálni. Egy egy egyszerű alaprendszer, meg Google OAuth együtt 45 ezer fájlt, 300 megát le kell, hogy töltsön, amiknek a 90%-a igazából nincs is felhasználva. Mikor csinálnak már egy olyan dependency manager-t, ami tényleg csak a használt elemeket rakja be a projektbe hatékonyan, és nem még millió+1 felesleges dolgot? Lehet inkább dektop appot írok vacak Java-ban, még az is százszor jobb.
[OP]Destroy-man Posted January 20, 2018 Posted January 20, 2018 Használj .NET-et webfejlesztésre (is).
TheSaurida Posted January 21, 2018 Posted January 21, 2018 Iskolába, heti 1 (egy) órára mit ajánlanátok weboldalkészítés alapjaihoz? 1-1,5 hónap van rá, tehát optimális esetben 6 tanóra. Publisher, Kompozer, Notepad? (Environment: Win10-es gépek, átlagos diákok.)
TheSaurida Posted January 22, 2018 Posted January 22, 2018 Ezt nekem írtad? Biztos nincs egyszerűbb? Amit egy érettségi vizsgán ebből tudni kell, az általában két, egymásra mutató lap megalkotása, egy-egy képpel, némi szöveggel, igényes háttér- és szövegszínnel. Már ha van érettségin webszerkesztés feladat egyáltalán.
payskin Posted January 22, 2018 Posted January 22, 2018 Mit értünk egyszerűbben? Az ócska HTML és CSS-kódot generáló vizuális szerkesztők kora, remélhetőleg, véget ért, hál' istennek. Helyettük jöttek az ilyen kattints-ide-kattints-oda kész a weboldalad jellegű megoldások, mint a wix meg a squarespace. Még azt sem mondom, hogy ez utóbbiak szarok volnának; jól kidolgozott, szép template-ekre épülnek, lehet velük klassz dolgokat csinálni. A középiskoláknak el kell dönteni, mit akarnak. Mi a cél? Megtanítani az egyszerűbb weboldalak működésének alapjait? Kicsi HTML, CSS, JS? A VS Code, mint kódszerkesztő, tökéletes eszköz erre. Ez nem a nagy Visual Studio, hanem egy habkönnyű, mégis nagy tudású (könnyen bővíthető) kódszerkesztő a Microsofttól, ami ráadásul ingyenesen is. Legnagyobb dobásuk az utóbbi időben; mintha nem is ők fejlesztenék. Nem véletlen, hogy a fél világ kezd rá átállni, maga mögött hagyva a Sublime-ot meg az Atomot. Ha nem ez a cél, hanem a talpraesett internethasználat, akkor az meg nem ez a téma.
TheSaurida Posted January 22, 2018 Posted January 22, 2018 A talpraesett internethasználat egy másik kérdés. Nézz meg egy középszintű info érettségi feladatot (amiben még van webszerkesztés) és borzadj. Szerencsére még van pár hetem, megnézem ezt a VS code-t alaposabban, hátha alkalmazható ebben a környezetben is. Mindenesetre köszönöm.
payskin Posted January 22, 2018 Posted January 22, 2018 A Youtube tele van róla videókkal. Arra is kukkants rá. Egyébként, a másik ötletem, ha azonnal látni akarjuk az eredményt, akkor a CodePen. Ott van HTML, CSS, JS "ablak", nem kell foglalkozni olyan dolgokkal, hogy DOCTYPE meg mert a Codepen csak a -t engedi közvetlenül szerkeszteni (a -et a fogaskerék mögötti felületen), instant látható eredmény, ami ráadásul megmarad a felhőben. A regisztrációval egy kis talpraesett internethasználatot is lehet tanítani. Na? Ez klasszisokkal egyszerűbb, szerintem.
payskin Posted January 22, 2018 Posted January 22, 2018 Nézz meg egy középszintű info érettségi feladatot (amiben még van webszerkesztés) és borzadj. Hű, ezt kár volt mondanod. Megnéztem a tavalyit. Azt-a-rohadt-mocskos-jó-k.... TÁBLÁZATBAN CSINÁLTAT WEBOLDALT 2017 MÁJUSÁBAN?!?!?! Bármit írok be, azonnal kitörlöm, nem vagyok szalonképes, baszki.
TheSaurida Posted January 22, 2018 Posted January 22, 2018 Ugye? Mielőtt kiugrottam a rendből (2014-ben), még a FrontPage-et használtuk, esetleg a Kompozert, igény szerint. Aztán elvesztettem a fonalat, most visszajöttem, és gyűjtögetem az adatokat. Érettségin egyébként nincs a gépeken még hálózati elérés se, nem hogy internet, ezért kell valami ilyen faék egyszerűségű izé. De volt olyan elvetemült kölök, aki tényleg a jegyzettömbben csinálta meg a feladatot, gyorsan és gyakorlatilag hibátlanul.
Fujitsu Posted January 22, 2018 Posted January 22, 2018 Hát, én ugyan elég rég érettségiztem már infóból, szóval azóta változhattak a dolgok jó és rossz irányba is, de ha nem csal az emlékezetem, a táblázatos megvalósítás nem úgy értendő, hogy csak és kizárólag abban építheted fel az oldalt. Viszont mivel a régi WYSIWYG weblapszerkesztőkben a táblázatozás a kézenfekvő faék megoldás, és az érettségiző diákok 95%-a nem ismeri sem a HTML-t, sem a CSS-t (JS-t hagyjuk is), csak WYSIWYG-ekben tud kattogni, ezért így adják az instrukciót. A mi időnkben NVU volt, azt volt célszerű használni. Az tagadhatatlan, hogy NVU-ban azt a két, vélhetőleg 2001-ben megálmodott kinézetű, statikus oldalt tíz perc alatt össze lehet baszni, amit kérnek; nyilván kód szempontjából szar lesz, de nem azt pontozzák, szóval mindegy. Ha normálisan meg akarnád csinálni, az azért mindenképp több idő. Hat óra gyakorlat, az nulla előismerettel viszont semmire nem elég. (Éljen a magyar oktatás, heti 1 infó, heti 5 tesi, így kell betanított munkásokat képezni.) Én ebben a helyzetben azt csinálnám, hogy egy órában összefoglalnám a HTML és a CSS témakörének legalapvetőbb ismereteit, aztán 5 órában gyakorolnék velük valami WYSIWYG-en, itt-ott azért megmutatva, hogy miből milyen kód lesz. Így akit nem érdekel a téma (~ 90%), az megszerzi a pontjait az érettségin, aztán annyi; aki pedig akár minimálisan is érdeklődik, az is megszerezheti a pontokat, de kap valami pici fogódzkodót ahhoz is, ha később a WYSIWYG-es gányoláson túl picit is komolyabban szeretne foglalkozni a témával. 1
TheSaurida Posted January 23, 2018 Posted January 23, 2018 Köszi. Az NVU-t teljesen el is felejtettem. (A Hivatalban néha kellett HTML+Velocity alapú iratmintákat javítgatnunk, arra a Notepad++ tökéletesen megfelelt, minden WYSIWYG csak megborította, vagy olyan kódlappal hozta fel, amitől kiégett a szemünk.)
payskin Posted January 23, 2018 Posted January 23, 2018 Hát, én ugyan elég rég érettségiztem már infóból, szóval azóta változhattak a dolgok jó és rossz irányba is, de ha nem csal az emlékezetem, a táblázatos megvalósítás nem úgy értendő, hogy csak és kizárólag abban építheted fel az oldalt. Hát, akkor borzadj velem: már a feladatkiírásban (PDF, 2. feladat, parlagfű) is explicite benne van, hogy táblázatot kell csinálnia oldalszerkezetként, ez meg egy részlet a javítási útmutatóból:
payskin Posted January 23, 2018 Posted January 23, 2018 Ó te jó ég, teljes tévedésben vagyok. Egyáltalán nem tanítanak HTML-t. Valami weboldalkészítő programban kell fel-alá kattintgatni. Aktuális tankönyv részlete: http://www.jos.hu/down/0153/142-143.pdf
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now