Dupa cum scrie in titlu mar interesa daca exista vreo regula pentru dimensionarea unui pagini adica cati pixeli latime si cati lungime :d
Versiune printabilă
Dupa cum scrie in titlu mar interesa daca exista vreo regula pentru dimensionarea unui pagini adica cati pixeli latime si cati lungime :d
Desigur ca exista diferite dimensiuni default pentru aceasta chestiune. Numai ca astazi a devenit o problema acest lucru deoarece exista o diversitate de dispozitive precum tablete, monitoare, telefoane asa ca mai toti webdesigneri pe care i-am intalnit folosesc procentele si nu pixeli. Si te asigur ca e mult mai simplu si curat sa folosesti procentele in detimetrul pixelilor. insa daca te ajuta o sa iti spun cateva dimensiuni in pixeli:
1024 x 768
1280 x 1024
1280 x 800
800 x 600
Insa reiau, pentru a elimina bataile de cap foloseste procentele. Acum depinde si ce program folosesti pentru realizarea siteului, insa in CSS se poate realiza foarte simplu totul.
ai dreptate am cautat mai mult si am ajuns la concluzia ca dimensionarea in procente este cea mai ideala cudul css " width: 100%;
height: auto !important;
height: 100%; /* for older browsers */
min-height: 100%; este in regula ?
Nu sunt sigur cum este in wordpress, insa in Joomla se folosesc mult si pixeli cand creezi scheletul propriu zis pentru module. Pui o anumita latime predefinita, dupa care imparti toate coloanele, randurile, etc dupa procent. E oarecum greu sa lucrezi cu 100% latime pt orice tip de rezolutie ... deoarece pot aparea probleme legate de grafica.
poti arunca o privire aici: 960 Grid System (e un sistem "clasic");
daca vrei "expert level" poti cauta pe net detalii despre "adaptive" si / sau "responsive" design;
later edit: e foarte usor sa o dai in bara cu dimensionarea in procente daca nu ai experienta cu treaba asta;
In ultima perioada se fac responsive, adica adaptate pentru orice rezolutie, indiferent ca intri de pe mobil/tableta sau browser de desktop/laptop.
Gasesti mai multe detalii pe Google "responsive web design" sau:
O scurt
30 Useful Responsive Web Design Tutorials
Beginner
pai si alta varianta sa definesc ca pagina sa fie pe full pentru ori ce fel de rezolutie care ar fii ? mie mi se pare cam aiurea sa fie dimensionata o pagina la o rezolutie mai mica decat o am eu .. sau sa am acele liniute stanga dreapta pentru dimensionare :d voi ce parere aveti /? :D
Site-urile moderne se fac responsive, eu folosesc bootstrap, unde grid-ul merge pana pe la vreo 1300 pixeli, deci ar trebui sa se vada ok si pe 1920 x 1200.
Dar, cand faci doar design-ul, trebuie sa incepi cu niste dimensiuni standard, eu ti-as recomanda grid-ul standard, 960
Ce au spus ceilalti e foarte bine. Totusi pentru a te putea ajuta mai exact in ce platforma, cu ce program doresti sa dezvolti acest site ?Citat:
Postat în original de WooolAdmin
Depinde de tipul site-ului. Spre exemplu un site simplu de prezentare cu 2-3 paragrafe pe prima pagina in varianta responsive ar fi afisat foarte ok pe rezolutii mici (mobile + tablete) dar pe rezolutii mari nu ar arata prea bine. Pe cand un site de stiri cu mult continut ar fi afisat foarte bine in ambele cazuri.
Daca nu vrei sa faci un design fluid (%) mergi pe unul fix la o latime de 1000px (sau 960px, dimensiunea pe care o prefer eu :P).
Width 960px, inaltimea depinde cat content ai pe pagina, e dinamica si as lasa-o asa.
Exista anumite setari pentru ca elemente din pagina (imagini, div-uri) sa se poata scala dinamic, in functie de rezolutia si dimensiunea ferestrei browser-ului. Efectul este vizibil in timp real, adica apuci marginea ferestrei browser-ului si tragi de ea si micsorezi fereastra. Dai refresh si vezi cum continutul s-a scalat.Citat:
Postat în original de WooolAdmin
Pentru asta de obicei se foloseste combinatia "height=auto; max-width:100%;" si un hack pentru Internet Explorer 8 "width: auto\9; /* ie8 */"
eu fac situl in DrameWiver si nu prea o sa folosesc o tema gata facuta il incep de la inceput, pentru ca vreau sa fie diferit fata de restul ...Citat:
Postat în original de CezarAdrian
Eu iti sugerez sa il faci in procente si cu divuri, asta depinde cum iti e mai usor. La inceput stiu ca gasisem scripturi care iti redimensionau pagina insa iti urca timpul de incarcare semnificativ insa cu procentele am scapat de toate problemele. Plus ca exista diferite tipuri de aliniamente intre divuri sau tabele care iti permit sa faci cam tot ce vrei. Succes
si cum faci ca exact acelasi continut de pe un rand de 800px sa il afisezi pe un rand de 2000px?Citat:
Postat în original de CezarAdrian
daca nu e responsive / adaptive.. imaginile vor fi la fel de mari pe 2000 ca si pe 800;
de ce mi-ar fi mai comod un site care imi umple ecranul 100% si imi adauga spatii albe intre elemente decat unul de 960 care imi aseaza frumos spatiile albe in lateral?
Iti redimensiona divurile sau tabelele cred ca folosea tot procente, insa il am pe un hard vechi o sa ma uit dupa el cand am timp. Nu l-am folosit niciodata doar il gasisem ca solutie pe internet pana sa aflu de procente. OFF: siteul prezentat de tine in semnatura cel de masini de tuns iarba nu are preturi ?
nu intrebam tehnic cum faci.. ci practic, daca pe un rand ai 3 imagini * 250px = 750px (care se vad perfect pe un ecran de 800px - 3 col * 33%), cand muti acelasi content pe un 1900px o sa ai tot alea 3 imagini tot de 250px cu muuult spatiu alb intre ele => foarte incomod de urmarit;Citat:
Postat în original de CezarAdrian
deci, cum se justifica recomandarea ta?
off: nu e chiar regulamentar offtopicul, insa raspunsul scurt e: pt preturi ai telefon / email / formular de contact
O solutie ar putea fi sa pui cele trei imagini sa fie mari, de exemplu de 630px fiecare. In acest caz pe 800 px vei avea o redimensionare a imaginii la 260 px. Mai mare problema mi se pare cand ai text putin. In formatele mici textul va sta compact, dar pe formatele mari se poate lungi fara rost.Citat:
Postat în original de Ciprian.Olaru
eu dadusem un exemplu cu care sa imi sustin ideea ca width 100% fara sa fie responsive e o idee neinspirata;Citat:
Postat în original de Vicarious
ca sa nu deviem prea tare de la intrebarea initiala, eu sustin ca un layout fluid, dar neresponsive are o problema de ergonomie (chiar mare in zilele noastre si la rezolutiile existente);
cred ca am specificat in alte 2 posturi ca ii recomand sa foloseasca procente. Daca l-ar fi interesat ar fi cautat pe net mai multe informatii despre ce i-am propus. Nu am folosit doar am vazut ca o eventuala rezolvare. Daca esti curios esti liber sa cauti si tu. Eu folosesc procentele.
off: daca te apelez de pe 2 numere de telefon pentru un produs primesc acelasi pret nu ? :) Cred ca a primit rezolvarea mai exact punctul de pornire in rezolvarea problemei. Succes
@cezaradrian - de la faptul ca nu ai folosit dar ai vazut ca o eventuala rezolvare si pana la recomandare e ceva distanta;
off: nu stiu la ce te referi cu numerele de telefon, dar daca e vb de produsele de pe siteul din semnatura.. n-am nici o legatura cu ele; faptul ca imi plac, nu inseamna ca si detin siteul care le distribuie;