Верстка дизайна сайта, уроки html и css верстки :: Дизайн Мания
 

 

Еще статьи раздела Верстка

Продолжение статей из категории Верстка.

Текстовые эффекты с помощью свойства text-shadow в CSS3

Раньше создать интересные текстовые эффекты, например, сложную тень (самая банальная тень не в счет) можно было только силами графического редактора, вроде Adobe Photoshop, и то, как понимаете на выходе можно было получить только картинку в формате .gif, .png или .jpg. Но с развитием стандартов ситуация меняется. Уже сейчас CSS3 открывает головокружительные возможности оформления для веб-мастера, […]

комментариев 5

Оформляем гиперссылку, советы по оформлению ссылок

Гиперссылка — базовый, основополагающий элемент не только любого сайта, но и Интернета в целом (без ссылок Интернет был бы чем-то иным). Гиперссылки окружают нас везде, наверное, поэтому веб-мастера начали относиться к оформлению ссылок халатно, а ведь гиперссылка — важнейшая, требующая к себе внимания вещь. В данной статье я решил подготовить для вас ряд советов и […]

комментариев 11

Полезные советы по HTML верстке. Часть 2

Последние несколько лет наметились положительные сдвиги в вопросе веб-стандартов. Сейчас уже не тот разброд и шатания что на заре интернета. Браузеры подравниваются в плане совместимости, современные CMS так же в большинстве своем так же прислушиваются к рекомендациям W3C. В общем, потихонечку дело идет к тому что когда-нибудь (возможно через много лет) мы, может быть, будем […]

комментария 3

Вредные привычки HTML верстки

Давно в Дизайн Мании не было статей по тематике верстки, которая весьма и весьма актуальна для многих вебмастеров. Сегодняшний пост можно назвать в какой-то степени «обучающим» и полезным не только для начинающих верстальщиков, но и бывалых работников, которые не застрахованы от таких простых, но ненужных ошибок при HTML верстке. Вообще правильнее сказать даже не ошибки, […]

комментариев 9

Уроки верстки – CSS подмена текста картинкой

Продолжаем уроки верстки. Захотелось мне как-то для своего литературного блога сделать красивый, оригинальный заголовок. Понятно, что реализовать такое было реально только с использованием красивых шрифтов, я взял подборку, опубликованную когда-то на Дизайн Мании — красивые русские шрифты. Разместил на сайте без проблем. Но меня слегка смутило отсутствие текстового заголовка, в частности с точки зрения поисковых […]

комментариев 7

Программы для верстки и отладки под Internet Explorer

Могу поспорить, что Internet Explorer — самый любимый браузер всех веб-разработчиков и верстальщиков на земле! Именно поэтому мы так часто проверяем как в нем отображается тот или иной дизайн. Ведь знаем — любимый браузер может интерпретировать написанный код так хорошо, что мы уже привыкли видеть самые неожиданные результаты:) Ок, шутки в сторону, вернемся к теме […]

комментариев 7

Как сделать большой фон для сайта через CSS

В последнее время большие фоновые изображения в блогах или сайтах стали достаточно популярными. Оно и не удивительно — классно подобранный фон может послужить основным источником восприятия того или иного проекта, ведь давно известно, что посетитель составляет свое впечатление о сайте в первые 10 секунд. Предлагаю ознакомиться с несколькими CSS техниками для создания большого фонового изображения […]

комментария 52

Кликабельный логотип или ссылка поверх изображения

Сегодня расскажу немного о верстке, HTML и CSS. Товарищи, верстальщики просьба не судить строго, поскольку я сам таковым не являюсь, а лишь немного знакомлюсь с теми или иными нюансами этого нелегкого дела по мере необходимости. Задача следующая. В шапке сайта имеется цельное изображение, на котором располагается логотип. Требуется сделать его кликабельным, чтобы при клике мы […]

комментариев 49

Фон для сайта (свойство CSS background)

Если вы заметили, слегка приукрасил Дизайн Манию, добавил текстуры в фон. Сразу же появилась идея рассказать вам как именно мне удалось это сделать. Открываю данным постом рубрику «Верстка» раздела «Веб-дизайн». В данной категории планирую публиковать статьи, заметки, рекомендации и уроки по HTML, CSS, а также, возможно, JavaScript. Материал постараюсь размещать простой и с пояснениями, чтобы […]

комментарий 81