Как нарисовать меню сайта?

3 ноября 2014 г. Просмотров: 865
В сети можно найти множество макетов сайтов. Ими удобно пользоваться в тех случаях, когда нет времени на то, чтобы писать весь код с нуля. Гораздо проще отредактировать имеющийся шаблон, изменив его дизайн. Так, чтобы нарисовать собственное меню сайта, необходимо выполнить несколько действий.
Создать сайт самостоятельно с Wix.com

Инструкция

  • Для примера рассматривается работа в системе ucoz. Оформление различных элементов сайта часто задается с помощью таблицы стилей (CSS). Чтобы получить к ней доступ, войдите в панель управления, используя учетную запись администратора. На главной странице панели выберите раздел «Управление дизайном».
  • В развернувшемся списке страниц, доступных для редактирования, выберите в категории «Общие шаблоны» пункт «Таблица стилей (CSS)». Просмотрите информацию, прописанную в строках, относящихся к общему оформлению (блок General Style) и конкретно к меню (блоки, в названиях которых стоит слово Menus). Вам необходимо выяснить, какие параметры заданы для панели меню: ширина, высота, фон панели и кнопок, изображения и так далее.
  • Если параметры вас не устраивают, замените их на те, которые вам нужны, и сохраните шаблон. После этого, уже можно запускать графический редактор и, используя полученные сведения, рисовать собственные кнопки. Сохраните их и вернитесь на сайт. В меню «Инструменты» выберите пункт «Файловый менеджер» или нажмите одноименную строку-ссылку, расположенную под блоком с кодом.
  • Загрузите на сайт новые кнопки (стрелки-указатели или другие графические элементы, которые вы будете использовать в меню). Пропишите значение для кнопок в коде (например, background: url('http://ссылка на изображение из файлового менеджера') no-repeat ХХpx ХХpx), задайте параметры для выравнивания, положения на странице. Пропишите стиль и размер шрифта для разделов меню (font-family и font-size) и внесите другие изменения, нужные вам.
  • Нажмите на кнопку «Сохранить», дождитесь оповещения о том, что шаблон успешно сохранен и откройте страницу сайта, чтобы оценить результат проделанной работы. Если вас что-то не устроило, вы можете отменить свои действия в окне редактирования CSS, воспользовавшись кнопкой в виде стрелки влево на панели инструментов.
  • Оцените статью!