Linerette. Часть 4 - Главное меню, форма поиска, лого и инициалы сайта.

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

Приветствую мои дорогие друзья! Соскучились по урокам?

Ну что же… Мы продолжаем рисовать шаблон Linerette в фотошопе clap. Это четвертая часть нашего маленького миникурса.

Так как было получено много предложений по увеличению продолжительности урока (оказывается посетителям нашего сайта 10 минут очень мало) – эта часть будет продолжительностью 19 минут. Почти в два раза длиннее. ok

В этом уроке мы:

  1. Создадим пункты главного меню.
  2. Создадим форму поиска.
  3. Встроим логотип сайта.
  4. Создадим оглавление и описание сайта.
  5. А так же в конце доделаем фон шапки. Внесем своего рода изюминку happy

Работы было достаточно много, но вся практическая и интересная, смотрите сами:

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

Ссылка на архив с картинками.

Предыдущий урок: Linerette. Часть 3 - Фон контента, сайдбара и подвала.

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

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

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

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

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

Комментариев: 23
  •  Антоха | 4 октября 2012 в 18:33:03

    Товарищ Кольт! Я не понял что за нафиг grin

    Сергей, я являюсь вашим подписчиком на ютубе. Заметил такую фишку, что там уроки появляются раньше wink

    Например этот появился вчера вечером. Почему так?

    И да - отдельное спасибо за урок, шаблон с каждым разом становится все краше и краше!

    Респект, как сказал бы Серж rock

  •  Олег | 4 октября 2012 в 18:34:51

    О спасибо.

    Сейчас заценим smile

  •  Оксана | 4 октября 2012 в 18:36:02

    Спасибо большое за уроки.

    Все очень интересные.Хорошо что сделали их длиннее!

  •  Серёга | 4 октября 2012 в 18:39:30

    Уроки на ютубе появляются раньше потому что я сначала закачиваю их на ютуб, а уж потом только создаю статью. Обычно разминка час/два, но вчера было так впадлу работать, что я решил немножко отдохнуть smile

    Друзья, спасибо за комменты bow - очень приятно. Жду еще... wink

  •  Дмитрий | 4 октября 2012 в 18:58:17

    День добрый, Сергей!

    Шаблон полностью будет посвешен созданию для движка Max Site?

  •  Михаил Новоселов | 4 октября 2012 в 20:21:53

    А мне так наоборот, намного лучше короткие уроки ;)

  •  Albert | 4 октября 2012 в 20:45:01

    Привет! Отличные познавательные уроки, большое спасибо!!!

  •  Павел | 4 октября 2012 в 21:59:40

    Серега, а что у Вас с сайдбаром на сайте, поправьте.

  •  Елена | 7 октября 2012 в 07:42:50

    Спасибо! Жду следующего урока.

  •  Дмитрий | 9 октября 2012 в 17:42:56

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

    Такой вопрос, а как прикручивать скрипты jquery к шаблону

  •  Alex | 9 октября 2012 в 23:56:38

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

  •  Серёга | 10 октября 2012 в 00:20:21

    А что пишет?

  •  Alex | 10 октября 2012 в 15:14:43

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

  •  Серёга | 10 октября 2012 в 17:31:55

    А версия фотошопа какая?

  •  Аноним | 10 октября 2012 в 19:53:41

    cs6

  •  Аноним | 10 октября 2012 в 23:01:02

    А когда будет урок про перевод этого в код?)

  •  Елена | 11 октября 2012 в 07:22:18

    Уроки класс!

  •  Alex | 11 октября 2012 в 15:56:06

    ну так что Сергей, вы не знаете в чем может быть проблема?

  •  Серёга | 11 октября 2012 в 18:17:38
    А когда будет урок про перевод этого в код?)

    Я еще не решил будит ли вообще такой урок.

    По поводу фотошопа, я знаю что такой глюк был раньше на одной из версий CS5, обновление все решало.

    На шестерке я пока с таким не сталкивался, у меня работает все исправно.

  •  dmitrii | 13 октября 2012 в 10:19:27

    привет серега!

    правильные уроки, очень познавательно!

  •  Серёга | 13 октября 2012 в 17:25:31

    На следующей неделе еще будут.

  •  Лика | 16 октября 2012 в 19:47:27

    Alex, а ты на иконку в таббаре наводишь или в окно фотошопа? Если на иконку, то надо подержать, пока окно фотошопа развернется и уже в окне открывать.

  •  Дмитрий | 16 июля 2015 в 20:32:04

    Не работаеют ссылки на скачивание архивов