Сверстай Меня - День 1. Подготовка
Добрый день дорогие друзья. На связи с Вами Сергей Михалевич. Именно я буду вести этот тренинг, записывать уроки, высылать их Вам на почту и отвечать на ВСЕ ваши вопросы. В общем - приятно познакомиться!
Если Вы хотите познакомиться со мной поближе -
тогда прочтите книгу "Мой Бизнес"
В ней я подробно рассказал - кто я такой, чем занимался раньше, как начал зарабатывать в интернете и с какими трудностями я вообще столкнулся.
Теперь по поводу тренинга:
Друзья, отнеситесь пожалуйста к нему серьезно. Несмотря на то, что он бесплатный - это полноценный, пошаговый и практический тренинг. В нем Вы всего за 6 дней, с нуля и своими руками - сверстаете самый настоящий шаблон сайта!
И не стесняйтесь задавать вопросы. Их можно задавать прямо здесь в комментариях. Мы будем отвечать ВСЕМ без исключения.
Приятного обучения, с уважением - Сергей!
Сегодня Вас ждет 5 мини-уроков:
- Редактор кода
- Файлы и папки
- Основные теги
- Подключаем файл стилей
- Заводим главные блоки
Вот ссылки на архив RAR с уроками:
Как качать с MediaFire??
Жмите на большую зеленую кнопку в низу. И на рекламке там разок нажмите.
Пусть ребята заработают 
Предупреждаю, для уверенных верстальщиков этот день особо полезного не принесет. Уроки записаны специально для новичков, что бы они могли без проблем проходить следующие занятия.
Скачал - посмотрел в кратце, завтра гляну подробнее
Урок очень понравился, всё описано отлично, понятно! Для начинающих просто супер!
привет Серега! Спасибо за уроки !))
Пожалуйста юди. Будут пожелания - пишите.
Спасибо за поддержку! Оставляйте комменты
Привет, Серёга! Первый раз открыла, а там картинки.... Ничего не поняла, скачиваю ещё раз.Хочу урок!
Спасибо за урок! Вы молодец!
СПАСИБО
в редакторе когда ты пишешь html и нажимаешь кнопки ctrl и пробел у тебя автоматический все появляется а у меня нет.. почему ?
нашел причину )))) оказывается я в css файле писал )))
Серёга, привет!
Как всегда- кратко, понятно, просто!Спасибо.
Alexiss54
Скачала. Пойду смотреть.
Сергей! Очень хочется заразится твоим позитивом. Классно!!! Верю, что на этот раз я его сверстаю.
Привет, Серега! Как всегда, все четко и понятно. Впрочем, как и все твои уроки - лучшего объяснения материала нет в рунете! Ребята уверяю вас у Сереги лучшие уроки!
Ждем следующих.
Удачи!
Возможно ли пройдя уроки сверстать другой шаблон? Я хочу сверстать шаблон доски объявлений
Нажал на Скачать одним ZIP-архивом, потом нажал на большую зеленую кнопку (правда не совсем такого оформления, как вверху на скриншоте), скачал файл в 33,5 kb и ничего не открывается. Что-то не так пошло?
Привет, Серега!
У меня почему-то вместо русских букв во вкладке браузера какая-то "тарабарщина" отображается.
Как это исправить?
)))Посмотрела следующий урок и все стало как надо)))
Сделала все по вашему уроку. Спасибо. Жду дальнейших указаний.
Почему так поздно выкладываешь видео?
Видео посмотрел, все очень понравилось и все понятно)
Если вы хотите профессионаьно верстать - добро пожаловать на мой тренинг "Верстаем на 5+". Там Вы познаете все секреты верстки сайтов
Олег, поставил немного другую ссылку. Как сейчас??
Марина - по поводу тарабарщины - выставляйте кодировку UTF-8. И не забудьте сохранить в этой кодировке ваши файлы. Все это показано в уроках.
Да запарился немного, постараюсь потом пораньше отправлять. В часиков 5 по Москве.
Друзья! Спасибо Вам за ваши комментарии. Оставляйте еще плиз
Посмотрел, понравилось, действительно все просто и понятно.
Побольше бы таких простых, кратких и полезных уроков!!
Вопрос по блокам. Почему блок main взят в class , а не в id?
Сергей! Спасибо большое! Все просто, понятно и главное кратко и только по-делу
Не верный формат, не распаковывается! Переименовал в rar, пишет архив не найден!
Только что проверила. Скачивается и распаковывается без проблем.
id - используется для работы со скриптами
Попробуйте скачать архив по новой.
СПАСИБО,Серега.
Для немного сложно,но буду верстать,если что попрошу помощь.
ДБЗ
Спасибо, Кольт.
Всё нормально скачалось и работает. Ещё раз спасибо.
Аркадий - тебе всегда пожалуйста
У меня не получилось подключение файла стилей по четвертому уроку. А вообще уроки очень понятные и подробные. Спасибо!
Нина, мне нужно видеть код.
Возможно вы точку пропустили, возможно букву не ту вставили.
В общем код подключения файла стилей выложите пожалуйста.
Скопируйте тот, что у Вас.
И еще - файл стилей в одной папке с файлом индекс.штмл?
спасибо.понравилось, действительно все просто и понятно.
В нашем центре по другому не бывает. Главный приоритет на простоту изложения информации и помощь ученикам.
Те кто хочет - всегда дойдут до конца.
Но лентяев, к сожалению - тоже хватает
Спасибо Серёга полезное дело делаешь. Чувство внутреннее и должностные обязанности подсказывают мне, что я буду обращаться довольно таки часто
Спасибо на добром слове.
Здравствуйте,Сергей! Как мне отправить скриншот кода?
Нина, здравствуйте!
Скриншот вы можете загрузить на сайт ipicture.ru, а затем просто дать на него ссылочку.
Но вам не обязательно делать именно скриншот - вы можете прямо здесь, в комментариях, вставить свой код.
То есть, выбираете над полем, где вы вводите текст комментария, кнопочку "код", жмете на нее.
Появляются теги pre, между которыми вы можете вставить код, который хотите показать Сергею.
Вот, Елена Вам уже и ответила
Обалдеть! Я смогу теперь сама сверстать дизайн, который мне хочется, а не пользоваться шаблонами. Спасибище огромное тебе, Серега!!!
Спасибо огромное, Серега! Замечательный урок. Теперь уж точно начну верстать свои дизайны, какие нужны по теме. Спасибо, что даете нам путь к совершенствованию, терпеливо обучаете. Все открывается и скачивается. Подача классная! Все понятно и замечательно!!!
Пожалуйста друзья
Но все же если будут вопросы - не стесняйтесь их задавать!
Серега, спасибо большое!
Все ясно и понятно. Споткнулся на элементарнейшем: как в Редакторе сохранить очередную запись? Где эта "волшебная кнопка"?
Валди, здравствуйте!
В верхней панели проходите в первый пункт File, далее в выпадающем списке Save as
вводите название файла, выбираете расширение и жмете "Сохранить"
Если вы хотите сохранить изменения в уже существующем документе, достаточно просто нажать клавиши Ctrl+S и все сохранится. Либо пройти в File, далее Save. И все
Здравствуйте помогите с цветом второй раз пробую ничего не получается,подключение стиля.Вот ссылки www.ipicture.ru/uploads/20130722/GU4p8MRs.jpg www.ipicture.ru/uploads/20130722/QTNaWAGJ.jpg .
Пропустил знак равно,и всё пошло не так как нужно)))уже исправил.
спасибо большое за урок. именно такие уроки я и искала.
с utf-8 ничего не вышло. может быть, опера сама переводит utf-8 в кириллицу. для других браузеров мне пришлось сохранять в windows 1251, либо смотреть на иероглифы.
хотела скачать, но не удалось, файл удален!
Ну никак не удалось скачать!
Странно - у меня все есть и скачивается хорошо. А в каком браузере Вы скачивали?
Надо будет перекачать в другое место... Займусь завтра этим вопросом
29.07.2013 в 23.10. Несколько раз повторял попытку скачать, но так и не вышло. Может время кончилось и информация удалена?
Леонид - нет, там все на месте.
В общем - закачали уроки на еще один ресурс. С него тоже можете скачивать. Ссылки проставлены в статье.
В следующих уроках тоже будут идти по две ссылки.
Т.е. их можно будет скачать с 2-ух разных источников.
Надеюсь, теперь все ученики останутся довольны?
Спасибо, Сергей! Все скачалось отлично! Я совсем новичок, рада, что нашла такие интересные уроки. Буду изучать
ваши уроки вызывают положит эмоции. Доходчиво объясняете, не прячете мелкие, но важные мелочи " в карман", как это делают некоторые особо сметливые гуру, чтобы потом на мелочи навязать платный продукт. Всё конкретно и по полочкам. У Вас хорошо организованное мышление. Даже завидно. Спасибо за уроки.
Спасибо друзья!
Валентина, у меня тоже есть платные продукты, так сказать продвинутые версии, где ученики обучаются верстать САМОСТОЯТЕЛЬНО, т.е. по завершению платного тренинга им даже помощь не требуется с моей стороны.
Но в своих бесплатных решения я предпочитаю ученикам открывать полную картину. Что бы люди видели и понимали всю суть.
Спасибо еще раз!
Спасибо,скачала.
скачала архив. система Windovs не распознает этот тип файла -код mp4 - какую программу следует использовать? спасибо.
mp4 должен читать любой проигрыватель. Возможно у вас кодеки не установлены?
Уважаемый Серёга!
Закачал твои видеоуроки - буду осваивать. В настоящее время сильно болен (перенёс инсульт), но, как только выкарабкаюсь воспользуюсь твоими платными услугами.
А сейчас меня особо волнует один вопрос.Если сможешь, то ответь на него.
Для своего сайта я сделал шаблон в программе Артистер 4.После этого сайт выпал из индексации Яндексом. Поисковики заходят через день но статьи не индексируют (уже около 2 месяцев)
Я где то прочитал, что поисковики не любят шаблоны сделанные в программе Артистер. Связан ли этот факт с моей проблемой?
Заранее благодарю!
Привет Александр. Причин может быть много. Но если все слетело именно после Артистера... В общем я бы на вашем месте написал в саппорт яндекса. Они обычно отвечают.
Спасибо.Все понятно.Спасибо.
Все скачалось отлично, позже прступлю к делу
Здравствуйте Серёга. Я поздравляю Вас с началом учёбы Вашего сына и желаю ему учиться на отлично, чтобы радовать своего Папу. И всей Вашей семье всех благ. Я хочу купить у Вас «Сам себе WEB-дизайнер - стандарт». Я как-то пробовал, но не получилось с отправкой денег. А желание осталось. Подскажите пожалуйста.
Здравствуйте Сергей.уроки скачал спасибо
Здравствуйте, Сергей.
Ваши уроки хороши и понятны. У меня впереди все выходные, что делать дальше?
Архив оказался размером 20.3 МБ и в нём только два первых урока. Где взять остальные?
Здраствуйте, Игорь.
Размер архива 23 МБ. Возможно у Вас не полностью закачался архив. Попробуйте скачать заново или по другой ссылке, там их две.
Я скачивал c MediaFire и все отлично открылось: все 5 уроков.
Спасибо большое Сергею за такие короткие и поучительные уроки. До этого читал много литературы и многое было не понятно. Тут все разложено по полочкам. Даже для опытных пользователей будет что почерпнуть.
Скачал, большое спасибо! Позьже объязательно посмотрю.
Спасибо, все скачалось отлично,буду осваивать.
Хороший урок. Доступен даже школьнику.
Спасибо большое!Буду изучать потом отпишусь.
первая ссылка не работает
Эти уроки под maxsite CMS заточены?
Подписалась на рассылку, очень интересно и увлекательно! Спасибо за уроки!!!
Сергей! Спасибо огромное! Все очень доступно!
Отлично. Скачала, открывается.
Разбираться уже завтра буду, но возник вопрос. По этим же урокам я смогу пользоваться редактором KompoZer?
Или все-таки надо скачать тот, в котором Вы даете уроки?
Ирина, добрый день!
Если вам удобнее - можете пользоваться своим редактором,
но конечно лучше скачать тот, что рекомендует Сергей, тогда вы в точности сможете все повторять за ним.
С первого шага запнулась. Не запустился редактор. Системная ошибка. Запуск программы не возможен, т.к на компьютере отсутствует python26.dll Попробуйте переустановить программу.
Переустанавливала несколько раз. У меня Windows7 Скачивала то, что показывали.
Ирина, добрый день!
Жалко, что Sublim Text у вас не пошел, попробуйте другой редактор тогда...
Можно вот этот взять, например: https://notepad-plus-plus.org/download/v6.5.1.html
Я им и пользуюсь, но хотелось бы делать по рекомендации Вы ведь тоже это советуете.
Я рекомендую этот редактор, потому что мне он удобнее. А кому то удобнее np++, это тоже очень хороший редактор. Просто саблим мне больше нравится.
Сергей, если я буду пользоваться notepad, подключение к индексному документу фала css остается таким же как прописано у вас или будет другим. У меня не появляется изображение, когда проверяю в браузере
Ирина, это не от редактора зависит, а от того, в каком месте файл этот находиться будет. Так что все должно быть у Вас хорошо
Программу перезагрузила с другой страницы сайта. Теперь рекомендованный редактор у меня работает
Сергей как Вам направить дизайн-макет сайта в фотошопе на предмет критики его структуры
Владимир Иванович, здравствуйте!
Можете прислать на ящик [email protected]
Когда будет проводиться тренинг верстаем на 5+?
Александр, тренинг "Верстаем на 5+" уже записан, эти уроки выложены на форуме в закрытом платном доступе.
Большая зеленая кнопка не нажимается
Аккруш! Попробуйте скачать с другого браузера.