Рисуем шаблон Linerette. Часть 1 - Настройка сетки для сайта - видеоурок

Рисуем шаблон Linerette

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

Поэтому, как и было обещано - уроки начинаются прямо сейчас cool smirk

Страшно стало?

И так, начнем мы рисование шаблона с самого простого шага - подготовки.

    В этом уроке:

  • Настроим сетку, направляющие и единицы измерения.
  • Включим линейку.
  • Создадим полотно для сайта.
  • Расскажу откуда берутся шаблоны. smile
  • Сохраним свой проект.
Тренинг по вёрстке сайта на HTML5 и CSS3

Если видео понравилось - нажми на лайк!

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

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

Еще попрошу запомнить - это уроки по рисованию шаблона в фотошопе, а не уроки по фотошопу. grin

Не путайте пожалуйста эти понятия.

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

На сегодня все, продолжение будет завтра wink

Все вопросы и пожелания в комментарии!

Комментариев: 24 RSS

Тренинг по вёрстке сайта на HTML5 и CSS3
Оставьте комментарий!

Вы можете войти под своим логином или зарегистрироваться на сайте.

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

Комментариев: 24
  •  Максим | 19 сентября 2012 в 16:49:49

    Спасибо за первый урок! все получилось. cool smile

  •  Серёга | 19 сентября 2012 в 17:16:30

    Это хорошо.

    Как показывает практика - сложнее всего дается именно настройка grin

  •  Джордж | 19 сентября 2012 в 17:18:03

    отлично, все понятно, потихоньку багаж знаний прибавляется

  •  Анна | 19 сентября 2012 в 17:26:59

    Сережа, ну что это? 10 минут на построение 2 направляющих и включения сетки????

  •  renegat | 19 сентября 2012 в 17:33:41

    урок понравился, жаль что скачать нельзя. Сергей сделай доступным скачивание..

  •  Максим | 19 сентября 2012 в 17:34:34

    Анна: есть люди которым все сразу не будет понятно нужно все делать по степенно! понимаете вы меня? я думаю что Серёга тоже так сказал!

  •  Анна | 19 сентября 2012 в 17:40:52

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

  •  Анна | 19 сентября 2012 в 17:42:00

    и еще, я учила не где либо, что меня заставляли 2 года писать эти конспекты, а сама для себя!

  •  Александр | 19 сентября 2012 в 17:42:12

    Спасибо Сергей. Успел только скачать и мельком просмотреть. Похоже начало ДОБРОЕ!

  •  Максим | 19 сентября 2012 в 17:44:00

    renegat: хотел скачать урок вот держи

    http://www.onlinedisk.ru/file/947526/

  •  Максим | 19 сентября 2012 в 17:46:29

    Ладно Анна: посмотрим что ответит нам Серёга

  •  Михаил | 19 сентября 2012 в 18:22:33

    Урок добротный но маловато... а нсчет скачивания с ютюбе

    предлагаю посмотреть видио на сайте Тани Черновой.. и избавитесь от этой проблемы раз и на всегда и не надо искать где скачать.. смотри здесь - http://chernova-nsk.ru/kak-skachat-video-s-youtube/

  •  Аноним | 19 сентября 2012 в 22:06:23

    1.Максим. А, что сможет ответить Серега? Завтра будет продолжение выставления направляющих, (их надо еще с десятка полтора, потом заливка фона серым цветом, (дня на два работы, ведь все вручную))), header зальем голубеньким к Новому году, (не дай Бог конец света случится, обещанный). Глядишь к летним каникулам и перейдем от рисования к верстке! Кстати, Серега, с версткой могу подсобитьwink.

  •  Пётр | 19 сентября 2012 в 22:11:09

    спасибо за урок

  •  Александр | 19 сентября 2012 в 22:31:50

    Урок забавный, но вы лукаво умалчиваете сколько стоит сама программа фотошоп, по крайней мере скажите где скачать ломанную версию?

  •  Анна | 19 сентября 2012 в 22:34:16

    Александр,напишите мне на почту miroslavaaa@yandex.ru

  •  Анна | 19 сентября 2012 в 22:34:16

    Александр,напишите мне на почту miroslavaaa@yandex.ru

  •  Andy Grand | 20 сентября 2012 в 00:17:29

    Гугл в помощь всем страждущим. Если есть вопрос, то вбивайте его в поисковой строке и будет вам дано Свыше...

    свыше ста тысяч ответов.

    И не нужно язвить о составе уроков. Можете лучше? Карты вам в руки и флаг... туда же smile На своём сайте выкладывайте свои уроки и приглашайте читателей

    ;)

  •  Mila | 20 сентября 2012 в 09:35:45

    И в самом деле !!! Анна и иже с нею - ОНО вам НЕ НАДО ?

    Так в чем проблема ?

    Или все непременно тоже должны два года штудировать и делать конспекты,как вы ?

    Эти уроки для тех, кому НАДО... А уж у кого что получится или НЕ получится- дело времени,навыков и способностей

  •  Серёга | 20 сентября 2012 в 15:33:30

    Анна, на направляющие с сеткой ушло 3 минуты, остальные 7 на объяснения.

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

    1.Максим. А, что сможет ответить Серега? Завтра будет продолжение выставления направляющих, (их надо еще с десятка полтора, потом заливка фона серым цветом, (дня на два работы, ведь все вручную))), header зальем голубеньким к Новому году, (не дай Бог конец света случится, обещанный). Глядишь к летним каникулам и перейдем от рисования к верстке! Кстати, Серега, с версткой могу подсобитьwink.

    Угу, к новому году... 2014 grin

  •  Серёга | 20 сентября 2012 в 15:35:08

    Фотошоп я предотавлять никому не собираюсь.

    Яша, гугл и торренты вам в помощь. Найти не проблема - было бы намерение да мозгов кучка! wink

    Так как последнее имеется у всех - остается лишь вознамериться найти программу нахаляву.

    Скоро будет следующий урок, господа smile

  •  Аноним | 17 октября 2012 в 19:51:01

    Здравствуйте, Сергей!

    Шаблон, который мы создадим может ли быть использован в MaxSite CMS?

  •  Виктор | 19 ноября 2012 в 23:39:40

    Когда что-то делаешь впервые, то всегда немного страшновато. Потому что в голове одна мысль; "Получается ли?"

  •  Серёга | 19 ноября 2012 в 23:42:38

    Зато когда получается - чувствуешь себя превосходно smile