Главная / Верстка сайта (page 2)

Верстка сайта

Вёрстка веб-страниц — создание структуры html-кода, размещающего элементы веб-страницы (изображения, текст и т. д.) в окне браузера, согласно разработанному макету, таким образом, чтобы элементы дизайна выглядели аналогично макету.

Как сделать, чтобы ссылки открывались в новом окне или на новой вкладке

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

Читать далее »

Bootstrap vs Foundation — два основных CSS-фреймворка

В этой статье мы сравним два фреймворка: Bootstrap и Foundation. Подробнее о том, как использование фреймворка может ускорить и упростить процесс разработки, можно прочитать ниже: Что такое CSS Framework? Разработка сайта или приложения может потребовать много времени и усилий. CSS-фреймворки обычно используются разработчиками и веб-дизайнерами как инструмент для ускорения рабочего ...

Читать далее »

Как с помощью Bootstrap 3 создать несколько адаптивных столбцов

Хотели бы вы улучшить адаптивность своего сайта с помощью Бутстрап? Важнейшим аспектом этого фреймворка является его базовая сетка с 12 колонками, которая используется для создания гибкого шаблона. Мы создадим простой сайт с использованием Bootstrap и научимся использовать его сетку. Перед выполнением руководства Прежде чем следовать приведенному ниже руководству нужно: Иметь ...

Читать далее »

Стили для поля загрузки файла

Разработчики часто сталкиваются с ситуацией, когда сложно обеспечить, чтобы input type file в форме выглядело одинаково в разных браузерах. Или чтобы стиль кнопки «Выбрать файл» соответствовал общим стилям сайта. В этой статье мы рассмотрим пример на JQuery, CSS и HTML для создания настраиваемого пользовательского интерфейса загрузки файлов, который выглядит одинаково ...

Читать далее »

Создание простого адаптивного меню навигации с помощью CSS

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

Читать далее »