Dezvoltarea unui site de la zero

prieteni Hi! Astăzi încep o serie de lecții pe site-urile de dezvoltare. Site-ul va crea un zero complet. Adică, se va desena o schiță / desen în Photoshop, să impună și să aplice cadrul bootstrap pentru designul receptiv și în cele din urmă „intindem“ de pe CMS WordPress. Voi crea un blog despre alpinism. Adaptive aspect.

Schița prototip meu (stîngace, dar este clar pentru mine):

Dezvoltarea unui site de la zero

Materiale adiționale la această lecție:

1. Descărcați Ghid Ghid plugin grila de aici - guideguide.me

2. Calcularea Ghidul grilă Ghidul este pe următoarea formulă:

  • Lățimea paginii (dvs.) minus dimensiunea fontului în pixeli. De exemplu, 1170 (lățime bootstrap mesh) - 16px font px = 1154
  • Dimensiunea unei singure celule. 16px Font * 1,5 (1,5 este dimensiunea ideală) = 24px
  • Numărul de coloane. De regulă, 12. Poate fi mai mult.
  • Numărul de lacune. Difuzoare 12 + 1 = 13.
  • Lățimea diferenței. Numărul de ia dimensiunea unei singure celule, care este de 24 px.
  • Lățimea totală a golurilor. Lățimea a diferenței * numărul de lacune. 24px * 13 = 312 px.
  • Lățimea totală a coloanelor. Lățimea paginii px 1154 - diferența totală Lățime 312 px = px 842
  • Lățimea o coloană. Lățimea totală a coloanelor 842 px divide cu 12 (842/12) = 70, rotunjită la 1. 72 (deoarece divizibil cu 3, și 24 px).

Toate aceste opțiuni atunci când utilizați setările din plugin-ul Ghid de Ghid.

3. lecții excelente pot arunca o privire la Maksima Lobanova. Pe grila, schițele și desenele. Din păcate, lecțiile sale sunt disponibile, în cazul în care pentru a găsi clase nu prompt.

4. Setați fontul în Windows 7, aveți posibilitatea să mergeți la Start> Panou de control> Aspect și personalizare> Fonturi. Descărcați fontul dorit pe internet, o arunci în folderul Fonts. Doar drag and drop sau copie ca un singur obiect. Reporniți Photoshop, și se bucură de un font nou.

Comenzi rapide în Photoshop folosite în lecția:

1. Mutați pânza - spațiu + LCV (butonul din stânga al mouse-ului).
2. Zoom in / zoom out panza ALT + roata mouse-ului.
3. Scale 100% CTRL + ALT + 0.
4. Activarea / dezactivarea CTRL + celule "(sau scrisoare Rusă" e „).
5. Porniți ghidul de grila GUIDE GIUDE, dacă este activat CTRL +. (Sau scrisoare Rusă "g").
6. obiect Clone CTRL + J.
7. obiecte grupate CTRL + G.
8. Includeți o linie CTRL + R.
9. Selectați instrumentul de text. cheie T.
10. Selectați instrumentul dreptunghi. U. cheie
11. Selectați instrumentul Deplasare. cheie V.
ar trebui să fie evidențiate 12. Transformarea unui obiect CTRL + T. Subiectul.
13. Glisarea unui obiect folosind puncte. A. obiectul-cheie care urmează să fie alocate.
14. Ridicați stratul de la foarte sus CTRL + SHIFT +> (sau litera „b“ în limba rusă).
15. Strat inferior la partea de jos CTRL + SHIFT + <(или буква «Х» на русском).

Dezvoltarea unui site de la zero

Un pic despre tine:

Numele meu este Vladimir. A absolvit de la Almaty Technological University cu o diplomă în informatică și software. Am fost întotdeauna încântați de industria IT și tehnologia modernă. Cea mai mare parte a carierei mele am petrecut administrarea rețele mici. Dar mai târziu a dat seama că pasiunea pentru web design și dezvoltare web. Aceasta este o profesie care ajuta la deschiderea creativitatea și pasiunea în afacerea dumneavoastră preferat. Acum complet am trecut la dezvoltare web. Prin urmare, dacă aveți nevoie de serviciile mele, nu ezitați să ne contactați. Voi fi bucuros să lucrez cu tine.

Cum pentru a elimina elementul nu este adăugat la lista de comenzi rapide de la tastatură.

Bună seara! Vă mulțumim pentru lecțiile dumneavoastră! Prompt, bootstrap grila PSD în 1170, dar dimensiunile foaie din anumite motive, nu este 1170, dar 1920 și Photoshop, dar net coincide cu limitele ghidului grila Cum de a rezolva problema? Multumesc anticipat!

Bună ziua, am ars aproximativ, nu în cazul în care nu pot găsi. Cum se instalează un plug-in mesh-ul ... Ajută-te rog. Nu înțeleg ce am făcut greșit. Poate că este și în cazul în care, dar o găsesc în Photoshop nu pot.

Foarte mult timp alocația. Pe scurt, încercați o versiune anterioară a plugin-ul nu este 4 și 3 (3 set Dosar-> Stsenarii-> Revizuirea este în PhotoShop) și selectați fișierul pentru a instala directorul modulului. În cazul în care nu este stabilită nici o treime, atunci problema este în Photoshop, este posibil să-mi ca o versiune dezbrăcat în jos, descărcați șters versiunea completă. Și se instalează fără probleme.

articole similare