Новости

Новости портала МагДи

Страницы на которых был ремонт постоянно обновляются если сегодня на странице ремонт то пройдёт немного времени и страница запомница контентом


Создание сайта с нуля! Разработка и проектирование шаблона.

photoshop Доброго времени суток дорогие друзья! Сегодня начну свои уроки по созданию сайта с нуля. В этих уроках постараюсь подробно рассказать с чего нужно начинать, какими инструментами нужно пользоваться, какие есть нюансы в работе. Давно собирался с силами чтобы написать уроки, да и просто необходимо это сделать, так как есть определенные навыки, но все как то не доходили руки к написанию уроков по созданию сайта . Вот теперь взялся и все разложу по полочкам.

Давно в голове крутилась мысль создать уроки, сам когда-то долгое время ковырялся по различным сайтам и блогам в поисках подходящей темы, но все мне не нравилось. было мног путаного.

Итак не буду много парить вам мозг, начнём с проектирования шаблона сайта. Всё достаточно просто.

Проектирование будущего шаблона

В первую очередь я взял чистый лист бумаги и нарисовал блок-схему будущих страниц. После нескольких неудачных попыток у меня получилось примерно вот это:

photoshop

Объясню почему сделал именно так:
Небольшой логотип слева - все стандартно, для пользователя привычно что логотип слева или по центру.
Главное меню - маленькое, не отвлекающее и содержащее информацию о сайте, контакты, карту сайта.
Меню разделов - стандартное в котором будут выведены ссылки на основные рубрики сайта.
Достаточно широкий основной блок, в котором будут выводиться анонс статей, а на страницах здесь будет выведен основной контент.
Сайдбар-1 - в первую очередь сделан для размещения рекламы.
Сайдбар-2 - будет основой для ссылок на соцсети, строки поиска, а так же здесь будет выводиться список самых популярных статей с большими картинками.
В футере информация о сайте, ссылки на рубрики, на страницы и счетчики.

Схематично это будет выглядеть примерно так:

photoshop

Этот вариант я буду брать за основу шаблона пр рисовании в Photoshop. Пока не совсем красиво, но представление уже можно иметь.

Вот мы и создали проект на бумаге нашего будущего сайта - нарисовали прототип на бумаге. Конечно кто-то скажет из вас, что можно создать шаблон в программе. Уверяю вас что все дизайнеры рисуют свои мысли вначале на бумаге. В следующей статье я расскажу как нарисовать шаблон в фотошоп. Создание дизайна сайта с помощью программы фотошоп.




piwik