După ce, la un moment dat m-am gândit: de fiecare dată când încep să impună un nou site, îmi petrec timpul cu privire la procedurile similare pentru a crea baza de date de aspect. Și de ce de fiecare dată pentru a face acest lucru, dacă aveți posibilitatea să salvați un plus, să zicem, cinci minute, folosind un site bara existent!
Din moment ce prima mea timp suficient spațiu liber a trecut, și am avut ponapihali deja în ea este întotdeauna regulile necesare. Voi împărtăși piesa de lucru, dar mai întâi spune-baza a ceea ce este și ar trebui să fie în ea. Deci
Pentru a începe nevoie de un set de următoarele elemente:
fișier HTML și atașat la acesta fișier css
Folder pentru imagini (încă goale) și ...
un singur pixel imagine gif transparentă numită blank.gif.
Cu primele trei în mod clar, le-am creat în avans, astfel încât să nu creați. Și de ce ar trebui să ne GIFCA? În cazul meu, se poate efectua următoarele trei funcții. Primul, ceea ce explică numele fișierului - blank.gif face parte dintr-un fix pentru Internet Explorer cu locul de muncă PNG corect. A doua funcție - în cazul în care aveți nevoie dintr-o dată să utilizați tabelul html, apoi, în scopul de a menține-l „surpări“ în Explorer, trebuie să bretele-imagine, care va fi GIFCA nostru (detalii vor fi mai mici). A treia funcție - când unele container (div), care provin din medii au nevoie de teren se poate face clic, am folosi de poziționare hife transparentă, se face trimitere (dar, probabil, mai ușor de a prescrie condițiile pentru css-way link-uri, dar aici o chestiune de obișnuință).
Pentru a continua dezvoltarea în continuare a piesei de prelucrat trebuie să înțeleagă că trebuie să se stabilească din ce bază facem un început. În primul rând, trebuie să estimeze ce tipuri de site-uri sunt și ceea ce au nevoie, și într-adevăr că este necesar să se lucreze cu ei. Aceasta este deja rezolvată inițial de departe, ca site-ul va arata. Pentru mine, am stabilit pe următoarele:
Piesa de prelucrat trebuie să fie furnizate de cauciuc aspect cu trei coloane, care poate fi ușor înlocuită cu alinierea nerezinovuyu cu browser-ul deținător.
Piesa de prelucrat trebuie să fie un subsol, care trebuie să fie presată pe marginea de jos a browser-ului.
După ce a definit aceste puncte pot ajunge la locul de muncă, fără a uita, de asemenea, că va avea nevoie, de asemenea, unele elemente de design de bază, cum ar fi proiectarea textului de pe pagină, hyperlink-uri, layout-ul și așa mai departe. De asemenea, nu uita de lucrurile mici, cum ar fi punerea departe frontierele punctate în jurul valorii de link-uri și alte elemente.
De exemplu, am oferi un kit de pornire, care poate fi descărcat de aici. Luați în considerare ceea ce nu a mai rămas.
Scurtă explicație pentru codul HTML. Ignorând numele de codificare și prescripția calea către fișierul css, uita-te la conținutul corpului tag-ul. A se vedea două containere cu identificatori și subsol totală, ei urmează unul pe altul. În al doilea nu este altceva decât text, iar primul conține un tabel, și un alt recipient cu identificatorul footer_guarantor. Sobstvennotri aceste containere sunt folosite pentru prinderea de jos browser-ul de margine subsol, iar masa - este un prototip cu trei coloane de cauciuc aspect.
Problema a apărut, probabil, de ce am folosi metoda veche a mesei în locul containerului moderne? Într-adevăr prefer vorstku konteyternuyu, dar în ceea ce privește aspectul cu trei coloane prefera tabel din cauza stabilității sale. In timp ce nu se găsește astfel de recipiente vorstku, care ar s-au comportat în mod adecvat, cu o scădere a lățimii browser-ului. În plus, până în prezent am o întrebare: dacă este necesar, de exemplu, astfel încât difuzoarele din stânga și din dreapta a fost o bordură din partea stângă, sau fundalul este, ceea ce ar trebui să se facă la înălțimile acestor coloane sunt egale, adică la stânga și la dreapta simetric au fost blocuri de aceeași fundaluri, nu unul sub altul de mai sus. Capul vine doar cu ajutorul ideii de ajustare zhabaskripta, dar adecvat pentru a numi această metodă, nu pot. Am lăsa un simplu de cauciuc cu trei coloane pentru tabele.
#total <
min-width: 1000px;
înălțime: auto importante ;!
min-height: 100%;
înălțime: 100%;
>
#footer_guarantor <
înălțime: 36px;
clar: ambele;
>
#footer <
înălțime: 36px;
clar: ambele;
margin: auto;
margin-top: -36px;
min-width: 1000px;
>
Acum, Să examinăm css-cod, pentru că este tot aceeași poartă mai multă relevanță.
Linia 2: Toate padding de zerouri. Reseteze datorită faptului că, în diferite browsere pentru diferite elemente precizate valori diferite pentru umplutură. Mai bine să le prescrie la tot peste tot era la fel, e timpul. Și în al doilea rând, dacă nu înregistrați, tot site-ul nu va fi presat pe marginea browser-ului și va fi padding pe toate laturile. Ei bine, cu siguranță, înțelegi ce vreau să spun =).
Rânduri 3-9, 42-58. Presarea subsol la marginea de jos a browser-ului.
Rânduri 10-13. Efectuarea textul de pe pagina. Înregistrează-au întotdeauna. Aici este posibil să se înregistreze implicit fundal alb este. Aici este secretul. În cazul în care site-ul este de culoare albă, se pare că fundal alb nu este necesar să se indice vedv sho apare atât de alb. Oricare ar fi cazul. În cazul în care Windows va un anumit desen, culoarea nu este de culoare albă, dar, ca cu nuanță bej sau violet, sau chiar culori acide, în general, care a fost pe atât de mult.
Rânduri 14-17. Setările pentru imagini. În primul rând, eliminați frontiera implicită pentru imagini, acesta este un lucru teribil, nimeni nu are nevoie. În al doilea rând elimina cursa atunci cand este apasat.
Rânduri 18-27. Configurarea pentru referințe. Culoare, design, accident vascular cerebral. De ce nu este atribuită o etichetă de prost, fără Hover, active și așa mai departe, pentru că sensul este același lucru? Unul și același lucru, dar nu și pentru Explorer 6. Vom avea grijă despre proprietarii de calculatoare vechi.
Rânduri 28-30. Lista de aliniere. Parametrul este, în principiu, nu este necesar, uneori, chiar și parazitare. Avea nevoie pentru acele cazuri, când media a flotorului de conținut bloc este apăsat la panoul din stânga - dacă nu înregistrați aceste linii, listele de elemente pentru a fi în afara blocului dorit să iasă. Un fals poate fi folosind diferite script-uri de meniu construite doar pe aceleași liste. Dar nu întotdeauna.
Rânduri 31-33. Clasa distanțier. Ce ciudat de clasă? Eu folosesc vorstku div-uri, containere, și de multe ori folosesc proprietatea float. Și zboară între aceste blocuri, uneori, trebuie să faci un fel de pauză pentru impunerea nu crawlere sau să nu aibă urcat. Atunci sunt în acele locuri creează un div gol cu acea clasă. Pentru a fi simplu, exemplul există un bloc de text pe lățimea paginii. I-am dori un bloc contiguu de text 3. Dacă eu între prima și cele trei unități nu pune o pauză, toate cele trei unități vor fi undeva în text, mai degrabă decât sub ea. Adică, dacă la figurat vorbind.
Rânduri 34-40. Cap. Pentru fiecare site, ei trebuie să se adapteze, oricum. Pe baza mărimii fontului de pe site-ul și dimensiunea antetului mare, se calculează dimensiunea antet, la ochi. Ele sunt, de asemenea, indicat pentru culoare și liniuță (să nu trebuie să apăsați Enter-de două ori când scris de conținut - liniuță).
La sfârșitul
Asta e de fapt setul meu. Aș dori să aud ideile tale despre acest subiect, care sunt lucrurile pe care le utilizați pentru a adăuga, pentru a prefera? O să aștept mesajele. Până atunci, veți vedea în curând! =)
Hmm, idee bună, și, cel mai important, convenabil! deși este foarte similar cu opțiunea cu arhiva și gata de directoare și fișiere în ea.
Și pe script-ul, desigur, fericit să fie privit! O puteți scrie aici, puteți posta. Dacă aici, va fi necesar să se utilizeze eticheta de cod sau imediat înlocuite cu caractere speciale. Toate mâinile nu ajung pentru a pune script-ul automat =)
Vă mulțumesc foarte mult pentru revizuire frumos =)
Da, un blog rece. De multe ori deja uitat aici și de a găsi dreapta Vechiul. Iar designul blogului frumos, nimic în plus, doar cu moderatie.
Alexander, ce ai typeset site-uri? În primul rând, trage aspectul în Photoshop, apoi se taie și transferat în HTML? Am încercat acest lucru, dar în cursul lucrărilor pe site-ul sunt întotdeauna unele detalii cu aspectul nu se încadrează în site-ul. Prin urmare, face antet, subsol, butoane de navigare, iar restul se află în procesul de lucru pe site-ul.
Și, în general, cred că - deosebit de puternic asupra super pare bătut în cuie site-ul nu este necesar, deoarece conținutul cel mai important, și că poartă în sine. Cât de mult nu săpat în rețeaua de web design, în special să nu găsească ceva valoros. El a marcat doar capul și timp pierdut.
Pot să vă sfătuiască orice carte despre acest caz? Și mulțumesc pentru blog-ul util și poznovatelny!
vă mulțumesc foarte mult pentru revizuire frumos!
Ei bine, de fapt, crearea de machete și dispunerea - două lucruri diferite. Eu nu sunt un designer, așa că pentru desen și așa mai departe. Eu nu presupun, există unii oameni pentru acest lucru. foarte rar, atunci când se salvează clientul, oferă modele gata făcute ca opțiune temporară. Și apoi, de multe ori acestea trebuie să fie terminat.
Nu sunt de acord asupra aspectului. În primul rând, să îndeplinească pe coperta - este întotdeauna mai plăcut site-uri frumoase și teribil - chiar nu vreau să mă întorc. În al doilea rând, cu excepția site-urilor orientate pe calculator, aceste site-uri chamyh stau ceainice, care nu sunt interesate de umplere site-ul, indiferent cât de strălucitoare nu a fost scris scenariul - acestea sunt importante, atât de frumos și confortabil.
astfel încât tema de proiectare nu pot sfătui nimic. dar, după cum arată practica, este mai bine să meargă fie în direcția de programare sau în direcția de proiectare.
Probabil că trebuie să se deplaseze în ambele direcții. (Doi iepuri de câmp au pus) Pentru toate ar trebui să fie în măsură să te facă.
La urma urmei, este pe placul meu. Am facut in HTML si CSS site-ul patru prieteni, două mai mult pe drum. Acum mă simt unele frustrare, mă simt că este necesar să se miște înainte și în interior.
Și ce crezi despre motorul site-ul? Joomla, Drupal, etc. Când am studiat construcția site-ul, în mod deliberat le ocolit. Acum, aici, cred că putem face un site pe motor, pentru a preda clientului de a lucra cu panoul de control, astfel încât el a adăugat la site-ul vrea el.
Motorul său nu am scris, in timp ce invata php doar, și se simt, va fi destul de dificil pentru mine.
Nu văd nici un motiv „de a se angaja în programare“, fără a învăța un limbaj de programare. Plus doriți toate dintr-o dată. Aici este un exemplu de viață. Am un prieten în programare prin nici un bâjbâie, cu impunerea avut probleme și designer de nici lui. dar aceasta nu face un întreg site în câteva ore. da, el va primi banii, dar de ieșire va fi o bucată de Gagne, care nu poate fi pus în portofoliu. el o înțelege. el mai mult și nu este necesară. pentru cei dintre site-urile sale avem chiar numele rzhachnoe, unul dintre cuvintele în care un astfel de titlu - „govnosayt“.
dacă vrei să faci, și amândoi, atunci trebuie să-și petreacă o mulțime de bani pe cursuri, ca auto-studiu este o chestiune delicată - nu toată lumea poate, ceva este legat de dor si va dura mai mult timp goraaaazdo.
în ceea ce privește motoarele, la început ar fi sfătuiți să WordPress - în primul rând, este mai ușor și este mult mai ușor de a găsi ceva. În plus, are o interfață simplă, și o pereche de plug-in-uri, în general, ea face foarte intuitiv. minus - va trebui să acorde o atenție la performanță și protecție. zhumla - este destul de lemn și să învețe să lucreze cu clienții săi este mult mai dificil. Drupal fost mult timp familiar, dar nimic pe ea a făcut. ca prea era din lemn.
în general, cele mai bune samopisnaya, dar înainte că este necesar să se dezvolte și să aibă sens să o facă acum - nr.
așa că aș dori la locul tau pentru cursurile celor două, m-am uitat să fie în cazul în care este mai bine pentru a obține în mod și să fie specializat. în timp ce, pe de altă parte, ridicați-vă abilitățile într-o altă zonă și poate mai mult sau mai puțin lucrurile adecvate pentru a vă că e de ajuns. pur și simplu, este posibil ca una dintre părți nu a ta - bine, nu interesant, este imposibil, sau ceva de genul încerca și să obțină Gagne. În general, aici
va arăta site-urile?
Pentru Denis
Denis, nu iau gata CMSki baza muncii lor! În orice caz, în timp ce nu învață cel puțin elementele de bază ale PHP.
Așa cum încălzirea în cuptorul cu microunde o pizza congelată nu va deveni un bucătar-șef, și implementarea Joomla pe un server, nu va deveni un programator!
se Papal în PHP pură, se simt noutățile când inventat logica, tu codul scris începe brusc să lucreze, Chase vechi, sortare-l, mâner, fă ce ai venit cu!
Și folosind un CMS fără PHP cunoștințe, școala elementară este de a vă conduce într-o stupoare.
Deci, bici pentru Windows în gât, a pus Linux, Apache (dacă nu este deja ...), și mai mult!
2egorr. Sunt de acord! Windu, dar nu neapărat pentru a conduce la gât, lokalku cu Apache pe ea, de asemenea, poate stoca în condiții de siguranță =)
Site-urile mele aici: expertavto.com
yristcom.ru
tdprometey.ru
runnerman.ru
Site-ul cu o prejudecată sport prima mea, (antet toate staniu) doi ani deja în rețea. E pe mesele complet. Vreau să-l refacă pe php, și este deja adăugată noua pagină hemoragică.
mod egorr Apache pe Windows7 nu am mers. Așa că am folosi Denver.
Și o altă întrebare stupidă. Linux este mai bine decât Windows? Am auzit ca asta nu este viral de hackeri a scris. Și, în general, compatibilitatea cu software-ul diferit?
pe site-urile. ceva care poate fi într-un fel numit de proiectare, nu există. Cu alte cuvinte, trebuie să învețe, să se uite, pentru a dezvolta aroma.
acesta nu este numit pentru a converti php, și a pus pe motor.
e ca pentru a discuta despre ceea ce o mai bună mașină sau o bicicletă sau un laptop, un sandwich sau un hamburger. fiecare are propriile sale argumente pro și contra.
Prin modul Apache pe Windows7 nu am mers.
Așa că am folosi Denver.
Asta este corect. Dar XAMPP mai bine!
Linux este mai bine decât Windows?
Am auzit ca asta nu este viral de hackeri a scris.
Pentru că este inutil ... Ei bine, nu e Vinda! utilizator Linux să renunțe chiar foarte dificil!
Și, în general, compatibilitatea cu software-ul diferit?
Nu există probleme vor fi. În cazul extrem, există Vin și VirtualBox.
Vă mulțumim băieți pentru clarificare.
Bună ziua domnilor! Familiar agenție de turism descoperit, doresc să aibă un site web. Informații cu privire la site-ul este, desigur, același lot. Creați un site exclusiv pe html și css este posibil, dar gemorno va adăuga informații, prețurile se schimbă și așa mai departe. Întrebarea este. Aceste site-uri sunt făcute la motoarele convenționale (de exemplu Jumla etc). Sau sub ele scrie motoare individuale.
Salutări!
Pentru a crea un site mare portal individual crea ceva doar în cazuri extreme și specifice. În plus, de regulă, este scump. Deci, inventa ceva nu neapărat =)
Multumesc pentru raspuns.