Войти Регистрация

Мы стоим на пороге новой эры – верстки HTML5 и CSS3. Почему на пороге? Да потому, что большинство браузеров уже поддерживают новые стандарты. Дело теперь за малым – научить всем этим пользоваться веб-дизайнеров и верстальщиков. К сожалению, люди часто не поспевают за технологиями. Многим проще делать верстку сайта по старинке, с br-ами вместо параграфов, ужасными неразрывными пробелами вместо правил CSS и зубодробительными скриптами вместо одного тэга html5. Слава богу, хоть таблицы постепенно стали заниматься своими прямыми обязанностями – представлением табличных данных.

А между тем возможности верстки по новым CSS стандартам воистину впечатляют! При помощи пары правил можно создать потрясающие эффекты – это и CSS3 анимация, и градиенты, и всевозможные тени, геометрические фигуры и выпадающие меню. Не будем забывать, что сайты, сверстанные по современным стандартам, семантически более разумны и поэтому быстрее индексируются поисковиками.

Русскоязычной информации о верстке по HTML5 и CSS3 спецификации в Сети становится все больше, но все-таки толковых и внятных материалов пока недостаточно. Этот пробел мы и стремимся восполнить, собирая в разделе «верстка сайтов» оригинальные и переводные материалы, которые будут полезны современному веб-мастеру.




Этапы создания сайта

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

Как использовать семантический HTML?

Написание HTML может показаться незатейливым делом - всего несколько div, таблица и заголовок. Однако построение семантического скелета страницы может быть затруднено, особенно если вы хотите выполнить эту задачу в соответствии со спецификацией языка.

Как изучить язык HTML?

Чем полезен язык HTML и причины, почему любой администратор сайта должен им владеть? Как его может применить простой человек, желающий иметь небольшой сайт? Основные подходы к самостоятельному изучению HTML.

Проверка мобильной версии сайта

Главная особенность нынешнего интернета — постоянно растущий мобильный трафик. Все больше людей совершают покупки и заказывают услуги с помощью телефонов. В результате важно оптимизировать сайт не только под ПК, но и под смартфоны.

Как проверить самостоятельно сайт на ошибки

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

Как быстро создать шаблон для CMS Joomla, WordPress и Drupal с помощью Artisteer 4

Создание шаблонов для CMS Joomla, WordPress и Drupal на программе Artisteer 4.

Веб-студии не любят стандарты

Что такое W3C? Почему не все хотят принимать данные рекомендованные стандарты? Действительно ли стоит следовать правилам?

HTML 5 и CSS 3 новые возможности создания веб-страниц

Рассмотрим новые и интересные возможности в использовании HTML 5 и CSS 3.

Вёрстка сайта при помощи технологии фреймов

Интересная статья из которой вы узнаете плюсы и минусы вёрстки сайтов при помощи фреймов.

Семантический CSS

В статье описывается семантическое именование классов в CSS.

Новый стандарт HTML5. Что нового?

В статье описываются нововведения в новом стандарте HTML5. Какие плюсы и проблемы появятся с выходом нового стандарта?

Новые возможности HTML 5

Статья знакомит с новыми возможностями HTML 5.

Новые возможности CSS 3

Статья знакомит с новыми возможностями языка CSS 3.

Полезные техники HTML5 (часть первая)

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

Что представляет собой CSS?

В статье дается описание CSS технологии, особенности, преимущества и недостатки.

Что представляет собой язык HTML?

В статье дается описание языка разметки гипертекста HTML.

Представление цвета в HTML-документе

При составлении HTML-документа можно задать определённый цвет его тексту и фону. В статье говорится о формах представления цветов и как правильно оформить соответствующие параметры в документе.

Обзор языка XML

В статье дается описание XML, особенности, преимущества и недостатки.

HTML5 и SEO

Приход свежей версии языка разметки HTML5 – это большой скачок в его эволюции. Какие преимущества несёт в себе этот язык для SEO и веб-строителей?

Инструменты веб-дизайнера

В статье даны общие представления о работе веб-дизайнера и инструментах, которые он использует.


Вход

Зарегистрируйтесь, если нет учетной записи

Восстановить пароль
Регистрация
Восстановить пароль
Войти в личный кабинет