Блочная верстка (div-верстка) видеоурок #12
Базовый курс для начинающих по div-верстке сайта стремительно приближается к своему логическому завершению. Осталось еще совсем немного.
В двенадцатом уроке я покажу вам, уважаемый читатель, каким образом сверстать ту самую градиентную тень, которая торчит слева и справа от сайта.
На примере вы освоите принципы установки фонового изображения, свойства его повторяемости и позиционирования.
Кроме того, дополнительная практика с программой Photoshop (я покажу как найти нужный слой в палитре слоев, правильно вырезать и сохранить требуемый фрагмент) позволит развить навыки работы с этой мощной и необходимой в нелегком труде верстальщика программой.
А вот и сам 12-й видеоурок по div-верстке сайта во всей красе. Встречайте!
Видео на сервисе RuTube
Видео на сервисе YouTube (1 часть)
Видео на сервисе YouTube (2 часть)
Из-за сжатия видео сервисами RuTube и YouTube мелкие детали становятся плохо различимыми. Чтобы увидеть все до мелочей – скачайте видео в лучшем качестве с DepositFiles (*wmv 22.4 МБайт).
Чтобы не пропустить завершающей части видеокурса по блочной верстке сайта, а так же выхода новых видеокурсов для веб-мастера подписывайтесь на RSS или получайте обновления блога на эл. почту.
С уважением, Андрей Морковин.
Метки: Верстка видеокурс
Похожие материалы:
Отзывов: 12 на «Блочная верстка (div-верстка) видеоурок #12»
Автор: , 24.09.2009 в 09:11
Здравствуйте уважаемый автор блога!
Очень интересные у вас уроки. Блочная верстка для меня всегда была камнем преткновения. Сейчас вроде получше стало. Если позволите, то одно пожелание не касаемо самих видеоуроков, а их размещения – нельзяли их кроме депозита, еще хотя бы на рапиду закинуть.
Спасибо.
Автор: , 24.09.2009 в 09:59
Дмитрий, рад, что помог Вам своими видеоуроками.
А чем плох депозит?
Автор: , 24.09.2009 в 14:26
рекомендую вам сервис http://www.rapidspread.com заливаете один раз а файл появляется на нескольких выбранных файлообменниках.
спасибо за видео =)
Автор: , 24.09.2009 в 19:49
Спасибо, Малл, за спасибо
И огромное спасибо за рекомендацию сервиса. На досуге разберусь с ним.
Автор: , 25.11.2009 в 12:28
Спасибо Андрей, отличный урок. Единственное что не понял как вы сходу определили что BG именно на 50% процентов по горизонтали нужно сдвинуть?
Автор: , 25.11.2009 в 14:12
50% смещения фонового изображения соответствует его центральному расположению. Я просто-на-просто ставил фон по центру контейнера.
Автор: , 25.11.2009 в 15:24
Извини я немного “блондинко”. Постараюсь потом разобраться с этим способом. Пока сделал более понятным, вставил в доп.блок, шириной 949пиксеорв, задал ему то-же “background-image” и центрировал с помощью “margin: 0 auto”, эффект тот-же. Есть ли в моем методе недочеты?
И еще просвети если не сложно, как тестировать сайты на кроссбраузерность, кроме IE6 чем еще проверять желательно.
Автор: , 14.12.2009 в 18:06
Из недочётов на первый взгляд только лишний див. Но это не смертельно вовсе. Желательно имхо в ИЕ6, ИЕ7, ИЕ8, ФФ, ОПЕРЕ и САФАРИ (если есть возможность) проверять.
Автор: , 14.12.2009 в 18:04
Отличный урок. Бэкграунд позишн мало кто из начинающих понимает, а здесь всё понятно рассказано.
Автор: , 14.03.2010 в 12:17
Здравствуйте, Андрей! Спасибо за уроки. Мне очень нравится Ваш подход.
Кстати, в фотошопе для выделения однопиксельной полоски есть инструмент (если нажмете на инструмент “выделение”, то там увидите.).
Еще раз спасибо!
Автор: , 16.03.2010 в 02:44
Кстати о дипозите, дипозит неудобен только в одном – когда качаешь бесплатно идет ограничение на скачку с одного ипа. Тоесть если ип серый то бывает что кто то из подсети уже качает с этого обменика или скачал недавно и приходиться ждать очереди своей, бывает по нескольку часов даже…..
За урок спасибо, очень полезно и главное доступно.
Автор: , 26.04.2010 в 21:30
После ваших уроков решил сделать блог samtymaster.ru