Большое руководство по созданию структуры и планированию контента для веб-сайта

Итак, вы решили быть последовательными и начать разработку сайта с самого важного и фундаментального этапа — со структуры и контента. Ок, значит, вы попали в правильное место, где мы собрали для вас инструкции и эффективные советы как это лучше всего сделать и с чего начать. Да пребудет с вами сила, так как такой фундаментальный гид за один присест вряд ли удастся осилить.

Читать далее «Большое руководство по созданию структуры и планированию контента для веб-сайта»

Секционирование документов HTML5

HTML придает особый вид тексту путем деления его на логические блоки и их определения на веб-странице: например, основное значение тега h1 — создать заголовок, предшествующий основному содержимому страницы. Заголовки второго, третьего уровней и т. д. — подзаголовки — позволяют делить содержимое страниц на менее важные, но связанные разделы. У веб-страницы, как у книги, которую вы держите в руках, должна быть логическая структура. У каждой главы этой книги есть заголовок (отформатированный, например, тегом h1), а также несколько разделов и, соответственно, подзаголовков (например, с тегом h2), которые, в свою очередь, содержат подразделы с заголовками более низкого уровня. Представьте, насколько сложнее было бы читать эту книгу, если бы весь текст состоял из одного длинного абзаца, без деления на разделы, подразделы, пункты, без выделения примечаний, гиперссылок и т. д.
Читать далее «Секционирование документов HTML5»

Заметки верстальщика: Полезные расширения Google Chrome в 2019 году

В моем браузере установлено около 30 расширений, которые упрощают жизнь и работу в интернете. В этой статье я хочу поделиться 10 актуальными расширениями Google Chrome для верстальщика, которые постоянно использую при разработке сайтов.
Читать далее «Заметки верстальщика: Полезные расширения Google Chrome в 2019 году»

Альтернатива Bootstrap

В течение долгого времени Bootstrap был одним из самых популярных front-end фреймворков в ТОПе многих разработчиков. Когда дело доходит до проектирования великолепных интерфейсов веб-сайтов, найдётся не много фреймворков, подобных Bootstrap. Почитателей Bootstrap действительно много и это второй из звездных проектов на GitHub с более чем 127 000 отзывов на сентябрь 2018 года. Bootstrap, несомненно, поражает своими возможностями, но есть другие фреймворки, которые могут быть именно для вас достаточно хороши. Здесь приведены 10 лучших альтернатив, которые необходимо обязательно «поюзать».

Почему нужно обратить внимание на эти альтернативы? Ответ на этот вопрос поищите здесь.

Читать далее «Альтернатива Bootstrap»

Что такое лэндинг и зачем он нужен?

При поиске информации о том, как создать сайт, мы часто сталкиваемся с термином «лендинг». Еще его называют одностраничный сайт, посадочная страница или landing page. Что это такое? Давайте разберемся.

Лендинг — это любая страница с призывом к конкретному действию. Подписаться на рассылку, купить сумку, оставить контактные данные или зарегистрироваться на конференцию.
Читать далее «Что такое лэндинг и зачем он нужен?»

Как сделать сайт без кодирования

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


Читать далее «Как сделать сайт без кодирования»

Осваиваем инструмент для курса «Инструментальные средства Web-разработки» — WebStorm

WebStorm – среда для разработки на JavaScript, которая подходит для client-side-разработки, создания приложений на Node.js и мобильных приложений на React Native.

Главное достоинство WebStorm – это удобный и умный редактор для JavaSсript, HTML и CSS, который также поддерживает TypeScript, CoffeeScript, Dart, Less, Sass и Stylus и фреймворки, например, Angular, React и Vue.js.
Читать далее «Осваиваем инструмент для курса «Инструментальные средства Web-разработки» — WebStorm»

Осваиваем инструмент для курса «Инструментальные средства Web-разработки» — PhpStorm

PhpStorm — это профессиональная кросс-платформенная среда разработки от компании JetBrains написанная на языке JAVA. Это по настоящему мощная и компактная IDE предназначенная для программирования на таких языках как: PHP и JavaScript. Эта среда будет нашим основным инструментов для блока Back-end разработки Web-систем.
Читать далее «Осваиваем инструмент для курса «Инструментальные средства Web-разработки» — PhpStorm»

HTML5 — видеосюжеты

Какие бывают META теги и зачем они нужны

META-теги

META-теги — это необязательные атрибуты, размещенные в заголовке страницы, которые могут содержать ее описание, ключевые слова к ней, информацию об авторе, управляющие команды для броузера и поисковых роботов, и прочую служебную информацию, не предназначенную для посетителей.
 
Читать далее «Какие бывают META теги и зачем они нужны»