Html és css weboldal mobilon is müködjön

Ez a téma lezárásra került a moderátor által. A lezárás oka: Ez már csak szájkarata, amire nincs szükség (főleg nem a Tudástárban).
Címkék
Html és css weboldal mobilon is müködjön
2022-05-03T16:15:49+02:00
2022-05-05T13:53:47+02:00
2022-08-12T08:50:30+02:00
lombika
Sziasztok!

adott egy weboldalam amit htmlbe és ccsbe csináltam, viszont ha megakarom nyitni mobilon akkor szétcsúszik, olvasgattam már erről hogyan is kellene de kicsit bonyinak találom.

kérdés az egész weboldalt átkell irnom? vagy elég ha a mobilra integráláshoz hozzá szurok pár dolgot?

esetleg tudtok segíteni miket kellene pluszba hozzá írnom, hogy működjön és ne csússzon szét a lap.

köszönöm előre is.

Robi
Mutasd a teljes hozzászólást!
Azzal vitatkoznék, hogy ezzel ártana bárkinek.
Biztosan van akit érdekel, hogy modern legyen a felület, én ha vásárolni akarok, elsősorban azt nézem, megfelel-e a valóságnak amit az oldalon találok és van-e megfelelő keresője/szűrője.
Engem sok cég ott vesztett el, mint vásárlót, hogy pl ruhákat árul, épp csak méretre nem lehet szűrni vagy épp a készlet infó egy éves vagy régebbi.

Egy tippem lett volna, mint ideiglenes javítás: <meta name="vieport" ...>
elhelyezése a lapon. Volt olyan gyakorló oldalam, ahol bevált.
Mutasd a teljes hozzászólást!

  • Kód nélkül nehéz segíteni, de általánosságban elmodható, hogy ha a reszponzív implementáció elmarad a fejlesztés alatt, azaz oldalak kialakítása során, akkor utolag nehezebb megvalósítani, és általában a munka nagysága majdnem akkora lehet, mintha újraírnánk a teljes CSS-t, illetve magát az oldalt. De ez persze az egyes oldalak felépítéstől is függ. Ráaádsul mivel ebben az esetben a mobil megjelenés a rossz (vagyis teljesen hiányzik), ezért ezt részt biztosan az alapktól kell az oldalhoz hozzá adni.
    A kulcsszó a reszponzív webtervezés (responsive web design), erre keress rá. Sok tutorial, és leírás található róla.
    Mutasd a teljes hozzászólást!
  • Köszönöm

    Ez a weblap egyébként 

    Www.szitibutor.hu
    Mutasd a teljes hozzászólást!
  • Ez úgy ahogy' van, kuka. 15-20 évvel ezelőtt készültek ilyenek.

    Ezek azért elég meredek dolgok:

    - Fix méretek és pozíciók
    - DreamWeaver JS kódok
    - <meta name="description" content="A google optimalizálás és kereső optimalizálás... " />
    - <meta name="generator" content="WordPress 2.3.3" /> <!-- leave this for stats -->
    - <meta name="Author" content="info@szitibutor.hu">
    - Designed by: HTML and CSS.

    Hány éves vagy? 13-15? Akkor OK. Minden más esetben elfogadhatatlan.
    Ártani szeretnél a bútorboltnak? Mert egy ilyen webes jelenléttel ezt éred el.
    Mutasd a teljes hozzászólást!
  • Azzal vitatkoznék, hogy ezzel ártana bárkinek.
    Biztosan van akit érdekel, hogy modern legyen a felület, én ha vásárolni akarok, elsősorban azt nézem, megfelel-e a valóságnak amit az oldalon találok és van-e megfelelő keresője/szűrője.
    Engem sok cég ott vesztett el, mint vásárlót, hogy pl ruhákat árul, épp csak méretre nem lehet szűrni vagy épp a készlet infó egy éves vagy régebbi.

    Egy tippem lett volna, mint ideiglenes javítás: <meta name="vieport" ...>
    elhelyezése a lapon. Volt olyan gyakorló oldalam, ahol bevált.
    Mutasd a teljes hozzászólást!
  • Vitatkozz nyugodtan, de érvekkel is támaszd alá. 30px-es Monotype Corsiva betűtípussal, képekkel mint gombokkal, mobilon élvezhetetlenül, teljesen statikus HTML oldal formájában (ha már a keresőt hiányoltad) 2022-ben ezt nem lehet komolyan venni. A kód minősége mínusz ötös (hadd merjem már ezt leírni, ez egy szakmai fórum lenne vagy mi a szösz). Én sem azt mondom hogy lovagoljunk mindig az aktuális webes trendeken, szó sincs erről. De ez egy 15-20 éves színvonal.
    Mutasd a teljes hozzászólást!
  • A poén, hogy nekem mobilon is jól jelenik meg az oldal, ha fekvő formátumban nézem.
    Egy dolog, hogy szakmai szemmel milyennek látod, az meg egy totál más, hogy a közönség, a látogatók milyennek látják, hogy a funkcióját betölti-e.

    Jelen esetben ahogy elnézem, van egy kis cég, akiknek kellett valamikor egy statikus bemutatkozó oldal. Erre a célra szerintem megfelel. Semmi animáció, semmi csicsa, megmutat pár dolgot. Ennyi. Nem hinném, hogy nekik ennél többre lenne igényük. Ha így van, akkor minek beleölni rengeteg munkát?

    Tudok olyan bicikliszervizről, akiknek még ennyi sincs. Egy statikus oldaluk van, még telefonszám sincs rajta, csak az egyik fényképen, azon is véletlenül. Mégis van munkájuk folyamatosan.

    Érzésem szerint "kissé" el van túlozva a web2, reszponzív oldalak és hasonlók jelentősége.
    Ahol ezekre van igény, ott persze legyen megcsinálva tisztességesen, de ahol nem a webről szerzik az ügyfeleket, oda minek egy drága lap, amit folyamatosan karban kell tartani?
    És akkor ott van még az üzemeltetés kérdése.
    Kis, néhány fős cégeknél általában nincs ember aki a weblappal külön foglalkozna, többnyire a "főnök" ír be pár dolgot, esetleg válaszol az emailekre. Egy bonyolultabb oldal ilyenkor inkább árt, mert viszonylag hamar megunják, hogy naprakész legyen rajta minden infó és akkor jön az, hogy egy-két eve elavult dolgokba botlik az érdeklődő.
    Mutasd a teljes hozzászólást!
  • Hozok ellenpéldát: hervis.hu
    Mobilon csillog-villog, telieffektezve stb. 
    Hát épp csak lassúbb, mint a prog.hu-n egy topic nyitás. 
    Keresek valamit, iszonyat lassan épül fel az oldal, animációszerű megjelenéssel. Hosszú másodpercekig tart, mire a listából megjelenik a választott áru. Majd vissza gomb és még hosszabb idő, mire megjöm az előző lista.

    De nagyon szép, meg reszponzív, meg minden.
    Hát kösz, én inkább néznék egy hagyományos, 2000-es dizájnt, ha az működne gyorsan.

    Az már offtopic, hogy XXL a legnagyobb méret náluk, ami pár éve még XL volt ráadásul.
    Szóval engem már a weben elvesztettek, pedig modern lapjuk van.

    Másik: adidas hu
    Nincs semmiféle elérhetőség, színes-szagos, de a magyarítás csak félig sikerült és bármilyen kategóriát választok, mindenre az a válasz, hogy nincs ilyen termék. ?
    És lassú szintén. Mert az animáció kötelező.
    Mutasd a teljes hozzászólást!
  • Ne hasonlíts almát körtéhez. Mindkettő gyümölcs, ennyi a metszetük. Itt teljesen másról van szó. Több generációs technikai lemaradásról beszélünk. Az, hogy egy másik weboldal lassú, hiányos, a te preferenciáidat és igényidet nem elégíti ki, az semmiben nem releváns a jelen témában felhozott weboldalhoz. Rossz példát mindig lehet hozni.

    Manapság az internetező felhasználók többsége mobil eszközökön fogyasztja a tartalmakat, elég megnézni kb. bármelyik weboldal statisztikáját. Ez azt jelenti hogy ha őket meg akarod szólítani, akkor nekik kényelmes, gyors, átlátható felületet kell biztosítanod. Ha ez nem teljesül akkor ott látogatót / ügyfelet veszítesz. Néhány másodperc alatt eldől nálad fog-e érdeklődni / vásárolni, vagy sem. Ha már kihozod a vállalkozásod a netre, akkor legalább a szükséges minimumot tedd meg a megjelenéséért. A 15-20 éves technológiák használata nem ez, ennyi erővel lehetne JAVA applet vagy Flash is, azt tuti nem látná már kb. senki...
    Mutasd a teljes hozzászólást!
  • Te beszélsz technikai lemaradásról, meg arról, hogy árt a boltnak és egyenlőségjelet teszel a kettő közé.
    Holott pont a lassúság, a nehézkes kezelés az, ami jellemzően a "modern" lapokon jelentkezik.
    A szóban forgó oldalnak egy komoly baja van: a háttérkép, ami nehezíti az olvasást.

    A mai délelőttöt azzal töltöttem, hogy a méretemre való sportruhát kerestem. A felkeresett kb tíz oldalból egy sem volt olyan, amit én felhasználóként elfogadhatónak tartok.
    Elsősorban a lassúság, az animációkkal teliokádott lapok miatt, másodsorban a különböző hiányosságok: bolt elérhetőség;  keresés mindenre van, csak méretre nincs; magyarnak mondott oldal, de a fele angolul stb.


    Ezek lehetnek nagyon modernek egy webfejlesztő szemében, de potenciális vásárlóként sokkal riasztóbbak, mint egy korrektül összerakott hagyományos oldal, ami működik is.
    Mutasd a teljes hozzászólást!
  • Azért annyit érdemes lenne megnézned, hogy milyen/mit tud egy reszponzív dizájnnal felépített oldal, mert azzal nagyon nem értek egyet, hogy az adott cégnek különösebben ártana egy ilyen oldal, amilyen most van, de neked sokat segítene, ha a továbbiakban webes fejlesztésekből akarsz megélni.
    Például ezt tudom ajánlani első olvasásra: Responsive Web Design Introduction
    Sokan nem szeretik azt az oldalt, nekem már sokszor segített.
    Mutasd a teljes hozzászólást!
Ez a téma lezárásra került a moderátor által. A lezárás oka: Ez már csak szájkarata, amire nincs szükség (főleg nem a Tudástárban).
Címkék
abcd