Рисуем шаблон iLemon. Д 3. Контент сайта

Приветствую Вас в третьем дне нашего тренинга, мои дорогие Друзья. hello

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

Если вы попали на эту страницу случайно, подпишитесь здесь, и вы сможете пройти весь 5-тидневный тренинг по рисованию дизайна сайта своими руками:

пройти тренинг бесплатно

Урок 1. Фон контента

Урок 2. Кнопка и картинка

Урок 3. Текст контента

Картинки для работы:

задний фон для картинки

Друзья, если Вам что-то непонятно, есть какие-нибудь пожелания, хотите задать вопрос или просто поблагодарить - пишите прямо в комментариях - ответим всем smile
Комментариев: 24 RSS

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

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

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

Комментариев: 24
  •  Гузель | 27 февраля 2013 в 17:36:50

    Все получилось спасибо за уроки!

  •  Даниил | 27 февраля 2013 в 17:59:05

    Перешол по вашей ссылке на фотошоп 6, пытаюсь установит бесплатно не хочю, а подругому просит код

    Как вы его активировали ??

  •  Александр | 27 февраля 2013 в 19:15:45
    Перешол по вашей ссылке на фотошоп 6, пытаюсь установит бесплатно не хочю, а подругому просит код
    Как вы его активировали ??

    Мне помог Яндекс с Гуглом! и Вам Поможет! ссылка на поиск, яндекса

  •  Елена | 27 февраля 2013 в 19:25:04

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

    Сегодня прошла сразу 2 и 3 день.

    Все очень понятно и все в меру - и теория и практика... Молодец! smile


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

    Если нет инструкции - ищите другой вариант, но чтобы была подробная инструкция.

    Либо пока используйте пробную официальную бесплатную версию, но она будет действовать только 30 дней.

  •  Александр | 27 февраля 2013 в 20:13:54
    Либо пока используйте пробную официальную бесплатную версию, но она будет действовать только 30 дней.

    Верно подметено. Этого времени вам хватит при прохождения тренинга тренинга!

  •  Александр | 27 февраля 2013 в 21:35:28

    Привет Сергей!

    Начнем с оценки уроков. Мне на почту приходит достаточно ссылок на тренинги разного рода. Примерно 1% я просматриваю,а прошел всего один. Почему прошел? Все дело в простоте изложения и доступности понимания. Ваш тренинг - 2й. Сделаю тебе комплимент: Все четко, доступно, понятно даже первокласснику.

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

    Теперь ВОПРОСЫ. Собственно из-за них я и написал этот комментарий.

    1. Почему ты предлагаешь работать именно с макссайт.

    2. Что конкретно я могу выставить на хостинге кроме твоих шаблонов.

    3. В твоем тренинге по созданию сайта своими руками я не увидел, как действительно можно создать сайт на рабочем столе, а затем выставить его в интернет( поэтому покупать пока ничего не собираюсь)

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

    Так, что надеюсь на ваш совет или урок.

    А вообще БОЛЬШОЕ СПАСИБО за те уроки которые я уже получил. По крайней мере я расширил свой кругозор и надеюсь, что мне это когда нибудь пригодится.

    Надеюсь на дальнейшее общение.

    С уважением Александр.

    aleksand-olejnikov@yandex.ru

  •  Ирина | 27 февраля 2013 в 22:37:39

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

  •  Петр | 27 февраля 2013 в 22:49:41

    Я знаю, что HTML всегда кончается на L,

    А на рабочем на столе, нет у меня аштемеле,

    Так подскажи Серега нам, как сайт настроился бы сам.

    Я свой построил на компе, но не видать его нигде.

    И что с ним делать не пойму? Но тренинг твой я изучу,

    Совет твой Серж я тупо жду, чтоб в веб дизайне стать ГУРУ.

    Это такой шаржик к пред идущему коменту, думаю без обид.

    Еще раз спасибо мастеру! Почему-то не совпадает нумерация цветов ???

  •  Аноним | 28 февраля 2013 в 00:46:48

    Здравствуйте Сергей!Благодарю за курс! Один маленький вопрос, в последнем уроке, где мы пишем инфо строчку,(дата обсудить и читать далее)они не смещается у меня вправо, а ползёт влево,как быть?

  •  Серёга | 28 февраля 2013 в 12:24:19

    Привет дорогие друзья, вчера меня не было, поэтому не смог ответить вам сразу - извините.

    И так, прежде всего всем спасибо за теплые слова - теперь отвечаю на ваши вопросы:

    Александр:

    1. Лучше, быстрее, продумана, мало весит... еще можно долго перечислять.

    2. Не понял вопроса. Зачем выставлять мои шаблоны?

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

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

    Пожалуйста smile

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

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

    Спасибо Петр smile

    в последнем уроке, где мы пишем инфо строчку,(дата обсудить и читать далее)они не смещается у меня вправо, а ползёт влево,как быть?

    Странно smile Может выравнивание поставили другое? Зайдите в абзац и выставите по левому краю.

  •  Ирина | 28 февраля 2013 в 20:01:17

    Серёжа, у меня текст идёт в одну строчку,накладываясь

  •  Ирина | 28 февраля 2013 в 21:12:22

    Всё разобралась, дело в настройках

  •  Серёга | 1 марта 2013 в 17:21:17

    Молодец Ирина!

  •  Alex | 2 марта 2013 в 06:01:38

    Spasibo за уроки! Vsё получилось, без проблем vsё получилось)

  •  Нина | 2 августа 2013 в 17:56:44

    Спасибо, Сергей, за уроки! Все получается.

  •  Серёга | 3 августа 2013 в 16:35:42

    Пожалуйста Нина smile

  •  Павел | 5 августа 2013 в 21:27:13

    Серёга, спасибо тебе огромное за этот тренинг! Очень полезная штука призрачный каркас - действительно удобно и быстро с помощью него рисовать макет сайта. И дизайн выполнен со вкусом. Всё понятно, желаю тебе удачи и новых творческих свершений!

  •  Серёга | 5 августа 2013 в 23:05:30

    Спасибо Павел!

  •  Гульнара | 20 сентября 2013 в 01:57:06

    Привет, Сергей! Прошла до Тренинг. День 3. Все получается. Мне нравится, как вы объясняете. Спасибо большое. Буду учиться дальше. У меня вопрос: "Почему при открытии файла например iLemon.psd приходится каждый раз входить в Редактирование->Установки->Основные и задавать единицы измерения текста и сетку в пикселях. Почему они не сохраняются при следующем открытии файла?"

  •  Серёга | 20 сентября 2013 в 12:58:00

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

    И запустите по новой. Спасибо на добром слове ;)

  •  Иван | 24 ноября 2013 в 22:18:14

    Здравствуй, Сергей! Я не новичок в работе с сайтами и с Photoshop, но и не профессионал. Как учитель могу заявить, что твои уроки очень понятны и материал представлен весьма доступно ("всё разжевал и в рот положил, юзеру осталось проглотить"). За это отдельное спасибо!

    У меня пара вопросов практического характера:

    1. Сделаю я этот шаблон, а дальше что с ним делать? Где и как применить? Может я что-то пропустил...

    2. Я прохожу тренинг "Дизайн для сайта своими руками". Что ты предлагаешь или советуешь из своих работ по созданию самого сайта?

  •  Елена | 25 ноября 2013 в 03:56:53

    Добрый день, Иван!

    Создание сайта включает в себя два основных этапа:

    1. Создание дизайна сайта в фотошопе.

    2. Верстка сайта либо просто на html+css либо уже конкретно верстка шаблона для определенного движка.

    По верстке у нас есть бесплатный курс здесь:

    http://master-css.com/sub/verstka/

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

    Тренинг по верстке: http://master-css.com/market/verstka5/

    Тренинг по созданию шаблонов для MaxSite CMS: http://master-css.com/market/maxsitepro/

  •  Александр | 22 декабря 2013 в 08:28:08

    ДАНИИЛ - Я могу вам дать работающий cs6,(ВЫЛЕЧЕННЫЙ) Напишите мне на sahnenco.aleksandr@gmail.com

  •  Владимир | 7 июля 2016 в 14:24:03

    Как и где можно скачать картинки для макета?