että miten sivuista saa tehtyä joka resoluutiolla toimivia ja sen näköisiä mitä on tehnyt editorilla.
olisiko netissä mitään opasta tämän puutteen korjaamiseksi?
olisiko netissä mitään opasta tämän puutteen korjaamiseksi?
sivut toimiimaan joka resoluutiolla..
wryy
7664
0Äänestä
Muut lukivat myös
Odottaa vastausta
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Vastaukset 7
Vanhimmat
tässä simppeli ohje:
Tee koko sivu taulukon sisälle. Tee taulukosta pienempi kuin pienin resoluutio vaakasuunnassa (eli alle 640pix). Nyt on ihan sama onko katsojan koneen reoluutio 800 vai 1600 pix leveä, koska sun sivut on ja pysyy esim 600 pix leveänä.
»Nyt on ihan sama onko katsojan koneen reoluutio 800 vai 1600 pix leveä, koska sun sivut on ja pysyy esim 600 pix leveänä.»
Ja esimerkiksi nettiselaimellisissa puhelimissa on varsin harvoin 600px leveä näyttö.
Että onkohan tuo taulukko tälläkään kertaa kovin hyvä ratkaisu..
Jos kaikki alkavat nyt tekemään sivuistansa sellaisia, että ne näyttävät puhelimissa hyvältä, niin Internetistä tulee aivan karmean näköinen paikka...
Tuohan ei ole mikään ongelma, pelkästään huomioitava asia. Suosittelen sinullekin opiskelua.
Täsmälleen samannäköisenä joka resoluutiolla näkyviä sivuja on lähes mahdoton tehdä, ellei sitten tee sivusta jollain keinolla tietyn pistemäärän levyisiä (esim. mainittu taulukkokonsti) ja niin kapeita kapeita että varmasti mahtuvat kerralla jokaiselle ruudulle tai käytä jotain muuta kuin HTML rakennetta.
Tuo ei kuitenkaan ole hyvä tapa, pienellä resoluutiolla tuolla konstilla hyvännäköiseksi trimmattu sivu ei taatusti näytä hyvältä isolla resoluutiolla. Fiksumpi tapa on paneutua sivun rakenteeseen ja suunitella se sellaiseksi että se skaalautuu hyvin eri resoluutioille, käytännössä määritellä sivun elementtejä (frame/taulukko/*** miten sitten toteutatkin) osin pikselileveyksillä ja osin prosenttileveyksillä. Yksi tapa joka _joskus_ auttaa vähän tuota skaalautumista on sivun kokonaisleveyden rajoittaminen esim. 80% leveyteen, ei paljoa kavenna sivua (pisteinä mitaten) esim. 800*600 resoluutiolla mutta "rajoittaa" sivun leviämistä suurimmilla resoluutioilla.
Kakki koot CSS:llä ja sitten javasript-kikkaretta oikein kunnolla joka a) tutkii selainikkunan kokoa ja b) muuttaa sitten dynaamisesti koko ajan noita CSS kokomäärittelyjä suhteellisesti selaiikkunan kokoon (leveyteen).
Olen nähnyt jossain CSS:llä tehdyt sivut mitkä muuttuu yksipalstaisesta kaksipalstaiseksi kun selainikkunaa venyttää. Ja siinä siis käytettiin *vain* CSS:ää ja Javascriptiä, niin periaatteessa tuota voinee soveltaa laajemminkin. Homma on taatusti "helppo"...
Taitaa olla että kuvien x- ja y-koot pitää tarkistaa esim php:llä ja luoda CSS (osin) lennossa noiden kuvien osalta, jotta kuvat saadaan skaalautumaan oikeasuhteisina dynaamisesti.