ПредишенСледващото

Създаване на структурата на сайта

Рано или късно, много дойде с идеята да се изработи уеб сайт шаблон. Това е нормално мислене. Колкото по-скоро трябва да се отчита, усещането ще бъде повече. Нека не създаването на комплекс шаблон Нека разгледаме стъпките, но доста приличен, което в някои случаи също дойде по-удобно. След като овладял тези уроци, можете да направите доста прилични шаблони. Основното нещо, за да се разберат основите на работата по създаването на шаблон.

В първия урок, ние ще направим структурата на сайта, т.е.. Д. Направете шаблон на оформлението на сайта, за да определите заглавието размер на мястото, съдържанието на менюто и тялото. Създаване на уеб сайт по темата на методите на доходи в интернет. Започваме със стартирането на програмата Photoshop. Отворете менюто Файл → създадете нов документ и да зададете размера на бъдещата шаблона на сайта.

Направете сайт шаблон, създаване на уеб сайт

Питам ширината на обекта, в зависимост от вашите нужди. Например, аз настроите ширината на 1000pikseley, височина 1000 пиксела, също. Ръст няма значение. Ако съдържанието е над 1000 пиксела страницата автоматично ще бъде удължен. Като кликнете OK, ще видите операционната района, в който искате да включите RANGE (CTRL + R). По-нагоре и в ляво трябва да има владетел. На най-горния ред на ръководството дръпнете работното пространство за формиране сайта на капачка. Тогава втори ръководство, за да се образува долен колонтитул (сутерен). Сега дръпнете лявата линия на ръководството, за да областта на менюто. Меню, което можете да направите, така наляво и надясно. В моя пример ще бъде в ляво. След всички манипулации работно пространство ще изглежда така:

Попитах за височина пример в заглавието - 250 пиксела, ширината на областта за менюто на сайта - същите 250 пиксела и височина на сутерена - 50 пиксела. Можете да инсталирате всички измерения по свое усмотрение в техните желания или нужди.

Това беше първият урок. В следващия урок ще разгледаме при избора на цвят за шаблона и да направи това реалност.

Прочетете следните уроци

Свързани статии

Подкрепете проекта - споделете линка, благодаря!