Principii de construcție a unui desen sau model de cauciuc

Design-ul pentru toate rezoluțiile de ecran.

Site-ul de proiectare pentru a întinde sub orice rezoluție a ecranului - un principiu foarte important în web-design. Vizitatorii, care au ecrane de rezoluție mai mare, se pot vedea mai multe informații pe o singură pagină, reducând necesitatea de a defila. Cele mai multe site-uri au un design poate bun venit doar o singură rezoluție a ecranului. Acestea pot arata bine la 800x600, dar ecranul este 1024x768 site-ul pare gol. spații deschise mari creează iluzia unui site mic. Tot mai mulți oameni au început să folosească monitoare de înaltă rezoluție. Prin urmare, este important să se proiecteze un site web pentru toate rezoluțiile de ecran. Tutorialul discută despre modul de a face un design site-ul pentru toate rezoluțiile de ecran.

Pasul 1: Determinați cea mai mică rezoluția ecranului.

Înainte de a începe lucrul pe site-ul, este necesar să se determine cea mai mică rezoluția ecranului. Design site-ul web este dezvoltat pe baza de rezoluție de ecran minimă. Numeroase studii arata publicului la Internet care sa bucurat recent de 640x480 doar 0,5% din utilizatori. Astfel, este posibil să ignore o rezoluție mică. O altă importantă cantitate este de 800x600. În ciuda unei tendințe către sokrasheniyu, utilizatorii care monitorizează ecran are o rezoluție, este încă o cantitate suficientă pentru a le lua în considerare. Acest lucru înseamnă că este necesar pentru a proiecta un site web pentru ecrane cu o rezoluție de 800x600 sau mai mare.

Pasul 2: Elaborarea unui design al site-ului dvs. pentru o rezoluție minimă de ecran.

Odată ce o rezoluție minimă de ecran este determinată, este necesar să se dezvolte un design site-ul pentru această cantitate. Acest lucru înseamnă că toate elementele grafice trebuie să fie proiectate astfel încât site-ul sa uitat bine la o rezoluție de ecran minimă.

Pasul 3: În dezvoltarea codului HTML, asigurați-vă că toate mesele au unitatea ca procent.

Important: acesta este secretul dezvoltarii designului site-ului la orice rezoluție a ecranului. Ai nevoie pentru a lucra cu interes, și nu cu pixeli. Dacă lucrați cu pixeli, specificați dimensiunea absolută, în timp ce ratele dobânzilor vă permit să utilizați dimensiuni relative. Dimensiunile sunt date ca procent din rezoluția ecranului.

Pentru o înțelegere clară a problemei, să ne uităm la un exemplu. Dacă sunteți proiectarea unui site web pentru o rezoluție a ecranului de 800x600, probabil, va face lățimea de masa de 800 px și 600 px inaltime. Dar daca se dezvolta un site pentru orice rezoluție, atunci trebuie să setați înălțimea și lățimea mesei până la 100%, astfel că, indiferent de rezoluția ecranului paginii este de a umple tot spațiul disponibil. Acesta va fi de 100% din rezoluția ecranului. Procente poate fi setat oricand.

În prima etapă, puteți face înălțimea de masă de 100% și 100% din lățimea. Puteți seta 95%, în cazul în care doriți să obțineți ceva spațiu liber în jurul paginii.

Pasul 4: În tabel pentru utilizarea celulelor ca o unitate de pixeli, cu excepția celulelor pentru conținutul site-ului.

Acesta este un punct foarte important. Trebuie să specificați dimensiunile pentru toate celulele, cu excepția informațiilor site-ul celulei. Dimensiunile pentru această celulă nu se poate pune jos deloc.

Demonstrarea unui design simplu site-

Pasul 5: Se introduce imagini și conținut.

După ce ați terminat pentru a marca masa ta, dimensionate ca procent, trebuie să inserați imagini și conținut. De obicei, plasat pe site-ul logo-ul în colțul din stânga sus și butoanele de navigare în partea de sus sau în partea stângă.

Pentru mai multe modele complexe, poate fi necesar pentru a umple fundalul pentru a finaliza designul site-ului. Amintiți-vă că sunteți în proiectarea unui design site-ul la orice rezoluție, iar imaginea ar trebui să fie plasate în mod corespunzător. Cel mai simplu mod - utilizați colțurile din stânga și din dreapta sus a imaginilor fixe, și se lasă la mijloc pentru a alinia dimensiunea ecranului.

Pasul 6: Verificați site-ul în toate rezoluțiile.

Etapa finală - este de a verifica site-ul dvs. în toate rezoluțiile care sunt disponibile pe computer. Pentru ao îndeplini, trebuie să folosim fondurile pentru instalarea rezoluția ecranului sistemului de operare. Efectuarea testului în toate rezoluțiile posibile suportate de monitor.

5 lecții din ultima coloană „HTML și DHTML“

Când scrieți sau depanare scripturi PHP, folosim adesea var_dump () și print_r () pentru a afișa o serie de date și obiecte avansate. În acest post, aș dori să vă spun despre funcția var_export (), care poate converti o matrice într-un format adecvat pentru codul PHP.

Un cuplu de liber panoul de administrare template-uri.

Crearea unui șablon pentru scrierea nu este o chestiune simplă. Va oferim o selecție de 30 de site-uri unde puteți descărca aceste șabloane pentru a se potrivi toate gusturile.

De exemplu, aveți o casetă de căutare, care este procesat de fiecare dată când apăsați o tastă tastatură. Dacă cineva vrea să scrie cuvântul pentru Windows, cererea AJAX va fi trimis la următorul fragment: W, Wi, Win, vânt, Windo, ferestre, Ferestre. Problema?.

O selecție de 15 site-uri noi în cazul în care puteți descărca imagini gratuite pentru a umple site-urile lor.

Rezoluție minimă sub care typeset site-uri este 1024x768

Divas mai bine decât tabele? despre frame-urile sunt întoarse în jos, prietene.

Typeset site-uri în 1024, am folosit pentru a iubi de cauciuc până când a cumpărat un monitor mare, ceas, mulți sunt de acord. Optim impune 1024-1440 cu o întindere maximă, nu mai stă, și, desigur, bloc de impunere.

640 x 480 și 800 x 600 este ultimul secol! Chiar și în rezoluția mea netbook mai (1366 x 900, în opinia mea.)

Și despre 800600 scris corect. Sunt aici la spectacolele site-ul de birou (bine, site-ul este bine făcut - respins de 800600), deci în ciuda faptului că Monica un cuplu de trei ani în valoare de 800x600. Întreb de ce? Răspunsul: ei spun ca set este bine în valoare. implicit Windows pune un pic, iar administratorii nu deranjez, nu să fie aceeași doamnă vechi contabil să urce există un fir pentru a schimba)))

Nu voi începe argumente lungi despre care este mai bun - un tabel sau blocuri, doar îmi spun - să impună un site pe mesele pot în mod convenabil, dar este pentru conținut static, dar dacă există o dinamică (php, perl, asp, tu nume) departamentul de blocuri statice de dinamic - este doar groaznic pe mese, și Jquery și alții ca ei vor lucra cu blocuri (cel puțin am făcut acest lucru). Ps Nu văd nici un proiect serios folosind tabele în pagini de aspect, poate uitam rău, dar merită să ne gândim la asta.

Eu acum nu înțeleg ce disputa. După cum vă place și scrierea și nefig impune SVE opinii asupra altora. Și din cauza tabele depășite aici sunt un site etoot câteva exemple este scris în tabelul de interior diva. site-ul ww.mail.ru este scris și modul de cauciuc este, de asemenea, un tabel într-o altă tabelă, dar în multe divuri și la schimbarea rezoluției și conținutul nu sari și este ușor de citit și ochchcheen intoraktivny. Prin modul în care există unii „experți“ a scris că tabelul ultimul secol și așa proeksperementiruyte deschide orice megaportal deschide codul și veți vedea că după eticheta corpului. asta e tot tezhe drept învechit toată masa injuriile. Aceasta este întrebarea dacă masa, astfel depășite, de ce toate proiectele cool acestea sunt utilizate Ahhh. În masa mea cea mai efektivnost ca cadru și Diva interior ca conținut interactiv. Dar aceasta este opinia mea personală nu poate lua :)

pe Toshiba 14 „1360 * 768, dar eu sunt chiar acasa (1280) Nu întindeți fereastra de browser-ul dvs. în timp ce agățat o singură fereastră, în lungime completă și 3/4 lățime

Pentru astfel de cazuri, trebuie să știți regula „construcția compoziției“ și „secțiunea de aur“, la o întindere 1024 1920 ambele pierdute. „Și ai încercat să se așeze pe un scaun de 30 cm lățime și 100?“ - rezultat - f * ne va fi incomod. Sau una sau alta.

argumentând cu privire la dimensiunea monitorului, toate uitat se pare că aproximativ două mari tag-ul pe care vorstke de cauciuc (așa cum cred) Ei bine, nevoie doar: min-lățime și înălțime min

Prin obținerea de informații de la două canale (vedere si auz) eficacitatea instruirii de învățare departe superioare de cărți. O temele pentru acasă și teste on-line vă va permite să se gândească în mod constant în limba țintă și imediat verifica cunoștințele!

Dacă doriți o lungă perioadă de timp pentru a studia modul în HTML, mi-ai, pentru ai vesti bune!

Dacă ați învățat deja HTML și doresc să avanseze, următorul pas va fi de a studia tehnologia CSS.

Dacă doriți să înțeleagă conceptele de domeniu si hosting, învață cum să creeze o bază de date, încărca fișiere pe un site web prin intermediul unui server FTP, crea subdomenii, configurați cutiile poștale pentru site-ul și să monitorizeze participarea, acest curs este conceput special pentru tine!