Уроки верстки

Урок 8 – Первые шаги на WordPress

В прошлом уроке мы установили WordPress на хостинг и зарегистрировали домен. Для начало мы пройдемся по файлам вордпресса, чтобы понять что к чему. Из чего состоит WordPress Вот так выглядит корневая часть wordpress, все что нужно знать из этих файлов, так это wp-config.php. Изначально, если вы скачивали архив с официального сайта, то файл будет называться […]

  • 02-07-2018
  • 501
  • 0

Уроки верстки

Урок 7 – Что такое CMS

Если вы прошли все предыдущие уроки и уже потренеровались верстать какое то время, то навярняка у вас появился вопрос: – Мне каждый раз нужно лезть в код, чтобы создать еще одну страницу с контентом? Конечно нет, ведь существует CMS Сейчас существует множество CMS или “движки”, на которых можно построить сайты. Единственное что вам надо будет […]

  • 26-06-2018
  • 185
  • 0

Уроки верстки

Урок 6 – Что такое JavaScript?

В прошлых уроках мы рассмотрели основные методы верстки страницы и даже немного уже поговорили о javascript. Сегодня мы рассмотрим более подробно. Что умеет Javascript? В первую очередь, javascript умеет отслеживать действия пользователя. К примеру, клик мыши или нажатие клавиши на клавиатуре, перемещение курсора, скролл. Менять стили, добавять\удалять HTML тэги, скрывать\показывать элементы Может посылать запросы на […]

  • 25-06-2018
  • 249
  • 0

Уроки верстки

Урок 5 – Bootstrap

Что такое bootstrap? Bootstrap – это фрэймворк, библиотека готовых стилей, скриптов, которые в разы упрощает и ускоряет процесс разработки сайта. К примеру вам надо сделать простой одностраничный сайт, адаптированный под мобильную версию, где будет шапка, пару блоков с сеточной системой и подвал. Сеточная система – это когда в ряду есть несколько колонок. Пример: Как начать […]

  • 19-06-2018
  • 454
  • 0

Уроки верстки

Урок 4 – Мобильная версия

В этом уроке мы будем прописывать стили для мобильной версии. Мобильная версия определяется шириной экрана. Как определить ширину экрана с помощью CSS @media only screen and (max-width: 768px) { section h3{ font-size: 25px; } } Выше, мы задали стиль заголовку. Он сработает, если ширина устройства будет 768px или меньше Попробуем теперь преобразовать наш сайт, под […]

  • 15-06-2018
  • 307
  • 0

Уроки верстки

Урок 3 – Изучаем глубже CSS

На прошлом уроке мы приблизились к созданию веб страницы. В этом уроке мы добавим немного анимации, наполним страницу контентом и посмотрим что из этого выйдет Сделаем шапку чучуть красивее <img src=”http://inddc.in/webroot/assets/img/sample/shortcode/logo/1.png” alt=”image-name”> Чтобы не заморачиваться с лого, я просто взял первую попавшуюся картинку с гугл, скопировал ссылку и вставил в наш код. Картинка слишком большая […]

  • 14-06-2018
  • 273
  • 0

Уроки верстки

Урок 2 – Верстаем первую страничку

На прошлом уроке, мы рассмотрели основы основ, узнали, что сайт состоит из блоков, а блок это соответствующий тэг, которму мы задаем конкретные стили. Но есть определенные правила, которые следует соблюдать Из чего состоит страница сайта <!DOCTYPE html> <html> <head> <meta charset=”UTF-8″> <title> Title of the document </title> <link rel=”stylesheet” href=”css/style.css”> </head> <body> Content of the document…… </body> […]

  • 13-06-2018
  • 259
  • 0

Уроки верстки

Урок 1 – Что такое HTML, CSS

И так, вы заинтересовались разработкой сайтов и решили сделать свой. Но с чего начать? Все пути начинаются с самого простого, а в веб разработке самое простое это HTML, CSS Что такое HTML HTML – это не язык программирования, это разметка. Представьте что весь сайт состоит из прямоугольников На скриншоте я обвел красным для примера, как […]

  • 12-06-2018
  • 298
  • 0