HTML верстка на примере бизнес сайта: Урок 1 (Подготовка)

Автор Zhanna Belchenko
HTML верстка на примере бизнес сайта: Урок 1 (Подготовка)

Приветствую вас в друзья на прошлых уроках мы с вами научились рисовать такое несложный макет сайта если.

Вы только подключились к нам. А вы можете перейти по ссылке которую найдёте в описании данного видео и начинаем новую серию уроков, а в которых этот макет мы верстать то есть сделаем HTML HTML шаблон данного дизайна. Но прежде чем мы приступим непосредственно к верстке хотелось бы подготовиться немного то есть чтобы вы подготовили необходимые программы скачали модули и так, что нам понадобится для работы в первую очередь нам конечно же понадобится браузер в браузере.

Я использую Mozilla Firefox.

И вам тоже советую для разработки использовать данный браузер дали в данном у данного браузера есть различные дополнения нам понадобится такое дополнение. Как фаербаг вы можете его найти в поле поиска среди дополнений. Байбак вот ну сейчас мы его не увидим потому, что он уже установлен у меня, но вы увидите его скорее всего в самом верху данного списка просто нажмите кнопочку установить бонус так следующее дополнение которое. Нам необходимо будет установить — это Live reload. А если мы смотрим в правую часть панели браузера мы увидим такой кружок со стрелками — это плагин livereload который позволит наверстать стране не перезагружая не перезагружая страницу можно набить вбить в поиск элефлокс. Вот и перейти непосредственно на сайт саму программу скачивать нам не надо нам необходимо скачать только дополнение именно для браузера. Так мы видим заголовок старт и 4 пункт USB Browser extension нажимаем и переходим на страницу где можно скачать плагин для своего браузера Safari Chrome или Firefox если у вас возникнут трудности с поиском данного плагина можно напрямую в. Гугле например или Free Firefox мы перейдём на страничку дополнение или флот единственная надо быть очень осторожным потому, что здесь одно расширение может здесь другое. Давайте посмотрим чтобы версии совпадали. Как видим здесь нам предлагают более свежую версию скачать 2018 здесь у нас 0.6.4 поэтому этот вариант нам не подходит. Обратите внимание. Поэтому лучше всего конечно качать именно с официального сайта именно с этой страничке то есть нажимаем Firefox extension разрешить он устанавливается установить сейчас перезапустить у меня хоть и был установлен для примера я вам просто покажу как — это можно сделать всё у вас установится плагин livereload следующие действие которое. Нам необходимо будет сделать — это редактор кода я использую в своей работе саблайм текст. Вы можете использовать другие редакторы, но ни в коем случае не. Используйте блокнот стандартный блокнот Windows. И вообще стандартными средствами конечно не пользоваться. А я предпочитаю пользоваться для верстки макетов саблайм текстом, а для нас место есть для посадки на 7 мест допустим на джубгу на WordPress или на модекс на модекс конечно там другая система. Ну для посадки на какую-то тему. Я использую PHP. Шторм То есть — это два редактора которыми я пользуюсь. И вам советую за 2 профессиональных инструмента. Вы конечно можете использовать редактор brackets, что там ещё есть то есть там редакторы. Я уж не слежу за этой темой в принципе этого хватает, но брекеты достаточно сыроват я не буду сейчас описывать его достоинства и недостатки бесконечное достоинства, но тем не менее мой выбор именно полна саблайм текст после того как. Вы установили саблайм текст необходимо установить также плагина в этот редактор для этого в. Гугле вбиваем такую фразу саблайм текст extension по-моему API Control называется ну неважно мы всё равно перешли на эту страницу и нажимаем кнопочку Install Now. Если вы скачали третью версию саблайм текст вы копируете вот этот кот который находится в сером прямоугольнике на вкладке саблайм текст я же использую, что саблайм текст 2 поэтому копировать копирую вот этот кот копировать открываем саблайм текст переходим в меню overview ишоукан Soul показать консоль вставляем кот который мы скопировали и нажимаем Enter нам выдаст сообщения Please Restart саблайм текст финиш. Это значит, что нам надо перезагрузить наш редактор перезагружаем никаких дополнительных сообщений мы не увидим. Но навыки Control успешно будет и через пекедж. Контрол дали уже устанавливал необходимые плагины в первую очередь. Нам необходимо будет плагин livereload для редактора для — это нажимаем сочетание клавиш контрл Shift. Так секундочку контрл Shift P нажимаем и вводим Install install-package высвечивается онлайн ждём немного пока он законнектиться и взбиваем ли фриланс сейчас у меня нету потому, что у меня стоит ли флот для примера я могу его удалить и заново поставить для того чтобы удалить пакеты пишем Remove элефлокс он удаляет как мы видим всё перезагружаем саблайм текст и заново можем установить Live reload бейдж. Лифт в ад устанавливаем всё ли флот успешно установлен больше нам насчёт ли фреон вода то есть никаких настроек делать не надо. И обязательно плагин который нам нужно будет установить также нажимаем контрл Shift P Install и вводим имит имит — это плагин для быстрого написания HTML кода в процессе уроков мы разберём как он работает у меня опять.

0 комментариев
0

Читайте также