dispunerea corectă a site-ului dacă

1. nu este doar posibil, dar bine făcut
2. Sunt de acord, este mai bine să înceapă cu elementele de bază, și HTML4 CSS2, și apoi du-te în HTML5, CSS3, mai puțin, SCSS, și nu doar pentru a elimina vechi și noul aspect, apoi JS și jQuery, fără să-l strâns în layout-ul, și apoi puteți bootstrap uite, pur și simplu sfătui să nu se uite, sari multi pe el, deși, dar o grămadă de cod suplimentar, mai ales pentru incepatori, este un pic ceva pentru a da (se typeset personal fără bootstrap), apoi să fie adaptat la CMS, trebuie să știți cum să construiască acest CMS și, prin urmare, știu PHP, pentru că, în general, indiferent de a alege. Dar despre PHP nu este în întregime adevărat, partea de client, de asemenea, este format din PHP, deci trebuie doar să învețe din elementele de bază și pentru a proiecta modele.

Acum, modelul:
În primul rând, faptul că, în fiecare bloc nu se scrie marja padding 0px, mai bine doar la punctul de plecare

se simte la faptul că, ceva nu merge bine în viitor? px,%, px, em. corect pentru a indica toate dimensiunile în pixeli, dacă este altul decât cel, cel puțin, asta a fost un lucru, sau px, sau em, etc. în caz contrar se va transforma viața în iad).

De ce atât de multe ambalaje? Toate divs imbricate de fapt nu fac nimic mai simplu:

mai puțin cod, rezultatul este același.
în loc de

și în consecință stiluri

Ei bine, dacă nu e Nitpick))
Și, în sfârșit:
- Acum, impune o „cauciuc“ șablon
- blocuri de lățime indicate explicit (pixeli)
Dacă aveți lățimea în mod explicit, acesta nu mai este un șablon de cauciuc este)

Multumesc pentru pont! erori de date Uchtu. Și de data aceasta vom lua descrierea banner-ului. Pentru a face această parte a „cauciuc“, eu folosesc următoarea
Banner static:
.lățime banner: 1120px;
height: 500px;
margin: 20px auto 50px auto;
frontieră: 20px #FFFFFF solid;
>
cauciuc:

banner max-width: 1120px;
lățime: 100%; - această linie este, în esență, nu este necesar, nu-așa cum ar modificările nu au observat totul este îndeplinit de max-lățime ?.
height: 500px;
margin: 20px auto 50px auto;
frontieră: 20px #FFFFFF solid;
>

1) În ceea ce privește schimbările în structura. (Pe de exemplu, banner)
Ca urmare, acesta stabilește lățimea maximă a 1120px, reducând în același timp imaginea este scalată automat, începe să se năruie sub 300px, dar de data aceasta va fi corectata cu ajutorul cererilor media - (de fapt, va avea aspect de adaptare.
Cererea relevantă o imagine de înlocuire a imaginii, cu dimensiuni mai mici.)

P. S. Aceste modificări sunt studiate utilizând Tabloul de bord pentru dezvoltatori pentru Google Chrome - schimbați cursorul dimensiunea ecranului (Sensibilă).

dmitriu256. max-width: 1120px;
lățime: 100%;
înregistrarea indică faptul că unitatea ar trebui să aibă o lățime de 100%, dar nu mai mult de 1120px dacă scoateți și păstrați lățimea de imagine: 100%, în cazul în care imaginea este lat, se va întinde până la blocul de 1120px, adică, la o rezoluție de 1024px, unitatea va merge mai departe, deoarece este 1120px, iar în cazul în care lățimea de 100% a blocului respectiv, la o rezoluție de 1024px, el va 1024px

În ceea ce privește aspectul, este destul de groaznic :). Tabelele au folosit rar, float imprevizibil. Ai dreptate, este mai bine blocuri Yingling și blocuri de utilizare.
În ceea ce privește planul, eu, dimpotrivă, aș recomanda insistent să învețe mai întâi HTML + CSS, apoi JS (ES6 și ultima). Cadrele până mai târziu - vor strica numai gustul și adăugați govnokoda :)
Apropo, de predare, în primul rând, nu este foarte de actualitate, dar nu și cele mai recente materiale - amintiți-vă, de la IE6 dreapta mâine nu va renunța.

În general, la etapa inițială, te sfătuiesc să otseit materiale pentru typesetting peste 2 ani, și numai utilizați svezhak - la ce punct sunt confortabile cu svezhak curent, el ar fi foarte de actualitate.

ar trebui să fie utilizate ori de câte ori tabelele de numire directă a acestora)

dron100. Susțin pe deplin! Mi se pare (nu sunt sigur ca la typeset un pic), dar, de asemenea, o lungă perioadă de timp departe de tabelele din scrisorile. Dacă greșit, corect)

Artem Soshnikov. În ce sens? Adică, care vin pe cutie)
Tenkoff utilizează tabelul atunci când un extras cerut HTML.
Cererea depinde, dar în cazul în care masa, este necesar să se utilizeze masa, de ce inventa ceva. Un alt lucru este că puteți înveliți.

dron100. Da, e-mail. Scrisori.
Este clar că este necesar să se utilizeze un tabel pentru a afișa date tabelare.
Adică, în cazul în care utilizarea lor este încă pentru impunerea de nimic.
Se suspectează că există mai multe moduri de trushnye)