Выпуск 35

Здравствуйте, мой уважаемый подписчик.

Давненько не было от меня вестей...

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

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

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

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

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

А теперь - к выпуску! Вот, что я подготовил для Вас на этот раз:

#1. 1-я часть курса "Создаем сайт с нуля (фотошоп+верстка)".

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

Вопрос звучит примерно так: "Как нарисовать сайт в Фотошопе и как его потом сверстать в реально работающий сайт?"

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

Но примерно месяц назад один славный парень по имени Felix Boyeaux создал урок по созданию сайта (дизайн+верстка) с нуля.

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

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

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

Весь процесс разбит на две большие части:

1. Дизайн сайта в Фотошопе

2. Кодирование сайта с помощью HTML+CSS+jQuery

В сегодняшнем выпуске мы разберем первую часть. В следующем - вторую.

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

Все эти 11 видеоуроков Вы и найдете в этом выпуске.

Итак, начнем!

Вот итоговый сайт, который мы с Вами будем делать

 

Урок 1. Введение, подготовка нового документа и его разметка

Продолжительность: 12 мин 36 сек | Размер: 25 Мб

Скачать

Урок 2. Создаем верхнюю часть сайта

Продолжительность: 20 мин 9 сек | Размер: 28,3 Мб

Скачать

Урок 3. Создание шапки и логотипа

Продолжительность: 11 мин 22 сек | Размер: 16,7 Мб

Скачать

Урок 4. Создание области контента

Продолжительность: 9 мин 54 сек | Размер: 16 Мб

Скачать

Урок 5. Работаем над центральной частью сайта

Продолжительность: 9 мин 17 сек | Размер: 14,6 Мб

Скачать

Урок 6. Создаем блок слайдшоу

Продолжительность: 10 мин 26 сек | Размер: 11,4 Мб

Скачать

Урок 7. Создаем текстовый блок напротив слайдшоу

Продолжительность: 12 мин 31 сек | Размер:16,2 Мб

Скачать

Урок 8. Рисуем навигационные вкладки

Продолжительность: 16 мин 57 сек | Размер: 27,2 Мб

Скачать

Урок 9. Создаем блок для вывода записей с блога

Продолжительность: 22 мин 33 сек | Размер: 36 Мб

Скачать

Урок 10. Создаем блок твиттера

Продолжительность: 16 мин 16 сек | Размер: 26,5 Мб

Скачать

Урок 11. Создаем футер и копирайты, исправляем ошибки

Продолжительность: 13 мин 43 сек | Размер: 26,4 Мб

Скачать

Дополнительные материалы

Скачать

 

PSD-исходник

Скачать

#2. Итоги конкурса на лучший сайт, сделанный по курсу Joomla.

В этом разделе я хотел бы подвести итоги конкурса на лучший сайт, сделанный с помощью CMS Joomla по моему курсу "Joomla - Профессиональный сайт за один день".

Для тех, кто не в курсе, что это за конкурс, я хотел бы дать небольшое пояснение.

Осенью 2008-года вышел мой курс "Joomla - Профессиональный сайт за один день", в меню которого был пункт о том, что если Вы с помощью данного курса создали сайт, то Вы можете прислать ссылку на данный сайт и историю его создания на мой e-mail-адрес. Эта заявка будет участвовать в конкурсе.

Заявки можно было присылать до 30.06.09. За это время на мой ящик пришло около 50 заявок на участие в конкурсе.

И вот сегодня я подвожу его итоги и виртуально награждаю победителей!

Итак, просмотрев работы всех кандидатов, которые пожелали принять участие в конкурсе, я решил наградить не только первую тройку, как и было обещано, но и выделить ещё 10 человек, которые получают от меня новый курс (релиз намечен на конец июля) совершенно бесплатно.

Результаты конкурса

 

1-е Место - Сайт компании "Компаньон плюс" от Воропаева Виктора

Приз: 10000 рублей

 

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

За такое разнообразие качественных сайтов и проделанную работу отдаю Виктору первое место.

Скриншот сайта

 

Другие работы Виктора:

 

Комментарии Виктора:

Сайт "Компаньон плюс" сделан для предприятия, которое работает по двум направлениям - мясопереработка и каркасное строительство. Необходимо было разделить эти сферы деятельности. Поэтому вход на сайт сделан на простом html, а сайты по сферам сделаны на joomla 1.5.9. Использован один шаблон (для того, чтобы было в одном стиле) и оформление в соответствии с тематикой (строительство и мясопереработка). На сайт по строительству установлен компонент фотогалереи - ignitegallery.

Комментрий по сайту торгового цента "Пассаж"

Сайт сделан на joomla 1.5.9, использован современный шаблон. Шаблон пришлось немало адаптировать. Задачей было сделать информационный сайт торгового центра, для размещения информации об ассортименте товаров, проведения акций, розыгрышей призов и других мероприятий по привлечению покупателей.

 

 

2-е Место - Сайт о г. Павловск от Мельниченко Натальи Владимировны

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

Поздравляю и жму руку!

Приз: 7000 рублей

Скриншот сайта

 

Комментарии Натальи:

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

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

Я уже почти собралась расстаться с мечтой о собственном сайте, как вдруг муж подарил мне два диска под названием «Фотошоп с нуля в видеоформате». Следом появились «Все технические моменты онлайнбизнеса в видеоформате», потом к ним добавился заключительный аккорд- «Joomla: профессиональный сайт за один день».

Насчет одного дня, это, конечно, круто, но результат, как говорится, налицо, если Вы сейчас читаете эти строчки. Не скажу, что обучение давалось мне с лёгкостью (как – никак, возраст-то у меня хоть и не совсем старый, но всё же пенсионный!), - но с огромной радостью. Спала по четыре часа в сутки, а усталости не чувствовала. Продвигалась не быстро, но обещанный результат получила.

Теперь немного о самом сайте. Как Вы видите, он вполне рабочий: обозначены основные направления, выставлена примерно 1/30 часть того, что я собираюсь разместить на этом сайте вообще.

Конечно, над ним ещё работать и работать, но возможности Joomla! он демонстрирует даже в таком "сыром" варианте.Форум, доску объялений и городской портал я решила вынести на поддомены. Раздел "Галереи" основан на Phoca, но не заполнен пока, -лишь обозначено, что здесь будет размещено.

Цель участия в конкурсе: не столько себя показать, сколько на других посмотреть и научиться чему-нибудь дополнительно. После того, как будут запущены в работу поддомены, последует ещё один сайт с уже купленным доменным именем http://lifewithoutstress.ru - "Жизнь без стресса, или таблетка от страха". Сайт будет весёлым и радостным.

Как видите, Евгений, "Остапа понесло...".Хотя, наверное, мне до конца жизни хватило бы сайта о Павловске, потому что тема эта фактически безразмерная, к тому же очень востребованная. 17000 посетителей ежемесячно набирают слово "Павловск", и это кроме "ПавелI", "Екатерина II", "Романовы", ну и далее по списку. И, если Вы ради интереса пробежитесь по сайтам, что выдаются на эту тему поисковиками, то увидите, что мой "ребеночек" уже сегодня может составить им конкуренцию.

Так что в заключение могу сказать только одно: ещё и ещё раз спасибо Вам огромное за науку! (Только не дай Вам Бог подумать, что размещенная на сайте благодарность Вам с Зинаидой является предусмотрительной лестью!)
С уважением, Мельниченко Н.В.

 

 

3-е место - Сайт о разных странах и путешествиях от Елены.

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

Поздравляю и жму руку!

Приз: 4000 рублей

Скриншот сайта

Комментарии Елены:

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

Сначала Я начала собирать видео разных стран, с разных видео сервисов, просто сортируя их по странам.  Затем была добавлена информация о странах. И  сейчас на сайте уже много разных разделов: Видео, раздел новости: многие новости о туризме сопровождаются не только фото, но видео. Раздел это интересно: об интересных вещах и местах в разных странах. И наконец, мой любимый раздел: чудеса света.

Раздел Чудеса света - это природные чудеса света которые должен посетить каждый. Это самые потрясающие места на нашей планете. Сейчас чудес не так много, но в итоге в этом разделе будет около 500 природных чудес света, самых интересных мест на нашей планете. В последнее время люди стали рекомендовать сайт другим и на сайт стали ставить ссылки такие лидеры в сфере путешествий, как: travel.ru, mail.ru, многие пишут о чудесах света  на моем сайте в ответах на mail.ru. Например: http://reports.travel.ru/letters/2009/05/170824.html

Потому что о каждом чуде света на сайте собрано максимальное количество информации, которое вы не найдете нигде больше: описание того, что это и что можно там увидеть, как добраться, сколько стоит, карта где оно находиться, фото и видео.
Каждое чудо света чем-то примечательно. Например в заливе Фанди (Канада) – самые высокие приливы в Мире, 16 метров. Ущелье Самарья (Крит) – самое длинное ущелье в Европе. И много других чудес: самый большой ледник в мире,  удивительные заповедники и национальные парки.

Все остальные чудеса света вы сможете посмотреть на сайте: http://www.travelliving.ru В Разделе чудеса света.

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

Спасибо.

 

Дальше идут сайты тех самых 10-ти человек, которые я так же хотел бы отметить.

Сайт фирмы ООО ПКФ "ЮНА" от Язвицкого Андрея

Комментарий Андрея:

Сайт выполнен на Joomle и будут еще расширения, но дальше пока не иду, так
как жду ваших комментариев, это мой первый сайт.

Естественно в процессе возникало много вопросов, но ответы находил на
форуме.

Спасибо за диск, очень выручил.

С уважением, Андрей Язвицкий

 

Сайт про моду от Скопцовой Ольги

Комментарий Ольги:

Я дизайнер, всегда мечтала изучить программирование, чтобы самой создавать сайты. Пробовала делать сайты на HTML, но это не то. Хотелось сделать полноценный сайт с системой управления, форумом, поиском, а тут ещё и с видео получился! Спасибо за ваш курс, всё очень доступно изложено. Получила огромное удовольствие когда разместила свой сайт на хостинге.
Очень люблю моду и дизайн, поэтому и сайт сделала о моде :)

 

Сайт Современной Гуманитарной Академии от Колпашникова Александра

Комментарий Александра:

70% графики на моем сайте, я взял из шаблонов: siteground и шаблона который скачал с этого сайта - http://ru.anvisionwebtemplates.com. Сам-же шаблон был написан с нуля, с помощью программы adobe Dreamweaver cs4 и программы Joomla Template Toolbar 1.5.

Так-же пришлось реализовать 2 css файла: mystyle.css (Который отвечает за все стили изображений в шаблоне) и template.css (Который отвечает за стили меню, вывода конетнта и.т.д).

Все остальное реализовывалось по урокам Евгения Попова "Joomla профессиональный сайт за один день".

 

Сайты от Ольги Алексеевой

Комментарий Ольги:

Моя гордость - SiteManage.RU.

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

Здесь задействованы следующие функции:

1. Попап с формой подписки на рассылку.
2. Вход / Регистрация
3. Форма подписки, внедренная в центральную колонку на главной странице.
4. Форма подписки, внедренная в модуль в правой колонке.
5. Опрос
6. Сейчас на сайте
7. Свежее
8. Популярное
9. Случайное
10. Карта сайта
11. Баннеры с учетом показов и кликов.
12. Хлебные крошки

Кроме этого, я постаралась использовать как можно больше типов меню, то есть вывода информации:

1. Стандартный шаблон материала.
2. Блог раздела (База вопросов)
3. Блог категории (Всё для Джумла)
4. Список категорий раздела
5. Список материалов категории
6. Контакты
7. Внешняя ссылка

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

Для участия в конкурсе, я представляю именно этот сайт SiteManage.RU.

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

 

Сайт Сызранского медицинского колледжа от Морозовой Юлии

Комментарий Юлии:

Всем здравствуйте!

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

Как только узнала о Ваших работах, сразу же купила несколько Ваших дисков, и ни разу не пожалела. Я студентка выпускного курса медицинского колледжа. И конечно же, моё творение стал сайт "Любимого Медицинского колледжа".

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

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

Работала над сайтом я в основном в вечернее время, иногда даже до глубокой ночи. Передо мной стояла цель, что бы у нашего колледжа был достойный сайт. И я не перед чем не останавливаюсь. Всё своё свободное время я тратила на изучение азов HTML, CSS и т.д. а точнее изучением Ваших уроков Евгений.

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

С Уважением, Морозова Юлия

 

Сайт про Украину от Яковцева Алексея

Комментарий Алексея:

Я задумал этот сайт еще в прошлом году и до февраля собирал материалы. В феврале решился делать его и уже сделал достаточно большую часть. Но все изменилось. Из специфики сайта вы поймете, что он сильно зависит от политической динамики. А тут Служба Безопасности Украины, за неделю зарегистрировав еще 5 общественных организаций с похожими именами, практически уничтожила первоначальное имя и общественного движения, и будущего сайта. Это произошло в марте. После этого родилось решение, что сайт буду делать не я, а кто-то другой.

Мне это было на руку, потому что и так имею много ресурсов за которыми нужно наблюдать, что занимает много времени. К тому же основная моя работа – это писать книги и статьи, да еще работа с читателями по всему миру. В день на почту уходит по 2-3 часа. И, честно говоря, я обрадовался, что не мне выпало делать этот сайт. Но ситуация снова изменилась уже через месяц.

Я живу в Карпатских горах, в 3 км от населенного пункта. Связь – по телефону и через Интернет. Когда я в начале мая приехал в Киев, то в действительности оказалось, что сайт делать некому, и эта тема снова вернулась ко мне. Но не тут-то было! В первый же день после моего возвращения домой, когда я уже собирался засесть за сайт, у меня сгорает винчестер со всеми материалами. Я отправляю его в другой город, чтобы там из него извлекли, хоть что-нибудь, и эту посылку теряют на почте. Забегая вперед, скажу, что посылку с винчестером я отыскал всего 3 недели назад, и только дней 4-5 назад мне позвонили из другого города, что восстановили примерно 20% информации, еще не знаю, какой.

Но примерно в середине июня я понял, что нужно с нуля собирать материалы на этот сайт, готовить их, форматировать, и т.д. Кое-как я приспособил свой запасной винчестер, полностью переустановил ПО на нем, и примерно с 15-го июня сел за этот сайт. Что получилось к сегодняшнему дню – вы видите сами. Это – примерно третья или четвертая часть того материала, который изначально должен быть на нем. И, конечно, я продолжаю его работать.

Чтобы не повторилась ситуация с СБУ, и поскольку официальное открытие сайта планируется примерно через пару недель, я закрыл 2 раздела правами доступа и в нескольких местах вместо названия поставил кресты: ХХХХХХ. В том числе и в шапке.
Честно скажу, что сайт сырой, и я знаю 4 глюка, с которыми еще не разобрался (в том числе не могу понять, почему в самом верхнем меню не работает левая ссылка). Это еще предстоит доделывать. Но то, что он сделан честно с нуля за 2 недели, параллельно с другой основной работой, - это совершенно точно.

 

Сайт по системам отопления от Верилова Константина

Комментарий Константина:

Евгений, спасибо Вам за Ваши видео уроки! Благодаря Вам я сделал свой первый php сайт. Очень доволен покупкой.

Сайт создавал по просьбе отца.

Мне 20 лет.

Наш интернет-проект посвящен отоплению, а точнее консалтингу по отоплению. На сайте размещены статьи, faq, нормативные документы. Реализована возможность регистрации, голосования, поиска, отправки ЛС пользователям, установлена гостевая книга.

Сайт создавал примерно 2 дня. Спасибо за все, Евгений Попов!

 

Сайт для родителей от Некрасова Андрея

Комментарий Андрея:

В конце осени 2007 года я впервые узнал про курсы Евгения Попова. Купил диск "PHP и MySQL для начинающих". Во время его изучения появилась идея создания сайта (блога) для учителя начальной школы.

Позже для поплнения знаний я купил диски Попова "Все технические моменты онлайн бизнеса в видеоформате", "Фотошоп с нуля"(Зинаиды Лукьяновой). На основе полученных знаний я начал создавать блог учителя начальной школы, который работал до конца апреля 2009 года.

Новый курс "Joomla - профессиональный сайт за один день" позволил провести переоценку полученных знаний и сделать из блога портал.

Данный портал сделан для всех родителей, которые занимаются воспитанием и обучением детей. Основная его цель - повышение культуры, образования у подрастающего поколения.

Мы, я и Ольга Старушкина (идейный и духовный руководитель проекта), будем рады приветствовать вас на этом портале.

 

Сайт детского сада от Беляевой Юлии

Комментарий Юлии:

Чуть больше года назад, заведующая детского сада обратилась к родителям с просьбой помочь садику сделать сайт. Тогда никто не откликнулся, а я подумала: "Как жаль, что я не могу это сделать". В то время у меня были трудности с выходом на работу и вообще с возвращением в мою основную специальность, которой я посвятила 11 лет . Чтобы как-то себя отвлечь, я записалась на курсы Web-дизайна (за 2-3 месяца
познакомилась с основами html и css), после чего сделала саду несколько
страничек, но и сама понимала, что это далеко не то, что надо.

Начала самостоятельно осваивать Фотошоп, стала постоянной посетительницей сайта
Зинаиды Лукьяновой. Потом немного поработала в студии дизайна web-дизайнером, это многое мне дало, но это опять было не то... ведь нарисованная картинка сайта это еще совсем не сайт).

И вот в декабре я увидела рекламу видеокурса "Joomla - профессиональный сайт за один день" и вот именно он помог мне сделать то, что сделано. Это моя первая работа и я очень надеюсь, что не последняя. Большое спасибо за видеокурс и за форум-поддержку!

 

Сайт рукодельного творчества от Ольги Орловой

Комментарий Ольги:

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

Такой сайт я мечтала сделать давно, но мне не хватало знаний и опыта. Только приобретя курс Евгения "Joomla - профессионалный сайт за один день", и мечтам моим суждено было сбыться.

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

Joomla - это выход для многих, кому необходим сайт и кто не умеет его создавать.

Уроки курса проходили у меня как по маслу. Евгений расказывает и дает разъяснения доходчивым языком - понятном любому, даже самому неопытному пользователю.

Практически, он берет за руку и ведет нас - своих учеников, с первой до последней ступеньки. От простого - к сложному. В результате обучения мне удалось установить некоторые компоненты, которые не вошли в курс. А какая поддержка!!? Возникли вопросы, что-то не понятно - велика беда! Зайдите на форум - там есть все ответы.
Не нашли? Пожалуйста! - задайте вопрос и получите ответ.

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

 

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

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

Закрыть
Наверх