masterix.com.ua

Эта статья расчитана на самых, что не на есть, начинающих или по-просту “чайников” в блочной верстке. Сегодня речь пойдет именно о понятии формирования блочных элементов. Для самых начинающих, кто только начинает учить css верстку, томо никак нельзя пропустить эту статью-урок. Желаю удачи и интереса! Читайте… Читать далее »

Проснулся сегодня и думаю…надо сегодня посоветовать что-то. И что ж. Взялся советовать своим читателям правила и принципы CSS. В моей статье всего шесть советов. Но все шесть являются наиболее важными! Советовать в этой области можно очень много и нудно. Но зачем же советовать то, что и самому можно додумать? Я выбрал самые, на мой взгляд, нужные моменты для новичка. Читаем!

Читать далее »

Статья расчитана на тех, кто уже разбирается в HTML и CSS. Но, безусловно, для многих, кто не знает об этом методе, будет очень позновательной и интересной статьёй.

Если ты дизайнер, ты хочеш, что бы каждый твой дизайн был уникален и неповторим. Пытаешся нарисовать все так, что бы гарманировало, каждая деталь дополняла другую и так далее. Зачастую, нарисовав красивый заголовк для какого-либо раздела, выесняется, что заказчику надо, что бы поисковики “видели” эти категории, рубрики их названия. Как быть? Ведь если убрать это все, и поставить простой текст, то задумка дизайна уже не будет такой классной и уникальной! Получится классное оформление, а текст обычный, как говорит один мой знакомый блоггер “буденно”(с укр. повсидневно) т.е. заежжено, просто, неуникально. И вот я могу Вам представить решение. Метод называется Image replacement. Есть несколько разных способов его применения. Как работает метод Image replacement? В коде html, в том месте где вам надо вставить вашу картинку, мы ставим тег заголовка <h1></h1>- к примеру, и между ним вставляем текст Вашего будущего заголовка и в CSS прописываем нужные параметры( об этом ниже),ставиш для загловка background:url(my_img.jpg); . Итак, когда ты заходиш на сайт, то ты видеш картинку, которую ты вставил в background, а текст нет, а поисковики как раз и видят тот текст, который будет заголовком первой важности между тегами
<h1></h1>. Вот и вся технология. Очень удобно с помощью нее делать красивые заголовки картинкой, и при это не терять индексацию заголовков поисковиком.

Читать далее »