День 3. Контент, детка - решает все :)
Привет друзья! Как обычно, вначале, показываю интересные семейные фото. У нас есть хорошая традиция – ледяной душ. Участвует вся семья 
Вы не поверите, сколько веселого смеха может вызвать обычное белое ведро, если из него торчит “безтрусая” задница и ноги 
Особенно смешно, когда это ведро убегает от душа и визжит на весь огород. Вот сейчас пишу эти строки и смеюсь от воспоминаний.
Кстати, такой душ отлично поднимает тонус и укрепляет ваше здоровье 
И подходит он всем, даже тем, кто еще ходит под стол пешком!
Ладно, надеюсь я зарядил вас веселым настроением перед учебой. Поэтому сейчас за работу.
Вот ваши следующие 10 уроков:
PS: ребята, у меня сломался микрофон. Поэтому пришлось записывать на старый. Отпишите плиз, нормально звук в видео? Дискомфорта не вызывает??
Ура наконец-то очень ждал пока выйдут !!!
Я тоже
Не забудьте отписать - как звук.
Спасибо за очередную порцию уроков.
Звук отличный. А вот скачивается у меня туго - только 2 урока открылись. Обычно пользуюсь Download Master, а здесь только браузером.
Ирина спасибо. В итоге скачать получилось?
Серега, отличный звук, зря боялся! Спасибо за уроки!
Спасибо за новые уроки. Звук хороший. Есть один вопрос и одно замечание:
Вопрос: Если скопировать уже готовую пару с и продублировать далее, то они () меняют порядок (было 1->2, стало 2->1) и "прилипают" к пунктиру. Было бы не плохо развить тему, как сделать "плитки" с ровными отступами.
Замечание: Фон, в смысле задника, по-английски не "fon", а "fond". Исправьте пожалуйста, а то несколько не кошерно))))
код по вырезало из сообщения....
Попробую повторить со спецвставками...
Вопрос: Если скопировать уже готовую пару
с
и продублировать далее, то они
меняют порядок (было 1->2, стало 2->1) и "прилипают" к пунктиру. Было бы не плохо развить тему, как сделать "плитки" с ровными отступами.
Замечание: Фон, в смысле задника, по-английски не "fon", а "fond". Исправьте пожалуйста, а то несколько не кошерно))))
Не гоните лошадей. В новых уроках это рассмотрено
И в итоге меняется вывод пунктира.
В общем - наберитесь терпения
Да, спасибо за критику и уделенное время.
В английском вообще слова FON нету, я его от русского взял, а переводится он как background. Однако использовать одноименные классы и свойства стилей не удобно.
Ни в коем случае не спорю, просто в качестве пояснения, для тех людей, кто имеет проблемы с восприятием английских слов из-за множественности их вариантов.
Представим сайт в виде обычной картины - избушка на фоне леса. Теперь применим к этой картине понятия стилей:
1. background - в данном случае, это холст (тот же geometry2.png), на котором написана картина (сайт);
2. fond (или - "FON, я от русского взял"
) - это лес, задник для избушки (контента). В определенном смысле background для контента.
Я это к тому, что желательно сразу приучать себя к порядку, как бы ни хотелось побыстрее научиться
Роман, может на ты? Раз уж разговорились?
- где вы взяли такой перевод этого слова.Вы не видите очевидной проблемы
Для каждого порядок - "свой". Например, я до этого и не слышал даже про fond, и нигде его не видел.
Я не против
да оно есть в любом качественном словаре, приводящем слова синонимы и дающем предложения-примеры. Каюсь - забыл уточнить про такое коварство английского языка как - контекстность слова. Данное слово, таковым и является. В зависимости от применяемости, это слово обретает как форму существительного, так и форму прилагательного. People on fond of the house - Люди на фоне дома. И I'm don't fond of John - Я не любил Джона.
Вот тут я полностью согласен
. Возможно я излишне склонен к упорядочиванию, стройности и логистике.
Все уроки открываются, звук нормальный.
Спасибо Анна
1. Всё качается, раскрывается и вещает здорово.
2. Попы замечательные!
3. Background - он и в Африке background. Фон, зад, задний план. Fond употребляется только как причастие, реже как прилагательное: любящий, нежный. Менее употребительные значения тоже к фону никакого отношения не имеют.
А вообще каждый неанглоязычный волен называть, как ему вздумается... Нас простят)
Почесал тыкву, подумал "ну не настолько я стар, чтобы впадать в маразм" и связался с парой знакомых американцев (согласитесь, англоговорящяя, в массе своей, страна). Спросил про спорное слово - в ответ получил:
fond - слово широкого смысла и множества значений. Среди прочего, обозначает:
- любящий, нежный, доверчивый, оптимистичный (и прочее);
- фон, основа, задний план, поле (забыл уточнить, но скорее всего - рабочее поле);
И еще сказали, что в качестве существительного употребляется, преимущественно, в творческой среде дизайнеры, декораторы, художники и т.д.
Так что, не так уж я и не прав
Спасибо за уроки.
Звук нормальный.
23 урок начинается с создание дивов block, ananos, но ничего не говорится про див fon, который ты уже создал ранее вне видео.
Да у меня этот урок не получался раз 5. Все не то говорил и сбивался. А когда его перезаписываешь - то надо старое удалять. Вот я и забыл
Точнее не дивов, а классов
Сергей, у меня почему-то, не отображаются заголовки тексты анонсов - вроде все сделала как показали
Даешь четвертую серию этого увлекательного сериала!
Урок хороший, звук нормальный
Здравствуйте! А будет новая партия уроков?
Уже ушла.
Согласен с dignityinside , в 23-е уроке нету ни слова про див блок fon :(
Да да, мой косяк.
ОГРОМНЕЙШЕЕ СПАСИБО,ЧТО ВЫ ЕСТЬ!!!)))
Спасибо!
ПОЖАЛУЙСТА!
Сергей а почему именно mediafire у меня качает со скоростью 17 кб/с
Огромное Спасибо! - МАСТЕР!!!
СПАСИБО!!!!
Пожалуйста!
Здравствуйте!
Большое спасибо за хорошие уроки, но хочется знать наверняка это точно уроки по HTML5? Просто трудно заметить разницу пока-что и еще хотелось бы знать сколько еще дней будут приходить уроки? Заранее благодарю за ответ.
Нет. Это уроки по созданию сайта на HTML5 и CSS3. Подробное обучение содержится в курсе Верстаем на 5+ 2.0
Там больше примеров, все объясняется "на пальцах" и домашние работы на закрепление.
Спасибо.
Да незачто. Смотрите уроки, пробуйте свои силы, возможно вам понравится и вы решите стать одним из моих клиентов
Доброй ночи!
Нередко приходилось копаться в шаблонах, абсолютная ничего не понимая в HTML и CSS; изучая уроки у меня постепенно все раскладывается по полочкам. Спасибо за уроки!
Пожалуйста
Привет Серега, сижу пыхчу забиваю теги и одна мысль не дает мне покоя. Параллельно с обучением пытаюсь делать себе сайтик, и вот тут вопрос? Насколько возможно сделать на сайте таблицу "прайс" да еще и так чтоб он был завязан с таблицей в excel и в нужное мне время я менял значения в таблице и они менялись в прайсе?
Допускаю что это из области фантастики.
Пробывал табл. тегами заводить, внешне норм, но править в последствие элементы прайса геморно.
Р.S. Уроки класс и проходят на одном дыхании, Спасибо!!!
Здравствуйте Сергей! в 3 дне уроков а именно после окончания видео "ссылки" начинается урок "анонсы статей" так вот там по моему пропущено видео где объясняется создание тега "fon"
Спасибо большое за то что вы делаете Сергей, вы отличный человек, удачи вам в вашем дальнейшем будущем и добра
Привет, Сергей!
У меня к тебе вопрос ну и ещё кое что.
Мне не понятно почему вся вёрстка у тебя сделана на на селекторе class, почему не присутствует селектор id?
И второе:
У тебя ошибка в коде, когда ты делал главные заголовки, ты поставил несколько тегов br, но поскольку - этот тег одиночный ты его не закрыл слешем в конце / вот так.
А так курс нормальный.
id - надо использовать только когда есть привязка к скриптам. Потому что они задаются для уникального блока. В общем, если блок не привязан к скрипту, который работает через id - тогда однозначно задавай класс.
В html5 не надо закрывать одиночные теги слешем. Это пережиток xhtml.
Я верстаю так: использую селектор id для внешних блоков, а селектор class использую для внутренних блоков.
Когда страница сайта напичкана только одними class селекторами или id селекторами, она плохо смотрится со стороны исходника.
Я предпочитаю писать в формате xhtml теги, то есть всегда их закрываю, просто я привык больше к xhtml формату. Кроме того, не надо забывать, что html 5 ещё в разработке, и последнее когда пишешь закрытые теги, то код так красивее и аккуратней смотрится.
А ещё, я не рекомендую использовать тег U просто потому, что он часто путает пользователей и не понятно, то ли - это ссылка, то ли - это подчёркнутый текст.
С уважением, Сергей.
Кто вам сказал что так удобно? В любой компании используют методы верстки. Без знания которых - вас вряд ли пустят лепить свой код. Посмотрите хотя бы БЭМ методологию.
Сейчас уже начинает массово внедрятся мнение, что использовать id некорректно. Как и !important
Это всего лишь мнение и не более того.
Сергей, вам должно быть знакомо когда встречается 2 противоположных мнения, противоположны друг - другу.
В интернете много галдят про такие вещи, так что не стоит наивно доверять всем подряд, а я эту информацию не из воздуха взял, а из надёжных источников.
Да, точно также как и твоё
Почитай о методологиях вёрстки. Тогда поймёшь о чём я говорю. Там приводят конкретные доводы, почему надо обходиться без ID.
А какое разрешение у изображения v5r.jpg?
Спасибо)
А я и не помню
Так откройте картинку в любом вьювере - там обычно размеры пишутся. Или в свойства зайдите на вкладку подробнее.
Успешно прошёл Третий День по созданию сайта=))) Уже начинаю понимать, что да как работает=) А это не может не радовать! Огромное спасибо за такие замечательные уроки=)
Звук хороший, спасибо за урок!
спасибо Серега я скачал видео урок !!!
а где можно скачать сразу все уроки ?
спасибо Серёга за очередную дозу)))звук вполне нормальный!
скорость вообще печальная
Ты просто ссылки на страницы кидаешь, которые создал давным давно?
И ещё, кто из "учеников" качает уроки, отпишитесь, пожалуйста, что файлы без вирусов и всё хорошо и т.п.
А то я первый раз здесь и неуверен в безопасности...
Да правильно. Но не так давно. Информация актуальная
Файлы без вирусов. Там им негде взяться. Так как в них только видео, картинки и может быть какие-нибудь текстовые документы.
Добрый день!
Сергей!
Скажите, - как правильно писать в css3?
1. В строчку или в столбец?
2. какой порядок писания, ширина, высота, и т.д.
3. Если у вас на примере урока ширина блока 1000px по центру. И допустим, я хочу применить рекламу, баннер. То куда он ставится, внутрь этого блока или за пределы. И нужно ли для него создавать новый блок?
Спасибо!
Возьму на себя смелость, ответить за Серёгу...
1. Не принципиально! Я пишу в столбик - так легче выискивать нужные блоки в коде. Тем более, что я использую, как правило, 4 поля в SublimeText, при записи в строку, код просто может не вместится в поле и появится полоса прокрутки - не удобно. По окончании работы, убираю переносы и пробелы, привожу все к такому виду:
ul{padding-left:25px;list-style:discoutside;}ol{padding-left:25px;list-style:decimaloutside;}p,dl,dd,pre,ul,ol,blockquote,table,fieldset{margin-bottom:1.5em;}strong,b{font-weight:bold}em,cite,i{font-style:italic}caption{text-align:left}th,td{vertical-align:middle}small,.small{font-size:.9em;}hr{height:0;border:0;border-top:2pxsolid#eeeeef;-moz-box-sizing:content-box;box-sizing:content-box;margin:20px0;}.clr{clear:both}.clrfix:after{clear:both;content:"";display:table;}
- это колоссально сокращает объем CSS-файлов и ускоряет загрузку.
2. Зависит от стиля верстки - фиксированная, адаптивная, "резиновая".
3. Под рекламу - отдельный div внутри блока.
Звук в норме.Алексей.
Фотки классные. Есть кого и что показать-гордость отца за мальчишек.Одобряю. У меня старшим мальчишкам 30 и 25, а младшему 1 год и 2 месяца. Алексей.
Спасибо большое Серёга)))
Пожалуйста!
Звук отличный. Спасибо за очередную порцию уроков. Жду с нетерпением следующую.
Развод про микрофон прикольный
Прикольно форум, рассылка до сих пор работает, не думал
пришёл мой же коммент мне
Серега!!! Спасибо за уроки!!! Ты сразу начинаешь обучать на HTML кодах, это правильно, но многие новички также как и я не знают этого языка, поэтому сперва наверное надо выучить этот язык, а потом только начинать верстать сайты...
Здоров, Серега, а ты английский хорошо знаешь?
Серега,добрый день.В 21 уроке-Оформление пунктов меню,когда я пишу цвет и другие свойства классу div.menu ul li a(то есть ссылке)-уменя ни один из браузеров эти свойства не отображает.Отображение происходит только при варианте-div.menu ul li(без тэга ). Почему?
Привет !
Спасибо большое !
А пацаны - классные !
Сергей !
Я записался на второй тренинг по фотошопу,но не получил ответ - могу ли я оплатить в понедельник,чтобы не потерять скидку.Подписался вчера -09/04/16.Но в субботу и воскресенье банки не работают.Я живу в Ташкенте и могу оплатить только в $ по курсу рубля (это предусмотрено в форме оплаты).
С уважением
Леонид Филатов
Приветствую Сергей. Спасибо за уроки. У меня вот какой вопрос по уроку №14. У меня не получается правильно установить тонкую полоску (файл - headline.png) т.е. она остается жирной, ( div.afisha {padding: 20px 50px 0 50px; background: #f2f2f2 url(images/headline.png); top repeat-x;}) Думаю дело в свойстве repeat-x, но почему-то SubLime не видит этот "репит" как команду, а подсвечивает ее как простой текст. В результате не могу пройти следующий урок. Спасибо.
body{background: #efefef url(images/geometry2.png); margin: 0; padding: 0;
font: 16px/24px Arial, Tahoma, sans-serif;}
a{text-decoration: none;}
/* СТРУКТУРА САЙТА */
div.mid {width: 1000px; margin: 0 auto;}
div.header {background: #101417;}
/* Шапка сайта*/
div.topmenu {float: right; height: 70px; line-height: 70px;}
div.topmenu a{margin: 0 0 0 10px; color: #1683a3;}
div.topmenu a:hover{color: #fff;}
div.afisha {padding: 20px 50px 0 50px; background: #f2f2f2 url(images/headline.png); top repeat-x;}
div.afisha {padding: 20px 50px 0 50px; background: #f2f2f2 url(images/headline.png); top repeat-x;}
Просто уберите знак ; после адреса картинки в скобках
Добрый день!
Прогнал и не один раз Саблайм через органайзер - дела явно улучшились. Но никак не вычищается еммет, и не хочет работать после новой установки(((
Emmet LiveStyle - то же куча вопросов, у меня все не так , как у тебя в уроке. В хроме все открывается по другому - Eneble нашел во всплывающем окне - а куда вводить файл, как не бился - просто не нашел. Теоретически Саблайм хорошая программа - но сегодня уже третий день без сна и терпение скоро лопнет )))) Ну должен же он работать!!! Помоги чем сможешь - ведь у остальных он работает...
Уроки просто класс - очень правильное пешение, один урок - 1-2 действия. От многочасовых курсов толку меньше.
Но никак не могу настроить Sublime((( Выручай...
Спасибо, Сергей! Всё отлично видно и слышно! Удачи тебе!
Отличный микрофон)
Большое спасибо!
У кого не работает Sublime - пробуйте Breckets.
Для новичков он понятнее. А я сейчас вообще на Atom`е сижу)
Привет Серёга.
Спацибо вам большое за курсы, но...... Както скучно етими длиными зимнеми вечерами
.....
Нельзя ли попросить все курсы с разу?
За рание блогодарен...
Спасибо, вам большое за ваши уроки, всё понятно и доступно, особенно хорошо пошли уроки третьего дня, сегодня я смог найти и исправить ошибки второго дня и всё благодаря вам! Большое вам спасибо!
Вы выслали мне 1-й и 3-й уроки. Вышлите, пожалуйста, урок №2. Спасибо за всё.
Не получается скачать уроки!! Ни первый день, ни второй, ни третий....
Пожалуйста, вышлите второй урок, я получил два раза первый и один раз третий урок. Благодарю!
Звук Шикарный, тем-более, что на халяву,Спасибо! А по звуку пока проблем нет.
Добрый день! Большое спасибо за уроки, даете уверенность в своих силах! А фотки пацанов классные. К сожалению, своих внуков нет(