Статьи об HTML верстке сайтов

Семантическая верстка: понятие и примеры семантического кода

Если вы тот, кто использует div теги для всего что есть на сайте, эта статья для вас. Мы сфокусируемся на том, как писать чистый семантический HTML код, используя валидную разметку. Вы увидите на практике, как можно минимизировать количество div тегов в вашем HTML коде. Вы научитесь семантической верстке не только в теории, но и на примерах. Написание правильных семантических шаблонов упрощает жизнь не только себе, но и команде в целом. Ну и проще для браузеров, которые интерпретируют код. Чем меньше кода, тем быстрее грузиться страница. Это также позволяет сохранить время и простоту понимания кода, при создании больших проектов. Другими словами, семантическая верстка – это необходимое условие создания качественного сайта.

Как написать SEO сайт?

Всегда получается, что SEO для веб дизайнера, как головная боль. Лучше его оставить для кодеров или аналитиков. Но в той статье, мы сможем быстро разобраться, как создать seo шаблон. Уделив 5 минут внимания этой статье, вы научитесь писать seo сайты, которые будут в разы эффективнее.

Скрипт слайдера картинок: JS + HTML + CSS Сегодня мы научимся создавать слайдер картинок для вашего сайта, который будет компактным, быстрым и надежным. Весить такой скрипт будет около 2kb (JavaScript код). Разрешение слайдера будет 380 x 240. При желании вы сможете поменять на свое. Этот скрипт тестировался на кроссбраузерность в: IE, FireFox, Chrome, Opera.

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

Создание wordpress шаблона: продолжение В этой статье мы добавим к нашей wordpress теме сайдбар и архив, чтобы пользователи имели возможность читать ранее добавленные посты. В первой части статьи о создании шаблона worpress, мы также упоминали о single.php и комментариях, которые мы реализуем по ходу действий. Наверняка по ходу чтения статьи у вас появятся идеи, как добавлять виджеты и другие полезные wordpress штучки в разные области шаблона. Начнем?

Как создать wordpress шаблон, создаем wordpress тему В этой статье мы узнаем, как создать wordpress тему. Для начала мы создадим HTML + CSS шаблон, который поместим в структуру wordpress темы. После того, как вы дочитаете эту статью, вы сможете создать собственный шаблон для wordpress, а точнее вы его создадите по ходу чтения и выполнения практических заданий. Вы будете знать как устроена тема и сможете самостоятельно реализовать ядро wordpress темы из других HTML/CSS шаблонов. Начнем?

PHP парсинг HTML, с помощью simple HTML DOM Если вам необходимо сделать парсинг HTML документа, регулярные выражения не наилучший способ для этого. К тому же их написание, трудоемкий процесс, и они уменьшают скорость работы PHP приложения. В этой статье, вы узнаете, как использовать свободный парсер HTML, для чтения, изменения, извлечения некоторых DOM элементов из HTML страниц. Причем, HTML ресурсом может быть внешний источник.

Коды символов ASCII: таблицы, понятие, применение Часто бывает, в практике создания веб приложений, или при создании дизайна необходимо вставить какой-то спецсимвол, например копирайт, авторское право, стрелочку и т.д. Для этого пользуются ascii кодами, которые, вставляют в контекст исходного кода HTML. При выводе они отображаются как нормальные символы. В данной статье, ознакомимся с кодами символов ascii и научимся их применять при разработке сайтов.