Сегодня:
Блог: "Основы сайтостроения и веб дизайна"
сайтостроение

Переход на: Главная / Макет сайта /

Этапы создания макета сайта. Часть 7. Создаем навигационное меню (продолжение).

АвторАвтор: aklychin

Дата добавленияДата добавления: 13.06.2013

Число просмотровЧисло просмотров: 8259



Здравствуйте уважаемый читатель блога "Основы сайтостроения и web дизайна".


В статье «Этапы создания макета сайта. Часть 5. Создаем навигационное меню» мы остановились на четвертом этапе создания навигационного меню для макета сайта. Сегодня мы продолжим создавать макет сайта, а конкретно навигационное меню. И так:


Шаг №5. Работа над визуальной привлекательностью навигационного меню. Что здесь имеется ввиду? Каждый из нас, посещая различные сайты в интернет, мог наблюдать, такие визуальные эффектны. Когда, при наведении указателя мыши на один из пунктов навигационного меню, фон области этого пункта меняет свой цвет, иногда цвет может менять и шрифт данного пункта меню. В общем, мы наблюдаем реакцию меню на определенные действия посетителя.


Достигается присутствие такого эффекта относительно не сложно, но не на стадии создания макета сайта, а непосредственно уже на стадии верстки. Однако обозначить присутствие вашей задумки необходимо именно при создании макета сайта. Достигается это так же довольно просто. На стадии прорисовки навигационного меню необходимо один из его пунктов сделать активным. То есть вы прорисовываете данный пункт меню в цветах, которые будут появляться при активных действиях посетителя именно с этим пунктом меню.


Создаем навигационное меню


Таким образом, вы получаете все данные, которые понадобятся вам уже на стадии верстки макета сайта. Кстати, как правило, активным делается первый пункт навигационного меню, который соответствует странице, разрабатываемой вами на данном этапе.


Шаг №6. Работа над многоуровневым меню. Если на вашем сайте предусмотрено многоуровневое меню, то на стадии разработки макета сайта это также стоит обозначить. Лучше всего это сделать в отдельном файле, где вы прорисовываете еще раз непосредственно меню, которое у вас получилось в основном макете и плюс к этому в реальных размерах стоит прорисовать несколько уровней предполагаемого навигационного меню.


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


Таким образом, мы вкратце рассмотрели порядок создания навигационного меню для макета сайта. Ознакомившись с этим материалом, я думаю у вас получиться создать интересное навигационное меню для макета сайта. Ну, а если все же для вас покажется сложным процесс создания навигационного меню самостоятельно, то в таком случае на помощь вам должен прейти интернет.


Создаем навигационное меню


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


И так первый способ – это найти готовое навигационное меню для сайта и на стадии верстки встроить его уже непосредственно в созданную структуру будущего сайта. Найти готовые образцы навигационного меню, я думаю, для вас не составит большого труда. Загвоздка может возникнуть лишь с тем, что бы дизайн меню адаптировать под дизайн сайта. Если вы сможете это сделать, то результат в конечном итоге должен порадовать вас.


Еще один способ получить уже готовое меню для сайта – это возможность воспользоваться услугами программы, которая при наличии определенного перечня исходных данных способна создать для вас уже готовое меню с вашими параметрами.


Для того, что бы воспользоваться таким сервисом, достаточно в поисковике забить для поиска фразу «онлайн генератор меню для сайта». Результаты поиска удивят вас. В настоящее время таких сервисов на просторах интернет огромное количество, так что выбирайте на свой вкус и создавайте себе меню по желанию.


Создаем навигационное меню


Таким образом, мы рассмотрели полностью тему «Создаем навигационное меню». В конце хотелось бы обратить ваше внимание на следующее. Создавая свой сайт пытайтесь, как больше делать своими руками. Пусть на первых этапах у вас что то не будет получаться, пусть вы будете допускать ошибки, но вы будите учиться, будите постигать правила сайтостроения, и в конце концов будите набираться опыта. И еще, сайт, созданный своими руками, в любом случае будет дорог для вас.


Поделиться

Добавьте Ваш комментарий и оцените статью:

+ Добавлять комментарии и оценивать статью могут только зарегистрированные пользователи. Если Вы регистрировались, то просто авторизируйте свой аккаунт.


Комментарии к данной статье:


Подписаться на обновления блога

монетизация сайтаРеклама
заработок на сайтеПомощь

Понравился проект?

Внесите вклад в его развитие, пожертвовав любую сумму на один из кошельков:

Z255632435111

R174106546724

Деньги пойдут на оплату серверов, зарплату авторам уроков и развитие ресурса.

В примечании к платежу укажите Ваш email или логин на нашем проекте.

Администрация.

Статистика блога:

Статей: 107

Комментариев: 8

Зарегистрировано: 12

Все права защищены сopyright © Блог - "Основы сайтостроения и веб дизайна" 2012 - 2017