Hei,
pystyykö kukaan neuvomaan, että onnistuuko millään koodilla muuttamaan
nettisivut niin, että ne skaalautuisivat myös kännykälle sopiviksi?
Vai pitääkö tehdä nettisivut kokonaan uusiksi esim. WordPressillä?
Tai jollakin muulla alustalla?
Sivustossa on käytetty näitä kieliä: HTML, PHP, MySql ja CSS.
Sivustossa on yksi tietokanta.
WordPress tms. alusta ei varsinaisesti liity kännykkätukeen, vaan ongelman voi ratkaista muokkaamalla sivuston HTML- ja CSS-koodeja. Miten, se riippuu nykyisestä koodista.
Jotta tekstin koko olisi lähtötilanteessa jotenkin järkevä, laita HTML-koodin head-osaan ainakin tämä:
<meta name="viewport" content="width=device-width, initial-scale=1">
Mutta muuten ei ole mitään taikakoodia, joka korjaisi koko ulkoasun, vaan pitää katsoa asia kerrallaan.
Tietysti jos HTML ja CSS eivät ole vahvuuksia, toinen vaihtoehto on ottaa jokin valmiiksi kännykällä toimiva sivupohja ja sovittaa omat sisällöt siihen.
Kiitos vastauksesta.
Kokeilen tuota antamaasi koodia.
Pitää yrittää löytää joku kännykällä oleva sivupohja ja yrittää käyttää sitä.
Tai sitten jotenkin ratkaista ko. ongelma noilla HTML- ja CSS-koodeilla.
Kyselen sitten myöhemmin lisää neuvoja, kun ensin yritän kokeilla noita edellä mainittuja ohjeita.
Tähän päälle sitten haltuun css:n media queryt.
Helpolla pääsee myös ulkoasua rakentaessa käyttää vaikkapa Bootstrap -frameworkkiä, jossa kaiken tauhkan lisäksi myös ihan kelvollinen grid.
Ja jos bootstrap tuntuu siltä, että siinä on liikaa kaikkea mitä ei tarvitse, niin esim. Skeleton on todella kevyt pohja lähteä rakentamaan. Siinä on siis lähinnä gridi ja jotain muuta pientä mutta ideana on että sen pohjalta rakennetaan itse.
Ja onhan noita tsiljoona.
Kiitoksia vastauksista. En ole vielä ehtinyt kokeilla noita teidän antamia neuvoja.
Mutta jos vaikka tänään saisi niitä tehtyä. Tuota Skeletonia kurkkasin vähäsen, siinä voisi olla minulle ehkä sopivat ohjeet rakentaa uudestaan tuo sivusto.
Lebe80 kirjoitti:
Tähän päälle sitten haltuun css:n media queryt.
Helpolla pääsee myös ulkoasua rakentaessa käyttää vaikkapa Bootstrap -frameworkkiä, jossa kaiken tauhkan lisäksi myös ihan kelvollinen grid.
Tuohan Bootstrapin 12-pylväinen taulukointisysteemi juontaa juurensa tuohon Grid 960 -taulukointiin.
Mediakyselyt, media queryt tuli vasta CSS3 -versiossa mielestäni mukaan.
Hyvä, että nostit media queryt mukaan, kun ne liittyvät oleellisesti responsiiviseen verkkosuunnitteluun. Javascriptistä puhuttaessa sitten jQuerya käyttämään.
Jere Sumell kirjoitti:
Hyvä, että nostit media queryt mukaan, kun ne liittyvät oleellisesti responsiiviseen verkkosuunnitteluun.
Eivät liity oikeastaan mitenkään, jos käyttää valmista ja laadukasta "CSS-kehystä" kuten tuo mainittu Bootstrap.
Jere Sumell kirjoitti:
Javascriptistä puhuttaessa sitten jQuerya käyttämään.
Tällä ei ole ketjun aiheen kanssa mitään muuta tekemistä, kuin että onnistuit rakentamaan hämmästyttävän heikon aasinsillan CSS:n media queryjen ja jQueryn välille nimien samankaltaisuuden kautta.
Grez kirjoitti:
Ja jos bootstrap tuntuu siltä, että siinä on liikaa kaikkea mitä ei tarvitse --
Kun lähtökohta on "miten teen sivuista skaalautuvat", niin luonnollisesti kysyjällä ei ole kompetenssia tällaisten asioiden arvioimiseen. Eikä sillä ole muutenkaan yhtään mitään väliä. Parempi olla enemmän kuin että on liian vähän.
muuskanuikku kirjoitti:
Eivät liity oikeastaan mitenkään, jos käyttää valmista ja laadukasta "CSS-kehystä" kuten tuo mainittu Bootstrap.
Bootstrap ei ole pelkästään "CSS-kehys". Yleisesti se on web-ohjelmointiin liittyvä front-end -kehityskehys, framework. On totta, että back-end -ohjelmointi paljon mielenkiintoisempaa, ja se tulee ennen front-endiä sivuhuomautuksena.
Front-endillä ole mitään merkitystä tai käyttöä, jollei ole toimivaa ja turvallista back-endi verkkosovelluksessa. Jos verkkosovelluksessa on toimiva ja turvallinen back-end koodi laadittuna, niin keskinkertainen front-end riittää myös siinä tapauksessa, parhaimmillaan ihan perus mustaa-valkoisella tekstipohjainen selaimella toimiva käyttöliittymä lomakkeineen, jossa on myös kaiknlainen CSS-tyyliarkki -muotoilu turhaa loppupeleissä.
Jere Sumell kirjoitti:
Bootstrap ei ole pelkästään "CSS-kehys". Yleisesti se on web-ohjelmointiin liittyvä front-end -kehityskehys, framework.
Ei pidä paikkaansa. Bootstrap ei sisällä minkäänlaista sovelluslogiikkaa, se on puhtaasti esitysmuotoon keskittyvä CSS-kehys. Luonnollisesti osa toiminnallisuudesta on CSS:n sijaan toteutettu JS:llä mutta se ei muuta kokonaisuuden luonnetta.
Esimerkiksi Vue.js ja Angular ovat frontend-sovelluskehyksiä. Niissä painopiste on sovelluslogiikassa eikä niiden mukana itse asiassa tule minkäänlaista "CSS starter packia".
muuskanuikku kirjoitti:
Kun lähtökohta on "miten teen sivuista skaalautuvat", niin luonnollisesti kysyjällä ei ole kompetenssia tällaisten asioiden arvioimiseen.
Toisaalta meillä muillakaan ei ole hirveästi mahdollisuutta arvioida parasta vaihtoehtoa johtuen niukoista tiedoista koskien kysyjän tarvetta.
muuskanuikku kirjoitti:
Eikä sillä ole muutenkaan yhtään mitään väliä. Parempi olla enemmän kuin että on liian vähän.
Ja sit taas parempi olla sopivasti kuin turhan paljon.
Odotetaan aloittajan vastausta. Jos olet keskustelun aloittaja, kirjaudu sisään ja vastaa!