Блочная верстка (div-верстка) видеоурок #11
Продолжаю акцию “Один день – один видео-урок”. Уважаемый читатель, встречайте новый видеоурок по блочной div-верстке сайта. В нем я поставлю стакан с молоком под вертикальное меню совершенно другим способом, нежели я собрался сделать это ранее. Поэтому придется немного скорректировать верстку и отказаться от использования z-index.
Но это не беда, теперь о z-index вы знаете практически все.
Заодно еще раз попрактикуемся в объединении и вырезании изображений из слоев в Photoshop.
Желаю приятно обучения.
Видео на RuTube
Первая часть видео на YouTube
Вторая часть видео на YouTube
Из-за сжатия видео сервисами RuTube и YouTube мелкие детали становятся плохо различимыми. Чтобы увидеть все до мелочей – скачайте видео в лучшем качестве с DepositFiles (*wmv 36.3 МБайт).
У меня есть еще много уникальной информации по блочной верстке сайта. Поэтому, чтобы не пропустить следующие части видеокурса, подписывайтесь на RSS или получайте обновления блога на эл. почту.
С уважением, Андрей Морковин.
Метки: Верстка видеокурс
Похожие материалы:
Отзывов: 15 на «Блочная верстка (div-верстка) видеоурок #11»
Автор: , 16.09.2009 в 17:27
Э.. а картинка с молоком вроде имеет уголок в psd рисунке который выперает, а вы его обрезали)))
Автор: , 16.09.2009 в 18:28
Чего-то я не понял, какой обрезанный уголок Вы имеете ввиду.
Автор: , 17.09.2009 в 15:05
Ну в видео уроке вы говорили что не получиться поставить картинку с молоком в div блок где рамка ораанжевая, т.к. молоко выплёскивается из стакана а когда резали картинку тот кусочек молока который выплёскивался вы обрезали
Автор: , 22.09.2009 в 10:39
Пересмотрел результат верстки. У меня молоко выплескивается за бордер, а значит я ничего лишнего не отрезал.
Автор: , 29.11.2009 в 18:06
Андрей, Вы же сами на 1:15 Вашего урока это молоко заметили, а на 11:10 безжалостно вырезали
Автор: , 29.11.2009 в 18:32
Прямой эфир, ничего не поделаешь, глючу
Автор: , 18.09.2009 в 15:51
Спасибо за уроки. Посмотрел с интересом ссылку на блог разместил на своём сайте. Андрей обратите внимание на комментарий. Возможно следующие уроки Вы будете строить используя предоставленную в этом комментарии информацию.
http://www.nikiza.ru/page.php?al=sdelaysite_com&comments=1#c162
Автор: , 18.09.2009 в 19:22
Обратил внимание на комментарий. Спасибо за размещенную ссылку.
По поводу украинского акцента – я коренной москвич, год живу в Украине. И что, у меня уже есть приятный украинский акцент?
И по поводу FireBug-а Вы правильно подметили, отличная программулина. И до нее дойдет время.
Автор: , 18.09.2009 в 22:18
Андрей Вы не обижайтесь за украинский акцент. Тут наверное та-же тема, что со свежим огурцом, который попадает в ядрёный рассол. Не кому этого не избежать.Ноти батькiвщини я вiдчуваю дуже добре.
Ещё раз спасибо за уроки, если Вы не против я размещу ссылки на фильмы на сайтах neocrome.ru и cotonti.ru – это ресурсы посвящёны CMS Seditio и форку Seditio – Сotonti. Причём если для Seditio есть лицензионные требования, то его последователь Cotonti распространяется по лицензии BSD license which means free unlimited use – свободно и гораздо более мускулистый и продвинутый.
Построение дизайна, этих движков выполняется спомощью .tpl шаблонов и .css файла, дивная вёрстка которых, как правило хорошего тона. Многие хотят сделать что-то своё, но вот информации недостаточно. Просмотрев Ваши фильмы, парни и девчёнки смогут легко самостоятельно построить собственный скин для движка или грамотно разобраться-переделать существующие скины. (Программный код отделён от skina)
Автор: , 22.09.2009 в 10:37
А я и не обижаюсь на украинский акцент. Странно, но все местные чувствуют в моей речи москальские нотки. В общем, опыляюсь наикращей мовою, некий суррогат получился.
Я, конечно же, не против размещения ссылок на мой блог (а даже наоборот, ЗА!). Ссылки на видеокурс – это как доказательство того, что время потрачено не зря и кому-то это будет полезно.
И вот еще такой вопрос: “Чем достигается разделение PHP и HTML в описанном движке? Смарти?”
Автор: , 23.09.2009 в 08:49
Здравствуйте Андрей.
Скажите, продолжение уроков ожидается в ближайшем будущем? Действительно для начинающего я еще ничего не встречал…! За что, Вам огромное спасибо!
PS Насчет украинского акцента, это заблуждение. Я сам живу в Украине и свободно общаюсь как на русском, так и украинском языках, так вот, никакого акцента у вас я не заметил!;)
Автор: , 23.09.2009 в 10:32
Уже сегодня появится новый видеоурок. Прошу прощения у моих уважаемых читателей, вынуждено взял передышку в следствии навалившейся работы. Планируется огромное количество материала для новичков в интернет-технологиях не только в плане разработки сайта, но и интернет-маркетинга.
Так что подписывайтесь на RSS и получайте свежие обновления.
Спасибо Вам за спасибо.
P.S. Украинцы не слышат в моей речи украинского акцента, только москальский, а вот москали чуют нотки ридной батькывщины.
Автор: , 14.12.2009 в 17:48
Про акцент гониво. Я бы действительно сказал, что чувствуются московские нотки, но не так уж сильно.
По уроку: да, с кусочком молока забавно вышло
Этот урок ещё раз подтверждает, что верстальщик сначала делает, потом пару раз переделывает
Автор: , 16.03.2010 в 02:13
Да че вы все на молоко это взелись? ширина блока 238 а ширина изображения 239. Все там как на psd выступать будет, ну или почти так
на видео просто видно плохо.
Автор: , 28.04.2010 в 12:45
Андрей, в уроке №8 (time 00:04:15) была совершена дичайшая ошибка с вырезкой верхнего горизонтального меню (а именно снизу к оранжевому полуэлипсу был вырезан 1-2 пискеля белого фона). Отсюда и получился тот “глюк” с левым оранжевым бордером ктр не доходил вверху до конца, и как следствие танцы с бубном в 11-ом уроке ))