Редактируем дизайн сайта с помощью подручных инструментов.

Суббота, 18 августа 2012 г. | Рубрика: Дизайн блога
Приветствую Вас на своем блоге!

Дизайн сайта

Как редактировать дизайн сайта, когда ты мало еще знаешь, как что устроено. На самом деле есть очень простые и доступные инструменты, которые даже скачивать не надо. Они встроены в сам браузер. Лично мне, больше всего нравится отображение в Google Chrome, хотя в Mozilla Firefox тоже есть подобный.

Сам шаблон сайта, обычно хранится в отдельной папке. Описание назначения файлов можно найти на сайте поддержки самой CMS. В них задается порядок вывода страниц, сайдбаров, настраивается оформление. Цветовая схема и размеры шрифтов располагаются в файлах с расширением css, что позволяет управлять всем внешним видом в одном месте.

Просматривая свой сайт в Mozilla Firefox, достаточно кликнуть правой кнопкой мышки на интересующем объекте и выбрать меню – "исследовать элемент". Получаем следующую картинку, которая ниже. Видим 2 панели инструментов, справа и снизу, которые показывают структуру элементов сайта.

Дизайн сайта

В Google Chrome, через меню "просмотр кода элемента", панель открывается снизу. Мне понравилось то, что все отступы показывает не только в тексте, но и наглядно картинкой, можно увидеть на следующей картинке справа внизу.

Дизайн сайта

Эти инструменты позволяют не только увидеть и понять, как что устроено. Есть возможность менять настройки и сразу видеть изменения. Таким образом, можно получить нужные параметры и цвета, а уже потом применить их к своему сайту, вписав в файл стиля. Чем не визуальный редактор? Жаль, что саму разметку html не показывает по файлам, только стили.

Удобно, что сразу видно номер строки, в которой необходимо произвести изменения. Так же можно найти на других сайтах необходимые настроечки, которые хочется сделать у себя. Вот так и учимся потихоньку, пробуя, ошибаясь, экспериментируя и добиваясь результата. Если появятся вопросы, пишите. Руководство краткое, в расчете на самостоятельное изучение вопроса. Посмотреть водео, как это делается, можно в статье Как можно подобрать себе дизайн с помощью Google Chrome?


Рубрика: Дизайн блога | Просмотров: 3293
Метки: | | | |
Подписаться на комментарии по RSS
Понравилась статья? Поделитесь с друзьями!!
twitter.com facebook.com vkontakte.ru odnoklassniki.ru mail.ru ya.ru rutvit.ru blogger.com livejournal.ru yandex.ru

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

  • Вообще дизайн это тонкая вещь и выбрать всегда очень трудно. Сам голову ломаю какой выбрать и не на один сайт с сразу на несколько.

  • 08-04-2013 в 17:23 | Андрей

    Это точно! Каждый сайт хочется сделать по разному. Хотя у меня было 2 сайта с одинаковым дизайном, но на разных CMS. Сейчас сменил дизайн big surprise

  • Оставьте свой комментарий.

    grin LOL cheese smile wink smirk rolleyes confused surprised big surprise tongue laugh tongue rolleye tongue wink raspberry blank stare long face ohh grrr gulp oh oh downer red face sick shut eye hmmm mad angry zipper kiss shock cool smile cool smirk cool grin cool hmm cool mad cool cheese vampire snake excaim question

    Простой комментарий. Впишите имя и капчу внизу

    Используйте нормальные имена. Ваш комментарий будет опубликован после проверки.


    Комментарий с аватаркой и ссылкой на Ваш сайт


      

    ИЛИ

    Имя и сайт используются только при регистрации

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

    Авторизация MaxSiteAuth. Loginza

    (обязательно)

    Скопируйте набранный текст перед тем, как отправить, на всякий случай.
    ⇑ Наверх
    ⇓ Вниз