Мы стоим на пороге новой эры – верстки 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.
Интересная статья из которой вы узнаете плюсы и минусы вёрстки сайтов при помощи фреймов.
В статье описывается семантическое именование классов в CSS.
В статье описываются нововведения в новом стандарте HTML5. Какие плюсы и проблемы появятся с выходом нового стандарта?
Статья знакомит с новыми возможностями HTML 5.
Статья знакомит с новыми возможностями языка CSS 3.
О новом стандарте разметки страниц - HTML5 - наслышаны все, но в чем конкретно его новшество, и, самое главное, как его использовать по-назначению? В этом цикле статей будут описываться основные приемы HTML5, чтобы пролить свет на назначение новых элементов и модификацию уже имеющихся, согласно технологии HTML5.
В статье дается описание CSS технологии, особенности, преимущества и недостатки.
В статье дается описание языка разметки гипертекста HTML.
При составлении HTML-документа можно задать определённый цвет его тексту и фону. В статье говорится о формах представления цветов и как правильно оформить соответствующие параметры в документе.
В статье дается описание XML, особенности, преимущества и недостатки.
Приход свежей версии языка разметки HTML5 – это большой скачок в его эволюции. Какие преимущества несёт в себе этот язык для SEO и веб-строителей?
В статье даны общие представления о работе веб-дизайнера и инструментах, которые он использует.