Crearea pagini web (partea 1) - pagina web schiță - interzis lecții Photoshop

Un exemplu foarte simplu de a crea un site web va fi afișat. Din moment ce doresc să ajute începători, cei care nu au nimic altceva de făcut, dar doresc să învețe. Deci, nu-l țineți împotriva mea, cei care au deja experiență, puteți sări peste acest articol în condiții de siguranță - nu este pentru tine!

Dar începutul poveștii este întotdeauna:

Dintr-o dată într-o zi va apărea în fața clientului (și de ce l-ați găsit, și modul în care - un subiect special) și îți va zice el cu o voce umană: - Tu ești cine chtol site-uri pot face? Și i-am spus acest lucru demn: - Deci, da, domnule, noi, cu cele mai bune și vom face! Apoi, el se confruntă cu Kinder Kinder și deja acest lucru - și eu pot? Ei bine, noi, desigur - și bestie pădure. Ugh - adică, și respectat.

Ei bine, dacă vorbești cu el dacă o lungă perioadă de timp este scurt. și am convenit totul. Aici este atunci când începe distracția.

Deci, să presupunem că ați făcut o rezervare pe dezvoltarea site-ului pentru o agenție de turism. Nume - "Africa". Sloganul „Nu merg la copiii din Africa de mers pe jos“ No Logo - de asemenea, trebuie să fie făcut. Dar lucrul cel mai important - site-ul, site-ul - și rapid! Concurența pe piață! Ei bine, pe scurt, termenul pe care Ivan (Vasilisa) - Designer (subliniere) timp de trei zile și trei nopți! În caz contrar, nu atât de mult taxa - de pe umerii creierii!

Ei bine, am aflat că ai făcut-o și care nu au înțeles ce vreau să spun - uite pe forum. Pentru că ne-am pus de ideile creative ale iadului ca ai. În special, Africa.

Așa că vom trece la dezvoltarea site-ului schiță. Desen în Adobe Photoshop Aceasta este schița unei mărime naturală. Cum de a face acest lucru - nu face obiectul acestei lecții. Presupunem că ne-am dovedit ca rezultat al acestei lucrări aici. Și încă un lucru! Încercați să facă elemente diferite pe straturi separate (cum ar fi text), atunci este foarte util pentru noi. Și nu se grăbesc să combine straturile - dar lăsați-l să fie separat.

Click pentru a mari

Acum, uita-te la imaginea de mai jos. Asta poate probațiune „tăiat“ site-ul orizontal pentru plasarea pieselor într-un rând de tabel. Care tabel? Și unul în care toți vom fi introduse! Dar un pic mai târziu despre asta. În timp ce unii încearcă să prindă un model comun. Deci, vom vedea în mod clar pe site-ul diviziune la următoarele domenii orizontale:

1 - Heather, așa cum este în limba rusă? Antet sau capac, în general, - partea de sus a site-ului

3- regiune Conținut

4- subsol, pivniță. partea de jos a site-ului

Unele dintre zonele, la rândul lor, pot fi separate în componente, ci pe verticală, să fie plasate în coloanele mai misterioase și nu în întregime clară până la masă. Asta este atât de exemplu, puteți tăia o zonă de meniu și de conținut.