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

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

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

  • 02-07-2018
  • 3003
  • 0

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

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

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

  • 26-06-2018
  • 951
  • 0

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

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

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

  • 25-06-2018
  • 1381
  • 0

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

Урок 5 — Bootstrap

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

  • 19-06-2018
  • 2872
  • 0

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

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

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

  • 15-06-2018
  • 4287
  • 2

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

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

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

  • 14-06-2018
  • 1240
  • 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
  • 1342
  • 0

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

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

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

  • 12-06-2018
  • 1017
  • 0