Дизайн WestRoom - день 2. Шапка и меню

Моя семья

Привет друзья! И так, у нас сегодня день №2 - отлично! Мы идем дальше.

Но прежде хотел познакомиться с Вами поближе. И я решил на любом своем тренинге каждый день выкладывать по одной фотографии из семейного архива.

На фото слева на право: старший сын Матвей, жена Елена, младшенький - Тимурка smile

Теперь по тренингу:

Если вчера мы занимались наполовину подготовкой и объяснениями, то уже начиная с сегодняшнего дня Вас ждет только практика power

В этом дне Вы нарисуете полностью шапку и главное меню сайта. Все уместилось в 7 мини-уроков, папку со шрифтами и 2 картинки. Наслаждайтесь wink

Список уроков дня №2:

  1. Установка шрифтов
  2. Создание логотипа
  3. Вставляем цитату
  4. Телефон и мыло
  5. Фон для главного меню
  6. Наполняем главное меню
  7. Птичка

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

Скачивайте по первой, а если не будет получаться - качайте тогда по второй.

Ссылку на первый день я оставлю в комментариях.

Вот ссылки:

Люди, ёмаё, оставляйте комменты. Неужели сложно написать 2 слова?

ЗЫ: интересно кто-нибудь подколет? LOL

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

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

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

Комментариев: 36
  •  Серёга | 23 июля 2013 в 18:38:28

    Друзья - вот ссылка на первую страницу. Там сможете скачать уроки из другого источника:

    https://expert-css.com/page/westroom-d1-podgotovka

    Жду ваших комментариев.

  •  Александр | 23 июля 2013 в 19:14:12

    Старший сын Серёга похож на Маму (Жену), а младший вылитый Ты!!!

    По урокам Сергей всё понятно как ни когда!!! Супер, спасибо.

  •  zoya.v | 23 июля 2013 в 19:15:55

    Спасибо, материал понятен, теперь бы подтянуть технические знания по компьютеру и можно все использовать, Главное - есть движение, хоть и медленное, Спасибо!

  •  Валентина | 23 июля 2013 в 19:24:54

    Иду работать, спасибо!

  •  Серёга | 23 июля 2013 в 19:46:19

    Спасибо за комментарии друзья smile Спасибо!!!

  •  Аноним | 23 июля 2013 в 19:46:59

    Серега, все понятно и легкоусвояемо!

    Спасибо!

  •  Julia | 23 июля 2013 в 19:53:24

    Серёж, спасибо огромное за то, что Вы делаете. Вы и представить себе не можете (хотя...возможно, что Вы-то как раз и можете;)) как мне помогли и насколько полезным оказался для меня тренинг. Я пока не буду забегать вперёд и рассказывать о своих наполеоновских планах... для Вас, возможно, они не покажутся такими грандиозными, так как Вы уже сумели круто перевернуть свою жизнь, а я как раз на пороге кардинальных перемен. Ну, во всяком случае, мне хочется верить, что у меня всё получится.

  •  Sergey | 23 июля 2013 в 20:12:00

    Младшенький копия, удачи Серёга

  •  Комментатор 589 | 23 июля 2013 в 20:16:14

    Приветствую, Сергей!

    Как первый, так и второй день все буду применять на практике, пока не добьюсь все делать без подсказок.

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

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

    Вообще все здорово.

    Приятно опять тебя услышать, вроде серьезное дело, а весело идет. Главное все получается.

    Зря ребята сомневаются, все получится с гарантией 100%, у меня же получилось, а я далеко не вундеркинд.

    Спасибо за уроки. И удачи!

    С Уважением,

    СергейТ

  •  Виталий | 23 июля 2013 в 20:37:55

    Здравствуйте!!!Не успел сверстать сайт,как уже рисую сайт своими руками.Серёга ты молотчага!!!cпс за тренинги и уроки.

  •  Андрей | 23 июля 2013 в 21:01:29

    Серега, ты замечательно все излагаешь!!

    Вот этот тренинг я еще не смотрел, т.к. занят в MaxSite,

    но твои предыдущие - просто образец преподавания, я серьезно!

  •  салюк татьяна | 23 июля 2013 в 21:02:47

    сергей спасибо за уроки жду слейдуших

  •  Добрый чел | 23 июля 2013 в 21:10:56

    ёмаё Серега все замечательно, все здороваsmile семья, бизнес, учеба. Так держать!

    Скачал 2 ой урок спешу изучить.

  •  Лена | 23 июля 2013 в 21:31:45

    Второй день прошёл удачно!

    Большое спасибо, Серж!

  •  Серёга | 23 июля 2013 в 23:18:04

    Охренеть люди smile Как мне приятно читать Ваши комментарии. Спасибо большое! Аж слеза прошибает smile

  •  Serg | 23 июля 2013 в 23:49:50

    Спасибо, надеюсь и у меня все получится. Удачи Всем, и счастья твоей семье, Серёга!

  •  Давид | 23 июля 2013 в 23:54:35

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

  •  Риф | 24 июля 2013 в 05:44:14

    Приветствую,Сергей!Раньше мне казалось HTML & CSS что-то заоблачное(я-самоучка).Спасибо за ваши уроки и тренинг.Здоровья всем в твоей семье.Удачи.

  •  Александр Викторович | 24 июля 2013 в 10:13:48

    Уроки интересные, но у меня не получается скачать фотошоп, не пойму почему.

  •  Мила | 24 июля 2013 в 10:39:46

    Сергей!

    Просьба, если можно ссылку на уроки первого дня, а то я куда записала их найти не могу, и Ваше письмо по ошибке удалила.

    Заранее спасибо

  •  Серёга | 24 июля 2013 в 10:57:54

    Спасибо друзья за добрые слова.

    Александр - а что, никакой ошибки не выдает???

    Мила - смотрите самый первый комментарий. Я там разместил ссылку на первый день smile

  •  Анарбек | 24 июля 2013 в 13:24:09

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

    Я пользовался конструкторами сайтов, удобно, быстро, но не твое, и в любой момент могут удалить, закрыть, но и сайты получаются как близнецы. А здесь создаешь сайт своими руками (мозгами), естественно с твоей помощью. Надеюсь, что получится. Правда времени мало, постараюсь что - то сотворить не торопясь.

    Спасибо тебе большое и удачи во всем!

  •  Серёга | 24 июля 2013 в 17:36:09

    Спасибо за комментарий!

  •  Андрей | 24 июля 2013 в 18:46:56

    Серега, я в 5-м уроке. Ширина картинки WestRoom 1200 пикселей, высота 1590.

    А что такое 960 пикс, которые мы вычитаем из 1200?

  •  Андрей | 24 июля 2013 в 19:42:21

    Серега, я в уроке 7. Как убрать лишне поставленную вертикальную линию "призрачного каркаса"?

  •  Андрей | 24 июля 2013 в 19:53:34

    Серега, в справке нашел ответ про вертикальную линию.

    Надо нажать Ctrl и задвинуть линию обратно.

  •  Добрый чел | 24 июля 2013 в 20:25:03

    если по гуглить то можно найти любой фотошоп, особено в торрентах.

  •  Вова Поляков. | 24 июля 2013 в 23:35:54

    Хороший семьянин,только подтверждение статуса умного,дальновдного и нормального человека.У уроки твои всегда ждём с нетерпением.Спасибо.

  •  Серёга | 25 июля 2013 в 00:15:37
    Серега, я в 5-м уроке. Ширина картинки WestRoom 1200 пикселей, высота 1590.
    А что такое 960 пикс, которые мы вычитаем из 1200?

    1200 - это ширина нашего документа. Можешь представить, будто это ширина нашего окна браузера.

    960 - ширина самого сайта. А делили для того, что бы разместить его строго по центру.

    Спасибо за комментарии друзья!

  •  Atiqul Hassan | 25 июля 2013 в 07:40:58

    Большое спасибо

  •  Егор | 25 июля 2013 в 16:22:38

    Сергей, супер уроки! Скажите, а мы будем создавать именно по модели шаблона WestRoom? Или ещё что-нибудь своё добавить или изъят можно будет?

  •  Denis | 26 июля 2013 в 13:32:23

    спасибо!

  •  Серёга | 26 июля 2013 в 15:59:42

    Пожалуйста друзья! Спасибо за комментарии.

    Егор, сам шаблон WestRoom создаваться будет и будут уроки. Но они только для учеников тренинга "Создание сайта на MaxSite: от новичка до профессионала"

    В дизайне можете докручивать что хотите. Мне не жалко smile

  •  Аноним | 9 сентября 2013 в 00:01:05

    Интересный материал! Жду продолжения!

  •  Сергей | 9 сентября 2013 в 00:02:31

    Интересный материал! Жду продолжения.

  •  Аноним | 12 мая 2014 в 16:57:29

    Уроки Огонь, спасибо что воду не льешь, рад что у тебя и на работе и в доме все ОК. МОЛОДЕЦ!!!