HTML и CSS

google fonts

Как подключить Google Fonts к сайту?

В этом уроке мы с вами поговорим о том, как можно подключить нестандартный шрифт к своему сайту и использовать его на нем. Ведь использование красивых, нестандартных шрифтов кардинально влияет на красоту и внешний вид.

text-shadow

Как сделать текст с тенью на CSS

Многие веб-дизайнеры при создании макета сайта, любят задавать для текста различные эффекты, такие как текстовая тень. Потому что это очень сильно улучшает внешний вид сайта. Верстальщикам же, для реализации текста с тень, раньше приходилось этот текст растрировать и использовать на сайте в виде обычного изображения. Но с приходом CSS3 все кардинально изменилось. Теперь появилось новое свойство text-shadow, с помощью которого можно задавать тень для текста.

Как сделать выпадающее меню

Как сделать выпадающее меню на CSS

В данном видеоуроке у нас речь пройдет про создание горизонтального, выпадающего меню. Делать мы его будем на чистом CSS, без использования jQuery. Что гарантирует нам нормальную работу данного меню даже в тех браузерах, где отключена поддержка JavaScript.

Колонки одинаковой высоты

Колонки одинаковой высоты

Очень часто, при верстке сайтов, возникает необходимость создать колонки одинаковой высоты, т.е. независимо от того, сколько контента содержится в каждом блоке, все эти блоки должны равномерно растягиваться по вертикали и иметь равную высоту. В данном видеоуроке, мы с вами поговорим о так, как этого легко можно добиться.

HTML DOCTYPE

Какой DOCTYPE выбрать?

Многие начинающие верстальщики задают вопрос: Какой DOCTYPE использовать при верстке страницы? И не зная ответа, они либо просто копируют его с какого-нибудь сайта, либо не задумываясь оставляют тот DOCTYPE, который им по умолчанию прописал HTML-редактор в котором они работают. Поэтому задача данной статьи, научить вас выбрать правильный DOCTYPE.

Чем отличается XHTML от HTML

Чем отличается XHTML от HTML?

При верстке страницы вы должны определить, какой из стандартов будете использовать: HTML или XHTML. Для этого надо четко понимать, в чем их разница. Вообще, основное отличие XHTML состоит в более строгом синтаксисе т.к. он основан на XML.

Почему изображение не отображается

Почему изображение не отображается на сайте?

Эту статью я написал для новичков, которые только еще начинают изучать HTML. Но уже на этом этапе сталкиваются с кучей вопросов и один из них это: «Почему изображение не отображается на сайте?». В данной статье, я как раз таки постараюсь описать наиболее частые причины этого возникновения.

Firebug: как пользоваться

Firebug: как пользоваться

Firebug – это расширение для браузера Mozilla Firefox, которое является одним из самых полезных инструментов для любого веб-дизайнера или верстальщика. Благодаря ему, мы можем значительно снизить время нахождения или редактирования требуемого участка HTML кода, либо же CSS стилей.

Как создать favicon для сайта

Как создать favicon для сайта

Favicon (от англ. Favorites Icon) — это значок сайта. Он отображается браузером в углу вкладки, в которой открыт сайт, а также используется в качестве иконки в закладках. Если у вас не установлен favicon, то браузер на его месте выведет стандартную иконку. Поэтому, лучше установить фавикон на своем сайте или блоге т.к. во-первых, он привлекает дополнительное внимание, во-вторых, он будет являться неким отличительным знаком, по которому посетители смогут легко узнать ваш сайт.

Наверх

Скачивание материалов доступно
только подписчикам!

Если вы подпишитесь, то сможете сразу же получить доступ ко всем материалам этого блога

Подписка бесплатная и займет у вас
не более 1 минуты

Получение доступа к материалам

Для получения доступа, заполните форму ниже. Введите свое настоящее имя и e-mail

« Вернуться назад

Проверьте свой почтовый ящик

и подтвердите подписку

После этого вы сразу же получите доступ ко всем материалам этого блога

Введите e-mail, который вы указывали при подписке

Мы проверим его по базе подписчиков и если вы на самом деле подписывались, то доступ для вас сново будет открыт

« Вернуться назад